vue-data-ui 3.25.10 → 3.25.12

package/dist/{vue-ui-sparkline-BwldgOYW.js → vue-ui-sparkline-Bm59iQiE.js}

@@ -1,19 +1,19 @@
 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-D32D002m.js";
-import { n as ge, t as _e } from "./BaseScanner-Dzc8VT3j.js";
-import { t as ve } from "./useNestedProp-Chvyfpl-.js";
-import { t as ye } from "./useThemeCheck-C43Tcqmk.js";
-import { t as be } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as xe, t as Se } from "./useResponsive-ZtArZtUf.js";
-import { t as Ce } from "./DefGrad-DVBqDjhO.js";
-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 Ie, shallowRef as Le, toDisplayString as Re, toRefs as ze, unref as E, watch as D, watchEffect as Be, withCtx as Ve } from "vue";
+import { $ as t, A as n, G as r, I as i, Jt as a, Kt as o, L as s, Mt as c, N as l, P as u, Rt as d, S as f, Tt as p, U as ee, W as te, X as ne, at as re, ct as ie, d as ae, i as oe, k as se, m as ce, qt as le, t as ue, tn as de, ut as fe, vt as pe } from "./lib-DOpaUOQx.js";
+import { n as me, t as he } from "./useHints-Dq_w2E8B.js";
+import { t as m } from "./useTimeLabels-d2f-W1L4.js";
+import { t as ge } from "./useConfig-Be2DFBsb.js";
+import { n as _e, t as ve } from "./BaseScanner-Dzc8VT3j.js";
+import { t as ye } from "./useNestedProp-Bux0f4iY.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 He = {
 	key: 0,
@@ -113,7 +113,7 @@ var He = {
 		}
 	},
 	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());
@@ -137,18 +137,18 @@ var He = {
 				i();
 				return;
 			}
