vue-data-ui 3.25.4 → 3.25.6

package/dist/{vue-ui-sparkline-Dv7XrEzO.js → vue-ui-sparkline-CSZGBFfI.js}

@@ -2,7 +2,7 @@ import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { A as t, H as n, Ht as r, I as i, L as a, N as o, P as s, Pt as c, S as l, St as u, U as d, Ut as f, V as p, Wt as m, X as ee, Zt as te, at as ne, d as re, ht as ie, i as ae, k as oe, kt as se, m as ce, nt as le, q as ue, st as de, t as fe } from "./lib-Dql7cqyA.js";
 import { n as pe, t as me } from "./useHints-Dq_w2E8B.js";
 import { t as h } from "./useTimeLabels-d2f-W1L4.js";
-import { t as he } from "./useConfig-CyCVHo81.js";
+import { t as he } from "./useConfig-CIQZ6_r7.js";
 import { n as ge, t as _e } from "./BaseScanner-DZvpgOjM.js";
 import { t as ve } from "./useNestedProp-Chvyfpl-.js";
 import { t as ye } from "./useThemeCheck-C43Tcqmk.js";
@@ -13,16 +13,16 @@ import { t as we } from "./A11yDataTable-DdRsVULz.js";
 import { t as Te } from "./useChartAccessibility-DYqac8yF.js";
 import { t as Ee } from "./usePrefersMotion-BC-CsqR1.js";
 import { t as De } from "./vue_ui_sparkline-auZhap6Y.js";
-import { Fragment as g, computed as _, createBlock as Oe, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createTextVNode as ke, createVNode as Ae, defineAsyncComponent as je, guardReactiveProps as Me, nextTick as x, normalizeProps as Ne, normalizeStyle as S, onBeforeUnmount as Pe, onMounted as Fe, openBlock as C, ref as w, renderList as T, renderSlot as E, shallowRef as Ie, toDisplayString as Le, toRefs as Re, unref as D, watch as O, watchEffect as ze, withCtx as Be } from "vue";
+import { Fragment as g, computed as _, createBlock as Oe, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createTextVNode as ke, createVNode as Ae, defineAsyncComponent as je, guardReactiveProps as Me, nextTick as x, normalizeProps as Ne, normalizeStyle as S, onBeforeUnmount as Pe, onMounted as Fe, openBlock as C, ref as w, renderList as T, renderSlot as Ie, shallowRef as Le, toDisplayString as Re, toRefs as ze, unref as E, watch as D, watchEffect as Be, withCtx as Ve } from "vue";
 //#region src/atoms/SparklinePulse.vue
-var Ve = {
+var He = {
 	key: 0,
 	style: { "pointer-events": "none" }
-}, He = [
+}, Ue = [
 	"r",
 	"fill",
 	"filter"
-], Ue = [
+], We = [
 	"begin",
 	"dur",
 	"repeatCount",
@@ -31,12 +31,12 @@ var Ve = {
 	"keySplines",
 	"keyTimes",
 	"keyPoints"
-], We = ["href"], Ge = [
+], Ge = ["href"], Ke = [
 	"dur",
 	"repeatCount",
 	"fill",
 	"values"
-], Ke = ["r", "fill"], k = [
+], qe = ["r", "fill"], O = [
 	"begin",
 	"dur",
 	"repeatCount",
@@ -44,7 +44,7 @@ var Ve = {
 	"keySplines",
 	"keyTimes",
 	"keyPoints"
-], qe = ["href"], A = ["dur", "repeatCount"], Je = {
+], Je = ["href"], k = ["dur", "repeatCount"], Ye = {
 	__name: "SparklinePulse",
 	props: {
 		uid: {
@@ -132,17 +132,17 @@ var Ve = {
 			let r = t.pulse.trail.opacity, i = (n.value - e) / n.value, a = e === 0 ? 1 : i * r;
 			return `0;${a};${a};0`;
 		}
-		return O(() => t.loading, async (e) => {
+		return D(() => t.loading, async (e) => {
 			if (e) {
 				i();
 				return;
 			}
 			await x(), i();
-		}), O(() => t.pulsePathId, async () => {
+		}), D(() => t.pulsePathId, async () => {
 			await x(), i();
 		}), Pe(() => {
 			i();
-		}), (t, i) => r.value ? (C(), y("g", Ve, [(C(!0), y(g, null, T(n.value, (t, n) => (C(), y(g, null, [n % 3 == 0 ? (C(), y("circle", {
+		}), (t, i) => r.value ? (C(), y("g", He, [(C(!0), y(g, null, T(n.value, (t, n) => (C(), y(g, null, [n % 3 == 0 ? (C(), y("circle", {
 			key: `sparkline_dot_${n}_${e.pulsePathId}`,
 			r: o(n),
 			fill: e.pulse.color,
@@ -158,14 +158,14 @@ var Ve = {
 			keyTimes: e.pulseMotion.keyTimes || void 0,
 			keyPoints: e.pulseKeyPoints,
 			rotate: "auto"
-		}, [b("mpath", { href: `#${e.pulsePathId}` }, null, 8, We)], 8, Ue), b("animate", {
+		}, [b("mpath", { href: `#${e.pulsePathId}` }, null, 8, Ge)], 8, We), b("animate", {
 			attributeName: "opacity",
 			dur: e.pulseDur,
 			repeatCount: e.pulseRepeatCount,
 			fill: e.pulseFillMode,
 			values: s(n),
 			keyTimes: "0;0.1;0.9;1"
-		}, null, 8, Ge)], 8, He)) : v("", !0)], 64))), 256)), (C(), y("circle", {
+		}, null, 8, Ke)], 8, Ue)) : v("", !0)], 64))), 256)), (C(), y("circle", {
 			key: `sparkline_halo_${e.pulsePathId}`,
 			r: Math.max(e.pulse.radius * 1.3),
 			fill: e.pulse.color,
@@ -179,36 +179,36 @@ var Ve = {
 			keyTimes: e.pulseMotion.keyTimes || void 0,
 			keyPoints: e.pulseKeyPoints,
 			rotate: "auto"
-		}, [b("mpath", { href: `#${e.pulsePathId}` }, null, 8, qe)], 8, k), b("animate", {
+		}, [b("mpath", { href: `#${e.pulsePathId}` }, null, 8, Je)], 8, O), b("animate", {
 			attributeName: "opacity",
 			values: "0;0.35;0.35;0",
 			keyTimes: "0;0.15;0.85;1",
 			dur: e.pulseDur,
 			repeatCount: e.pulseRepeatCount
-		}, null, 8, A)], 8, Ke))])) : v("", !0);
+		}, null, 8, k)], 8, qe))])) : v("", !0);
 	}
-}, j = {
+}, Xe = {
 	canvas: null,
 	ctx: null
 };
