vue-data-ui 3.22.13 → 3.23.0

package/dist/{vue-ui-sparkline-DcR_N-zT.js → vue-ui-sparkline-Dz1uzBos.js}

@@ -1,27 +1,28 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, B as n, Bt as r, Et as i, F as a, H as o, I as s, K as c, M as l, N as u, O as d, Rt as ee, V as f, Y as p, at as te, et as ne, ft as re, i as ie, k as ae, p as oe, qt as se, rt as ce, t as le, u as ue, x as de, yt as fe, zt as m } from "./lib-CFm_J26b.js";
-import { t as pe } from "./useTimeLabels-B9CEuiLZ.js";
-import { t as me } from "./useConfig-C0V0eG7L.js";
-import { n as h, t as he } from "./BaseScanner-DZvpgOjM.js";
-import { t as ge } from "./useNestedProp-BY6DNN3i.js";
-import { t as _e } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ve } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as ye, t as be } from "./useResponsive-ZtArZtUf.js";
-import { t as xe } from "./DefGrad-DVBqDjhO.js";
-import { t as Se } from "./A11yDataTable-DdRsVULz.js";
-import { t as Ce } from "./useChartAccessibility-DYqac8yF.js";
-import { t as we } from "./usePrefersMotion-BC-CsqR1.js";
-import { t as Te } from "./vue_ui_sparkline-auZhap6Y.js";
-import { Fragment as g, computed as _, createBlock as Ee, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createTextVNode as De, createVNode as Oe, defineAsyncComponent as ke, guardReactiveProps as Ae, nextTick as x, normalizeProps as je, normalizeStyle as S, onBeforeUnmount as Me, onMounted as Ne, openBlock as C, ref as w, renderList as T, renderSlot as Pe, shallowRef as Fe, toDisplayString as Ie, toRefs as Le, unref as E, watch as D, watchEffect as Re, withCtx as ze } from "vue";
+import { A as t, Bt as n, Dt as r, H as i, I as a, Jt as o, L as s, N as c, P as l, S as u, U as d, V as ee, Vt as f, X as p, bt as te, d as ne, i as re, it as ie, jt as ae, k as oe, m as se, ot as ce, pt as le, q as ue, t as de, tt as fe, zt as pe } from "./lib-BuMGJ_a0.js";
+import { n as me, t as he } from "./useHints-Dq_w2E8B.js";
+import { t as m } from "./useTimeLabels-B9CEuiLZ.js";
+import { t as ge } from "./useConfig-BilxnBNr.js";
+import { n as _e, t as ve } from "./BaseScanner-DZvpgOjM.js";
+import { t as ye } from "./useNestedProp--NSEmhOH.js";
+import { t as be } from "./useThemeCheck-C43Tcqmk.js";
+import { t as xe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { l as Se, t as Ce } from "./useResponsive-ZtArZtUf.js";
+import { t as we } from "./DefGrad-DVBqDjhO.js";
+import { t as Te } from "./A11yDataTable-DdRsVULz.js";
+import { t as Ee } from "./useChartAccessibility-DYqac8yF.js";
+import { t as De } from "./usePrefersMotion-BC-CsqR1.js";
+import { t as Oe } from "./vue_ui_sparkline-auZhap6Y.js";
+import { Fragment as h, computed as g, createBlock as ke, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as Ae, createVNode as je, defineAsyncComponent as Me, guardReactiveProps as Ne, nextTick as b, normalizeProps as Pe, normalizeStyle as x, onBeforeUnmount as Fe, onMounted as Ie, openBlock as S, ref as C, renderList as w, renderSlot as T, 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 Be = {
+var He = {
 	key: 0,
 	style: { "pointer-events": "none" }
-}, Ve = [
+}, Ue = [
 	"r",
 	"fill",
 	"filter"
-], He = [
+], We = [
 	"begin",
 	"dur",
 	"repeatCount",
@@ -30,12 +31,12 @@ var Be = {
 	"keySplines",
 	"keyTimes",
 	"keyPoints"
-], Ue = ["href"], We = [
+], Ge = ["href"], Ke = [
 	"dur",
 	"repeatCount",
 	"fill",
 	"values"
-], Ge = ["r", "fill"], O = [
+], qe = ["r", "fill"], O = [
 	"begin",
 	"dur",
 	"repeatCount",
@@ -43,7 +44,7 @@ var Be = {
 	"keySplines",
 	"keyTimes",
 	"keyPoints"
-], Ke = ["href"], k = ["dur", "repeatCount"], qe = {
+], Je = ["href"], k = ["dur", "repeatCount"], Ye = {
 	__name: "SparklinePulse",
 	props: {
 		uid: {
@@ -112,7 +113,7 @@ var Be = {
 		}
 	},
 	setup(e) {
-		let t = e, n = _(() => Math.min(t.pulseTrailLength, 45)), r = _(() => !!t.pulse?.show && !t.isBar && !t.prefersReducedMotion && !t.loading && Number(t.pulsePathLength) > 0);
+		let t = e, n = g(() => Math.min(t.pulseTrailLength, 45)), r = g(() => !!t.pulse?.show && !t.isBar && !t.prefersReducedMotion && !t.loading && Number(t.pulsePathLength) > 0);
 		function i() {
 			let e = t.svgRef?.value;
 			e && (typeof e.pauseAnimations == "function" && e.pauseAnimations(), typeof e.setCurrentTime == "function" && e.setCurrentTime(0), typeof e.unpauseAnimations == "function" && e.unpauseAnimations());
@@ -136,18 +137,18 @@ var Be = {
 				i();
 				return;
 			}
-			await x(), i();
+			await b(), i();
 		}), D(() => t.pulsePathId, async () => {
-			await x(), i();
-		}), Me(() => {
+			await b(), i();
+		}), Fe(() => {
 			i();
-		}), (t, i) => r.value ? (C(), y("g", Be, [(C(!0), y(g, null, T(n.value, (t, n) => (C(), y(g, null, [n % 3 == 0 ? (C(), y("circle", {
+		}), (t, i) => r.value ? (S(), v("g", He, [(S(!0), v(h, null, w(n.value, (t, n) => (S(), v(h, null, [n % 3 == 0 ? (S(), v("circle", {
 			key: `sparkline_dot_${n}_${e.pulsePathId}`,
 			r: o(n),
 			fill: e.pulse.color,
 			filter: `url(#sparkline_pulse_glow_${e.uid})`,
 			opacity: "0"
-		}, [b("animateMotion", {
+		}, [y("animateMotion", {
 			begin: a(e.pulseBegin, n * 10),
 			dur: e.pulseDur,
 			repeatCount: e.pulseRepeatCount,
@@ -157,19 +158,19 @@ var Be = {
 			keyTimes: e.pulseMotion.keyTimes || void 0,
 			keyPoints: e.pulseKeyPoints,
 			rotate: "auto"
-		}, [b("mpath", { href: `#${e.pulsePathId}` }, null, 8, Ue)], 8, He), b("animate", {
+		}, [y("mpath", { href: `#${e.pulsePathId}` }, null, 8, Ge)], 8, We), y("animate", {
 			attributeName: "opacity",
 			dur: e.pulseDur,
 			repeatCount: e.pulseRepeatCount,
 			fill: e.pulseFillMode,
 			values: s(n),
 			keyTimes: "0;0.1;0.9;1"
-		}, null, 8, We)], 8, Ve)) : v("", !0)], 64))), 256)), (C(), y("circle", {
+		}, null, 8, Ke)], 8, Ue)) : _("", !0)], 64))), 256)), (S(), v("circle", {
 			key: `sparkline_halo_${e.pulsePathId}`,
 			r: Math.max(e.pulse.radius * 1.3),
 			fill: e.pulse.color,
 			opacity: "0"
-		}, [b("animateMotion", {
+		}, [y("animateMotion", {
 			begin: e.pulseBegin,
 			dur: e.pulseDur,
 			repeatCount: e.pulseRepeatCount,
@@ -178,19 +179,19 @@ var Be = {
 			keyTimes: e.pulseMotion.keyTimes || void 0,
 			keyPoints: e.pulseKeyPoints,
 			rotate: "auto"
-		}, [b("mpath", { href: `#${e.pulsePathId}` }, null, 8, Ke)], 8, O), b("animate", {
+		}, [y("mpath", { href: `#${e.pulsePathId}` }, null, 8, Je)], 8, O), y("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, k)], 8, Ge))])) : v("", !0);
+		}, null, 8, k)], 8, qe))])) : _("", !0);
 	}
 }, A = {
 	canvas: null,
 	ctx: null
 };
-function Je() {
+function Xe() {
 	if (typeof document > "u") throw Error("color-utils: document is not available (browser-only).");
 	if (!A.canvas) {
 		let e = document.createElement("canvas");
@@ -201,7 +202,7 @@ function Je() {
 	}
 	return A.ctx;
 }
-function Ye(e) {
+function Ze(e) {
 	return e < 0 ? 0 : e > 255 ? 255 : Math.round(e);
 }
 function j(e) {
@@ -216,10 +217,10 @@ function M(e, t = null) {
 		blue: 0,
 		alpha: 0
 	};
-	let r = Xe(n, t), i = Je();
+	let r = Qe(n, t), i = Xe();
 	i.clearRect(0, 0, 1, 1), i.fillStyle = "#000";
 	let a = i.fillStyle;
-	if (i.fillStyle = r, i.fillStyle === a && !Ze(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 {
@@ -235,10 +236,10 @@ function N(e, t = null) {
 	for (let r = 0; r < e.length; r += 1) n[r] = M(e[r], t);
 	return n;
 }
-function Xe(e, t = null) {
+function Qe(e, t = null) {
 	return e !== "currentColor" || typeof window > "u" || !t ? e : window.getComputedStyle(t).color || e;
 }
-function Ze(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)";
 }
@@ -248,9 +249,9 @@ function P(e) {
 }
 function F(e) {
 	let t = j(e), n;
-	return n = t <= .0031308 ? t * 12.92 : 1.055 * t ** (1 / 2.4) - .055, Ye(n * 255);
+	return n = t <= .0031308 ? t * 12.92 : 1.055 * t ** (1 / 2.4) - .055, Ze(n * 255);
 }
-function Qe(e, t, n, r) {
+function et(e, t, n, r) {
 	let i = j(n);
 	if (r === "linearRGB") {
 		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;
@@ -281,16 +282,16 @@ function L(e, t) {
 function R(e) {
 	return Number.isFinite(e) ? e.toString() : "0";
 }
-function $e(e) {
+function tt(e) {
 	let t = I(e, 0, 255).toString(16);
 	return t.length === 1 ? "0" + t : t;
 }
-function et(e) {
+function nt(e) {
 	if (typeof e != "string") return;
 	let t = Number.parseFloat(e);
 	return Number.isFinite(t) ? t : void 0;
 }
-function tt(e, t, n, r = !0) {
+function rt(e, t, n, r = !0) {
 	let i = n - t;
 	if (i === 0) return 0;
 	let a = (e - t) / i;
@@ -298,35 +299,35 @@ function tt(e, t, n, r = !0) {
 }
 //#endregion
 //#region src/SPG/index.js
-var nt = "http://www.w3.org/2000/svg";
-function rt(e) {
+var it = "http://www.w3.org/2000/svg";
+function at(e) {
 	if (typeof document > "u") throw Error("SvgPathGradientAsync: document is not available (browser-only implementation).");
-	let t = document.createElementNS(nt, "svg");
+	let t = document.createElementNS(it, "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(nt, "path");
+	let n = document.createElementNS(it, "path");
 	return e === "M " && (e = "M 0,0"), n.setAttribute("d", e), t.appendChild(n), document.body.appendChild(t), {
 		svgElement: t,
 		pathElement: n
 	};
 }
-function it(e) {
+function ot(e) {
 	if (e) try {
 		e.svgElement?.remove?.();
 	} catch {}
 }
-function at(e, t, n) {
+function st(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 ot(e, t, n) {
+function ct(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 st(e, t, n, r, i, a) {
+function lt(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 ${R(L(l.x, i))} ${R(L(l.y, i))}`;
@@ -336,7 +337,7 @@ function st(e, t, n, r, i, a) {
 	}
 	return u;
 }
-function ct(e, t, n, r, i, a) {
+function ut(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, ee = l.y, f = l.y, p = `M ${R(L(l.x, i))} ${R(L(l.y, i))}`;
@@ -354,7 +355,7 @@ function ct(e, t, n, r, i, a) {
 		}
 	};
 }
-function lt(e) {
+function dt(e) {
 	if (e.length === 1) return [{
 		position: 0,
 		rgba: e[0]
@@ -401,9 +402,9 @@ function H(e) {
 }
 function U(e) {
 	let t = I(e.alpha, 0, 1), n = I(Math.round(e.red), 0, 255), r = I(Math.round(e.green), 0, 255), i = I(Math.round(e.blue), 0, 255);
-	return t >= 1 ? `#${$e(n)}${$e(r)}${$e(i)}` : `rgba(${n}, ${r}, ${i}, ${L(t, 4).toString()})`;
+	return t >= 1 ? `#${tt(n)}${tt(r)}${tt(i)}` : `rgba(${n}, ${r}, ${i}, ${L(t, 4).toString()})`;
 }
-function ut(e) {
+function ft(e) {
 	let t = `fill="${W(e.fill ?? "none")}"`, n = Object.keys(e);
 	for (let r = 0; r < n.length; r += 1) {
 		let i = n[r];
@@ -413,10 +414,10 @@ function ut(e) {
 	}
 	return t;
 }
-function dt(e, t, n) {
+function pt(e, t, n) {
 	return `<path d="${W(e)}" stroke="${W(t)}" ${n} />`;
 }
-function ft(e) {
+function mt(e) {
 	let t = [], n = e.segmentAttributeMap.fill ?? "none";
 	t.push(`fill="${W(n)}"`), t.push(`stroke="${W(e.stroke)}"`);
 	for (let n of Object.keys(e.segmentAttributeMap)) {
@@ -426,7 +427,7 @@ function ft(e) {
 	}
 	return `<path d="${W(e.pathData)}" ${t.join(" ")} />`;
 }
-function pt(e, t) {
+function ht(e, t) {
 	let n = [];
 	for (let e of Object.keys(t)) n.push(`${e}="${W(t[e])}"`);
 	return `<g data-svg-path-gradient="true"${n.length ? " " + n.join(" ") : ""}>${e.join("")}</g>`;
@@ -434,7 +435,7 @@ function pt(e, t) {
 function W(e) {
 	return String(e).replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
 }
-function mt(e, t = null, n = {}) {
+function gt(e, t = null, n = {}) {
 	return new Promise((r, i) => {
 		let a = null;
 		try {
@@ -442,16 +443,16 @@ function mt(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 = et(c["stroke-width"]), d = typeof n.strokeWidth == "number" && n.strokeWidth > 0 ? n.strokeWidth : typeof u == "number" && u > 0 ? u : 1;
-			a = rt(e);
+			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 = nt(c["stroke-width"]), d = typeof n.strokeWidth == "number" && n.strokeWidth > 0 ? n.strokeWidth : typeof u == "number" && u > 0 ? u : 1;
+			a = at(e);
 			let ee = a.pathElement, f = ee.getTotalLength(), p = i === null ? N(t, n.colorReferenceElement) : [];
 			if (i === null && (!(f > 0) || p.length === 1)) {
-				let t = pt([ft({
+				let t = ht([mt({
 					pathData: e,
 					stroke: U(p[0]),
 					segmentAttributeMap: c
 				})], l);
-				it(a), r(t);
+				ot(a), r(t);
 				return;
 			}
 			let te = n.colorSpace ?? "linearRGB";
@@ -460,58 +461,58 @@ function mt(e, t = null, n = {}) {
 				if (!Array.isArray(e) || e.length !== 2) throw Error("SvgPathGradientAsync: temperatureColors must be a tuple of exactly 2 colors when temperatureMode is enabled.");
 			}
 			let ne = i === null ? null : N(n.temperatureColors, n.colorReferenceElement), re = i === null ? (() => {
-				let e = lt(p), t = Array(e.length);
+				let e = dt(p), 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;
-			})() : [], ie = at(f, d, n.maxSegmentLength), ae = ot(f, n.segments, ie), oe = f / ae, se = typeof n.overlap == "number" && n.overlap >= 0 ? n.overlap : d * .5, ce = oe * .45;
+			})() : [], ie = st(f, d, n.maxSegmentLength), ae = ct(f, n.segments, ie), oe = f / ae, se = typeof n.overlap == "number" && n.overlap >= 0 ? n.overlap : d * .5, ce = oe * .45;
 			se > ce && (se = ce);
-			let le = typeof n.samplePointLimitPerSegment == "number" && n.samplePointLimitPerSegment > 10 ? n.samplePointLimitPerSegment : 250, ue = ut(c), de = [], fe = i === null ? null : [], m = i === null ? null : [], pe = 0, me = i === null ? re.length - 2 : 0, h = 0, he = () => {
+			let le = typeof n.samplePointLimitPerSegment == "number" && n.samplePointLimitPerSegment > 10 ? n.samplePointLimitPerSegment : 250, ue = ft(c), de = [], fe = i === null ? null : [], pe = i === null ? null : [], me = 0, he = i === null ? re.length - 2 : 0, m = 0, ge = () => {
 				let e = performance.now(), t = typeof n.frameBudgetMs == "number" ? n.frameBudgetMs : 8;
-				for (; h < ae && performance.now() - e < t;) {
-					let e = h * oe, t = (h + 1) * oe, n = e, r = t;
-					if (h !== 0 && (n = e - se), h !== ae - 1 && (r = t + se), n = I(n, 0, f), r = I(r, 0, f), r > n) if (i !== null) {
-						let e = ct(ee, n, r, s, o, le);
-						fe.push(e.pathData), m.push(e.bounds);
+				for (; m < ae && performance.now() - e < t;) {
+					let e = m * oe, t = (m + 1) * oe, n = e, r = t;
+					if (m !== 0 && (n = e - se), m !== ae - 1 && (r = t + se), n = I(n, 0, f), r = I(r, 0, f), r > n) if (i !== null) {
+						let e = ut(ee, n, r, s, o, le);
+						fe.push(e.pathData), pe.push(e.bounds);
 					} else {
 						let e = (n + r) * .5 / f;
-						for (; pe < me && e > re[pe + 1].position;) pe += 1;
-						let t = z(re, e, te, pe), i = st(ee, n, r, s, o, le);
-						de.push(dt(i, t, ue));
+						for (; me < he && e > re[me + 1].position;) me += 1;
+						let t = z(re, e, te, me), i = lt(ee, n, r, s, o, le);
+						de.push(pt(i, t, ue));
 					}
-					h += 1;
+					m += 1;
 				}
-				if (h < ae) {
-					requestAnimationFrame(he);
+				if (m < ae) {
+					requestAnimationFrame(ge);
 					return;
 				}
 				if (i !== null) {
 					let e = Infinity, t = -Infinity;
-					for (let n = 0; n < m.length; n += 1) {
-						let r = m[n], a = i === "vertical" ? r.minY : r.minX, o = i === "vertical" ? r.maxY : r.maxX;
+					for (let n = 0; n < pe.length; n += 1) {
+						let r = pe[n], a = i === "vertical" ? r.minY : r.minX, o = i === "vertical" ? r.maxY : r.maxX;
 						a < e && (e = a), o > t && (t = o);
 					}
 					let n = ne[0], r = ne[1];
 					de.length = 0;
-					for (let a = 0; a < m.length; a += 1) {
-						let o = m[a], s = tt(((i === "vertical" ? o.minY : o.minX) + (i === "vertical" ? o.maxY : o.maxX)) * .5, e, t, !0), c = U(i === "vertical" ? Qe(n, r, s, te) : Qe(r, n, s, te)), l = fe[a];
-						de.push(dt(l, c, ue));
+					for (let a = 0; a < pe.length; a += 1) {
+						let o = pe[a], s = rt(((i === "vertical" ? o.minY : o.minX) + (i === "vertical" ? o.maxY : o.maxX)) * .5, e, t, !0), c = U(i === "vertical" ? et(n, r, s, te) : et(r, n, s, te)), l = fe[a];
+						de.push(pt(l, c, ue));
 					}
 				}
-				let c = pt(de, l);
-				it(a), r(c);
+				let c = ht(de, l);
+				ot(a), r(c);
 			};
-			requestAnimationFrame(he);
+			requestAnimationFrame(ge);
 		} catch (e) {
-			it(a), i(e);
+			ot(a), i(e);
 		}
 	});
 }
 //#endregion
 //#region src/atoms/SparklineGradientPath.vue
-var ht = ["innerHTML"], gt = {
+var _t = ["innerHTML"], vt = {
 	__name: "SparklineGradientPath",
 	props: {
 		svgPathData: {
@@ -540,7 +541,7 @@ var ht = ["innerHTML"], gt = {
 		}
 	},
 	setup(e) {
-		let t = e, n = w(""), r = 0;
+		let t = e, n = C(""), r = 0;
 		return D(() => [
 			t.enabled,
 			t.svgPathData,
@@ -554,7 +555,7 @@ var ht = ["innerHTML"], gt = {
 				n.value = "";
 				return;
 			}
-			let a = await mt(t.svgPathData, null, {
+			let a = await gt(t.svgPathData, null, {
 				segments: t.segments,
 				temperatureMode: "vertical",
 				temperatureColors: [t.highColor, t.lowColor],
@@ -566,54 +567,54 @@ var ht = ["innerHTML"], gt = {
 				groupAttrs: { class: "vue-ui-sparkline-gradient" }
 			});
 			i === r && (n.value = a);
-		}, { immediate: !0 }), (e, t) => (C(), y("g", { innerHTML: n.value }, null, 8, ht));
+		}, { immediate: !0 }), (e, t) => (S(), v("g", { innerHTML: n.value }, null, 8, _t));
 	}
-}, _t = /* @__PURE__ */ e({ default: () => G }), vt = ["id"], yt = ["id"], bt = { style: { position: "relative" } }, xt = [
+}, yt = /* @__PURE__ */ e({ default: () => G }), bt = ["id"], xt = ["id"], St = { style: { position: "relative" } }, Ct = [
 	"xmlns",
 	"viewBox",
 	"aria-describedby"
-], St = ["width", "height"], Ct = ["id"], wt = [
+], wt = ["width", "height"], Tt = ["id"], Et = [
 	"id",
 	"y1",
 	"y2"
-], Tt = ["stop-color", "offset"], Et = { key: 1 }, Dt = [
+], Dt = ["stop-color", "offset"], Ot = { key: 1 }, kt = [
 	"data-cy",
 	"d",
 	"fill"
-], Ot = [
+], At = [
 	"id",
 	"d",
 	"stroke-width"
-], kt = [
+], jt = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], At = [
+], Mt = [
 	"d",
 	"stroke",
 	"stroke-width"
-], jt = [
+], Nt = [
 	"id",
 	"d",
 	"stroke-width"
-], Mt = [
+], Pt = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Nt = [
+], Ft = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Pt = [
+], It = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill",
 	"rx"
-], Ft = [
+], Lt = [
 	"x1",
 	"x2",
 	"y1",
@@ -621,7 +622,7 @@ var ht = ["innerHTML"], gt = {
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], It = [
+], Rt = [
 	"x1",
 	"x2",
 	"y1",
@@ -629,20 +630,20 @@ var ht = ["innerHTML"], gt = {
 	"stroke",
 	"stroke-dasharray",
 	"stroke-width"
-], Lt = [
+], zt = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], Rt = [
+], Bt = [
 	"x",
 	"y",
 	"font-size",
 	"font-weight",
 	"fill"
-], zt = [
+], Vt = [
 	"x",
 	"y",
 	"height",
@@ -650,7 +651,7 @@ var ht = ["innerHTML"], gt = {
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Bt = {
+], Ht = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -660,7 +661,7 @@ var ht = ["innerHTML"], gt = {
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, G = /*#__PURE__*/ ve({
+}, G = /*#__PURE__*/ xe({
 	__name: "vue-ui-sparkline",
 	props: {
 		config: {
@@ -693,18 +694,42 @@ var ht = ["innerHTML"], gt = {
 		}
 	},
 	emits: ["hoverIndex", "selectDatapoint"],
-	setup(e, { emit: ve }) {
-		let Be = ke(() => import("./PackageVersion-B6Hokxw9.js").then((e) => e.t)), Ve = ke(() => import("./SparkTooltip-uoUiL_P8.js")), { vue_ui_sparkline: He } = me(), { isThemeValid: Ue, warnInvalidTheme: We } = _e(), Ge = we(), O = e, Ke = _(() => Array.isArray(O.dataset) && O.dataset.length > 0), k = w(c()), A = w(null), Je = w(null), Ye = w(null), j = w(null), M = w(null), N = w(L());
-		function Xe(e) {
+	setup(e, { emit: xe }) {
+		let He = Me(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), Ue = Me(() => import("./SparkTooltip-BaYtEKS6.js")), { vue_ui_sparkline: We } = ge(), { isThemeValid: Ge, warnInvalidTheme: Ke } = be(), qe = De(), O = e, Je = g(() => Array.isArray(O.dataset) && O.dataset.length > 0), k = C(ue()), A = C(null), Xe = C(null), Ze = C(null), j = C(null), M = C(null), N = C(L());
+		me({
+			config: () => N.value,
+			dataset: () => O.dataset,
+			component: "VueUiSparkline",
+			rules: [
+				he.emptyArray,
+				{
+					test: (e) => e.length > 500,
+					message: [
+						"👀 The dataset has > 500 datapoints. Consider if you really need this level of detail.",
+						"",
+						"▶️ Use larger time scales, or aggregated values"
+					]
+				},
+				{
+					test: (e) => e.length > 1095,
+					message: [
+						"👀 The dataset has > 1095 datapoints. Above this threshold, the dataset is computed through an LTTB algorithm, to preserve the shape of the data without increasing the number of datapoints.",
+						"",
+						"▶️ If you need this level of detail, you can change config.downsample.threshold and set a higher value. Note that performance will be impacted."
+					]
+				}
+			]
+		});
+		function Qe(e) {
 			return O.config?.skeletonDataset && Array.isArray(O.config.skeletonDataset) ? O.config.skeletonDataset.map((e) => ({
 				period: "-",
 				value: e
-			})) : ce(e).map((e) => ({
+			})) : ie(e).map((e) => ({
 				period: "-",
 				value: e
 			}));
 		}
-		let Ze = _(() => se({
+		let $e = g(() => o({
 			defaultConfig: {
 				gradientPath: { show: !1 },
 				temperatureColors: { show: !1 },
@@ -726,33 +751,33 @@ var ht = ["innerHTML"], gt = {
 				}
 			},
 			userConfig: N.value.skeletonConfig ?? {}
-		})), { loading: P, FINAL_DATASET: F, manualLoading: Qe } = h({
-			...Le(O),
+		})), { loading: P, FINAL_DATASET: F, manualLoading: et } = _e({
+			...ze(O),
 			FINAL_CONFIG: N,
 			prepareConfig: L,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					await x(), ht();
+					await b(), _t();
 				});
 			},
-			skeletonDataset: Xe(12),
-			skeletonConfig: se({
+			skeletonDataset: Qe(12),
+			skeletonConfig: o({
 				defaultConfig: N.value,
-				userConfig: Ze.value
+				userConfig: $e.value
 			})
-		}), { svgRef: I } = Ce({ config: N.value.style.title });
+		}), { svgRef: I } = Ee({ config: N.value.style.title });
 		function L() {
-			let e = ge({
+			let e = ye({
 				userConfig: O.config,
-				defaultConfig: He
+				defaultConfig: We
 			}), t = {}, n = e.theme;
-			if (n) if (!Ue.value(e)) We(e), t = e;
+			if (n) if (!Ge.value(e)) Ke(e), t = e;
 			else {
-				let r = ge({
-					userConfig: Te[n] || O.config,
+				let r = ye({
+					userConfig: Oe[n] || O.config,
 					defaultConfig: e
 				});
-				t = { ...ge({
+				t = { ...ye({
 					userConfig: O.config,
 					defaultConfig: r
 				}) };
@@ -760,10 +785,10 @@ var ht = ["innerHTML"], gt = {
 			else t = e;
 			return t;
 		}
-		let R = _(() => N.value?.style?.line.pulse || {}), $e = _(() => `${Math.max(200, Number(R.value.durationMs) || 4e3) / 1e3}s`), et = w(0), tt = _(() => R.value?.begin || "0ms"), nt = w("0;1"), rt = _(() => R.value?.loop === !1 ? "1" : "indefinite"), it = _(() => R.value?.loop === !1 ? "freeze" : void 0), at = _(() => R.value.trail.show && lt.value.lengthPx || 1), ot = _(() => !!R.value?.show && !Q.value && !Ge.value && !P.value && (J.value?.length || 0) > 1);
-		function st() {
-			if (!ot.value) {
-				et.value = 0;
+		let R = g(() => N.value?.style?.line.pulse || {}), tt = g(() => `${Math.max(200, Number(R.value.durationMs) || 4e3) / 1e3}s`), nt = C(0), rt = g(() => R.value?.begin || "0ms"), it = C("0;1"), at = g(() => R.value?.loop === !1 ? "1" : "indefinite"), ot = g(() => R.value?.loop === !1 ? "freeze" : void 0), st = g(() => R.value.trail.show && dt.value.lengthPx || 1), ct = g(() => !!R.value?.show && !Q.value && !qe.value && !P.value && (J.value?.length || 0) > 1);
+		function lt() {
+			if (!ct.value) {
+				nt.value = 0;
 				return;
 			}
 			let e = I.value;
@@ -771,18 +796,18 @@ var ht = ["innerHTML"], gt = {
 			let t = `#${G.value}`, n = e.querySelector?.(t);
 			if (n && typeof n.getTotalLength == "function") {
 				let e = n.getTotalLength();
-				Number.isFinite(e) && e > 0 && (et.value = e);
+				Number.isFinite(e) && e > 0 && (nt.value = e);
 				return;
 			}
 			requestAnimationFrame(() => {
 				let n = e.querySelector?.(t);
 				if (n && typeof n.getTotalLength == "function") {
 					let e = n.getTotalLength();
-					Number.isFinite(e) && e > 0 && (et.value = e);
+					Number.isFinite(e) && e > 0 && (nt.value = e);
 				}
 			});
 		}
-		let ct = _(() => {
+		let ut = g(() => {
 			let e = R.value?.easing || "ease-in-out", t = {
 				ease: [
 					.25,
@@ -827,7 +852,7 @@ var ht = ["innerHTML"], gt = {
 				] : t[e] || t["ease-in-out"]).join(" "),
 				keyTimes: "0;1"
 			};
-		}), lt = _(() => {
+		}), dt = g(() => {
 			let e = R.value?.trail || {}, t = N.value.style.line.strokeWidth || 1;
 			return {
 				show: e.show !== !1,
@@ -837,18 +862,18 @@ var ht = ["innerHTML"], gt = {
 				fadeIn: .5,
 				fadeOut: .2
 			};
-		}), z = _(() => i({
+		}), z = g(() => r({
 			data: F.value,
 			threshold: N.value.downsample.threshold
 		}));
-		_(() => {
+		g(() => {
 			if (!N.value.temperatureColors.show) return !1;
 			let e = F.value.map(({ value: e }) => e).filter((e) => Number.isFinite(e));
 			return new Set(e).size <= 1;
 		}), D(() => O.config, (e) => {
-			P.value || (N.value = L()), Wt(), K.value.chartWidth = N.value.style.chartWidth;
+			P.value || (N.value = L()), Kt(), K.value.chartWidth = N.value.style.chartWidth;
 		}, { deep: !0 }), D(() => O.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (Qe.value = !1), B.value = i({
+			Array.isArray(e) && e.length > 0 && (et.value = !1), B.value = r({
 				data: F.value.map((e) => ({
 					...e,
 					value: [void 0].includes(e.value) ? null : e.value
@@ -856,9 +881,9 @@ var ht = ["innerHTML"], gt = {
 				threshold: N.value.downsample.threshold
 			});
 		}, { deep: !0 });
-		let B = w(V());
+		let B = C(V());
 		function V() {
-			return i({
+			return r({
 				data: F.value.map((e) => N.value.style.animation.show && F.value.length > 1 ? {
 					...e,
 					value: null
@@ -869,78 +894,78 @@ var ht = ["innerHTML"], gt = {
 				threshold: N.value.downsample.threshold
 			});
 		}
-		let H = Fe(null), U = Fe(null), ut = w(!1), dt = w(0), ft = w([]), pt = w(""), W = _(() => {
+		let H = Le(null), U = Le(null), ft = C(!1), pt = C(0), mt = C([]), ht = C(""), W = g(() => {
 			let e = (z.value || []).map((e) => `${e.period}::${Number.isFinite(e.value) ? e.value : 0}`).join("|"), t = N.value?.style?.animation || {}, n = !!N.value?.gradientPath?.show && !N.value.temperatureColors.show;
 			return `${e}#${!!t.show}#${t.animationFrames || 0}#${n}`;
 		});
-		function mt() {
-			dt.value &&= (cancelAnimationFrame(dt.value), 0), ft.value.forEach((e) => clearTimeout(e)), ft.value = [], ut.value = !1;
+		function gt() {
+			pt.value &&= (cancelAnimationFrame(pt.value), 0), mt.value.forEach((e) => clearTimeout(e)), mt.value = [], ft.value = !1;
 		}
-		function ht() {
+		function _t() {
 			let e = N.value?.style?.animation || {}, t = z.value || [], n = W.value, r = !!N.value.gradientPath.show && !N.value.temperatureColors.show;
-			if (n && n === pt.value && (ut.value || B.value.length === t.length)) return;
-			if (mt(), r || !e.show || P.value || t.length <= 1) {
-				B.value = t, pt.value = n;
+			if (n && n === ht.value && (ft.value || B.value.length === t.length)) return;
+			if (gt(), r || !e.show || P.value || t.length <= 1 || qe.value) {
+				B.value = t, ht.value = n;
 				return;
 			}
-			ut.value = !0, pt.value = n, B.value = [];
+			ft.value = !0, ht.value = n, B.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) {
-					mt();
+					gt();
 					return;
 				}
 				if (o < t.length) {
 					B.value.push(t[o]);
 					let e = setTimeout(() => {
-						dt.value = requestAnimationFrame(s);
+						pt.value = requestAnimationFrame(s);
 					}, a);
-					ft.value.push(e), o += 1;
-				} else B.value = t, mt();
+					mt.value.push(e), o += 1;
+				} else B.value = t, gt();
 			};
-			dt.value = requestAnimationFrame(s);
+			pt.value = requestAnimationFrame(s);
 		}
 		D(W, () => {
-			ht();
-		}), Ne(() => {
-			Wt(), ht();
-		}), Me(() => {
-			mt();
+			_t();
+		}), Ie(() => {
+			Kt(), _t();
+		}), Fe(() => {
+			gt();
 		});
-		let _t = w(0);
+		let yt = C(0);
 		D(() => P.value, async (e) => {
-			e || (await x(), _t.value += 1);
-		}), D(() => ut.value, async (e) => {
-			e || P.value || (await x(), _t.value += 1);
+			e || (await b(), yt.value += 1);
+		}), D(() => ft.value, async (e) => {
+			e || P.value || (await b(), yt.value += 1);
 		});
-		let G = _(() => `sparkline_line_path_${k.value}`), Vt = w(!0);
-		async function Ht() {
-			Vt.value = !1, await x(), Vt.value = !0, await x(), st();
+		let G = g(() => `sparkline_line_path_${k.value}`), Ut = C(!0);
+		async function Wt() {
+			Ut.value = !1, await b(), Ut.value = !0, await b(), lt();
 		}
-		let Ut = _(() => !!N.value.debug);
-		function Wt() {
-			if (t(O.dataset) ? (ne({
+		let Gt = g(() => !!N.value.debug);
+		function Kt() {
+			if (ae(O.dataset) ? (fe({
 				componentName: "VueUiSparkline",
 				type: "dataset",
-				debug: Ut.value
-			}), Qe.value = !0) : O.dataset.forEach((e, t) => {
-				re({
+				debug: Gt.value
+			}), et.value = !0) : O.dataset.forEach((e, t) => {
+				le({
 					datasetObject: e,
 					requiredAttributes: ["period", "value"]
 				}).forEach((e) => {
-					ne({
+					fe({
 						componentName: "VueUiSparkline",
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: Ut.value
+						debug: Gt.value
 					});
 				});
-			}), t(O.dataset) || (Qe.value = N.value.loading), N.value.responsive) {
-				let e = ye(() => {
-					let { width: e, height: t } = be({
+			}), ae(O.dataset) || (et.value = N.value.loading), N.value.responsive) {
+				let e = Se(() => {
+					let { width: e, height: t } = Ce({
 						chart: A.value,
-						title: N.value.style.title.show && O.showInfo ? Je.value : null,
-						source: Ye.value
+						title: N.value.style.title.show && O.showInfo ? Xe.value : null,
+						source: Ze.value
 					});
 					requestAnimationFrame(() => {
 						K.value.width = e, K.value.height = t, K.value.chartWidth = N.value.style.chartWidth / 500 * e, K.value.padding = O.forcedPadding / 500 * e;
@@ -949,15 +974,15 @@ var ht = ["innerHTML"], gt = {
 				H.value && (U.value && H.value.unobserve(U.value), H.value.disconnect()), H.value = new ResizeObserver(e), U.value = A.value.parentNode, H.value.observe(U.value);
 			}
 		}
-		Me(() => {
+		Fe(() => {
 			H.value && (U.value && H.value.unobserve(U.value), H.value.disconnect());
 		});
-		let K = w({
+		let K = C({
 			height: 80 * O.heightRatio,
 			width: 500,
 			chartWidth: N.value.style.chartWidth,
 			padding: O.forcedPadding
-		}), Gt = ve, q = _(() => {
+		}), qt = xe, q = g(() => {
 			let { top: e, right: t, bottom: n, left: r } = N.value.style.padding;
 			return {
 				top: e,
@@ -968,83 +993,83 @@ var ht = ["innerHTML"], gt = {
 				width: O.showInfo && N.value.style.dataLabel.show ? K.value.chartWidth - r - t : K.value.width - K.value.padding - r - t,
 				height: K.value.height - e - n
 			};
-		}), Kt = _(() => [null, void 0].includes(N.value.style.scaleMin) ? Math.min(...B.value.map((e) => isNaN(e.value) || [
+		}), Jt = g(() => [null, void 0].includes(N.value.style.scaleMin) ? Math.min(...B.value.map((e) => isNaN(e.value) || [
 			void 0,
 			null,
 			"NaN",
 			NaN,
 			Infinity,
 			-Infinity
-		].includes(e.value) ? 0 : e.value || 0)) : N.value.style.scaleMin), qt = _(() => [null, void 0].includes(N.value.style.scaleMax) ? Math.max(...B.value.map((e) => isNaN(e.value) || [
+		].includes(e.value) ? 0 : e.value || 0)) : N.value.style.scaleMin), Yt = g(() => [null, void 0].includes(N.value.style.scaleMax) ? Math.max(...B.value.map((e) => isNaN(e.value) || [
 			void 0,
 			null,
 			"NaN",
 			NaN,
 			Infinity,
 			-Infinity
-		].includes(e.value) ? 0 : e.value || 0)) : N.value.style.scaleMax), Jt = _(() => {
-			let e = Kt.value >= 0 ? 0 : Kt.value;
+		].includes(e.value) ? 0 : e.value || 0)) : N.value.style.scaleMax), Xt = g(() => {
+			let e = Jt.value >= 0 ? 0 : Jt.value;
 			return Math.abs(e);
-		}), Yt = _(() => qt.value + Jt.value), Xt = _(() => q.value.bottom - q.value.height * Zt(Jt.value));
-		function Zt(e) {
-			return isNaN(e / Yt.value) ? 0 : e / Yt.value;
+		}), Zt = g(() => Yt.value + Xt.value), Qt = g(() => q.value.bottom - q.value.height * $t(Xt.value));
+		function $t(e) {
+			return isNaN(e / Zt.value) ? 0 : e / Zt.value;
 		}
-		let Qt = _(() => z.value.length - 1 || 1), $t = w([]), en = 0;
-		Re(() => {
-			let e = ++en;
+		let en = g(() => z.value.length - 1 || 1), tn = C([]), nn = 0;
+		Be(() => {
+			let e = ++nn;
 			(async () => {
-				let t = await pe({
+				let t = await m({
 					values: z.value.map((e) => e.period),
 					maxDatapoints: z.value.length,
 					formatter: N.value.style.dataLabel.datetimeFormatter,
 					start: 0,
 					end: z.value.length
 				});
-				e === en && ($t.value = t);
+				e === nn && (tn.value = t);
 			})();
 		});
-		let J = _(() => B.value.map((e, t) => {
+		let J = g(() => B.value.map((e, t) => {
 			let n = isNaN(e.value) || [
 				void 0,
 				"NaN",
 				NaN,
 				Infinity,
 				-Infinity
-			].includes(e.value) ? 0 : e.value, i = q.value.width / Qt.value;
+			].includes(e.value) ? 0 : e.value, r = q.value.width / en.value;
 			return {
 				value: e.value,
 				absoluteValue: n,
-				period: $t.value && $t.value[t] && $t.value[t].text ? $t.value[t].text : e.period,
-				plotValue: n + Jt.value,
-				toMax: Zt(n + Jt.value),
-				x: q.value.start + t * i,
-				y: q.value.bottom - q.value.height * Zt(n + Jt.value),
+				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_${k.value}_${t}`,
-				color: Q.value ? N.value.style.bar.color : N.value.style.area.useGradient ? r(N.value.style.line.color, .05 * (1 - t / Qt.value)) : N.value.style.line.color,
-				width: i
+				color: Q.value ? N.value.style.bar.color : N.value.style.area.useGradient ? f(N.value.style.line.color, .05 * (1 - t / en.value)) : N.value.style.line.color,
+				width: r
 			};
-		})), tn = _(() => O.selectedIndex !== void 0 && O.selectedIndex !== null && O.selectedIndex >= 0 && O.selectedIndex < J.value.length ? O.selectedIndex : M.value !== void 0 && M.value !== null && M.value >= 0 && M.value < J.value.length ? M.value : null), Y = w(void 0), X = w(void 0);
-		function nn(e, t) {
+		})), rn = g(() => O.selectedIndex !== void 0 && O.selectedIndex !== null && O.selectedIndex >= 0 && O.selectedIndex < J.value.length ? O.selectedIndex : M.value !== void 0 && M.value !== null && M.value >= 0 && M.value < J.value.length ? M.value : null), Y = C(void 0), X = C(void 0);
+		function an(e, t) {
 			N.value.events.datapointEnter && N.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
-			}), M.value = t, j.value = t, Y.value = e, X.value ||= e, Gt("hoverIndex", { index: t });
+			}), M.value = t, j.value = t, Y.value = e, X.value ||= e, qt("hoverIndex", { index: t });
 		}
-		function rn(e, t) {
+		function on(e, t) {
 			N.value.events.datapointLeave && N.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
-			}), X.value = Y.value, Y.value = void 0, M.value = null, j.value = null, Gt("hoverIndex", { index: void 0 });
+			}), X.value = Y.value, Y.value = void 0, M.value = null, j.value = null, qt("hoverIndex", { index: void 0 });
 		}
-		let Z = _(() => {
-			if (Ke.value) {
+		let Z = g(() => {
+			if (Je.value) {
 				let e = J.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,
 					sum: t,
 					average: t / J.value.length,
-					median: oe(e),
-					trend: ue(J.value.map(({ x: e, y: t, absoluteValue: n }) => ({
+					median: se(e),
+					trend: ne(J.value.map(({ x: e, y: t, absoluteValue: n }) => ({
 						x: e,
 						y: t,
 						value: n
@@ -1057,18 +1082,18 @@ var ht = ["innerHTML"], gt = {
 				median: null,
 				trend: null
 			};
-		}), an = _(() => Ke.value ? N.value.style.dataLabel.valueType === "latest" ? Z.value.latest : N.value.style.dataLabel.valueType === "sum" ? Z.value.sum : N.value.style.dataLabel.valueType === "average" ? Z.value.average : 0 : 0), Q = _(() => N.value.type && N.value.type === "bar");
-		function on(e, t) {
+		}), sn = g(() => Je.value ? N.value.style.dataLabel.valueType === "latest" ? Z.value.latest : N.value.style.dataLabel.valueType === "sum" ? Z.value.sum : N.value.style.dataLabel.valueType === "average" ? Z.value.average : 0 : 0), Q = g(() => N.value.type && N.value.type === "bar");
+		function cn(e, t) {
 			N.value.events.datapointClick && N.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
-			}), Gt("selectDatapoint", {
+			}), qt("selectDatapoint", {
 				datapoint: e,
 				index: t
 			});
 		}
-		let sn = _(() => Array.isArray(N.value.style.line.dashIndices) && N.value.style.line.dashIndices.length > 0), cn = _(() => N.value.style.line.cutNullValues);
-		function ln(e) {
+		let ln = g(() => Array.isArray(N.value.style.line.dashIndices) && N.value.style.line.dashIndices.length > 0), un = g(() => N.value.style.line.cutNullValues);
+		function dn(e) {
 			return ![
 				null,
 				void 0,
@@ -1078,58 +1103,58 @@ var ht = ["innerHTML"], gt = {
 				-Infinity
 			].includes(e);
 		}
-		function un(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 ln(e[t]?.value) && i && cn.value;
-		}
-		function dn(e, t) {
-			return Y.value && e.id === Y.value.id || tn.value === t || F.value.length === 1;
-		}
 		function fn(e, t) {
-			return Q.value || !ln(e?.value) ? !1 : N.value.style.plot.show && dn(e, t) || un(J.value, 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;
 		}
 		function pn(e, t) {
-			return Math.max(1, dn(e, t) ? N.value.style.plot.radius : N.value.style.plot.radius * .7);
+			return Y.value && e.id === Y.value.id || rn.value === t || F.value.length === 1;
 		}
 		function mn(e, t) {
-			return dn(e, t) ? N.value.style.plot.stroke : N.value.style.backgroundColor;
+			return Q.value || !dn(e?.value) ? !1 : N.value.style.plot.show && pn(e, t) || fn(J.value, t);
+		}
+		function hn(e, t) {
+			return Math.max(1, pn(e, t) ? N.value.style.plot.radius : N.value.style.plot.radius * .7);
+		}
+		function gn(e, t) {
+			return pn(e, t) ? N.value.style.plot.stroke : N.value.style.backgroundColor;
 		}
-		let hn = _(() => cn.value ? J.value : J.value.filter((e) => e.value !== null)), gn = _(() => J.value.filter((e) => e.value !== null)), _n = _(() => gn.value.length > 1), vn = _(() => Q.value || !_n.value ? "" : cn.value ? a(J.value) : u(hn.value)), yn = _(() => Q.value || !_n.value ? "" : cn.value ? f(J.value) : n(hn.value)), bn = _(() => Q.value || !sn.value || !_n.value ? [] : s(hn.value, N.value.style.line.dashIndices)), xn = _(() => Q.value || !sn.value || !_n.value ? [] : o(hn.value, N.value.style.line.dashIndices)), Sn = _(() => Q.value || !N.value.style.area.show || !_n.value ? [] : N.value.style.line.smooth ? l(hn.value, q.value.bottom, cn.value).filter(Boolean) : (cn.value ? ae(J.value, q.value.bottom) : d(hn.value, q.value.bottom)).split(";").filter(Boolean).map((e) => `M${e}Z`)), Cn = _(() => Q.value || !N.value.gradientPath.show || N.value.temperatureColors.show ? "" : `M ${(N.value.style.line.smooth ? vn.value : yn.value) || "0,0"}`), wn = _(() => {
+		let _n = g(() => un.value ? J.value : J.value.filter((e) => e.value !== null)), vn = g(() => J.value.filter((e) => e.value !== null)), yn = g(() => vn.value.length > 1), bn = g(() => Q.value || !yn.value ? "" : un.value ? a(J.value) : l(_n.value)), xn = g(() => Q.value || !yn.value ? "" : un.value ? i(J.value) : ee(_n.value)), Sn = g(() => Q.value || !ln.value || !yn.value ? [] : s(_n.value, N.value.style.line.dashIndices)), Cn = g(() => Q.value || !ln.value || !yn.value ? [] : d(_n.value, N.value.style.line.dashIndices)), wn = g(() => Q.value || !N.value.style.area.show || !yn.value ? [] : N.value.style.line.smooth ? c(_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 = g(() => Q.value || !N.value.gradientPath.show || N.value.temperatureColors.show ? "" : `M ${(N.value.style.line.smooth ? bn.value : xn.value) || "0,0"}`), En = g(() => {
 			if (!N.value.temperatureColors.show) return null;
 			let e = N.value.temperatureColors.colors;
-			return !Array.isArray(e) || !e.length ? null : e.map((e) => de(e));
-		}), $ = _(() => {
+			return !Array.isArray(e) || !e.length ? null : e.map((e) => u(e));
+		}), $ = g(() => {
 			if (!N.value.temperatureColors.show) return null;
 			let e = N.value.temperatureColors.colors;
-			return !Array.isArray(e) || !e.length ? null : e.map((e) => de(e));
+			return !Array.isArray(e) || !e.length ? null : e.map((e) => u(e));
 		});
-		function Tn(e) {
+		function Dn(e) {
 			if (!Number.isFinite(e?.y)) return 0;
 			let t = q.value.height || 1, n = (e.y - q.value.top) / t;
 			return Math.min(1, Math.max(0, n));
 		}
-		function En(e) {
-			let t = wn.value;
-			return !Array.isArray(t) || !t.length ? e.color : fe({
+		function On(e) {
+			let t = En.value;
+			return !Array.isArray(t) || !t.length ? e.color : te({
 				colors: t,
-				ratio: Tn(e)
+				ratio: Dn(e)
 			});
 		}
 		D(() => [
-			ot.value,
+			ct.value,
 			G.value,
 			J.value.length,
 			K.value.width,
 			K.value.height,
 			N.value?.style?.line?.smooth
 		], async () => {
-			await x(), st();
-		}, { immediate: !0 }), Ne(async () => {
-			await x(), st();
+			await b(), lt();
+		}, { immediate: !0 }), Ie(async () => {
+			await b(), lt();
 		}), D(() => P.value, async (e) => {
-			e || await Ht();
-		}), D(() => ut.value, async (e) => {
-			e || P.value || await Ht();
+			e || await Wt();
+		}), D(() => ft.value, async (e) => {
+			e || P.value || await Wt();
 		}), D(() => O.selectedIndex, (e) => {
 			if (e == null) {
 				M.value = null, j.value = null, Y.value = void 0;
@@ -1139,22 +1164,22 @@ var ht = ["innerHTML"], gt = {
 			let t = J.value[e];
 			t && (M.value = e, j.value = e, Y.value = t);
 		});
-		let Dn = w(!1);
-		function On() {
-			let e = tn.value;
+		let kn = C(!1);
+		function An() {
+			let e = rn.value;
 			if (e !== null && e >= 0 && e < J.value.length) {
 				let t = J.value[e];
 				if (t) {
-					j.value = e, Y.value = t, M.value = e, Dn.value = !0;
+					j.value = e, Y.value = t, M.value = e, kn.value = !0;
 					return;
 				}
 			}
-			j.value = null, !Y.value && J.value.length && nn(J.value.at(-1), J.value.length - 1), Dn.value = !0;
+			j.value = null, !Y.value && J.value.length && an(J.value.at(-1), J.value.length - 1), kn.value = !0;
 		}
-		function kn() {
-			X.value = Y.value, (O.selectedIndex === void 0 || O.selectedIndex === null) && (j.value = null, Y.value = void 0, M.value = null, Gt("hoverIndex", { index: void 0 })), Dn.value = !1;
+		function jn() {
+			X.value = Y.value, (O.selectedIndex === void 0 || O.selectedIndex === null) && (j.value = null, Y.value = void 0, M.value = null, qt("hoverIndex", { index: void 0 })), kn.value = !1;
 		}
-		function An(e) {
+		function Mn(e) {
 			if (!I.value || document.activeElement !== I.value) return;
 			X.value = Y.value;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
@@ -1165,28 +1190,28 @@ var ht = ["innerHTML"], gt = {
 			let i = j.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 = J.value[i];
-			s && (j.value = i, nn(s, i));
+			s && (j.value = i, an(s, i));
 		}
-		let jn = _(() => ({
+		let Nn = g(() => ({
 			headers: [N.value.translations.period, N.value.translations.value],
 			rows: J.value.map((e) => [e.period, e.absoluteValue])
 		}));
-		return (t, n) => (C(), y("div", {
+		return (t, r) => (S(), v("div", {
 			ref_key: "sparklineChart",
 			ref: A,
 			class: "vue-data-ui-component vue-ui-sparkline",
 			id: k.value,
-			style: S(`width:100%;font-family:${N.value.style.fontFamily};`)
+			style: x(`width:100%;font-family:${N.value.style.fontFamily};`)
 		}, [
-			b("p", {
+			y("p", {
 				id: `chart-instructions-${k.value}`,
 				class: "sr-only"
-			}, Ie(N.value.a11y.translations.keyboardNavigation), 9, yt),
-			jn.value?.rows?.length ? (C(), Ee(Se, {
+			}, Re(N.value.a11y.translations.keyboardNavigation), 9, xt),
+			Nn.value?.rows?.length ? (S(), ke(Te, {
 				key: 0,
 				uid: k.value,
-				head: jn.value.headers,
-				body: jn.value.rows,
+				head: Nn.value.headers,
+				body: Nn.value.rows,
 				notice: N.value.a11y.translations.tableAvailable,
 				caption: N.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1195,8 +1220,8 @@ var ht = ["innerHTML"], gt = {
 				"body",
 				"notice",
 				"caption"
-			])) : v("", !0),
-			Pe(t.$slots, "before", je(Ae({
+			])) : _("", !0),
+			T(t.$slots, "before", Pe(Ne({
 				selected: Y.value,
 				latest: Z.value.latest,
 				sum: Z.value.sum,
@@ -1204,37 +1229,37 @@ var ht = ["innerHTML"], gt = {
 				median: Z.value.median,
 				trend: Z.value.trend
 			})), void 0, !0),
-			N.value.style.title.show && e.showInfo ? (C(), y("div", {
+			N.value.style.title.show && e.showInfo ? (S(), v("div", {
 				key: 1,
 				ref_key: "chartTitle",
-				ref: Je,
+				ref: Xe,
 				class: "vue-ui-sparkline-title",
-				style: S(`display:flex;align-items:center;width:100%;color:${N.value.style.title.color};background:${N.value.style.backgroundColor};justify-content:${N.value.style.title.textAlign === "left" ? "flex-start" : N.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${N.value.style.title.fontSize * 2}px;font-size:${N.value.style.title.fontSize}px;font-weight:${N.value.style.title.bold ? "bold" : "normal"};`)
-			}, [b("span", { style: S(`padding:${N.value.style.title.textAlign === "left" ? "0 0 0 12px" : N.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`) }, Ie(Y.value ? Y.value.period : N.value.style.title.text), 5)], 4)) : v("", !0),
-			b("div", bt, [(C(), y("svg", {
+				style: x(`display:flex;align-items:center;width:100%;color:${N.value.style.title.color};background:${N.value.style.backgroundColor};justify-content:${N.value.style.title.textAlign === "left" ? "flex-start" : N.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${N.value.style.title.fontSize * 2}px;font-size:${N.value.style.title.fontSize}px;font-weight:${N.value.style.title.bold ? "bold" : "normal"};`)
+			}, [y("span", { style: x(`padding:${N.value.style.title.textAlign === "left" ? "0 0 0 12px" : N.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`) }, Re(Y.value ? Y.value.period : N.value.style.title.text), 5)], 4)) : _("", !0),
+			y("div", St, [(S(), v("svg", {
 				ref_key: "svgRef",
 				ref: I,
-				xmlns: E(le),
+				xmlns: E(de),
 				viewBox: `0 0 ${K.value.width} ${K.value.height}`,
-				style: S(`background:${N.value.style.backgroundColor};overflow:visible;direction:ltr`),
+				style: x(`background:${N.value.style.backgroundColor};overflow:visible;direction:ltr`),
 				tabindex: "0",
 				"aria-describedby": `chart-instructions-${k.value}`,
-				onMouseleave: n[0] ||= (e) => X.value = void 0,
-				onFocus: On,
-				onBlur: kn,
-				onKeydown: An
+				onMouseleave: r[0] ||= (e) => X.value = void 0,
+				onFocus: An,
+				onBlur: jn,
+				onKeydown: Mn
 			}, [
-				Oe(E(Be)),
-				t.$slots["chart-background"] ? (C(), y("foreignObject", {
+				je(E(He)),
+				t.$slots["chart-background"] ? (S(), v("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,
 					style: { pointerEvents: "none" }
-				}, [Pe(t.$slots, "chart-background", {}, void 0, !0)], 8, St)) : v("", !0),
-				b("defs", null, [
-					Oe(xe, {
+				}, [T(t.$slots, "chart-background", {}, void 0, !0)], 8, wt)) : _("", !0),
+				y("defs", null, [
+					je(we, {
 						t: "linear",
 						x1: "0%",
 						y1: "0%",
@@ -1243,15 +1268,15 @@ var ht = ["innerHTML"], gt = {
 						id: `sparkline_gradient_${k.value}`,
 						stops: [[
 							"0%",
-							E(m)(E(r)(N.value.style.area.color, .05), N.value.style.area.opacity),
+							E(n)(E(f)(N.value.style.area.color, .05), N.value.style.area.opacity),
 							1
 						], [
 							"100%",
-							E(m)(N.value.style.area.color, N.value.style.area.opacity),
+							E(n)(N.value.style.area.color, N.value.style.area.opacity),
 							1
 						]]
 					}, null, 8, ["id", "stops"]),
-					Oe(xe, {
+					je(we, {
 						t: "linear",
 						x2: "0%",
 						y2: "100%",
@@ -1262,18 +1287,18 @@ var ht = ["innerHTML"], gt = {
 							1
 						], [
 							"100%",
-							E(r)(N.value.style.bar.color, .05),
+							E(f)(N.value.style.bar.color, .05),
 							1
 						]]
 					}, null, 8, ["id", "stops"]),
-					Oe(xe, {
+					je(we, {
 						t: "linear",
 						x2: "0%",
 						y2: "100%",
 						id: `sparkline_bar_gradient_neg_${k.value}`,
 						stops: [[
 							"0%",
-							E(r)(N.value.style.bar.color, .05),
+							E(f)(N.value.style.bar.color, .05),
 							1
 						], [
 							"100%",
@@ -1281,19 +1306,19 @@ var ht = ["innerHTML"], gt = {
 							1
 						]]
 					}, null, 8, ["id", "stops"]),
-					b("filter", {
+					y("filter", {
 						id: `sparkline_pulse_glow_${k.value}`,
 						filterUnits: "userSpaceOnUse",
 						x: "-50",
 						y: "-50",
 						width: "100",
 						height: "100"
-					}, [...n[1] ||= [b("feGaussianBlur", {
+					}, [...r[1] ||= [y("feGaussianBlur", {
 						in: "SourceGraphic",
 						stdDeviation: "3",
 						result: "blur"
-					}, null, -1), b("feMerge", null, [b("feMergeNode", { in: "blur" }), b("feMergeNode", { in: "SourceGraphic" })], -1)]], 8, Ct),
-					N.value.temperatureColors.show && $.value ? (C(), y("linearGradient", {
+					}, null, -1), y("feMerge", null, [y("feMergeNode", { in: "blur" }), y("feMergeNode", { in: "SourceGraphic" })], -1)]], 8, Tt),
+					N.value.temperatureColors.show && $.value ? (S(), v("linearGradient", {
 						key: 0,
 						id: `temperature_grad_sparkline_${k.value}`,
 						gradientUnits: "userSpaceOnUse",
@@ -1301,31 +1326,31 @@ var ht = ["innerHTML"], gt = {
 						x2: "0",
 						y1: q.value.top,
 						y2: q.value.bottom
-					}, [(C(!0), y(g, null, T($.value, (e, t) => (C(), y("stop", {
+					}, [(S(!0), v(h, null, w($.value, (e, t) => (S(), v("stop", {
 						key: `temperature_grad_stop_${t}_${k.value}`,
 						"stop-color": e,
-						offset: $.value.length === 1 ? "0%" : E(ee)(t, $.value.length)
-					}, null, 8, Tt))), 128))], 8, wt)) : v("", !0)
+						offset: $.value.length === 1 ? "0%" : E(pe)(t, $.value.length)
+					}, null, 8, Dt))), 128))], 8, Et)) : _("", !0)
 				]),
-				N.value.style.area.show && !Q.value && Sn.value.length ? (C(), y("g", Et, [(C(!0), y(g, null, T(Sn.value, (e, t) => (C(), y("path", {
+				N.value.style.area.show && !Q.value && wn.value.length ? (S(), v("g", Ot, [(S(!0), v(h, null, w(wn.value, (e, t) => (S(), v("path", {
 					key: `sparkline_area_${t}_${k.value}`,
 					class: "vue-ui-sparkline-area",
 					"data-cy": N.value.style.line.smooth ? "sparkline-smooth-area" : "sparkline-angle-area",
 					d: e,
-					fill: N.value.style.area.useGradient ? `url(#sparkline_gradient_${k.value})` : E(m)(N.value.style.area.color, N.value.style.area.opacity),
+					fill: N.value.style.area.useGradient ? `url(#sparkline_gradient_${k.value})` : E(n)(N.value.style.area.color, N.value.style.area.opacity),
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					style: S({ transition: E(P) ? void 0 : "all 0.2s" })
-				}, null, 12, Dt))), 128))])) : v("", !0),
-				N.value.style.line.smooth && !Q.value ? (C(), y(g, { key: 2 }, [b("path", {
+					style: x({ transition: E(P) ? void 0 : "all 0.2s" })
+				}, null, 12, kt))), 128))])) : _("", !0),
+				N.value.style.line.smooth && !Q.value ? (S(), v(h, { key: 2 }, [y("path", {
 					id: G.value,
-					d: `M ${vn.value || "0,0"}`,
+					d: `M ${bn.value || "0,0"}`,
 					fill: "none",
 					stroke: "transparent",
 					"stroke-width": N.value.style.line.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, Ot), sn.value ? (C(!0), y(g, { key: 0 }, T(bn.value, (e) => (C(), y("path", {
+				}, null, 8, At), ln.value ? (S(!0), v(h, { key: 0 }, w(Sn.value, (e) => (S(), v("path", {
 					key: e.path,
 					class: "vue-ui-sparkline-path",
 					d: `M ${e.path}`,
@@ -1335,27 +1360,27 @@ var ht = ["innerHTML"], gt = {
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					"stroke-dasharray": e.dashed ? N.value.style.line.dashArray : 0,
-					style: S({ transition: E(P) ? void 0 : "all 0.2s" })
-				}, null, 12, kt))), 128)) : (C(), y("path", {
+					style: x({ transition: E(P) ? void 0 : "all 0.2s" })
+				}, null, 12, jt))), 128)) : (S(), v("path", {
 					key: 1,
 					class: "vue-ui-sparkline-path",
-					d: `M ${vn.value || "0,0"}`,
+					d: `M ${bn.value || "0,0"}`,
 					stroke: $.value ? `url(#temperature_grad_sparkline_${k.value})` : N.value.style.line.color,
 					fill: "none",
 					"stroke-width": N.value.style.line.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					style: S({ transition: E(P) ? void 0 : "all 0.2s" })
-				}, null, 12, At))], 64)) : v("", !0),
-				!N.value.style.line.smooth && !Q.value ? (C(), y(g, { key: 3 }, [b("path", {
+					style: x({ transition: E(P) ? void 0 : "all 0.2s" })
+				}, null, 12, Mt))], 64)) : _("", !0),
+				!N.value.style.line.smooth && !Q.value ? (S(), v(h, { key: 3 }, [y("path", {
 					id: G.value,
-					d: `M ${yn.value || "0,0"}`,
+					d: `M ${xn.value || "0,0"}`,
 					fill: "none",
 					stroke: "transparent",
 					"stroke-width": N.value.style.line.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, jt), sn.value ? (C(!0), y(g, { key: 0 }, T(xn.value, (e) => (C(), y("path", {
+				}, null, 8, Nt), ln.value ? (S(!0), v(h, { key: 0 }, w(Cn.value, (e) => (S(), v("path", {
 					key: e.path,
 					class: "vue-ui-sparkline-path",
 					d: `M ${e.path}`,
@@ -1365,21 +1390,21 @@ var ht = ["innerHTML"], gt = {
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					"stroke-dasharray": e.dashed ? N.value.style.line.dashArray * 2 : 0,
-					style: S({ transition: E(P) ? void 0 : "all 0.2s" })
-				}, null, 12, Mt))), 128)) : (C(), y("path", {
+					style: x({ transition: E(P) ? void 0 : "all 0.2s" })
+				}, null, 12, Pt))), 128)) : (S(), v("path", {
 					key: 1,
 					class: "vue-ui-sparkline-path",
-					d: `M ${yn.value || "0,0"}`,
+					d: `M ${xn.value || "0,0"}`,
 					stroke: $.value ? `url(#temperature_grad_sparkline_${k.value})` : N.value.style.line.color,
 					fill: "none",
 					"stroke-width": N.value.style.line.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					style: S({ transition: E(P) ? void 0 : "all 0.2s" })
-				}, null, 12, Nt))], 64)) : v("", !0),
-				Cn.value && !$.value ? (C(), Ee(gt, {
+					style: x({ transition: E(P) ? void 0 : "all 0.2s" })
+				}, null, 12, Ft))], 64)) : _("", !0),
+				Tn.value && !$.value ? (S(), ke(vt, {
 					key: 4,
-					svgPathData: Cn.value,
+					svgPathData: Tn.value,
 					enabled: N.value.gradientPath.show && !Q.value && !$.value,
 					strokeWidth: N.value.style.line.strokeWidth,
 					highColor: N.value.gradientPath.colors.high,
@@ -1392,23 +1417,23 @@ var ht = ["innerHTML"], gt = {
 					"highColor",
 					"lowColor",
 					"segments"
-				])) : v("", !0),
-				Vt.value && ot.value ? (C(), Ee(qe, {
+				])) : _("", !0),
+				Ut.value && ct.value ? (S(), ke(Ye, {
 					key: 5,
 					uid: k.value,
 					svgRef: E(I),
 					pulsePathId: G.value,
-					pulsePathLength: et.value,
-					pulseDur: $e.value,
-					pulseBegin: tt.value,
-					pulseRepeatCount: rt.value,
-					pulseFillMode: it.value,
-					pulseKeyPoints: nt.value,
-					pulseMotion: ct.value,
+					pulsePathLength: nt.value,
+					pulseDur: tt.value,
+					pulseBegin: rt.value,
+					pulseRepeatCount: at.value,
+					pulseFillMode: ot.value,
+					pulseKeyPoints: it.value,
+					pulseMotion: ut.value,
 					pulse: R.value,
-					pulseTrail: lt.value,
-					pulseTrailLength: at.value,
-					prefersReducedMotion: E(Ge),
+					pulseTrail: dt.value,
+					pulseTrailLength: st.value,
+					prefersReducedMotion: E(qe),
 					loading: E(P),
 					isBar: Q.value
 				}, null, 8, [
@@ -1428,16 +1453,16 @@ var ht = ["innerHTML"], gt = {
 					"prefersReducedMotion",
 					"loading",
 					"isBar"
-				])) : v("", !0),
-				(C(!0), y(g, null, T(J.value, (e, t) => (C(), y("g", null, [Q.value ? (C(), y("rect", {
+				])) : _("", !0),
+				(S(!0), v(h, null, w(J.value, (e, t) => (S(), v("g", null, [Q.value ? (S(), v("rect", {
 					key: 0,
 					x: e.x - e.width / 2,
-					y: isNaN(e.absoluteValue > 0 ? e.y : Xt.value) ? 0 : e.absoluteValue > 0 ? e.y : Xt.value,
+					y: isNaN(e.absoluteValue > 0 ? e.y : Qt.value) ? 0 : e.absoluteValue > 0 ? e.y : Qt.value,
 					width: e.width,
-					height: isNaN(Math.abs(e.y - Xt.value)) ? 0 : Math.abs(e.y - Xt.value),
+					height: isNaN(Math.abs(e.y - Qt.value)) ? 0 : Math.abs(e.y - Qt.value),
 					fill: e.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${k.value})` : `url(#sparkline_bar_gradient_neg_${k.value})`,
 					rx: N.value.style.bar.borderRadius
-				}, null, 8, Pt)) : v("", !0), N.value.style.verticalIndicator.show && (Y.value && e.id === Y.value.id || tn.value === t) ? (C(), y("line", {
+				}, null, 8, It)) : _("", !0), N.value.style.verticalIndicator.show && (Y.value && e.id === Y.value.id || rn.value === t) ? (S(), v("line", {
 					key: 1,
 					x1: e.x,
 					x2: e.x,
@@ -1447,67 +1472,67 @@ var ht = ["innerHTML"], gt = {
 					"stroke-width": N.value.style.verticalIndicator.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-dasharray": N.value.style.verticalIndicator.strokeDasharray || 0
-				}, null, 8, Ft)) : v("", !0)]))), 256)),
-				Kt.value < 0 ? (C(), y("line", {
+				}, null, 8, Lt)) : _("", !0)]))), 256)),
+				Jt.value < 0 ? (S(), v("line", {
 					key: 6,
 					x1: q.value.start,
 					x2: q.value.start + q.value.width,
-					y1: E(te)(Xt.value, q.value.bottom),
-					y2: E(te)(Xt.value, q.value.bottom),
+					y1: E(ce)(Qt.value, q.value.bottom),
+					y2: E(ce)(Qt.value, q.value.bottom),
 					stroke: N.value.style.zeroLine.color,
 					"stroke-dasharray": N.value.style.zeroLine.strokeWidth * 2,
 					"stroke-width": N.value.style.zeroLine.strokeWidth,
 					"stroke-linecap": "round"
-				}, null, 8, It)) : v("", !0),
-				(C(!0), y(g, null, T(J.value, (e, t) => (C(), y("g", { key: `sparkline_plot_${e.id}` }, [fn(e, t) ? (C(), y("circle", {
+				}, null, 8, Rt)) : _("", !0),
+				(S(!0), v(h, null, w(J.value, (e, t) => (S(), v("g", { key: `sparkline_plot_${e.id}` }, [mn(e, t) ? (S(), v("circle", {
 					key: 0,
 					cx: e.x,
 					cy: e.y,
-					r: pn(e, t),
-					fill: En(e),
-					stroke: mn(e, t),
+					r: hn(e, t),
+					fill: On(e),
+					stroke: gn(e, t),
 					"stroke-width": N.value.style.plot.strokeWidth
-				}, null, 8, Lt)) : v("", !0)]))), 128)),
-				e.showInfo && N.value.style.dataLabel.show ? (C(), y("text", {
+				}, null, 8, zt)) : _("", !0)]))), 128)),
+				e.showInfo && N.value.style.dataLabel.show ? (S(), v("text", {
 					key: 7,
 					x: N.value.style.dataLabel.position === "left" ? 12 + N.value.style.dataLabel.offsetX : q.value.width + 12 + N.value.style.dataLabel.offsetX,
 					y: K.value.height / 2 + N.value.style.dataLabel.fontSize / 2.5 + N.value.style.dataLabel.offsetY,
 					"font-size": N.value.style.dataLabel.fontSize,
 					"font-weight": N.value.style.dataLabel.bold ? "bold" : "normal",
 					fill: N.value.style.dataLabel.color
-				}, Ie(Y.value ? E(ie)(N.value.style.dataLabel.formatter, Y.value.absoluteValue, E(p)({
+				}, Re(Y.value ? E(re)(N.value.style.dataLabel.formatter, Y.value.absoluteValue, E(p)({
 					p: N.value.style.dataLabel.prefix,
 					v: Y.value.absoluteValue,
 					s: N.value.style.dataLabel.suffix,
 					r: N.value.style.dataLabel.roundingValue
-				}), { datapoint: Y.value }) : E(ie)(N.value.style.dataLabel.formatter, an.value, E(p)({
+				}), { datapoint: Y.value }) : E(re)(N.value.style.dataLabel.formatter, sn.value, E(p)({
 					p: N.value.style.dataLabel.prefix,
-					v: an.value,
+					v: sn.value,
 					s: N.value.style.dataLabel.suffix,
 					r: N.value.style.dataLabel.roundingValue
-				}))), 9, Rt)) : v("", !0),
-				(C(!0), y(g, null, T(J.value, (e, t) => (C(), y("rect", {
-					x: e.x - (q.value.width / (Qt.value + 1) > K.value.padding ? K.value.padding : q.value.width / (Qt.value + 1)) / 2,
+				}))), 9, Bt)) : _("", !0),
+				(S(!0), v(h, null, w(J.value, (e, t) => (S(), v("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 / (Qt.value + 1) > K.value.padding ? K.value.padding : q.value.width / (Qt.value + 1),
+					width: q.value.width / (en.value + 1) > K.value.padding ? K.value.padding : q.value.width / (en.value + 1),
 					fill: "transparent",
-					onMouseenter: () => nn(e, t),
-					onMouseleave: () => rn(e, t),
-					onClick: () => on(e, t)
-				}, null, 40, zt))), 256)),
-				Pe(t.$slots, "svg", { svg: {
+					onMouseenter: () => an(e, t),
+					onMouseleave: () => on(e, t),
+					onClick: () => cn(e, t)
+				}, null, 40, Vt))), 256)),
+				T(t.$slots, "svg", { svg: {
 					...K.value,
 					drawingArea: q.value,
-					timeLabels: $t.value,
+					timeLabels: tn.value,
 					series: J.value,
 					hoveredIndex: j.value
 				} }, void 0, !0)
-			], 44, xt)), t.$slots.hint ? (C(), y("div", Bt, [Pe(t.$slots, "hint", je(Ae({
+			], 44, Ct)), t.$slots.hint ? (S(), v("div", Ht, [T(t.$slots, "hint", Pe(Ne({
 				hint: N.value.a11y.translations.keyboardNavigation,
-				isVisible: Dn.value
-			})), void 0, !0)])) : v("", !0)]),
-			Y.value && N.value.style.tooltip.show ? (C(), Ee(E(Ve), {
+				isVisible: kn.value
+			})), void 0, !0)])) : _("", !0)]),
+			Y.value && N.value.style.tooltip.show ? (S(), ke(E(Ue), {
 				key: 2,
 				x: Y.value.x,
 				y: Y.value.y,
@@ -1523,7 +1548,7 @@ var ht = ["innerHTML"], gt = {
 				borderRadius: N.value.style.tooltip.borderRadius,
 				backgroundOpacity: N.value.style.tooltip.backgroundOpacity
 			}, {
-				default: ze(() => [Pe(t.$slots, "tooltip", je(Ae({ ...Y.value })), () => [De(Ie(Y.value.period) + ": " + Ie(E(ie)(N.value.style.dataLabel.formatter, Y.value.absoluteValue, E(p)({
+				default: Ve(() => [T(t.$slots, "tooltip", Pe(Ne({ ...Y.value })), () => [Ae(Re(Y.value.period) + ": " + Re(E(re)(N.value.style.dataLabel.formatter, Y.value.absoluteValue, E(p)({
 					p: N.value.style.dataLabel.prefix,
 					v: Y.value.absoluteValue,
 					s: N.value.style.dataLabel.suffix,
@@ -1544,16 +1569,16 @@ var ht = ["innerHTML"], gt = {
 				"borderColor",
 				"borderRadius",
 				"backgroundOpacity"
-			])) : v("", !0),
-			t.$slots.source ? (C(), y("div", {
+			])) : _("", !0),
+			t.$slots.source ? (S(), v("div", {
 				key: 3,
 				ref_key: "source",
-				ref: Ye,
+				ref: Ze,
 				dir: "auto"
-			}, [Pe(t.$slots, "source", {}, void 0, !0)], 512)) : v("", !0),
-			Pe(t.$slots, "skeleton", {}, () => [E(P) ? (C(), Ee(he, { key: 0 })) : v("", !0)], !0)
-		], 12, vt));
+			}, [T(t.$slots, "source", {}, void 0, !0)], 512)) : _("", !0),
+			T(t.$slots, "skeleton", {}, () => [E(P) ? (S(), ke(ve, { key: 0 })) : _("", !0)], !0)
+		], 12, bt));
 	}
-}, [["__scopeId", "data-v-a98ba827"]]);
+}, [["__scopeId", "data-v-967d347c"]]);
 //#endregion
-export { _t as n, G as t };
+export { yt as n, G as t };