-			await x(), i();
+			await b(), i();
 		}), D(() => t.pulsePathId, async () => {
-			await x(), i();
-		}), Pe(() => {
+			await b(), i();
+		}), Fe(() => {
 			i();
-		}), (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", {
+		}), (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,
@@ -158,19 +158,19 @@ var He = {
 			keyTimes: e.pulseMotion.keyTimes || void 0,
 			keyPoints: e.pulseKeyPoints,
 			rotate: "auto"
-		}, [b("mpath", { href: `#${e.pulsePathId}` }, null, 8, Ge)], 8, We), 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, Ke)], 8, Ue)) : 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,
@@ -179,13 +179,13 @@ var He = {
 			keyTimes: e.pulseMotion.keyTimes || void 0,
 			keyPoints: e.pulseKeyPoints,
 			rotate: "auto"
-		}, [b("mpath", { href: `#${e.pulsePathId}` }, null, 8, Je)], 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, qe))])) : v("", !0);
+		}, null, 8, k)], 8, qe))])) : _("", !0);
 	}
 }, Xe = {
 	canvas: null,
@@ -340,13 +340,13 @@ function at(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))}`;
+	let c = s > 1 ? o / (s - 1) : 0, l = e.getPointAtLength(t), u = l.x, d = l.x, f = l.y, p = l.y, ee = `M ${z(R(l.x, i))} ${z(R(l.y, i))}`;
 	for (let n = 1; n < s; n += 1) {
 		let r = t + n * c, a = e.getPointAtLength(r);
-		a.x < u && (u = a.x), a.x > d && (d = a.x), a.y < f && (f = a.y), a.y > p && (p = a.y), m += ` L ${z(R(a.x, i))} ${z(R(a.y, i))}`;
+		a.x < u && (u = a.x), a.x > d && (d = a.x), a.y < f && (f = a.y), a.y > p && (p = a.y), ee += ` L ${z(R(a.x, i))} ${z(R(a.y, i))}`;
 	}
 	return {
-		pathData: m,
+		pathData: ee,
 		bounds: {
 			minX: u,
 			maxX: d,
@@ -445,68 +445,68 @@ function mt(e, t = null, n = {}) {
 			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 = 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 f = a.pathElement, p = f.getTotalLength(), ee = i === null ? M(t, n.colorReferenceElement) : [];
+			if (i === null && (!(p > 0) || ee.length === 1)) {
 				let t = pt([G({
 					pathData: e,
-					stroke: dt(m[0]),
+					stroke: dt(ee[0]),
 					segmentAttributeMap: c
 				})], l);
 				H(a), r(t);
 				return;
 			}
-			let ee = n.colorSpace ?? "linearRGB";
+			let te = n.colorSpace ?? "linearRGB";
 			if (i !== null) {
 				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 : M(n.temperatureColors, n.colorReferenceElement), ne = i === null ? (() => {
-				let e = st(m), t = Array(e.length);
+			let ne = i === null ? null : M(n.temperatureColors, n.colorReferenceElement), re = i === null ? (() => {
+				let e = st(ee), 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 = 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 = () => {
+			})() : [], ie = rt(p, d, n.maxSegmentLength), ae = it(p, n.segments, ie), oe = p / 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 = 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 < ie && performance.now() - e < t;) {
-					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) {
+				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 = L(n, 0, p), r = L(r, 0, p), r > n) {
 						if (i !== null) {
-							let e = ot(f, n, r, s, o, ce);
-							de.push(e.pathData), fe.push(e.bounds);
+							let e = ot(f, n, r, s, o, le);
+							fe.push(e.pathData), pe.push(e.bounds);
 						} else {
 							let e = (n + r) * .5 / p;
-							for (; pe < me && e > ne[pe + 1].position;) pe += 1;
-							let t = ct(ne, e, ee, pe), i = at(f, n, r, s, o, ce);
-							ue.push(W(i, t, le));
+							for (; me < he && e > re[me + 1].position;) me += 1;
+							let t = ct(re, e, te, me), i = at(f, n, r, s, o, le);
+							de.push(W(i, t, ue));
 						}
 					}
-					h += 1;
+					m += 1;
 				}
-				if (h < ie) {
-					requestAnimationFrame(he);
+				if (m < ae) {
+					requestAnimationFrame(ge);
 					return;
 				}
 				if (i !== null) {
 					let e = Infinity, t = -Infinity;
-					for (let n = 0; n < fe.length; n += 1) {
-						let r = fe[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 = te[0], r = te[1];
-					ue.length = 0;
-					for (let a = 0; a < fe.length; a += 1) {
-						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 n = ne[0], r = ne[1];
+					de.length = 0;
+					for (let a = 0; a < pe.length; a += 1) {
+						let o = pe[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, te) : I(r, n, s, te)), l = fe[a];
+						de.push(W(l, c, ue));
 					}
 				}
-				let c = pt(ue, l);
+				let c = pt(de, l);
 				H(a), r(c);
 			};
-			requestAnimationFrame(he);
+			requestAnimationFrame(ge);
 		} catch (e) {
 			H(a), i(e);
 		}
@@ -543,7 +543,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,
@@ -569,7 +569,7 @@ 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, ht));
 	}
 }, _t = /* @__PURE__ */ e({ default: () => Vt }), vt = ["id"], yt = ["id"], bt = { style: { position: "relative" } }, xt = [
 	"xmlns",
@@ -663,7 +663,7 @@ var ht = ["innerHTML"], gt = {
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, Vt = /*#__PURE__*/ be({
+}, Vt = /*#__PURE__*/ xe({
 	__name: "vue-ui-sparkline",
 	props: {
 		config: {
@@ -696,14 +696,14 @@ var ht = ["innerHTML"], gt = {
 		}
 	},
 	emits: ["hoverIndex", "selectDatapoint"],
-	setup(e, { emit: be }) {
-		let He = je(() => import("./PackageVersion-CZZayD-D.js").then((e) => e.t)), Ue = je(() => import("./SparkTooltip-L3SliZbR.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({
+	setup(e, { emit: xe }) {
+		let He = Me(() => import("./PackageVersion-KI_qWJHZ.js").then((e) => e.t)), Ue = Me(() => import("./SparkTooltip-B1gRxPfb.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(ne()), Xe = C(null), Ze = C(null), Qe = C(null), A = C(null), j = C(null), M = C(nt()), N = g(() => M.value.style.tooltip), $e = g(() => M.value.style.bar), P = g(() => M.value.style.line), F = g(() => M.value.style.area), I = g(() => M.value.style.dataLabel), L = g(() => M.value.style);
+		me({
 			config: () => M.value,
 			dataset: () => O.dataset,
 			component: "VueUiSparkline",
 			rules: [
-				me.emptyArray,
+				he.emptyArray,
 				{
 					test: (e) => e.length > 500,
 					message: [
@@ -726,12 +726,12 @@ var ht = ["innerHTML"], gt = {
 			return O.config?.skeletonDataset && Array.isArray(O.config.skeletonDataset) ? O.config.skeletonDataset.map((e) => ({
 				period: "-",
 				value: e
-			})) : ne(e).map((e) => ({
+			})) : ie(e).map((e) => ({
 				period: "-",
 				value: e
 			}));
 		}
-		let z = _(() => te({
+		let z = g(() => de({
 			defaultConfig: {
 				gradientPath: { show: !1 },
 				temperatureColors: { show: !1 },
@@ -753,34 +753,34 @@ var ht = ["innerHTML"], gt = {
 				}
 			},
 			userConfig: M.value.skeletonConfig ?? {}
-		})), { loading: B, FINAL_DATASET: et, manualLoading: tt } = ge({
+		})), { loading: B, FINAL_DATASET: et, manualLoading: tt } = _e({
 			...ze(O),
 			FINAL_CONFIG: M,
 			prepareConfig: nt,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					await x(), Gt();
+					await b(), Gt();
 				});
 			},
 			skeletonDataset: R(12),
-			skeletonConfig: te({
+			skeletonConfig: de({
 				defaultConfig: M.value,
 				userConfig: z.value
 			})
-		}), { svgRef: V } = Te({ config: L.value.title });
+		}), { svgRef: V } = Ee({ config: L.value.title });
 		function nt() {
-			let e = ve({
+			let e = ye({
 				userConfig: O.config,
 				defaultConfig: We
 			}), t = {}, n = e.theme;
 			if (n) {
 				if (!Ge.value(e)) Ke(e), t = e;
 				else {
-					let r = ve({
-						userConfig: De[n] || O.config,
+					let r = ye({
+						userConfig: Oe[n] || O.config,
 						defaultConfig: e
 					});
-					t = { ...ve({
+					t = { ...ye({
 						userConfig: O.config,
 						defaultConfig: r
 					}) };
@@ -788,7 +788,7 @@ var ht = ["innerHTML"], gt = {
 			} else t = e;
 			return t;
 		}
-		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);
+		let H = g(() => M.value?.style?.line.pulse || {}), rt = g(() => `${Math.max(200, Number(H.value.durationMs) || 4e3) / 1e3}s`), it = C(0), at = g(() => H.value?.begin || "0ms"), ot = C("0;1"), st = g(() => H.value?.loop === !1 ? "1" : "indefinite"), ct = g(() => H.value?.loop === !1 ? "freeze" : void 0), lt = g(() => H.value.trail.show && ft.value.lengthPx || 1), U = g(() => !!H.value?.show && !Q.value && !qe.value && !B.value && (Y.value?.length || 0) > 1);
 		function ut() {
 			if (!U.value) {
 				it.value = 0;
@@ -810,7 +810,7 @@ var ht = ["innerHTML"], gt = {
 				}
 			});
 		}
-		let dt = _(() => {
+		let dt = g(() => {
 			let e = H.value?.easing || "ease-in-out", t = {
 				ease: [
 					.25,
@@ -855,7 +855,7 @@ var ht = ["innerHTML"], gt = {
 				] : t[e] || t["ease-in-out"]).join(" "),
 				keyTimes: "0;1"
 			};
-		}), ft = _(() => {
+		}), ft = g(() => {
 			let e = H.value?.trail || {}, t = P.value.strokeWidth || 1;
 			return {
 				show: e.show !== !1,
@@ -865,18 +865,18 @@ var ht = ["innerHTML"], gt = {
 				fadeIn: .5,
 				fadeOut: .2
 			};
-		}), W = _(() => se({
+		}), W = g(() => c({
 			data: et.value,
 			threshold: M.value.downsample.threshold
 		}));
-		_(() => {
+		g(() => {
 			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;
 		}), 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({
+			Array.isArray(e) && e.length > 0 && (tt.value = !1), G.value = c({
 				data: et.value.map((e) => ({
 					...e,
 					value: [void 0].includes(e.value) ? null : e.value
@@ -884,9 +884,9 @@ var ht = ["innerHTML"], gt = {
 				threshold: M.value.downsample.threshold
 			});
 		}, { deep: !0 });
-		let G = w(pt());
+		let G = C(pt());
 		function pt() {
-			return se({
+			return c({
 				data: et.value.map((e) => L.value.animation.show && et.value.length > 1 ? {
 					...e,
 					value: null
@@ -897,7 +897,7 @@ var ht = ["innerHTML"], gt = {
 				threshold: M.value.downsample.threshold
 			});
 		}
-		let K = Le(null), mt = Le(null), ht = w(!1), _t = w(0), Vt = w([]), Ht = w(""), Ut = _(() => {
+		let K = Le(null), mt = Le(null), ht = C(!1), _t = C(0), Vt = C([]), Ht = C(""), Ut = g(() => {
 			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}`;
 		});