-function Ye() {
+function Ze() {
 	if (typeof document > "u") throw Error("color-utils: document is not available (browser-only).");
-	if (!j.canvas) {
+	if (!Xe.canvas) {
 		let e = document.createElement("canvas");
 		e.width = 1, e.height = 1;
 		let t = e.getContext("2d", { willReadFrequently: !0 });
 		if (!t) throw Error("color-utils: unable to get 2D canvas context.");
-		j.canvas = e, j.ctx = t;
+		Xe.canvas = e, Xe.ctx = t;
 	}
-	return j.ctx;
+	return Xe.ctx;
 }
-function Xe(e) {
+function Qe(e) {
 	return e < 0 ? 0 : e > 255 ? 255 : Math.round(e);
 }
-function M(e) {
+function A(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-function N(e, t = null) {
+function j(e, t = null) {
 	if (typeof e != "string" || e.trim().length === 0) throw Error("colorToRgba: inputColor must be a non-empty string.");
 	let n = e.trim();
 	if (n.toLowerCase() === "transparent") return {
@@ -217,10 +217,10 @@ function N(e, t = null) {
 		blue: 0,
 		alpha: 0
 	};
-	let r = Ze(n, t), i = Ye();
+	let r = N(n, t), i = Ze();
 	i.clearRect(0, 0, 1, 1), i.fillStyle = "#000";
 	let a = i.fillStyle;
-	if (i.fillStyle = r, i.fillStyle === a && !Qe(r)) throw Error(`colorToRgba: unsupported or invalid color "${e}".`);
+	if (i.fillStyle = r, i.fillStyle === a && !$e(r)) throw Error(`colorToRgba: unsupported or invalid color "${e}".`);
 	i.fillRect(0, 0, 1, 1);
 	let o = i.getImageData(0, 0, 1, 1).data;
 	return {
@@ -230,35 +230,35 @@ function N(e, t = null) {
 		alpha: o[3] / 255
 	};
 }
-function P(e, t = null) {
+function M(e, t = null) {
 	if (!Array.isArray(e) || e.length === 0) throw Error("colorsToRgba: colors must be a non-empty array.");
 	let n = Array(e.length);
-	for (let r = 0; r < e.length; r += 1) n[r] = N(e[r], t);
+	for (let r = 0; r < e.length; r += 1) n[r] = j(e[r], t);
 	return n;
 }
-function Ze(e, t = null) {
+function N(e, t = null) {
 	return e !== "currentColor" || typeof window > "u" || !t ? e : window.getComputedStyle(t).color || e;
 }
-function Qe(e) {
+function $e(e) {
 	let t = e.trim().toLowerCase();
 	return t === "black" || t === "#000" || t === "#000000" || t === "rgb(0, 0, 0)" || t === "rgba(0, 0, 0, 1)" || t === "rgba(0, 0, 0, 0)";
 }
-function F(e) {
-	let t = M(e / 255);
+function P(e) {
+	let t = A(e / 255);
 	return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
 }
-function I(e) {
-	let t = M(e), n;
-	return n = t <= .0031308 ? t * 12.92 : 1.055 * t ** (1 / 2.4) - .055, Xe(n * 255);
+function F(e) {
+	let t = A(e), n;
+	return n = t <= .0031308 ? t * 12.92 : 1.055 * t ** (1 / 2.4) - .055, Qe(n * 255);
 }
-function $e(e, t, n, r) {
-	let i = M(n);
+function I(e, t, n, r) {
+	let i = A(n);
 	if (r === "linearRGB") {
-		let n = F(e.red), r = F(e.green), a = F(e.blue), o = F(t.red), s = F(t.green), c = F(t.blue), l = n + (o - n) * i, u = r + (s - r) * i, d = a + (c - a) * i;
+		let n = P(e.red), r = P(e.green), a = P(e.blue), o = P(t.red), s = P(t.green), c = P(t.blue), l = n + (o - n) * i, u = r + (s - r) * i, d = a + (c - a) * i;
 		return {
-			red: I(l),
-			green: I(u),
-			blue: I(d),
+			red: F(l),
+			green: F(u),
+			blue: F(d),
 			alpha: e.alpha + (t.alpha - e.alpha) * i
 		};
 	}
@@ -282,16 +282,16 @@ function R(e, t) {
 function z(e) {
 	return Number.isFinite(e) ? e.toString() : "0";
 }
-function et(e) {
+function B(e) {
 	let t = L(e, 0, 255).toString(16);
 	return t.length === 1 ? "0" + t : t;
 }
-function tt(e) {
+function et(e) {
 	if (typeof e != "string") return;
 	let t = Number.parseFloat(e);
 	return Number.isFinite(t) ? t : void 0;
 }
-function nt(e, t, n, r = !0) {
+function tt(e, t, n, r = !0) {
 	let i = n - t;
 	if (i === 0) return 0;
 	let a = (e - t) / i;
@@ -299,35 +299,35 @@ function nt(e, t, n, r = !0) {
 }
 //#endregion
 //#region src/SPG/index.js
-var rt = "http://www.w3.org/2000/svg";
-function it(e) {
+var V = "http://www.w3.org/2000/svg";
+function nt(e) {
 	if (typeof document > "u") throw Error("SvgPathGradientAsync: document is not available (browser-only implementation).");
-	let t = document.createElementNS(rt, "svg");
+	let t = document.createElementNS(V, "svg");
 	t.setAttribute("width", "0"), t.setAttribute("height", "0"), t.setAttribute("viewBox", "0 0 0 0"), t.style.position = "absolute", t.style.left = "-10000px", t.style.top = "-10000px", t.style.visibility = "hidden", t.style.pointerEvents = "none";
-	let n = document.createElementNS(rt, "path");
+	let n = document.createElementNS(V, "path");
 	return e === "M " && (e = "M 0,0"), n.setAttribute("d", e), t.appendChild(n), document.body.appendChild(t), {
 		svgElement: t,
 		pathElement: n
 	};
 }
-function at(e) {
+function H(e) {
 	if (e) try {
 		e.svgElement?.remove?.();
 	} catch {}
 }
-function ot(e, t, n) {
+function rt(e, t, n) {
 	if (typeof n == "number" && n > 0) return n;
 	let r = t * .75;
 	r < .5 && (r = .5), r > 8 && (r = 8);
 	let i = e / 2;
 	return r > i && i > 0 && (r = i), r <= 0 && (r = 1), r;
 }
-function st(e, t, n) {
+function it(e, t, n) {
 	if (typeof t == "number" && t >= 1) return Math.floor(t);
 	let r = Math.ceil(e / (typeof n == "number" && n > 0 ? n : 2));
 	return r < 1 ? 1 : r;
 }
-function ct(e, t, n, r, i, a) {
+function at(e, t, n, r, i, a) {
 	let o = n - t, s = Math.ceil(o / r) + 1;
 	s < 2 && (s = 2), s > a && (s = a);
 	let c = s > 1 ? o / (s - 1) : 0, l = e.getPointAtLength(t), u = `M ${z(R(l.x, i))} ${z(R(l.y, i))}`;
@@ -337,7 +337,7 @@ function ct(e, t, n, r, i, a) {
 	}
 	return u;
 }
-function lt(e, t, n, r, i, a) {
+function ot(e, t, n, r, i, a) {
 	let o = n - t, s = Math.ceil(o / r) + 1;
 	s < 2 && (s = 2), s > a && (s = a);
 	let c = s > 1 ? o / (s - 1) : 0, l = e.getPointAtLength(t), u = l.x, d = l.x, f = l.y, p = l.y, m = `M ${z(R(l.x, i))} ${z(R(l.y, i))}`;
@@ -355,7 +355,7 @@ function lt(e, t, n, r, i, a) {
 		}
 	};
 }
-function ut(e) {
+function st(e) {
 	if (e.length === 1) return [{
 		position: 0,
 		rgba: e[0]
@@ -367,21 +367,21 @@ function ut(e) {
 	};
 	return t;
 }
-function B(e, t, n, r) {
+function ct(e, t, n, r) {
 	let i = L(t, 0, 1), a = 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 U(V(o.rgba, s.rgba, l, n));
+	return dt(lt(o.rgba, s.rgba, l, n));
 }
-function V(e, t, n, r) {
+function lt(e, t, n, r) {
 	let i = L(n, 0, 1);
 	if (r === "linearRGB") {
-		let n = dt(e.red), r = dt(e.green), a = dt(e.blue), o = dt(t.red), s = dt(t.green), c = dt(t.blue), l = n + (o - n) * i, u = r + (s - r) * i, d = a + (c - a) * i;
+		let n = U(e.red), r = U(e.green), a = U(e.blue), o = U(t.red), s = U(t.green), c = U(t.blue), l = n + (o - n) * i, u = r + (s - r) * i, d = a + (c - a) * i;
 		return {
-			red: H(l),
-			green: H(u),
-			blue: H(d),
+			red: ut(l),
+			green: ut(u),
+			blue: ut(d),
 			alpha: e.alpha + (t.alpha - e.alpha) * i
 		};
 	}
@@ -392,50 +392,50 @@ function V(e, t, n, r) {
 		alpha: e.alpha + (t.alpha - e.alpha) * i
 	};
 }
-function dt(e) {
+function U(e) {
 	let t = L(e / 255, 0, 1);
 	return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
 }
-function H(e) {
+function ut(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 U(e) {
+function dt(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 ? `#${et(n)}${et(r)}${et(i)}` : `rgba(${n}, ${r}, ${i}, ${R(t, 4).toString()})`;
+	return t >= 1 ? `#${B(n)}${B(r)}${B(i)}` : `rgba(${n}, ${r}, ${i}, ${R(t, 4).toString()})`;
 }
 function ft(e) {
-	let t = `fill="${W(e.fill ?? "none")}"`, n = Object.keys(e);
+	let t = `fill="${K(e.fill ?? "none")}"`, n = Object.keys(e);
 	for (let r = 0; r < n.length; r += 1) {
 		let i = n[r];
 		if (i === "stroke" || i === "d") continue;
 		let a = e[i];
-		t += ` ${i}="${W(a)}"`;
+		t += ` ${i}="${K(a)}"`;
 	}
 	return t;
 }
-function pt(e, t, n) {
-	return `<path d="${W(e)}" stroke="${W(t)}" ${n} />`;
+function W(e, t, n) {
+	return `<path d="${K(e)}" stroke="${K(t)}" ${n} />`;
 }
-function mt(e) {
+function G(e) {
 	let t = [], n = e.segmentAttributeMap.fill ?? "none";
-	t.push(`fill="${W(n)}"`), t.push(`stroke="${W(e.stroke)}"`);
+	t.push(`fill="${K(n)}"`), t.push(`stroke="${K(e.stroke)}"`);
 	for (let n of Object.keys(e.segmentAttributeMap)) {
 		if (n === "stroke" || n === "d") continue;
 		let r = e.segmentAttributeMap[n];
-		t.push(`${n}="${W(r)}"`);
+		t.push(`${n}="${K(r)}"`);
 	}
-	return `<path d="${W(e.pathData)}" ${t.join(" ")} />`;
+	return `<path d="${K(e.pathData)}" ${t.join(" ")} />`;
 }
-function ht(e, t) {
+function pt(e, t) {
 	let n = [];
-	for (let e of Object.keys(t)) n.push(`${e}="${W(t[e])}"`);
+	for (let e of Object.keys(t)) n.push(`${e}="${K(t[e])}"`);
 	return `<g data-svg-path-gradient="true"${n.length ? " " + n.join(" ") : ""}>${e.join("")}</g>`;
 }
-function W(e) {
+function K(e) {
 	return String(e).replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
 }
-function gt(e, t = null, n = {}) {
+function mt(e, t = null, n = {}) {
 	return new Promise((r, i) => {
 		let a = null;
 		try {
@@ -443,16 +443,16 @@ function gt(e, t = null, n = {}) {
 			let i = n.temperatureMode ?? null;
 			if (i === null && (!Array.isArray(t) || t.length === 0)) throw Error("SvgPathGradientAsync: colors must be a non-empty array when temperatureMode is not enabled.");
 			if ((n.returnMode ?? "string") !== "string") throw Error("SvgPathGradientAsync: only returnMode=\"string\" is supported for the async version.");
-			let o = typeof n.decimalPlaces == "number" ? n.decimalPlaces : 3, s = typeof n.flattenTolerance == "number" && n.flattenTolerance > 0 ? n.flattenTolerance : .25, c = n.attrs ? { ...n.attrs } : {}, l = n.groupAttrs ? { ...n.groupAttrs } : {}, u = tt(c["stroke-width"]), d = typeof n.strokeWidth == "number" && n.strokeWidth > 0 ? n.strokeWidth : typeof u == "number" && u > 0 ? u : 1;
-			a = it(e);
-			let f = a.pathElement, p = f.getTotalLength(), m = i === null ? P(t, n.colorReferenceElement) : [];
+			let o = typeof n.decimalPlaces == "number" ? n.decimalPlaces : 3, s = typeof n.flattenTolerance == "number" && n.flattenTolerance > 0 ? n.flattenTolerance : .25, c = n.attrs ? { ...n.attrs } : {}, l = n.groupAttrs ? { ...n.groupAttrs } : {}, u = et(c["stroke-width"]), d = typeof n.strokeWidth == "number" && n.strokeWidth > 0 ? n.strokeWidth : typeof u == "number" && u > 0 ? u : 1;
+			a = nt(e);
+			let f = a.pathElement, p = f.getTotalLength(), m = i === null ? M(t, n.colorReferenceElement) : [];
 			if (i === null && (!(p > 0) || m.length === 1)) {
-				let t = ht([mt({
+				let t = pt([G({
 					pathData: e,
-					stroke: U(m[0]),
+					stroke: dt(m[0]),
 					segmentAttributeMap: c
 				})], l);
-				at(a), r(t);
+				H(a), r(t);
 				return;
 			}
 			let ee = n.colorSpace ?? "linearRGB";
@@ -460,14 +460,14 @@ function gt(e, t = null, n = {}) {
 				let e = n.temperatureColors;
 				if (!Array.isArray(e) || e.length !== 2) throw Error("SvgPathGradientAsync: temperatureColors must be a tuple of exactly 2 colors when temperatureMode is enabled.");
 			}
-			let te = i === null ? null : P(n.temperatureColors, n.colorReferenceElement), ne = i === null ? (() => {
-				let e = ut(m), t = Array(e.length);
+			let te = i === null ? null : M(n.temperatureColors, n.colorReferenceElement), ne = i === null ? (() => {
+				let e = st(m), t = Array(e.length);
 				for (let n = 0; n < e.length; n += 1) t[n] = {
 					position: e[n].position,
 					rgba: e[n].rgba
 				};
 				return t;
-			})() : [], re = ot(p, d, n.maxSegmentLength), ie = st(p, n.segments, re), ae = p / ie, oe = typeof n.overlap == "number" && n.overlap >= 0 ? n.overlap : d * .5, se = ae * .45;
+			})() : [], re = rt(p, d, n.maxSegmentLength), ie = it(p, n.segments, re), ae = p / ie, oe = typeof n.overlap == "number" && n.overlap >= 0 ? n.overlap : d * .5, se = ae * .45;
 			oe > se && (oe = se);
 			let ce = typeof n.samplePointLimitPerSegment == "number" && n.samplePointLimitPerSegment > 10 ? n.samplePointLimitPerSegment : 250, le = ft(c), ue = [], de = i === null ? null : [], fe = i === null ? null : [], pe = 0, me = i === null ? ne.length - 2 : 0, h = 0, he = () => {
 				let e = performance.now(), t = typeof n.frameBudgetMs == "number" ? n.frameBudgetMs : 8;
@@ -475,13 +475,13 @@ function gt(e, t = null, n = {}) {
 					let e = h * ae, t = (h + 1) * ae, n = e, r = t;
 					if (h !== 0 && (n = e - oe), h !== ie - 1 && (r = t + oe), n = L(n, 0, p), r = L(r, 0, p), r > n) {
 						if (i !== null) {
-							let e = lt(f, n, r, s, o, ce);
+							let e = ot(f, n, r, s, o, ce);
 							de.push(e.pathData), fe.push(e.bounds);
 						} else {
 							let e = (n + r) * .5 / p;
 							for (; pe < me && e > ne[pe + 1].position;) pe += 1;
-							let t = B(ne, e, ee, pe), i = ct(f, n, r, s, o, ce);
-							ue.push(pt(i, t, le));
+							let t = ct(ne, e, ee, pe), i = at(f, n, r, s, o, ce);
+							ue.push(W(i, t, le));
 						}
 					}
 					h += 1;
@@ -499,22 +499,22 @@ function gt(e, t = null, n = {}) {
 					let n = te[0], r = te[1];
 					ue.length = 0;
 					for (let a = 0; a < fe.length; a += 1) {
-						let o = fe[a], s = nt(((i === "vertical" ? o.minY : o.minX) + (i === "vertical" ? o.maxY : o.maxX)) * .5, e, t, !0), c = U(i === "vertical" ? $e(n, r, s, ee) : $e(r, n, s, ee)), l = de[a];
-						ue.push(pt(l, c, le));
+						let o = fe[a], s = tt(((i === "vertical" ? o.minY : o.minX) + (i === "vertical" ? o.maxY : o.maxX)) * .5, e, t, !0), c = dt(i === "vertical" ? I(n, r, s, ee) : I(r, n, s, ee)), l = de[a];
+						ue.push(W(l, c, le));
 					}
 				}
-				let c = ht(ue, l);
-				at(a), r(c);
+				let c = pt(ue, l);
+				H(a), r(c);
 			};
 			requestAnimationFrame(he);
 		} catch (e) {
-			at(a), i(e);
+			H(a), i(e);
 		}
 	});
 }
 //#endregion
 //#region src/atoms/SparklineGradientPath.vue
-var _t = ["innerHTML"], vt = {
+var ht = ["innerHTML"], gt = {
 	__name: "SparklineGradientPath",
 	props: {
 		svgPathData: {
@@ -544,7 +544,7 @@ var _t = ["innerHTML"], vt = {
 	},
 	setup(e) {
 		let t = e, n = w(""), r = 0;
-		return O(() => [
+		return D(() => [
 			t.enabled,
 			t.svgPathData,
 			t.strokeWidth,
@@ -557,7 +557,7 @@ var _t = ["innerHTML"], vt = {
 				n.value = "";
 				return;
 			}
-			let a = await gt(t.svgPathData, null, {
+			let a = await mt(t.svgPathData, null, {
 				segments: t.segments,
 				temperatureMode: "vertical",
 				temperatureColors: [t.highColor, t.lowColor],
@@ -569,54 +569,54 @@ var _t = ["innerHTML"], vt = {
 				groupAttrs: { class: "vue-ui-sparkline-gradient" }
 			});
 			i === r && (n.value = a);
-		}, { immediate: !0 }), (e, t) => (C(), y("g", { innerHTML: n.value }, null, 8, _t));
+		}, { immediate: !0 }), (e, t) => (C(), y("g", { innerHTML: n.value }, null, 8, ht));
 	}
-}, yt = /* @__PURE__ */ e({ default: () => G }), bt = ["id"], xt = ["id"], St = { style: { position: "relative" } }, Ct = [
+}, _t = /* @__PURE__ */ e({ default: () => Vt }), vt = ["id"], yt = ["id"], bt = { style: { position: "relative" } }, xt = [
 	"xmlns",
 	"viewBox",
 	"aria-describedby"
-], wt = ["width", "height"], Tt = ["id"], Et = [
+], St = ["width", "height"], Ct = ["id"], wt = [
 	"id",
 	"y1",
 	"y2"
-], Dt = ["stop-color", "offset"], Ot = { key: 1 }, kt = [
+], Tt = ["stop-color", "offset"], Et = { key: 1 }, Dt = [
 	"data-cy",
 	"d",
 	"fill"
-], At = [
+], Ot = [
 	"id",
 	"d",
 	"stroke-width"
-], jt = [
+], kt = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Mt = [
+], At = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Nt = [
+], jt = [
 	"id",
 	"d",
 	"stroke-width"
-], Pt = [
+], Mt = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Ft = [
+], Nt = [
 	"d",
 	"stroke",
 	"stroke-width"
-], It = [
+], Pt = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill",
 	"rx"
-], Lt = [
+], Ft = [
 	"x1",
 	"x2",
 	"y1",
@@ -624,7 +624,7 @@ var _t = ["innerHTML"], vt = {
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Rt = [
+], It = [
 	"x1",
 	"x2",
 	"y1",
@@ -632,20 +632,20 @@ var _t = ["innerHTML"], vt = {
 	"stroke",
 	"stroke-dasharray",
 	"stroke-width"
-], zt = [
+], Lt = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], Bt = [
+], Rt = [
 	"x",
 	"y",
 	"font-size",
 	"font-weight",
 	"fill"
-], Vt = [
+], zt = [
 	"x",
 	"y",
 	"height",
@@ -653,7 +653,7 @@ var _t = ["innerHTML"], vt = {
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Ht = {
+], Bt = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -663,7 +663,7 @@ var _t = ["innerHTML"], vt = {
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, G = /*#__PURE__*/ be({
+}, Vt = /*#__PURE__*/ be({
 	__name: "vue-ui-sparkline",
 	props: {
 		config: {
@@ -697,10 +697,10 @@ var _t = ["innerHTML"], vt = {
 	},
 	emits: ["hoverIndex", "selectDatapoint"],
 	setup(e, { emit: be }) {
-		let Ve = je(() => import("./PackageVersion-5SWftabm.js").then((e) => e.t)), He = je(() => import("./SparkTooltip-C-Y-mDrc.js")), { vue_ui_sparkline: Ue } = he(), { isThemeValid: We, warnInvalidTheme: Ge } = ye(), Ke = Ee(), k = e, qe = _(() => Array.isArray(k.dataset) && k.dataset.length > 0), A = w(ue()), j = w(null), Ye = w(null), Xe = w(null), M = w(null), N = w(null), P = w(R());
+		let He = je(() => import("./PackageVersion-ur6jKRL5.js").then((e) => e.t)), Ue = je(() => import("./SparkTooltip-C-Y-mDrc.js")), { vue_ui_sparkline: We } = he(), { isThemeValid: Ge, warnInvalidTheme: Ke } = ye(), qe = Ee(), O = e, Je = _(() => Array.isArray(O.dataset) && O.dataset.length > 0), k = w(ue()), Xe = w(null), Ze = w(null), Qe = w(null), A = w(null), j = w(null), M = w(nt()), N = _(() => M.value.style.tooltip), $e = _(() => M.value.style.bar), P = _(() => M.value.style.line), F = _(() => M.value.style.area), I = _(() => M.value.style.dataLabel), L = _(() => M.value.style);
 		pe({
-			config: () => P.value,
-			dataset: () => k.dataset,
+			config: () => M.value,
+			dataset: () => O.dataset,
 			component: "VueUiSparkline",
 			rules: [
 				me.emptyArray,
@@ -722,8 +722,8 @@ var _t = ["innerHTML"], vt = {
 				}
 			]
 		});
-		function Ze(e) {
-			return k.config?.skeletonDataset && Array.isArray(k.config.skeletonDataset) ? k.config.skeletonDataset.map((e) => ({
+		function R(e) {
+			return O.config?.skeletonDataset && Array.isArray(O.config.skeletonDataset) ? O.config.skeletonDataset.map((e) => ({
 				period: "-",
 				value: e
 			})) : ne(e).map((e) => ({
@@ -731,7 +731,7 @@ var _t = ["innerHTML"], vt = {
 				value: e
 			}));
 		}
-		let Qe = _(() => te({
+		let z = _(() => te({
 			defaultConfig: {
 				gradientPath: { show: !1 },
 				temperatureColors: { show: !1 },
@@ -752,66 +752,66 @@ var _t = ["innerHTML"], vt = {
 					tooltip: { show: !1 }
 				}
 			},
-			userConfig: P.value.skeletonConfig ?? {}
-		})), { loading: F, FINAL_DATASET: I, manualLoading: $e } = ge({
-			...Re(k),
-			FINAL_CONFIG: P,
-			prepareConfig: R,
+			userConfig: M.value.skeletonConfig ?? {}
+		})), { loading: B, FINAL_DATASET: et, manualLoading: tt } = ge({
+			...ze(O),
+			FINAL_CONFIG: M,
+			prepareConfig: nt,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					await x(), _t();
+					await x(), Gt();
 				});
 			},
-			skeletonDataset: Ze(12),
+			skeletonDataset: R(12),
 			skeletonConfig: te({
-				defaultConfig: P.value,
-				userConfig: Qe.value
+				defaultConfig: M.value,
+				userConfig: z.value
 			})
-		}), { svgRef: L } = Te({ config: P.value.style.title });
-		function R() {
+		}), { svgRef: V } = Te({ config: L.value.title });
+		function nt() {
 			let e = ve({
-				userConfig: k.config,
-				defaultConfig: Ue
+				userConfig: O.config,
+				defaultConfig: We
 			}), t = {}, n = e.theme;
 			if (n) {
-				if (!We.value(e)) Ge(e), t = e;
+				if (!Ge.value(e)) Ke(e), t = e;
 				else {
 					let r = ve({
-						userConfig: De[n] || k.config,
+						userConfig: De[n] || O.config,
 						defaultConfig: e
 					});
 					t = { ...ve({
-						userConfig: k.config,
+						userConfig: O.config,
 						defaultConfig: r
 					}) };
 				}
 			} else t = e;
 			return t;
 		}
-		let z = _(() => P.value?.style?.line.pulse || {}), et = _(() => `${Math.max(200, Number(z.value.durationMs) || 4e3) / 1e3}s`), tt = w(0), nt = _(() => z.value?.begin || "0ms"), rt = w("0;1"), it = _(() => z.value?.loop === !1 ? "1" : "indefinite"), at = _(() => z.value?.loop === !1 ? "freeze" : void 0), ot = _(() => z.value.trail.show && ut.value.lengthPx || 1), st = _(() => !!z.value?.show && !Q.value && !Ke.value && !F.value && (J.value?.length || 0) > 1);
-		function ct() {
-			if (!st.value) {
-				tt.value = 0;
+		let H = _(() => M.value?.style?.line.pulse || {}), rt = _(() => `${Math.max(200, Number(H.value.durationMs) || 4e3) / 1e3}s`), it = w(0), at = _(() => H.value?.begin || "0ms"), ot = w("0;1"), st = _(() => H.value?.loop === !1 ? "1" : "indefinite"), ct = _(() => H.value?.loop === !1 ? "freeze" : void 0), lt = _(() => H.value.trail.show && ft.value.lengthPx || 1), U = _(() => !!H.value?.show && !Q.value && !qe.value && !B.value && (Y.value?.length || 0) > 1);
+		function ut() {
+			if (!U.value) {
+				it.value = 0;
 				return;
 			}
-			let e = L.value;
+			let e = V.value;
 			if (!e) return;
-			let t = `#${G.value}`, n = e.querySelector?.(t);
+			let t = `#${qt.value}`, n = e.querySelector?.(t);
 			if (n && typeof n.getTotalLength == "function") {
 				let e = n.getTotalLength();
-				Number.isFinite(e) && e > 0 && (tt.value = e);
+				Number.isFinite(e) && e > 0 && (it.value = e);
 				return;
 			}
 			requestAnimationFrame(() => {
 				let n = e.querySelector?.(t);
 				if (n && typeof n.getTotalLength == "function") {
 					let e = n.getTotalLength();
-					Number.isFinite(e) && e > 0 && (tt.value = e);
+					Number.isFinite(e) && e > 0 && (it.value = e);
 				}
 			});
 		}
-		let lt = _(() => {
-			let e = z.value?.easing || "ease-in-out", t = {
+		let dt = _(() => {
+			let e = H.value?.easing || "ease-in-out", t = {
 				ease: [
 					.25,
 					.1,
@@ -847,7 +847,7 @@ var _t = ["innerHTML"], vt = {
 				keyTimes: "0;1"
 			} : {
 				calcMode: "spline",
-				keySplines: (e === "cubic-bezier" ? Array.isArray(z.value?.cubicBezier) && z.value.cubicBezier.length === 4 ? z.value.cubicBezier : [
+				keySplines: (e === "cubic-bezier" ? Array.isArray(H.value?.cubicBezier) && H.value.cubicBezier.length === 4 ? H.value.cubicBezier : [
 					.4,
 					0,
 					.2,
@@ -855,8 +855,8 @@ var _t = ["innerHTML"], vt = {
 				] : t[e] || t["ease-in-out"]).join(" "),
 				keyTimes: "0;1"
 			};
-		}), ut = _(() => {
-			let e = z.value?.trail || {}, t = P.value.style.line.strokeWidth || 1;
+		}), ft = _(() => {
+			let e = H.value?.trail || {}, t = P.value.strokeWidth || 1;
 			return {
 				show: e.show !== !1,
 				lengthPx: e.length,
@@ -865,92 +865,92 @@ var _t = ["innerHTML"], vt = {
 				fadeIn: .5,
 				fadeOut: .2
 			};
-		}), B = _(() => se({
-			data: I.value,
-			threshold: P.value.downsample.threshold
+		}), W = _(() => se({
+			data: et.value,
+			threshold: M.value.downsample.threshold
 		}));
 		_(() => {
-			if (!P.value.temperatureColors.show) return !1;
-			let e = I.value.map(({ value: e }) => e).filter((e) => Number.isFinite(e));
+			if (!M.value.temperatureColors.show) return !1;
+			let e = et.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(), K.value.chartWidth = P.value.style.chartWidth;
-		}, { deep: !0 }), O(() => k.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && ($e.value = !1), V.value = se({
-				data: I.value.map((e) => ({
+		}), D(() => O.config, (e) => {
+			B.value || (M.value = nt()), Zt(), q.value.chartWidth = L.value.chartWidth;
+		}, { deep: !0 }), D(() => O.dataset, (e) => {
+			Array.isArray(e) && e.length > 0 && (tt.value = !1), G.value = se({
+				data: et.value.map((e) => ({
 					...e,
 					value: [void 0].includes(e.value) ? null : e.value
 				})),
-				threshold: P.value.downsample.threshold
+				threshold: M.value.downsample.threshold
 			});
 		}, { deep: !0 });
-		let V = w(dt());
-		function dt() {
+		let G = w(pt());
+		function pt() {
 			return se({
-				data: I.value.map((e) => P.value.style.animation.show && I.value.length > 1 ? {
+				data: et.value.map((e) => L.value.animation.show && et.value.length > 1 ? {
 					...e,
 					value: null
 				} : {
 					...e,
 					value: [void 0].includes(e.value) ? null : e.value
 				}),
-				threshold: P.value.downsample.threshold
+				threshold: M.value.downsample.threshold
 			});
 		}
-		let H = Ie(null), U = Ie(null), ft = w(!1), pt = w(0), mt = w([]), ht = w(""), W = _(() => {
-			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;
+		let K = Le(null), mt = Le(null), ht = w(!1), _t = w(0), Vt = w([]), Ht = w(""), Ut = _(() => {
+			let e = (W.value || []).map((e) => `${e.period}::${Number.isFinite(e.value) ? e.value : 0}`).join("|"), t = M.value?.style?.animation || {}, n = !!M.value?.gradientPath?.show && !M.value.temperatureColors.show;
 			return `${e}#${!!t.show}#${t.animationFrames || 0}#${n}`;
 		});
-		function gt() {
-			pt.value &&= (cancelAnimationFrame(pt.value), 0), mt.value.forEach((e) => clearTimeout(e)), mt.value = [], ft.value = !1;
+		function Wt() {
+			_t.value &&= (cancelAnimationFrame(_t.value), 0), Vt.value.forEach((e) => clearTimeout(e)), Vt.value = [], ht.value = !1;
 		}
-		function _t() {
-			let e = P.value?.style?.animation || {}, t = B.value || [], n = W.value, r = !!P.value.gradientPath.show && !P.value.temperatureColors.show;
-			if (n && n === ht.value && (ft.value || V.value.length === t.length)) return;
-			if (gt(), r || !e.show || F.value || t.length <= 1 || Ke.value) {
-				V.value = t, ht.value = n;
+		function Gt() {
+			let e = M.value?.style?.animation || {}, t = W.value || [], n = Ut.value, r = !!M.value.gradientPath.show && !M.value.temperatureColors.show;
+			if (n && n === Ht.value && (ht.value || G.value.length === t.length)) return;
+			if (Wt(), r || !e.show || B.value || t.length <= 1 || qe.value) {
+				G.value = t, Ht.value = n;
 				return;
 			}
-			ft.value = !0, ht.value = n, V.value = [];
+			ht.value = !0, Ht.value = n, G.value = [];
 			let i = Math.max(1, Number(e.animationFrames) || 1), a = Math.max(1, Math.floor(i / t.length)), o = 0, s = () => {
-				if (n !== W.value) {
-					gt();
+				if (n !== Ut.value) {
+					Wt();
 					return;
 				}
 				if (o < t.length) {
-					V.value.push(t[o]);
+					G.value.push(t[o]);
 					let e = setTimeout(() => {
-						pt.value = requestAnimationFrame(s);
+						_t.value = requestAnimationFrame(s);
 					}, a);
-					mt.value.push(e), o += 1;
-				} else V.value = t, gt();
+					Vt.value.push(e), o += 1;
+				} else G.value = t, Wt();
 			};
-			pt.value = requestAnimationFrame(s);
+			_t.value = requestAnimationFrame(s);
 		}
-		O(W, () => {
-			_t();
+		D(Ut, () => {
+			Gt();
 		}), Fe(() => {
-			Kt(), _t();
+			Zt(), Gt();
 		}), Pe(() => {
-			gt();
+			Wt();
 		});
-		let yt = w(0);
-		O(() => F.value, async (e) => {
-			e || (await x(), yt.value += 1);
-		}), O(() => ft.value, async (e) => {
-			e || F.value || (await x(), yt.value += 1);
+		let Kt = w(0);
+		D(() => B.value, async (e) => {
+			e || (await x(), Kt.value += 1);
+		}), D(() => ht.value, async (e) => {
+			e || B.value || (await x(), Kt.value += 1);
 		});
-		let G = _(() => `sparkline_line_path_${A.value}`), Ut = w(!0);
-		async function Wt() {
-			Ut.value = !1, await x(), Ut.value = !0, await x(), ct();
+		let qt = _(() => `sparkline_line_path_${k.value}`), Jt = w(!0);
+		async function Yt() {
+			Jt.value = !1, await x(), Jt.value = !0, await x(), ut();
 		}
-		let Gt = _(() => P.value.debug);
-		function Kt() {
-			if (c(k.dataset) ? (le({
+		let Xt = _(() => M.value.debug);
+		function Zt() {
+			if (c(O.dataset) ? (le({
 				componentName: "VueUiSparkline",
 				type: "dataset",
-				debug: Gt.value
-			}), $e.value = !0) : Gt.value && k.dataset.forEach((e, t) => {
+				debug: Xt.value
+			}), tt.value = !0) : Xt.value && O.dataset.forEach((e, t) => {
 				ie({
 					datasetObject: e,
 					requiredAttributes: ["period", "value"]
@@ -962,116 +962,116 @@ var _t = ["innerHTML"], vt = {
 						index: t
 					});
 				});
-			}), c(k.dataset) || ($e.value = P.value.loading), P.value.responsive) {
+			}), c(O.dataset) || (tt.value = M.value.loading), M.value.responsive) {
 				let e = xe(() => {
 					let { width: e, height: t } = Se({
-						chart: j.value,
-						title: P.value.style.title.show && k.showInfo ? Ye.value : null,
-						source: Xe.value
+						chart: Xe.value,
+						title: L.value.title.show && O.showInfo ? Ze.value : null,
+						source: Qe.value
 					});
 					requestAnimationFrame(() => {
-						K.value.width = e, K.value.height = t, K.value.chartWidth = P.value.style.chartWidth / 500 * e, K.value.padding = k.forcedPadding / 500 * e;
+						q.value.width = e, q.value.height = t, q.value.chartWidth = L.value.chartWidth / 500 * e, q.value.padding = O.forcedPadding / 500 * e;
 					});
 				});
-				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);
+				K.value && (mt.value && K.value.unobserve(mt.value), K.value.disconnect()), K.value = new ResizeObserver(e), mt.value = Xe.value.parentNode, K.value.observe(mt.value);
 			}
 		}
 		Pe(() => {
-			H.value && (U.value && H.value.unobserve(U.value), H.value.disconnect());
+			K.value && (mt.value && K.value.unobserve(mt.value), K.value.disconnect());
 		});
-		let K = w({
-			height: 80 * k.heightRatio,
+		let q = w({
+			height: 80 * O.heightRatio,
 			width: 500,
-			chartWidth: P.value.style.chartWidth,
-			padding: k.forcedPadding
-		}), qt = be, q = _(() => {
-			let { top: e, right: t, bottom: n, left: r } = P.value.style.padding;
+			chartWidth: L.value.chartWidth,
+			padding: O.forcedPadding
+		}), Qt = be, J = _(() => {
+			let { top: e, right: t, bottom: n, left: r } = L.value.padding;
 			return {
 				top: e,
 				left: r,
-				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
+				right: q.value.width - t,
+				bottom: q.value.height - n,
+				start: O.showInfo && I.value.show && I.value.position === "left" ? q.value.width - q.value.chartWidth + r : q.value.padding + r,
+				width: O.showInfo && I.value.show ? q.value.chartWidth - r - t : q.value.width - q.value.padding - r - t,
+				height: q.value.height - e - n
 			};
-		}), Jt = _(() => [null, void 0].includes(P.value.style.scaleMin) ? Math.min(...V.value.map((e) => isNaN(e.value) || [
+		}), $t = _(() => [null, void 0].includes(L.value.scaleMin) ? Math.min(...G.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 = _(() => [null, void 0].includes(P.value.style.scaleMax) ? Math.max(...V.value.map((e) => isNaN(e.value) || [
+		].includes(e.value) ? 0 : e.value || 0)) : L.value.scaleMin), en = _(() => [null, void 0].includes(L.value.scaleMax) ? Math.max(...G.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 = _(() => {
-			let e = Jt.value >= 0 ? 0 : Jt.value;
+		].includes(e.value) ? 0 : e.value || 0)) : L.value.scaleMax), tn = _(() => {
+			let e = $t.value >= 0 ? 0 : $t.value;
 			return Math.abs(e);
-		}), Zt = _(() => Yt.value + Xt.value), Qt = _(() => q.value.bottom - q.value.height * $t(Xt.value));
-		function $t(e) {
-			return isNaN(e / Zt.value) ? 0 : e / Zt.value;
+		}), nn = _(() => en.value + tn.value), rn = _(() => J.value.bottom - J.value.height * an(tn.value));
+		function an(e) {
+			return isNaN(e / nn.value) ? 0 : e / nn.value;
 		}
-		let en = _(() => B.value.length - 1 || 1), tn = w([]), nn = 0;
-		ze(() => {
-			let e = ++nn;
+		let on = _(() => W.value.length - 1 || 1), sn = w([]), cn = 0;
+		Be(() => {
+			let e = ++cn;
 			(async () => {
 				let t = await h({
-					values: B.value.map((e) => e.period),
-					maxDatapoints: B.value.length,
-					formatter: P.value.style.dataLabel.datetimeFormatter,
+					values: W.value.map((e) => e.period),
+					maxDatapoints: W.value.length,
+					formatter: I.value.datetimeFormatter,
 					start: 0,
-					end: B.value.length
+					end: W.value.length
 				});
-				e === nn && (tn.value = t);
+				e === cn && (sn.value = t);
 			})();
 		});
-		let J = _(() => V.value.map((e, t) => {
+		let Y = _(() => G.value.map((e, t) => {
 			let n = isNaN(e.value) || [
 				void 0,
 				"NaN",
 				NaN,
 				Infinity,
 				-Infinity
-			].includes(e.value) ? 0 : e.value, r = q.value.width / en.value;
+			].includes(e.value) ? 0 : e.value, r = J.value.width / on.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: q.value.start + t * r,
-				y: q.value.bottom - q.value.height * $t(n + Xt.value),
-				id: `plot_${A.value}_${t}`,
-				color: Q.value ? P.value.style.bar.color : P.value.style.area.useGradient ? m(P.value.style.line.color, .05 * (1 - t / en.value)) : P.value.style.line.color,
+				period: sn.value && sn.value[t] && sn.value[t].text ? sn.value[t].text : e.period,
+				plotValue: n + tn.value,
+				toMax: an(n + tn.value),
+				x: J.value.start + t * r,
+				y: J.value.bottom - J.value.height * an(n + tn.value),
+				id: `plot_${k.value}_${t}`,
+				color: Q.value ? $e.value.color : F.value.useGradient ? m(P.value.color, .05 * (1 - t / on.value)) : P.value.color,
 				width: r
 			};
-		})), rn = _(() => 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), Y = w(void 0), X = w(void 0);
-		function an(e, t) {
-			P.value.events.datapointEnter && P.value.events.datapointEnter({
+		})), ln = _(() => O.selectedIndex !== void 0 && O.selectedIndex !== null && O.selectedIndex >= 0 && O.selectedIndex < Y.value.length ? O.selectedIndex : j.value !== void 0 && j.value !== null && j.value >= 0 && j.value < Y.value.length ? j.value : null), X = w(void 0), un = w(void 0);
+		function dn(e, t) {
+			M.value.events.datapointEnter && M.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
-			}), N.value = t, M.value = t, Y.value = e, X.value ||= e, qt("hoverIndex", { index: t });
+			}), j.value = t, A.value = t, X.value = e, un.value ||= e, Qt("hoverIndex", { index: t });
 		}
-		function on(e, t) {
-			P.value.events.datapointLeave && P.value.events.datapointLeave({
+		function fn(e, t) {
+			M.value.events.datapointLeave && M.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
-			}), X.value = Y.value, Y.value = void 0, N.value = null, M.value = null, qt("hoverIndex", { index: void 0 });
+			}), un.value = X.value, X.value = void 0, j.value = null, A.value = null, Qt("hoverIndex", { index: void 0 });
 		}
 		let Z = _(() => {
-			if (qe.value) {
-				let e = J.value.map((e) => e.absoluteValue), t = e.reduce((e, t) => e + t, 0);
+			if (Je.value) {
+				let e = Y.value.map((e) => e.absoluteValue), t = e.reduce((e, t) => e + t, 0);
 				return {
-					latest: J.value[J.value.length - 1] ? J.value[J.value.length - 1].absoluteValue : 0,
+					latest: Y.value[Y.value.length - 1] ? Y.value[Y.value.length - 1].absoluteValue : 0,
 					sum: t,
-					average: t / J.value.length,
+					average: t / Y.value.length,
 					median: ce(e),
-					trend: re(J.value.map(({ x: e, y: t, absoluteValue: n }) => ({
+					trend: re(Y.value.map(({ x: e, y: t, absoluteValue: n }) => ({
 						x: e,
 						y: t,
 						value: n
@@ -1085,18 +1085,18 @@ var _t = ["innerHTML"], vt = {
 				median: null,
 				trend: null
 			};
-		}), sn = _(() => qe.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 = _(() => P.value.type && P.value.type === "bar");
-		function cn(e, t) {
-			P.value.events.datapointClick && P.value.events.datapointClick({
+		}), pn = _(() => Je.value ? I.value.valueType === "latest" ? Z.value.latest : I.value.valueType === "sum" ? Z.value.sum : I.value.valueType === "average" ? Z.value.average : 0 : 0), Q = _(() => M.value.type && M.value.type === "bar");
+		function mn(e, t) {
+			M.value.events.datapointClick && M.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
-			}), qt("selectDatapoint", {
+			}), Qt("selectDatapoint", {
 				datapoint: e,
 				index: t
 			});
 		}
-		let ln = _(() => Array.isArray(P.value.style.line.dashIndices) && P.value.style.line.dashIndices.length > 0), un = _(() => P.value.style.line.cutNullValues);
-		function dn(e) {
+		let hn = _(() => Array.isArray(P.value.dashIndices) && P.value.dashIndices.length > 0), gn = _(() => P.value.cutNullValues);
+		function _n(e) {
 			return ![
 				null,
 				void 0,
@@ -1106,117 +1106,117 @@ var _t = ["innerHTML"], vt = {
 				-Infinity
 			].includes(e);
 		}
-		function fn(e, t) {
+		function vn(e, t) {
 			let n = e[t - 1], r = e[t + 1], i = !!n && !!r && n.value == null && r.value == null || !n && !!r && r.value == null || !!n && !r && n.value == null;
-			return dn(e[t]?.value) && i && un.value;
+			return _n(e[t]?.value) && i && gn.value;
 		}
-		function pn(e, t) {
-			return Y.value && e.id === Y.value.id || rn.value === t || I.value.length === 1;
+		function yn(e, t) {
+			return X.value && e.id === X.value.id || ln.value === t || et.value.length === 1;
 		}
-		function mn(e, t) {
-			return Q.value || !dn(e?.value) ? !1 : P.value.style.plot.show && pn(e, t) || fn(J.value, t);
+		function bn(e, t) {
+			return Q.value || !_n(e?.value) ? !1 : L.value.plot.show && yn(e, t) || vn(Y.value, t);
 		}
-		function hn(e, t) {
-			return Math.max(1, pn(e, t) ? P.value.style.plot.radius : P.value.style.plot.radius * .7);
+		function xn(e, t) {
+			return Math.max(1, yn(e, t) ? L.value.plot.radius : L.value.plot.radius * .7);
 		}
-		function gn(e, t) {
-			return pn(e, t) ? P.value.style.plot.stroke : P.value.style.backgroundColor;
+		function Sn(e, t) {
+			return yn(e, t) ? L.value.plot.stroke : L.value.backgroundColor;
 		}
-		let _n = _(() => un.value ? J.value : J.value.filter((e) => e.value !== null)), vn = _(() => J.value.filter((e) => e.value !== null)), yn = _(() => vn.value.length > 1), bn = _(() => Q.value || !yn.value ? "" : un.value ? i(J.value) : s(_n.value)), xn = _(() => Q.value || !yn.value ? "" : un.value ? n(J.value) : p(_n.value)), Sn = _(() => Q.value || !ln.value || !yn.value ? [] : a(_n.value, P.value.style.line.dashIndices)), Cn = _(() => Q.value || !ln.value || !yn.value ? [] : d(_n.value, P.value.style.line.dashIndices)), wn = _(() => Q.value || !P.value.style.area.show || !yn.value ? [] : P.value.style.line.smooth ? o(_n.value, q.value.bottom, un.value).filter(Boolean) : (un.value ? t(J.value, q.value.bottom) : oe(_n.value, q.value.bottom)).split(";").filter(Boolean).map((e) => `M${e}Z`)), Tn = _(() => Q.value || !P.value.gradientPath.show || P.value.temperatureColors.show ? "" : `M ${(P.value.style.line.smooth ? bn.value : xn.value) || "0,0"}`), En = _(() => {
-			if (!P.value.temperatureColors.show) return null;
-			let e = P.value.temperatureColors.colors;
+		let Cn = _(() => gn.value ? Y.value : Y.value.filter((e) => e.value !== null)), wn = _(() => Y.value.filter((e) => e.value !== null)), Tn = _(() => wn.value.length > 1), En = _(() => Q.value || !Tn.value ? "" : gn.value ? i(Y.value) : s(Cn.value)), Dn = _(() => Q.value || !Tn.value ? "" : gn.value ? n(Y.value) : p(Cn.value)), On = _(() => Q.value || !hn.value || !Tn.value ? [] : a(Cn.value, P.value.dashIndices)), kn = _(() => Q.value || !hn.value || !Tn.value ? [] : d(Cn.value, P.value.dashIndices)), An = _(() => Q.value || !F.value.show || !Tn.value ? [] : P.value.smooth ? o(Cn.value, J.value.bottom, gn.value).filter(Boolean) : (gn.value ? t(Y.value, J.value.bottom) : oe(Cn.value, J.value.bottom)).split(";").filter(Boolean).map((e) => `M${e}Z`)), jn = _(() => Q.value || !M.value.gradientPath.show || M.value.temperatureColors.show ? "" : `M ${(P.value.smooth ? En.value : Dn.value) || "0,0"}`), Mn = _(() => {
+			if (!M.value.temperatureColors.show) return null;
+			let e = M.value.temperatureColors.colors;
 			return !Array.isArray(e) || !e.length ? null : e.map((e) => l(e));
 		}), $ = _(() => {
-			if (!P.value.temperatureColors.show) return null;
-			let e = P.value.temperatureColors.colors;
+			if (!M.value.temperatureColors.show) return null;
+			let e = M.value.temperatureColors.colors;
 			return !Array.isArray(e) || !e.length ? null : e.map((e) => l(e));
 		});
-		function Dn(e) {
+		function Nn(e) {
 			if (!Number.isFinite(e?.y)) return 0;
-			let t = q.value.height || 1, n = (e.y - q.value.top) / t;
+			let t = J.value.height || 1, n = (e.y - J.value.top) / t;
 			return Math.min(1, Math.max(0, n));
 		}
-		function On(e) {
-			let t = En.value;
+		function Pn(e) {
+			let t = Mn.value;
 			return !Array.isArray(t) || !t.length ? e.color : u({
 				colors: t,
-				ratio: Dn(e)
+				ratio: Nn(e)
 			});
 		}
-		O(() => [
-			st.value,
-			G.value,
-			J.value.length,
-			K.value.width,
-			K.value.height,
-			P.value?.style?.line?.smooth
+		D(() => [
+			U.value,
+			qt.value,
+			Y.value.length,
+			q.value.width,
+			q.value.height,
+			M.value?.style?.line?.smooth
 		], async () => {
-			await x(), ct();
+			await x(), ut();
 		}, { immediate: !0 }), Fe(async () => {
-			await x(), ct();
-		}), O(() => F.value, async (e) => {
-			e || await Wt();
-		}), O(() => ft.value, async (e) => {
-			e || F.value || await Wt();
-		}), O(() => k.selectedIndex, (e) => {
+			await x(), ut();
+		}), D(() => B.value, async (e) => {
+			e || await Yt();
+		}), D(() => ht.value, async (e) => {
+			e || B.value || await Yt();
+		}), D(() => O.selectedIndex, (e) => {
 			if (e == null) {
-				N.value = null, M.value = null, Y.value = void 0;
+				j.value = null, A.value = null, X.value = void 0;
 				return;
 			}
-			if (e < 0 || e >= J.value.length) return;
-			let t = J.value[e];
-			t && (N.value = e, M.value = e, Y.value = t);
+			if (e < 0 || e >= Y.value.length) return;
+			let t = Y.value[e];
+			t && (j.value = e, A.value = e, X.value = t);
 		});
-		let kn = w(!1);
-		function An() {
-			let e = rn.value;
-			if (e !== null && e >= 0 && e < J.value.length) {
-				let t = J.value[e];
+		let Fn = w(!1);
+		function In() {
+			let e = ln.value;
+			if (e !== null && e >= 0 && e < Y.value.length) {
+				let t = Y.value[e];
 				if (t) {
-					M.value = e, Y.value = t, N.value = e, kn.value = !0;
+					A.value = e, X.value = t, j.value = e, Fn.value = !0;
 					return;
 				}
 			}
-			M.value = null, !Y.value && J.value.length && an(J.value.at(-1), J.value.length - 1), kn.value = !0;
+			A.value = null, !X.value && Y.value.length && dn(Y.value.at(-1), Y.value.length - 1), Fn.value = !0;
 		}
-		function jn() {
-			X.value = Y.value, (k.selectedIndex === void 0 || k.selectedIndex === null) && (M.value = null, Y.value = void 0, N.value = null, qt("hoverIndex", { index: void 0 })), kn.value = !1;
+		function Ln() {
+			un.value = X.value, (O.selectedIndex === void 0 || O.selectedIndex === null) && (A.value = null, X.value = void 0, j.value = null, Qt("hoverIndex", { index: void 0 })), Fn.value = !1;
 		}
-		function Mn(e) {
-			if (!L.value || document.activeElement !== L.value) return;
-			X.value = Y.value;
+		function Rn(e) {
+			if (!V.value || document.activeElement !== V.value) return;
+			un.value = X.value;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
 			if (!t && !n) return;
-			let r = J.value.length;
+			let r = Y.value.length;
 			if (!r) return;
 			e.preventDefault(), e.stopPropagation();
-			let i = M.value, a = i !== null && i >= 0 && i < r, o = Y.value ? J.value.findIndex((e) => e.id === Y.value.id) : -1;
+			let i = A.value, a = i !== null && i >= 0 && i < r, o = X.value ? Y.value.findIndex((e) => e.id === X.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 = J.value[i];
-			s && (M.value = i, an(s, i));
+			let s = Y.value[i];
+			s && (A.value = i, dn(s, i));
 		}
-		let Nn = _(() => ({
-			headers: [P.value.translations.period, P.value.translations.value],
-			rows: J.value.map((e) => [e.period, e.absoluteValue])
+		let zn = _(() => ({
+			headers: [M.value.translations.period, M.value.translations.value],
+			rows: Y.value.map((e) => [e.period, e.absoluteValue])
 		}));
 		return (t, n) => (C(), y("div", {
 			ref_key: "sparklineChart",
-			ref: j,
+			ref: Xe,
 			class: "vue-data-ui-component vue-ui-sparkline",
-			id: A.value,
-			style: S(`width:100%;font-family:${P.value.style.fontFamily};`)
+			id: k.value,
+			style: S(`width:100%;font-family:${L.value.fontFamily};`)
 		}, [
 			b("p", {
-				id: `chart-instructions-${A.value}`,
+				id: `chart-instructions-${k.value}`,
 				class: "sr-only"
-			}, Le(P.value.a11y.translations.keyboardNavigation), 9, xt),
-			Nn.value?.rows?.length ? (C(), Oe(we, {
+			}, Re(M.value.a11y.translations.keyboardNavigation), 9, yt),
+			zn.value?.rows?.length ? (C(), Oe(we, {
 				key: 0,
-				uid: A.value,
-				head: Nn.value.headers,
-				body: Nn.value.rows,
-				notice: P.value.a11y.translations.tableAvailable,
-				caption: P.value.a11y.translations.tableCaption
+				uid: k.value,
+				head: zn.value.headers,
+				body: zn.value.rows,
+				notice: M.value.a11y.translations.tableAvailable,
+				caption: M.value.a11y.translations.tableCaption
 			}, null, 8, [
 				"uid",
 				"head",
@@ -1224,43 +1224,43 @@ var _t = ["innerHTML"], vt = {
 				"notice",
 				"caption"
 			])) : v("", !0),
-			E(t.$slots, "before", Ne(Me({
-				selected: Y.value,
+			Ie(t.$slots, "before", Ne(Me({
+				selected: X.value,
 				latest: Z.value.latest,
 				sum: Z.value.sum,
 				average: Z.value.average,
 				median: Z.value.median,
 				trend: Z.value.trend
 			})), void 0, !0),
-			P.value.style.title.show && e.showInfo ? (C(), y("div", {
+			L.value.title.show && e.showInfo ? (C(), y("div", {
 				key: 1,
 				ref_key: "chartTitle",
-				ref: Ye,
+				ref: Ze,
 				class: "vue-ui-sparkline-title",
-				style: S(`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"};`)
-			}, [b("span", { style: S(`padding:${P.value.style.title.textAlign === "left" ? "0 0 0 12px" : P.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`) }, Le(Y.value ? Y.value.period : P.value.style.title.text), 5)], 4)) : v("", !0),
-			b("div", St, [(C(), y("svg", {
+				style: S(`display:flex;align-items:center;width:100%;color:${L.value.title.color};background:${L.value.backgroundColor};justify-content:${L.value.title.textAlign === "left" ? "flex-start" : L.value.title.textAlign === "right" ? "flex-end" : "center"};height:${L.value.title.fontSize * 2}px;font-size:${L.value.title.fontSize}px;font-weight:${L.value.title.bold ? "bold" : "normal"};`)
+			}, [b("span", { style: S(`padding:${L.value.title.textAlign === "left" ? "0 0 0 12px" : L.value.title.textAlign === "right" ? "0 12px 0 0" : "0"}`) }, Re(X.value ? X.value.period : L.value.title.text), 5)], 4)) : v("", !0),
+			b("div", bt, [(C(), y("svg", {
 				ref_key: "svgRef",
-				ref: L,
-				xmlns: D(fe),
-				viewBox: `0 0 ${K.value.width} ${K.value.height}`,
-				style: S(`background:${P.value.style.backgroundColor};overflow:visible;direction:ltr`),
+				ref: V,
+				xmlns: E(fe),
+				viewBox: `0 0 ${q.value.width} ${q.value.height}`,
+				style: S(`background:${L.value.backgroundColor};overflow:visible;direction:ltr`),
 				tabindex: "0",
-				"aria-describedby": `chart-instructions-${A.value}`,
-				onMouseleave: n[0] ||= (e) => X.value = void 0,
-				onFocus: An,
-				onBlur: jn,
-				onKeydown: Mn
+				"aria-describedby": `chart-instructions-${k.value}`,
+				onMouseleave: n[0] ||= (e) => un.value = void 0,
+				onFocus: In,
+				onBlur: Ln,
+				onKeydown: Rn
 			}, [
-				Ae(D(Ve)),
+				Ae(E(He)),
 				t.$slots["chart-background"] ? (C(), y("foreignObject", {
 					key: 0,
 					x: 0,
 					y: 0,
-					width: K.value.width <= 0 ? 10 : K.value.width,
-					height: K.value.height <= 0 ? 10 : K.value.height,
+					width: q.value.width <= 0 ? 10 : q.value.width,
+					height: q.value.height <= 0 ? 10 : q.value.height,
 					style: { pointerEvents: "none" }
-				}, [E(t.$slots, "chart-background", {}, void 0, !0)], 8, wt)) : v("", !0),
+				}, [Ie(t.$slots, "chart-background", {}, void 0, !0)], 8, St)) : v("", !0),
 				b("defs", null, [
 					Ae(Ce, {
 						t: "linear",
@@ -1268,14 +1268,14 @@ var _t = ["innerHTML"], vt = {
 						y1: "0%",
 						x2: "100%",
 						y2: "0%",
-						id: `sparkline_gradient_${A.value}`,
+						id: `sparkline_gradient_${k.value}`,
 						stops: [[
 							"0%",
-							D(f)(D(m)(P.value.style.area.color, .05), P.value.style.area.opacity),
+							E(f)(E(m)(F.value.color, .05), F.value.opacity),
 							1
 						], [
 							"100%",
-							D(f)(P.value.style.area.color, P.value.style.area.opacity),
+							E(f)(F.value.color, F.value.opacity),
 							1
 						]]
 					}, null, 8, ["id", "stops"]),
@@ -1283,14 +1283,14 @@ var _t = ["innerHTML"], vt = {
 						t: "linear",
 						x2: "0%",
 						y2: "100%",
-						id: `sparkline_bar_gradient_pos_${A.value}`,
+						id: `sparkline_bar_gradient_pos_${k.value}`,
 						stops: [[
 							"0%",
-							P.value.style.bar.color,
+							$e.value.color,
 							1
 						], [
 							"100%",
-							D(m)(P.value.style.bar.color, .05),
+							E(m)($e.value.color, .05),
 							1
 						]]
 					}, null, 8, ["id", "stops"]),
@@ -1298,19 +1298,19 @@ var _t = ["innerHTML"], vt = {
 						t: "linear",
 						x2: "0%",
 						y2: "100%",
-						id: `sparkline_bar_gradient_neg_${A.value}`,
+						id: `sparkline_bar_gradient_neg_${k.value}`,
 						stops: [[
 							"0%",
-							D(m)(P.value.style.bar.color, .05),
+							E(m)($e.value.color, .05),
 							1
 						], [
 							"100%",
-							P.value.style.bar.color,
+							$e.value.color,
 							1
 						]]
 					}, null, 8, ["id", "stops"]),
 					b("filter", {
-						id: `sparkline_pulse_glow_${A.value}`,
+						id: `sparkline_pulse_glow_${k.value}`,
 						filterUnits: "userSpaceOnUse",
 						x: "-50",
 						y: "-50",
@@ -1320,99 +1320,99 @@ var _t = ["innerHTML"], vt = {
 						in: "SourceGraphic",
 						stdDeviation: "3",
 						result: "blur"
-					}, null, -1), b("feMerge", null, [b("feMergeNode", { in: "blur" }), b("feMergeNode", { in: "SourceGraphic" })], -1)]], 8, Tt),
-					P.value.temperatureColors.show && $.value ? (C(), y("linearGradient", {
+					}, null, -1), b("feMerge", null, [b("feMergeNode", { in: "blur" }), b("feMergeNode", { in: "SourceGraphic" })], -1)]], 8, Ct),
+					M.value.temperatureColors.show && $.value ? (C(), y("linearGradient", {
 						key: 0,
-						id: `temperature_grad_sparkline_${A.value}`,
+						id: `temperature_grad_sparkline_${k.value}`,
 						gradientUnits: "userSpaceOnUse",
 						x1: "0",
 						x2: "0",
-						y1: q.value.top,
-						y2: q.value.bottom
+						y1: J.value.top,
+						y2: J.value.bottom
 					}, [(C(!0), y(g, null, T($.value, (e, t) => (C(), y("stop", {
-						key: `temperature_grad_stop_${t}_${A.value}`,
+						key: `temperature_grad_stop_${t}_${k.value}`,
 						"stop-color": e,
-						offset: $.value.length === 1 ? "0%" : D(r)(t, $.value.length)
-					}, null, 8, Dt))), 128))], 8, Et)) : v("", !0)
+						offset: $.value.length === 1 ? "0%" : E(r)(t, $.value.length)
+					}, null, 8, Tt))), 128))], 8, wt)) : v("", !0)
 				]),
-				P.value.style.area.show && !Q.value && wn.value.length ? (C(), y("g", Ot, [(C(!0), y(g, null, T(wn.value, (e, t) => (C(), y("path", {
-					key: `sparkline_area_${t}_${A.value}`,
+				F.value.show && !Q.value && An.value.length ? (C(), y("g", Et, [(C(!0), y(g, null, T(An.value, (e, t) => (C(), y("path", {
+					key: `sparkline_area_${t}_${k.value}`,
 					class: "vue-ui-sparkline-area",
-					"data-cy": P.value.style.line.smooth ? "sparkline-smooth-area" : "sparkline-angle-area",
+					"data-cy": P.value.smooth ? "sparkline-smooth-area" : "sparkline-angle-area",
 					d: e,
-					fill: P.value.style.area.useGradient ? `url(#sparkline_gradient_${A.value})` : D(f)(P.value.style.area.color, P.value.style.area.opacity),
+					fill: F.value.useGradient ? `url(#sparkline_gradient_${k.value})` : E(f)(F.value.color, F.value.opacity),
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					style: S({ transition: D(F) ? void 0 : "all 0.2s" })
-				}, null, 12, kt))), 128))])) : v("", !0),
-				P.value.style.line.smooth && !Q.value ? (C(), y(g, { key: 2 }, [b("path", {
-					id: G.value,
-					d: `M ${bn.value || "0,0"}`,
+					style: S({ transition: E(B) ? void 0 : "all 0.2s" })
+				}, null, 12, Dt))), 128))])) : v("", !0),
+				P.value.smooth && !Q.value ? (C(), y(g, { key: 2 }, [b("path", {
+					id: qt.value,
+					d: `M ${En.value || "0,0"}`,
 					fill: "none",
 					stroke: "transparent",
-					"stroke-width": P.value.style.line.strokeWidth,
+					"stroke-width": P.value.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, At), ln.value ? (C(!0), y(g, { key: 0 }, T(Sn.value, (e) => (C(), y("path", {
+				}, null, 8, Ot), hn.value ? (C(!0), y(g, { key: 0 }, T(On.value, (e) => (C(), y("path", {
 					key: e.path,
 					class: "vue-ui-sparkline-path",
 					d: `M ${e.path}`,
-					stroke: $.value ? `url(#temperature_grad_sparkline_${A.value})` : P.value.style.line.color,
+					stroke: $.value ? `url(#temperature_grad_sparkline_${k.value})` : P.value.color,
 					fill: "none",
-					"stroke-width": P.value.style.line.strokeWidth,
+					"stroke-width": P.value.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					"stroke-dasharray": e.dashed ? P.value.style.line.dashArray : 0,
-					style: S({ transition: D(F) ? void 0 : "all 0.2s" })
-				}, null, 12, jt))), 128)) : (C(), y("path", {
+					"stroke-dasharray": e.dashed ? P.value.dashArray : 0,
+					style: S({ transition: E(B) ? void 0 : "all 0.2s" })
+				}, null, 12, kt))), 128)) : (C(), y("path", {
 					key: 1,
 					class: "vue-ui-sparkline-path",
-					d: `M ${bn.value || "0,0"}`,
-					stroke: $.value ? `url(#temperature_grad_sparkline_${A.value})` : P.value.style.line.color,
+					d: `M ${En.value || "0,0"}`,
+					stroke: $.value ? `url(#temperature_grad_sparkline_${k.value})` : P.value.color,
 					fill: "none",
-					"stroke-width": P.value.style.line.strokeWidth,
+					"stroke-width": P.value.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					style: S({ transition: D(F) ? void 0 : "all 0.2s" })
-				}, null, 12, Mt))], 64)) : v("", !0),
-				!P.value.style.line.smooth && !Q.value ? (C(), y(g, { key: 3 }, [b("path", {
-					id: G.value,
-					d: `M ${xn.value || "0,0"}`,
+					style: S({ transition: E(B) ? void 0 : "all 0.2s" })
+				}, null, 12, At))], 64)) : v("", !0),
+				!P.value.smooth && !Q.value ? (C(), y(g, { key: 3 }, [b("path", {
+					id: qt.value,
+					d: `M ${Dn.value || "0,0"}`,
 					fill: "none",
 					stroke: "transparent",
-					"stroke-width": P.value.style.line.strokeWidth,
+					"stroke-width": P.value.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, Nt), ln.value ? (C(!0), y(g, { key: 0 }, T(Cn.value, (e) => (C(), y("path", {
+				}, null, 8, jt), hn.value ? (C(!0), y(g, { key: 0 }, T(kn.value, (e) => (C(), y("path", {
 					key: e.path,
 					class: "vue-ui-sparkline-path",
 					d: `M ${e.path}`,
-					stroke: $.value ? `url(#temperature_grad_sparkline_${A.value})` : P.value.style.line.color,
+					stroke: $.value ? `url(#temperature_grad_sparkline_${k.value})` : P.value.color,
 					fill: "none",
-					"stroke-width": P.value.style.line.strokeWidth,
+					"stroke-width": P.value.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					"stroke-dasharray": e.dashed ? P.value.style.line.dashArray * 2 : 0,
-					style: S({ transition: D(F) ? void 0 : "all 0.2s" })
-				}, null, 12, Pt))), 128)) : (C(), y("path", {
+					"stroke-dasharray": e.dashed ? P.value.dashArray * 2 : 0,
+					style: S({ transition: E(B) ? void 0 : "all 0.2s" })
+				}, null, 12, Mt))), 128)) : (C(), y("path", {
 					key: 1,
 					class: "vue-ui-sparkline-path",
-					d: `M ${xn.value || "0,0"}`,
-					stroke: $.value ? `url(#temperature_grad_sparkline_${A.value})` : P.value.style.line.color,
+					d: `M ${Dn.value || "0,0"}`,
+					stroke: $.value ? `url(#temperature_grad_sparkline_${k.value})` : P.value.color,
 					fill: "none",
-					"stroke-width": P.value.style.line.strokeWidth,
+					"stroke-width": P.value.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					style: S({ transition: D(F) ? void 0 : "all 0.2s" })
-				}, null, 12, Ft))], 64)) : v("", !0),
-				Tn.value && !$.value ? (C(), Oe(vt, {
+					style: S({ transition: E(B) ? void 0 : "all 0.2s" })
+				}, null, 12, Nt))], 64)) : v("", !0),
+				jn.value && !$.value ? (C(), Oe(gt, {
 					key: 4,
-					svgPathData: Tn.value,
-					enabled: P.value.gradientPath.show && !Q.value && !$.value,
-					strokeWidth: P.value.style.line.strokeWidth,
-					highColor: P.value.gradientPath.colors.high,
-					lowColor: P.value.gradientPath.colors.low,
-					segments: P.value.gradientPath.segments
+					svgPathData: jn.value,
+					enabled: M.value.gradientPath.show && !Q.value && !$.value,
+					strokeWidth: P.value.strokeWidth,
+					highColor: M.value.gradientPath.colors.high,
+					lowColor: M.value.gradientPath.colors.low,
+					segments: M.value.gradientPath.segments
 				}, null, 8, [
 					"svgPathData",
 					"enabled",
@@ -1421,23 +1421,23 @@ var _t = ["innerHTML"], vt = {
 					"lowColor",
 					"segments"
 				])) : v("", !0),
-				Ut.value && st.value ? (C(), Oe(Je, {
+				Jt.value && U.value ? (C(), Oe(Ye, {
 					key: 5,
-					uid: A.value,
-					svgRef: D(L),
-					pulsePathId: G.value,
-					pulsePathLength: tt.value,
-					pulseDur: et.value,
-					pulseBegin: nt.value,
-					pulseRepeatCount: it.value,
-					pulseFillMode: at.value,
-					pulseKeyPoints: rt.value,
-					pulseMotion: lt.value,
-					pulse: z.value,
-					pulseTrail: ut.value,
-					pulseTrailLength: ot.value,
-					prefersReducedMotion: D(Ke),
-					loading: D(F),
+					uid: k.value,
+					svgRef: E(V),
+					pulsePathId: qt.value,
+					pulsePathLength: it.value,
+					pulseDur: rt.value,
+					pulseBegin: at.value,
+					pulseRepeatCount: st.value,
+					pulseFillMode: ct.value,
+					pulseKeyPoints: ot.value,
+					pulseMotion: dt.value,
+					pulse: H.value,
+					pulseTrail: ft.value,
+					pulseTrailLength: lt.value,
+					prefersReducedMotion: E(qe),
+					loading: E(B),
 					isBar: Q.value
 				}, null, 8, [
 					"uid",
@@ -1457,106 +1457,106 @@ var _t = ["innerHTML"], vt = {
 					"loading",
 					"isBar"
 				])) : v("", !0),
-				(C(!0), y(g, null, T(J.value, (e, t) => (C(), y("g", null, [Q.value ? (C(), y("rect", {
+				(C(!0), y(g, null, T(Y.value, (e, t) => (C(), y("g", null, [Q.value ? (C(), y("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 : rn.value) ? 0 : e.absoluteValue > 0 ? e.y : rn.value,
 					width: e.width,
-					height: isNaN(Math.abs(e.y - Qt.value)) ? 0 : Math.abs(e.y - Qt.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)) : v("", !0), P.value.style.verticalIndicator.show && (Y.value && e.id === Y.value.id || rn.value === t) ? (C(), y("line", {
+					height: isNaN(Math.abs(e.y - rn.value)) ? 0 : Math.abs(e.y - rn.value),
+					fill: e.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${k.value})` : `url(#sparkline_bar_gradient_neg_${k.value})`,
+					rx: $e.value.borderRadius
+				}, null, 8, Pt)) : v("", !0), L.value.verticalIndicator.show && (X.value && e.id === X.value.id || ln.value === t) ? (C(), y("line", {
 					key: 1,
 					x1: e.x,
 					x2: e.x,
-					y1: q.value.top - 6,
-					y2: q.value.bottom,
-					stroke: P.value.style.verticalIndicator.color || e.color,
-					"stroke-width": P.value.style.verticalIndicator.strokeWidth,
+					y1: J.value.top - 6,
+					y2: J.value.bottom,
+					stroke: L.value.verticalIndicator.color || e.color,
+					"stroke-width": L.value.verticalIndicator.strokeWidth,
 					"stroke-linecap": "round",
-					"stroke-dasharray": P.value.style.verticalIndicator.strokeDasharray || 0
-				}, null, 8, Lt)) : v("", !0)]))), 256)),
-				Jt.value < 0 ? (C(), y("line", {
+					"stroke-dasharray": L.value.verticalIndicator.strokeDasharray || 0
+				}, null, 8, Ft)) : v("", !0)]))), 256)),
+				$t.value < 0 ? (C(), y("line", {
 					key: 6,
-					x1: q.value.start,
-					x2: q.value.start + q.value.width,
-					y1: D(de)(Qt.value, q.value.bottom),
-					y2: D(de)(Qt.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,
+					x1: J.value.start,
+					x2: J.value.start + J.value.width,
+					y1: E(de)(rn.value, J.value.bottom),
+					y2: E(de)(rn.value, J.value.bottom),
+					stroke: L.value.zeroLine.color,
+					"stroke-dasharray": L.value.zeroLine.strokeWidth * 2,
+					"stroke-width": L.value.zeroLine.strokeWidth,
 					"stroke-linecap": "round"
-				}, null, 8, Rt)) : v("", !0),
-				(C(!0), y(g, null, T(J.value, (e, t) => (C(), y("g", { key: `sparkline_plot_${e.id}` }, [mn(e, t) ? (C(), y("circle", {
+				}, null, 8, It)) : v("", !0),
+				(C(!0), y(g, null, T(Y.value, (e, t) => (C(), y("g", { key: `sparkline_plot_${e.id}` }, [bn(e, t) ? (C(), y("circle", {
 					key: 0,
 					cx: e.x,
 					cy: e.y,
-					r: hn(e, t),
-					fill: On(e),
-					stroke: gn(e, t),
-					"stroke-width": P.value.style.plot.strokeWidth
-				}, null, 8, zt)) : v("", !0)]))), 128)),
-				e.showInfo && P.value.style.dataLabel.show ? (C(), y("text", {
+					r: xn(e, t),
+					fill: Pn(e),
+					stroke: Sn(e, t),
+					"stroke-width": L.value.plot.strokeWidth
+				}, null, 8, Lt)) : v("", !0)]))), 128)),
+				e.showInfo && I.value.show ? (C(), y("text", {
 					key: 7,
-					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
-				}, Le(Y.value ? D(ae)(P.value.style.dataLabel.formatter, Y.value.absoluteValue, D(ee)({
-					p: P.value.style.dataLabel.prefix,
-					v: Y.value.absoluteValue,
-					s: P.value.style.dataLabel.suffix,
-					r: P.value.style.dataLabel.roundingValue
-				}), { datapoint: Y.value }) : D(ae)(P.value.style.dataLabel.formatter, sn.value, D(ee)({
-					p: P.value.style.dataLabel.prefix,
-					v: sn.value,
-					s: P.value.style.dataLabel.suffix,
-					r: P.value.style.dataLabel.roundingValue
-				}))), 9, Bt)) : v("", !0),
-				(C(!0), y(g, null, T(J.value, (e, t) => (C(), y("rect", {
-					x: e.x - (q.value.width / (en.value + 1) > K.value.padding ? K.value.padding : q.value.width / (en.value + 1)) / 2,
-					y: q.value.top - 6,
-					height: q.value.height + 6,
-					width: q.value.width / (en.value + 1) > K.value.padding ? K.value.padding : q.value.width / (en.value + 1),
+					x: I.value.position === "left" ? 12 + I.value.offsetX : J.value.width + 12 + I.value.offsetX,
+					y: q.value.height / 2 + I.value.fontSize / 2.5 + I.value.offsetY,
+					"font-size": I.value.fontSize,
+					"font-weight": I.value.bold ? "bold" : "normal",
+					fill: I.value.color
+				}, Re(X.value ? E(ae)(I.value.formatter, X.value.absoluteValue, E(ee)({
+					p: I.value.prefix,
+					v: X.value.absoluteValue,
+					s: I.value.suffix,
+					r: I.value.roundingValue
+				}), { datapoint: X.value }) : E(ae)(I.value.formatter, pn.value, E(ee)({
+					p: I.value.prefix,
+					v: pn.value,
+					s: I.value.suffix,
+					r: I.value.roundingValue
+				}))), 9, Rt)) : v("", !0),
+				(C(!0), y(g, null, T(Y.value, (e, t) => (C(), y("rect", {
+					x: e.x - (J.value.width / (on.value + 1) > q.value.padding ? q.value.padding : J.value.width / (on.value + 1)) / 2,
+					y: J.value.top - 6,
+					height: J.value.height + 6,
+					width: J.value.width / (on.value + 1) > q.value.padding ? q.value.padding : J.value.width / (on.value + 1),
 					fill: "transparent",
-					onMouseenter: () => an(e, t),
-					onMouseleave: () => on(e, t),
-					onClick: () => cn(e, t)
-				}, null, 40, Vt))), 256)),
-				E(t.$slots, "svg", { svg: {
-					...K.value,
-					drawingArea: q.value,
-					timeLabels: tn.value,
-					series: J.value,
-					hoveredIndex: M.value
+					onMouseenter: () => dn(e, t),
+					onMouseleave: () => fn(e, t),
+					onClick: () => mn(e, t)
+				}, null, 40, zt))), 256)),
+				Ie(t.$slots, "svg", { svg: {
+					...q.value,
+					drawingArea: J.value,
+					timeLabels: sn.value,
+					series: Y.value,
+					hoveredIndex: A.value
 				} }, void 0, !0)
-			], 44, Ct)), t.$slots.hint ? (C(), y("div", Ht, [E(t.$slots, "hint", Ne(Me({
-				hint: P.value.a11y.translations.keyboardNavigation,
-				isVisible: kn.value
+			], 44, xt)), t.$slots.hint ? (C(), y("div", Bt, [Ie(t.$slots, "hint", Ne(Me({
+				hint: M.value.a11y.translations.keyboardNavigation,
+				isVisible: Fn.value
 			})), void 0, !0)])) : v("", !0)]),
-			Y.value && P.value.style.tooltip.show ? (C(), Oe(D(He), {
+			X.value && N.value.show ? (C(), Oe(E(Ue), {
 				key: 2,
-				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,
-				color: P.value.style.tooltip.color,
-				fontSize: P.value.style.tooltip.fontSize,
-				borderWidth: P.value.style.tooltip.borderWidth,
-				borderColor: P.value.style.tooltip.borderColor,
-				borderRadius: P.value.style.tooltip.borderRadius,
-				backgroundOpacity: P.value.style.tooltip.backgroundOpacity
+				x: X.value.x,
+				y: X.value.y,
+				prevX: un.value.x,
+				prevY: un.value.y,
+				offsetY: L.value.plot.radius * 3 + N.value.offsetY,
+				svgRef: E(V),
+				background: N.value.backgroundColor,
+				color: N.value.color,
+				fontSize: N.value.fontSize,
+				borderWidth: N.value.borderWidth,
+				borderColor: N.value.borderColor,
+				borderRadius: N.value.borderRadius,
+				backgroundOpacity: N.value.backgroundOpacity
 			}, {
-				default: Be(() => [E(t.$slots, "tooltip", Ne(Me({ ...Y.value })), () => [ke(Le(Y.value.period) + ": " + Le(D(ae)(P.value.style.dataLabel.formatter, Y.value.absoluteValue, D(ee)({
-					p: P.value.style.dataLabel.prefix,
-					v: Y.value.absoluteValue,
-					s: P.value.style.dataLabel.suffix,
-					r: P.value.style.dataLabel.roundingValue
-				}), { datapoint: Y.value })), 1)], !0)]),
+				default: Ve(() => [Ie(t.$slots, "tooltip", Ne(Me({ ...X.value })), () => [ke(Re(X.value.period) + ": " + Re(E(ae)(I.value.formatter, X.value.absoluteValue, E(ee)({
+					p: I.value.prefix,
+					v: X.value.absoluteValue,
+					s: I.value.suffix,
+					r: I.value.roundingValue
+				}), { datapoint: X.value })), 1)], !0)]),
 				_: 3
 			}, 8, [
 				"x",
@@ -1576,12 +1576,12 @@ var _t = ["innerHTML"], vt = {
 			t.$slots.source ? (C(), y("div", {
 				key: 3,
 				ref_key: "source",
-				ref: Xe,
+				ref: Qe,
 				dir: "auto"
-			}, [E(t.$slots, "source", {}, void 0, !0)], 512)) : v("", !0),
-			E(t.$slots, "skeleton", {}, () => [D(F) ? (C(), Oe(_e, { key: 0 })) : v("", !0)], !0)
-		], 12, bt));
+			}, [Ie(t.$slots, "source", {}, void 0, !0)], 512)) : v("", !0),
+			Ie(t.$slots, "skeleton", {}, () => [E(B) ? (C(), Oe(_e, { key: 0 })) : v("", !0)], !0)
+		], 12, vt));
 	}
-}, [["__scopeId", "data-v-4d09c790"]]);
+}, [["__scopeId", "data-v-ef970c4d"]]);
 //#endregion
-export { yt as n, G as t };
+export { _t as n, Vt as t };