@@ -929,42 +929,42 @@ var ht = ["innerHTML"], gt = {
 		}
 		D(Ut, () => {
 			Gt();
-		}), Fe(() => {
+		}), Ie(() => {
 			Zt(), Gt();
-		}), Pe(() => {
+		}), Fe(() => {
 			Wt();
 		});
-		let Kt = w(0);
+		let Kt = C(0);
 		D(() => B.value, async (e) => {
-			e || (await x(), Kt.value += 1);
+			e || (await b(), Kt.value += 1);
 		}), D(() => ht.value, async (e) => {
-			e || B.value || (await x(), Kt.value += 1);
+			e || B.value || (await b(), Kt.value += 1);
 		});
-		let qt = _(() => `sparkline_line_path_${k.value}`), Jt = w(!0);
+		let qt = g(() => `sparkline_line_path_${k.value}`), Jt = C(!0);
 		async function Yt() {
-			Jt.value = !1, await x(), Jt.value = !0, await x(), ut();
+			Jt.value = !1, await b(), Jt.value = !0, await b(), ut();
 		}
-		let Xt = _(() => M.value.debug);
+		let Xt = g(() => M.value.debug);
 		function Zt() {
-			if (c(O.dataset) ? (le({
+			if (d(O.dataset) ? (re({
 				componentName: "VueUiSparkline",
 				type: "dataset",
 				debug: Xt.value
 			}), tt.value = !0) : Xt.value && O.dataset.forEach((e, t) => {
-				ie({
+				pe({
 					datasetObject: e,
 					requiredAttributes: ["period", "value"]
 				}).forEach((e) => {
-					le({
+					re({
 						componentName: "VueUiSparkline",
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t
 					});
 				});
-			}), c(O.dataset) || (tt.value = M.value.loading), M.value.responsive) {
-				let e = xe(() => {
-					let { width: e, height: t } = Se({
+			}), d(O.dataset) || (tt.value = M.value.loading), M.value.responsive) {
+				let e = Se(() => {
+					let { width: e, height: t } = Ce({
 						chart: Xe.value,
 						title: L.value.title.show && O.showInfo ? Ze.value : null,
 						source: Qe.value
@@ -976,15 +976,15 @@ var ht = ["innerHTML"], gt = {
 				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(() => {
+		Fe(() => {
 			K.value && (mt.value && K.value.unobserve(mt.value), K.value.disconnect());
 		});
-		let q = w({
+		let q = C({
 			height: 80 * O.heightRatio,
 			width: 500,
 			chartWidth: L.value.chartWidth,
 			padding: O.forcedPadding
-		}), Qt = be, J = _(() => {
+		}), Qt = xe, J = g(() => {
 			let { top: e, right: t, bottom: n, left: r } = L.value.padding;
 			return {
 				top: e,
@@ -995,32 +995,32 @@ var ht = ["innerHTML"], gt = {
 				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
 			};
-		}), $t = _(() => [null, void 0].includes(L.value.scaleMin) ? Math.min(...G.value.map((e) => isNaN(e.value) || [
+		}), $t = g(() => [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)) : L.value.scaleMin), en = _(() => [null, void 0].includes(L.value.scaleMax) ? Math.max(...G.value.map((e) => isNaN(e.value) || [
+		].includes(e.value) ? 0 : e.value || 0)) : L.value.scaleMin), en = g(() => [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)) : L.value.scaleMax), tn = _(() => {
+		].includes(e.value) ? 0 : e.value || 0)) : L.value.scaleMax), tn = g(() => {
 			let e = $t.value >= 0 ? 0 : $t.value;
 			return Math.abs(e);
-		}), nn = _(() => en.value + tn.value), rn = _(() => J.value.bottom - J.value.height * an(tn.value));
+		}), nn = g(() => en.value + tn.value), rn = g(() => J.value.bottom - J.value.height * an(tn.value));
 		function an(e) {
 			return isNaN(e / nn.value) ? 0 : e / nn.value;
 		}
-		let on = _(() => W.value.length - 1 || 1), sn = w([]), cn = 0;
+		let on = g(() => W.value.length - 1 || 1), sn = C([]), cn = 0;
 		Be(() => {
 			let e = ++cn;
 			(async () => {
-				let t = await h({
+				let t = await m({
 					values: W.value.map((e) => e.period),
 					maxDatapoints: W.value.length,
 					formatter: I.value.datetimeFormatter,
@@ -1030,7 +1030,7 @@ var ht = ["innerHTML"], gt = {
 				e === cn && (sn.value = t);
 			})();
 		});
-		let Y = _(() => G.value.map((e, t) => {
+		let Y = g(() => G.value.map((e, t) => {
 			let n = isNaN(e.value) || [
 				void 0,
 				"NaN",
@@ -1047,10 +1047,10 @@ var ht = ["innerHTML"], gt = {
 				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,
+				color: Q.value ? $e.value.color : F.value.useGradient ? a(P.value.color, .05 * (1 - t / on.value)) : P.value.color,
 				width: r
 			};
-		})), 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);
+		})), ln = g(() => 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 = C(void 0), un = C(void 0);
 		function dn(e, t) {
 			M.value.events.datapointEnter && M.value.events.datapointEnter({
 				datapoint: e,
@@ -1063,7 +1063,7 @@ var ht = ["innerHTML"], gt = {
 				seriesIndex: t
 			}), un.value = X.value, X.value = void 0, j.value = null, A.value = null, Qt("hoverIndex", { index: void 0 });
 		}
-		let Z = _(() => {
+		let Z = g(() => {
 			if (Je.value) {
 				let e = Y.value.map((e) => e.absoluteValue), t = e.reduce((e, t) => e + t, 0);
 				return {
@@ -1071,7 +1071,7 @@ var ht = ["innerHTML"], gt = {
 					sum: t,
 					average: t / Y.value.length,
 					median: ce(e),
-					trend: re(Y.value.map(({ x: e, y: t, absoluteValue: n }) => ({
+					trend: ae(Y.value.map(({ x: e, y: t, absoluteValue: n }) => ({
 						x: e,
 						y: t,
 						value: n
@@ -1085,7 +1085,7 @@ var ht = ["innerHTML"], gt = {
 				median: null,
 				trend: null
 			};
-		}), 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");
+		}), pn = g(() => 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 = g(() => M.value.type && M.value.type === "bar");
 		function mn(e, t) {
 			M.value.events.datapointClick && M.value.events.datapointClick({
 				datapoint: e,
@@ -1095,7 +1095,7 @@ var ht = ["innerHTML"], gt = {
 				index: t
 			});
 		}
-		let hn = _(() => Array.isArray(P.value.dashIndices) && P.value.dashIndices.length > 0), gn = _(() => P.value.cutNullValues);
+		let hn = g(() => Array.isArray(P.value.dashIndices) && P.value.dashIndices.length > 0), gn = g(() => P.value.cutNullValues);
 		function _n(e) {
 			return ![
 				null,
@@ -1122,14 +1122,14 @@ var ht = ["innerHTML"], gt = {
 		function Sn(e, t) {
 			return yn(e, t) ? L.value.plot.stroke : L.value.backgroundColor;
 		}
-		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 = _(() => {
+		let Cn = g(() => gn.value ? Y.value : Y.value.filter((e) => e.value !== null)), wn = g(() => Y.value.filter((e) => e.value !== null)), Tn = g(() => wn.value.length > 1), En = g(() => Q.value || !Tn.value ? "" : gn.value ? i(Y.value) : u(Cn.value)), Dn = g(() => Q.value || !Tn.value ? "" : gn.value ? te(Y.value) : ee(Cn.value)), On = g(() => Q.value || !hn.value || !Tn.value ? [] : s(Cn.value, P.value.dashIndices)), kn = g(() => Q.value || !hn.value || !Tn.value ? [] : r(Cn.value, P.value.dashIndices)), An = g(() => Q.value || !F.value.show || !Tn.value ? [] : P.value.smooth ? l(Cn.value, J.value.bottom, gn.value).filter(Boolean) : (gn.value ? n(Y.value, J.value.bottom) : se(Cn.value, J.value.bottom)).split(";").filter(Boolean).map((e) => `M${e}Z`)), jn = g(() => Q.value || !M.value.gradientPath.show || M.value.temperatureColors.show ? "" : `M ${(P.value.smooth ? En.value : Dn.value) || "0,0"}`), Mn = g(() => {
 			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));
-		}), $ = _(() => {
+			return !Array.isArray(e) || !e.length ? null : e.map((e) => f(e));
+		}), $ = g(() => {
 			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));
+			return !Array.isArray(e) || !e.length ? null : e.map((e) => f(e));
 		});
 		function Nn(e) {
 			if (!Number.isFinite(e?.y)) return 0;
@@ -1138,7 +1138,7 @@ var ht = ["innerHTML"], gt = {
 		}
 		function Pn(e) {
 			let t = Mn.value;
-			return !Array.isArray(t) || !t.length ? e.color : u({
+			return !Array.isArray(t) || !t.length ? e.color : p({
 				colors: t,
 				ratio: Nn(e)
 			});
@@ -1151,9 +1151,9 @@ var ht = ["innerHTML"], gt = {
 			q.value.height,
 			M.value?.style?.line?.smooth
 		], async () => {
-			await x(), ut();
-		}, { immediate: !0 }), Fe(async () => {
-			await x(), ut();
+			await b(), ut();
+		}, { immediate: !0 }), Ie(async () => {
+			await b(), ut();
 		}), D(() => B.value, async (e) => {
 			e || await Yt();
 		}), D(() => ht.value, async (e) => {
@@ -1167,7 +1167,7 @@ var ht = ["innerHTML"], gt = {
 			let t = Y.value[e];
 			t && (j.value = e, A.value = e, X.value = t);
 		});
-		let Fn = w(!1);
+		let Fn = C(!1);
 		function In() {
 			let e = ln.value;
 			if (e !== null && e >= 0 && e < Y.value.length) {
@@ -1195,22 +1195,22 @@ var ht = ["innerHTML"], gt = {
 			let s = Y.value[i];
 			s && (A.value = i, dn(s, i));
 		}
-		let zn = _(() => ({
+		let zn = g(() => ({
 			headers: [M.value.translations.period, M.value.translations.value],
 			rows: Y.value.map((e) => [e.period, e.absoluteValue])
 		}));
-		return (t, n) => (C(), y("div", {
+		return (n, r) => (S(), v("div", {
 			ref_key: "sparklineChart",
 			ref: Xe,
 			class: "vue-data-ui-component vue-ui-sparkline",
 			id: k.value,
-			style: S(`width:100%;font-family:${L.value.fontFamily};`)
+			style: x(`width:100%;font-family:${L.value.fontFamily};`)
 		}, [
-			b("p", {
+			y("p", {
 				id: `chart-instructions-${k.value}`,
 				class: "sr-only"
 			}, Re(M.value.a11y.translations.keyboardNavigation), 9, yt),
-			zn.value?.rows?.length ? (C(), Oe(we, {
+			zn.value?.rows?.length ? (S(), ke(Te, {
 				key: 0,
 				uid: k.value,
 				head: zn.value.headers,
@@ -1223,8 +1223,8 @@ var ht = ["innerHTML"], gt = {
 				"body",
 				"notice",
 				"caption"
-			])) : v("", !0),
-			Ie(t.$slots, "before", Ne(Me({
+			])) : _("", !0),
+			T(n.$slots, "before", Pe(Ne({
 				selected: X.value,
 				latest: Z.value.latest,
 				sum: Z.value.sum,
@@ -1232,37 +1232,37 @@ var ht = ["innerHTML"], gt = {
 				median: Z.value.median,
 				trend: Z.value.trend
 			})), void 0, !0),
-			L.value.title.show && e.showInfo ? (C(), y("div", {
+			L.value.title.show && e.showInfo ? (S(), v("div", {
 				key: 1,
 				ref_key: "chartTitle",
 				ref: Ze,
 				class: "vue-ui-sparkline-title",
-				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", {
+				style: x(`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"};`)
+			}, [y("span", { style: x(`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)) : _("", !0),
+			y("div", bt, [(S(), v("svg", {
 				ref_key: "svgRef",
 				ref: V,
-				xmlns: E(fe),
+				xmlns: E(ue),
 				viewBox: `0 0 ${q.value.width} ${q.value.height}`,
-				style: S(`background:${L.value.backgroundColor};overflow:visible;direction:ltr`),
+				style: x(`background:${L.value.backgroundColor};overflow:visible;direction:ltr`),
 				tabindex: "0",
 				"aria-describedby": `chart-instructions-${k.value}`,
-				onMouseleave: n[0] ||= (e) => un.value = void 0,
+				onMouseleave: r[0] ||= (e) => un.value = void 0,
 				onFocus: In,
 				onBlur: Ln,
 				onKeydown: Rn
 			}, [
-				Ae(E(He)),
-				t.$slots["chart-background"] ? (C(), y("foreignObject", {
+				je(E(He)),
+				n.$slots["chart-background"] ? (S(), v("foreignObject", {
 					key: 0,
 					x: 0,
 					y: 0,
 					width: q.value.width <= 0 ? 10 : q.value.width,
 					height: q.value.height <= 0 ? 10 : q.value.height,
 					style: { pointerEvents: "none" }
-				}, [Ie(t.$slots, "chart-background", {}, void 0, !0)], 8, St)) : v("", !0),
-				b("defs", null, [
-					Ae(Ce, {
+				}, [T(n.$slots, "chart-background", {}, void 0, !0)], 8, St)) : _("", !0),
+				y("defs", null, [
+					je(we, {
 						t: "linear",
 						x1: "0%",
 						y1: "0%",
@@ -1271,15 +1271,15 @@ var ht = ["innerHTML"], gt = {
 						id: `sparkline_gradient_${k.value}`,
 						stops: [[
 							"0%",
-							E(f)(E(m)(F.value.color, .05), F.value.opacity),
+							E(le)(E(a)(F.value.color, .05), F.value.opacity),
 							1
 						], [
 							"100%",
-							E(f)(F.value.color, F.value.opacity),
+							E(le)(F.value.color, F.value.opacity),
 							1
 						]]
 					}, null, 8, ["id", "stops"]),
-					Ae(Ce, {
+					je(we, {
 						t: "linear",
 						x2: "0%",
 						y2: "100%",
@@ -1290,18 +1290,18 @@ var ht = ["innerHTML"], gt = {
 							1
 						], [
 							"100%",
-							E(m)($e.value.color, .05),
+							E(a)($e.value.color, .05),
 							1
 						]]
 					}, null, 8, ["id", "stops"]),
-					Ae(Ce, {
+					je(we, {
 						t: "linear",
 						x2: "0%",
 						y2: "100%",
 						id: `sparkline_bar_gradient_neg_${k.value}`,
 						stops: [[
 							"0%",
-							E(m)($e.value.color, .05),
+							E(a)($e.value.color, .05),
 							1
 						], [
 							"100%",
@@ -1309,19 +1309,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),
-					M.value.temperatureColors.show && $.value ? (C(), y("linearGradient", {
+					}, null, -1), y("feMerge", null, [y("feMergeNode", { in: "blur" }), y("feMergeNode", { in: "SourceGraphic" })], -1)]], 8, Ct),
+					M.value.temperatureColors.show && $.value ? (S(), v("linearGradient", {
 						key: 0,
 						id: `temperature_grad_sparkline_${k.value}`,
 						gradientUnits: "userSpaceOnUse",
@@ -1329,23 +1329,23 @@ var ht = ["innerHTML"], gt = {
 						x2: "0",
 						y1: J.value.top,
 						y2: J.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(r)(t, $.value.length)
-					}, null, 8, Tt))), 128))], 8, wt)) : v("", !0)
+						offset: $.value.length === 1 ? "0%" : E(o)(t, $.value.length)
+					}, null, 8, Tt))), 128))], 8, wt)) : _("", !0)
 				]),
-				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", {
+				F.value.show && !Q.value && An.value.length ? (S(), v("g", Et, [(S(!0), v(h, null, w(An.value, (e, t) => (S(), v("path", {
 					key: `sparkline_area_${t}_${k.value}`,
 					class: "vue-ui-sparkline-area",
 					"data-cy": P.value.smooth ? "sparkline-smooth-area" : "sparkline-angle-area",
 					d: e,
-					fill: F.value.useGradient ? `url(#sparkline_gradient_${k.value})` : E(f)(F.value.color, F.value.opacity),
+					fill: F.value.useGradient ? `url(#sparkline_gradient_${k.value})` : E(le)(F.value.color, F.value.opacity),
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					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", {
+					style: x({ transition: E(B) ? void 0 : "all 0.2s" })
+				}, null, 12, Dt))), 128))])) : _("", !0),
+				P.value.smooth && !Q.value ? (S(), v(h, { key: 2 }, [y("path", {
 					id: qt.value,
 					d: `M ${En.value || "0,0"}`,
 					fill: "none",
@@ -1353,7 +1353,7 @@ var ht = ["innerHTML"], gt = {
 					"stroke-width": P.value.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, Ot), hn.value ? (C(!0), y(g, { key: 0 }, T(On.value, (e) => (C(), y("path", {
+				}, null, 8, Ot), hn.value ? (S(!0), v(h, { key: 0 }, w(On.value, (e) => (S(), v("path", {
 					key: e.path,
 					class: "vue-ui-sparkline-path",
 					d: `M ${e.path}`,
@@ -1363,8 +1363,8 @@ var ht = ["innerHTML"], gt = {
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					"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", {
+					style: x({ transition: E(B) ? void 0 : "all 0.2s" })
+				}, null, 12, kt))), 128)) : (S(), v("path", {
 					key: 1,
 					class: "vue-ui-sparkline-path",
 					d: `M ${En.value || "0,0"}`,
@@ -1373,9 +1373,9 @@ var ht = ["innerHTML"], gt = {
 					"stroke-width": P.value.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					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", {
+					style: x({ transition: E(B) ? void 0 : "all 0.2s" })
+				}, null, 12, At))], 64)) : _("", !0),
+				!P.value.smooth && !Q.value ? (S(), v(h, { key: 3 }, [y("path", {
 					id: qt.value,
 					d: `M ${Dn.value || "0,0"}`,
 					fill: "none",
@@ -1383,7 +1383,7 @@ var ht = ["innerHTML"], gt = {
 					"stroke-width": P.value.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, jt), hn.value ? (C(!0), y(g, { key: 0 }, T(kn.value, (e) => (C(), y("path", {
+				}, null, 8, jt), hn.value ? (S(!0), v(h, { key: 0 }, w(kn.value, (e) => (S(), v("path", {
 					key: e.path,
 					class: "vue-ui-sparkline-path",
 					d: `M ${e.path}`,
@@ -1393,8 +1393,8 @@ var ht = ["innerHTML"], gt = {
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					"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", {
+					style: x({ transition: E(B) ? void 0 : "all 0.2s" })
+				}, null, 12, Mt))), 128)) : (S(), v("path", {
 					key: 1,
 					class: "vue-ui-sparkline-path",
 					d: `M ${Dn.value || "0,0"}`,
@@ -1403,9 +1403,9 @@ var ht = ["innerHTML"], gt = {
 					"stroke-width": P.value.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					style: S({ transition: E(B) ? void 0 : "all 0.2s" })
-				}, null, 12, Nt))], 64)) : v("", !0),
-				jn.value && !$.value ? (C(), Oe(gt, {
+					style: x({ transition: E(B) ? void 0 : "all 0.2s" })
+				}, null, 12, Nt))], 64)) : _("", !0),
+				jn.value && !$.value ? (S(), ke(gt, {
 					key: 4,
 					svgPathData: jn.value,
 					enabled: M.value.gradientPath.show && !Q.value && !$.value,
@@ -1420,8 +1420,8 @@ var ht = ["innerHTML"], gt = {
 					"highColor",
 					"lowColor",
 					"segments"
-				])) : v("", !0),
-				Jt.value && U.value ? (C(), Oe(Ye, {
+				])) : _("", !0),
+				Jt.value && U.value ? (S(), ke(Ye, {
 					key: 5,
 					uid: k.value,
 					svgRef: E(V),
@@ -1456,8 +1456,8 @@ var ht = ["innerHTML"], gt = {
 					"prefersReducedMotion",
 					"loading",
 					"isBar"
-				])) : v("", !0),
-				(C(!0), y(g, null, T(Y.value, (e, t) => (C(), y("g", null, [Q.value ? (C(), y("rect", {
+				])) : _("", !0),
+				(S(!0), v(h, null, w(Y.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 : rn.value) ? 0 : e.absoluteValue > 0 ? e.y : rn.value,
@@ -1465,7 +1465,7 @@ var ht = ["innerHTML"], gt = {
 					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", {
+				}, null, 8, Pt)) : _("", !0), L.value.verticalIndicator.show && (X.value && e.id === X.value.id || ln.value === t) ? (S(), v("line", {
 					key: 1,
 					x1: e.x,
 					x2: e.x,
@@ -1475,19 +1475,19 @@ var ht = ["innerHTML"], gt = {
 					"stroke-width": L.value.verticalIndicator.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-dasharray": L.value.verticalIndicator.strokeDasharray || 0
-				}, null, 8, Ft)) : v("", !0)]))), 256)),
-				$t.value < 0 ? (C(), y("line", {
+				}, null, 8, Ft)) : _("", !0)]))), 256)),
+				$t.value < 0 ? (S(), v("line", {
 					key: 6,
 					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),
+					y1: E(fe)(rn.value, J.value.bottom),
+					y2: E(fe)(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, 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", {
+				}, null, 8, It)) : _("", !0),
+				(S(!0), v(h, null, w(Y.value, (e, t) => (S(), v("g", { key: `sparkline_plot_${e.id}` }, [bn(e, t) ? (S(), v("circle", {
 					key: 0,
 					cx: e.x,
 					cy: e.y,
@@ -1495,26 +1495,26 @@ var ht = ["innerHTML"], gt = {
 					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", {
+				}, null, 8, Lt)) : _("", !0)]))), 128)),
+				e.showInfo && I.value.show ? (S(), v("text", {
 					key: 7,
 					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)({
+				}, Re(X.value ? E(oe)(I.value.formatter, X.value.absoluteValue, E(t)({
 					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)({
+				}), { datapoint: X.value }) : E(oe)(I.value.formatter, pn.value, E(t)({
 					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", {
+				}))), 9, Rt)) : _("", !0),
+				(S(!0), v(h, null, w(Y.value, (e, t) => (S(), v("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,
@@ -1524,18 +1524,18 @@ var ht = ["innerHTML"], gt = {
 					onMouseleave: () => fn(e, t),
 					onClick: () => mn(e, t)
 				}, null, 40, zt))), 256)),
-				Ie(t.$slots, "svg", { svg: {
+				T(n.$slots, "svg", { svg: {
 					...q.value,
 					drawingArea: J.value,
 					timeLabels: sn.value,
 					series: Y.value,
 					hoveredIndex: A.value
 				} }, void 0, !0)
-			], 44, xt)), t.$slots.hint ? (C(), y("div", Bt, [Ie(t.$slots, "hint", Ne(Me({
+			], 44, xt)), n.$slots.hint ? (S(), v("div", Bt, [T(n.$slots, "hint", Pe(Ne({
 				hint: M.value.a11y.translations.keyboardNavigation,
 				isVisible: Fn.value
-			})), void 0, !0)])) : v("", !0)]),
-			X.value && N.value.show ? (C(), Oe(E(Ue), {
+			})), void 0, !0)])) : _("", !0)]),
+			X.value && N.value.show ? (S(), ke(E(Ue), {
 				key: 2,
 				x: X.value.x,
 				y: X.value.y,
@@ -1551,7 +1551,7 @@ var ht = ["innerHTML"], gt = {
 				borderRadius: N.value.borderRadius,
 				backgroundOpacity: N.value.backgroundOpacity
 			}, {
-				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)({
+				default: Ve(() => [T(n.$slots, "tooltip", Pe(Ne({ ...X.value })), () => [Ae(Re(X.value.period) + ": " + Re(E(oe)(I.value.formatter, X.value.absoluteValue, E(t)({
 					p: I.value.prefix,
 					v: X.value.absoluteValue,
 					s: I.value.suffix,
@@ -1572,14 +1572,14 @@ var ht = ["innerHTML"], gt = {
 				"borderColor",
 				"borderRadius",
 				"backgroundOpacity"
-			])) : v("", !0),
-			t.$slots.source ? (C(), y("div", {
+			])) : _("", !0),
+			n.$slots.source ? (S(), v("div", {
 				key: 3,
 				ref_key: "source",
 				ref: Qe,
 				dir: "auto"
-			}, [Ie(t.$slots, "source", {}, void 0, !0)], 512)) : v("", !0),
-			Ie(t.$slots, "skeleton", {}, () => [E(B) ? (C(), Oe(_e, { key: 0 })) : v("", !0)], !0)
+			}, [T(n.$slots, "source", {}, void 0, !0)], 512)) : _("", !0),
+			T(n.$slots, "skeleton", {}, () => [E(B) ? (S(), ke(ve, { key: 0 })) : _("", !0)], !0)
 		], 12, vt));
 	}
 }, [["__scopeId", "data-v-ef970c4d"]]);