vue-data-ui 3.22.4 → 3.22.6

package/dist/{vue-ui-sparkline-BJfh5Lje.js → vue-ui-sparkline-Bi06lHQd.js}

@@ -1,27 +1,27 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { A as t, B as n, D as r, E as i, Gt as a, It as o, Lt as s, N as c, Ot as l, P as u, Q as d, R as f, Rt as p, W as ee, _t as te, b as ne, f as re, i as ie, it as ae, j as oe, l as se, nt as ce, q as le, t as ue, ut as de, wt as fe, z as pe } from "./lib-CuwHGt1j.js";
-import { t as me } from "./useTimeLabels-BmBRv27Y.js";
-import { t as he } from "./useConfig-pVLia3dt.js";
-import { n as m, t as ge } from "./BaseScanner-DZvpgOjM.js";
-import { t as _e } from "./useNestedProp-BjkuFaz1.js";
-import { t as ve } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ye } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as be } from "./canvas-lib-BOP_HS11.js";
-import { t as xe } from "./useResponsive-BfnK0KxU.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 h, computed as g, createBlock as Ee, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as De, createVNode as Oe, defineAsyncComponent as ke, guardReactiveProps as Ae, nextTick as b, normalizeProps as je, normalizeStyle as x, onBeforeUnmount as Me, onMounted as Ne, openBlock as S, ref as C, renderList as w, renderSlot as T, shallowRef as Pe, toDisplayString as Fe, toRefs as Ie, unref as E, watch as D, watchEffect as Le, withCtx as Re } from "vue";
+import { A as t, B as n, Ct as r, D as i, Dt as a, E as o, Ft as s, It as c, Lt as l, N as u, P as d, Q as f, R as p, W as ee, Wt as te, b as ne, f as re, gt as ie, i as m, j as ae, l as oe, lt as se, q as ce, rt as le, t as ue, tt as de, z as fe } from "./lib-DRBJCmHW.js";
+import { t as pe } from "./useTimeLabels-BmBRv27Y.js";
+import { t as me } from "./useConfig-DYM3f6EI.js";
+import { n as h, t as he } from "./BaseScanner-DZvpgOjM.js";
+import { t as ge } from "./useNestedProp-BEo2N1Db.js";
+import { t as _e } from "./useThemeCheck-C43Tcqmk.js";
+import { t as ve } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as ye } from "./canvas-lib-BOP_HS11.js";
+import { t as be } from "./useResponsive-BfnK0KxU.js";
+import { t as xe } from "./A11yDataTable-DdRsVULz.js";
+import { t as Se } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Ce } from "./usePrefersMotion-BC-CsqR1.js";
+import { t as we } from "./vue_ui_sparkline-auZhap6Y.js";
+import { Fragment as g, computed as _, createBlock as Te, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createTextVNode as Ee, createVNode as De, defineAsyncComponent as Oe, guardReactiveProps as ke, nextTick as x, normalizeProps as Ae, normalizeStyle as S, onBeforeUnmount as je, onMounted as Me, openBlock as C, ref as w, renderList as T, renderSlot as E, shallowRef as Ne, toDisplayString as Pe, toRefs as Fe, unref as D, watch as O, watchEffect as Ie, withCtx as Le } from "vue";
 //#region src/atoms/SparklinePulse.vue
-var ze = {
+var Re = {
 	key: 0,
 	style: { "pointer-events": "none" }
-}, Be = [
+}, ze = [
 	"r",
 	"fill",
 	"filter"
-], Ve = [
+], Be = [
 	"begin",
 	"dur",
 	"repeatCount",
@@ -30,12 +30,12 @@ var ze = {
 	"keySplines",
 	"keyTimes",
 	"keyPoints"
-], He = ["href"], Ue = [
+], Ve = ["href"], He = [
 	"dur",
 	"repeatCount",
 	"fill",
 	"values"
-], We = ["r", "fill"], O = [
+], Ue = ["r", "fill"], k = [
 	"begin",
 	"dur",
 	"repeatCount",
@@ -43,7 +43,7 @@ var ze = {
 	"keySplines",
 	"keyTimes",
 	"keyPoints"
-], Ge = ["href"], k = ["dur", "repeatCount"], Ke = {
+], We = ["href"], A = ["dur", "repeatCount"], Ge = {
 	__name: "SparklinePulse",
 	props: {
 		uid: {
@@ -112,7 +112,7 @@ var ze = {
 		}
 	},
 	setup(e) {
-		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);
+		let t = e, n = _(() => Math.min(t.pulseTrailLength, 45)), r = _(() => !!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());
@@ -131,23 +131,23 @@ var ze = {
 			let r = t.pulse.trail.opacity, i = (n.value - e) / n.value, a = e === 0 ? 1 : i * r;
 			return `0;${a};${a};0`;
 		}
-		return D(() => t.loading, async (e) => {
+		return O(() => t.loading, async (e) => {
 			if (e) {
 				i();
 				return;
 			}
-			await b(), i();
-		}), D(() => t.pulsePathId, async () => {
-			await b(), i();
-		}), Me(() => {
+			await x(), i();
+		}), O(() => t.pulsePathId, async () => {
+			await x(), i();
+		}), je(() => {
 			i();
-		}), (t, i) => r.value ? (S(), v("g", ze, [(S(!0), v(h, null, w(n.value, (t, n) => (S(), v(h, null, [n % 3 == 0 ? (S(), v("circle", {
+		}), (t, i) => r.value ? (C(), y("g", Re, [(C(!0), y(g, null, T(n.value, (t, n) => (C(), y(g, null, [n % 3 == 0 ? (C(), y("circle", {
 			key: `sparkline_dot_${n}_${e.pulsePathId}`,
 			r: o(n),
 			fill: e.pulse.color,
 			filter: `url(#sparkline_pulse_glow_${e.uid})`,
 			opacity: "0"
-		}, [y("animateMotion", {
+		}, [b("animateMotion", {
 			begin: a(e.pulseBegin, n * 10),
 			dur: e.pulseDur,
 			repeatCount: e.pulseRepeatCount,
@@ -157,19 +157,19 @@ var ze = {
 			keyTimes: e.pulseMotion.keyTimes || void 0,
 			keyPoints: e.pulseKeyPoints,
 			rotate: "auto"
-		}, [y("mpath", { href: `#${e.pulsePathId}` }, null, 8, He)], 8, Ve), y("animate", {
+		}, [b("mpath", { href: `#${e.pulsePathId}` }, null, 8, Ve)], 8, Be), b("animate", {
 			attributeName: "opacity",
 			dur: e.pulseDur,
 			repeatCount: e.pulseRepeatCount,
 			fill: e.pulseFillMode,
 			values: s(n),
 			keyTimes: "0;0.1;0.9;1"
-		}, null, 8, Ue)], 8, Be)) : _("", !0)], 64))), 256)), (S(), v("circle", {
+		}, null, 8, He)], 8, ze)) : v("", !0)], 64))), 256)), (C(), y("circle", {
 			key: `sparkline_halo_${e.pulsePathId}`,
 			r: Math.max(e.pulse.radius * 1.3),
 			fill: e.pulse.color,
 			opacity: "0"
-		}, [y("animateMotion", {
+		}, [b("animateMotion", {
 			begin: e.pulseBegin,
 			dur: e.pulseDur,
 			repeatCount: e.pulseRepeatCount,
@@ -178,28 +178,28 @@ var ze = {
 			keyTimes: e.pulseMotion.keyTimes || void 0,
 			keyPoints: e.pulseKeyPoints,
 			rotate: "auto"
-		}, [y("mpath", { href: `#${e.pulsePathId}` }, null, 8, Ge)], 8, O), y("animate", {
+		}, [b("mpath", { href: `#${e.pulsePathId}` }, null, 8, We)], 8, k), b("animate", {
 			attributeName: "opacity",
 			values: "0;0.35;0.35;0",
 			keyTimes: "0;0.15;0.85;1",
 			dur: e.pulseDur,
 			repeatCount: e.pulseRepeatCount
-		}, null, 8, k)], 8, We))])) : _("", !0);
+		}, null, 8, A)], 8, Ue))])) : v("", !0);
 	}
-}, A = {
+}, Ke = {
 	canvas: null,
 	ctx: null
 };
 function qe() {
 	if (typeof document > "u") throw Error("color-utils: document is not available (browser-only).");
-	if (!A.canvas) {
+	if (!Ke.canvas) {
 		let e = document.createElement("canvas");
 		e.width = 1, e.height = 1;
 		let t = e.getContext("2d", { willReadFrequently: !0 });
 		if (!t) throw Error("color-utils: unable to get 2D canvas context.");
-		A.canvas = e, A.ctx = t;
+		Ke.canvas = e, Ke.ctx = t;
 	}
-	return A.ctx;
+	return Ke.ctx;
 }
 function Je(e) {
 	return e < 0 ? 0 : e > 255 ? 255 : Math.round(e);
@@ -466,44 +466,44 @@ function pt(e, t = null, n = {}) {
 					rgba: e[n].rgba
 				};
 				return t;
-			})() : [], ie = it(p, d, n.maxSegmentLength), ae = at(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 = lt(c), de = [], fe = i === null ? null : [], pe = i === null ? null : [], me = 0, he = i === null ? re.length - 2 : 0, m = 0, ge = () => {
+			})() : [], ie = it(p, d, n.maxSegmentLength), m = at(p, n.segments, ie), ae = p / m, 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 = lt(c), ue = [], de = i === null ? null : [], fe = i === null ? null : [], pe = 0, me = i === null ? re.length - 2 : 0, h = 0, he = () => {
 				let e = performance.now(), t = typeof n.frameBudgetMs == "number" ? n.frameBudgetMs : 8;
-				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, p), r = I(r, 0, p), r > n) if (i !== null) {
-						let e = st(f, n, r, s, o, le);
-						fe.push(e.pathData), pe.push(e.bounds);
+				for (; h < m && performance.now() - e < t;) {
+					let e = h * ae, t = (h + 1) * ae, n = e, r = t;
+					if (h !== 0 && (n = e - oe), h !== m - 1 && (r = t + oe), n = I(n, 0, p), r = I(r, 0, p), r > n) if (i !== null) {
+						let e = st(f, n, r, s, o, ce);
+						de.push(e.pathData), fe.push(e.bounds);
 					} else {
 						let e = (n + r) * .5 / p;
-						for (; me < he && e > re[me + 1].position;) me += 1;
-						let t = z(re, e, te, me), i = ot(f, n, r, s, o, le);
-						de.push(ut(i, t, ue));
+						for (; pe < me && e > re[pe + 1].position;) pe += 1;
+						let t = z(re, e, te, pe), i = ot(f, n, r, s, o, ce);
+						ue.push(ut(i, t, le));
 					}
-					m += 1;
+					h += 1;
 				}
-				if (m < ae) {
-					requestAnimationFrame(ge);
+				if (h < m) {
+					requestAnimationFrame(he);
 					return;
 				}
 				if (i !== null) {
 					let e = Infinity, t = -Infinity;
-					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;
+					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;
 						a < e && (e = a), o > t && (t = o);
 					}
 					let n = ne[0], r = ne[1];
-					de.length = 0;
-					for (let a = 0; a < pe.length; a += 1) {
-						let o = pe[a], s = et(((i === "vertical" ? o.minY : o.minX) + (i === "vertical" ? o.maxY : o.maxX)) * .5, e, t, !0), c = U(i === "vertical" ? Ze(n, r, s, te) : Ze(r, n, s, te)), l = fe[a];
-						de.push(ut(l, c, ue));
+					ue.length = 0;
+					for (let a = 0; a < fe.length; a += 1) {
+						let o = fe[a], s = et(((i === "vertical" ? o.minY : o.minX) + (i === "vertical" ? o.maxY : o.maxX)) * .5, e, t, !0), c = U(i === "vertical" ? Ze(n, r, s, te) : Ze(r, n, s, te)), l = de[a];
+						ue.push(ut(l, c, le));
 					}
 				}
-				let c = ft(de, l);
+				let c = ft(ue, l);
 				rt(a), r(c);
 			};
-			requestAnimationFrame(ge);
+			requestAnimationFrame(he);
 		} catch (e) {
 			rt(a), i(e);
 		}
@@ -540,8 +540,8 @@ var mt = ["innerHTML"], ht = {
 		}
 	},
 	setup(e) {
-		let t = e, n = C(""), r = 0;
-		return D(() => [
+		let t = e, n = w(""), r = 0;
+		return O(() => [
 			t.enabled,
 			t.svgPathData,
 			t.strokeWidth,
@@ -566,7 +566,7 @@ var mt = ["innerHTML"], ht = {
 				groupAttrs: { class: "vue-ui-sparkline-gradient" }
 			});
 			i === r && (n.value = a);
-		}, { immediate: !0 }), (e, t) => (S(), v("g", { innerHTML: n.value }, null, 8, mt));
+		}, { immediate: !0 }), (e, t) => (C(), y("g", { innerHTML: n.value }, null, 8, mt));
 	}
 }, gt = /* @__PURE__ */ e({ default: () => G }), _t = ["id"], vt = ["id"], yt = { style: { position: "relative" } }, bt = [
 	"xmlns",
@@ -660,7 +660,7 @@ var mt = ["innerHTML"], ht = {
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, G = /*#__PURE__*/ ye({
+}, G = /*#__PURE__*/ ve({
 	__name: "vue-ui-sparkline",
 	props: {
 		config: {
@@ -693,18 +693,18 @@ var mt = ["innerHTML"], ht = {
 		}
 	},
 	emits: ["hoverIndex", "selectDatapoint"],
-	setup(e, { emit: ye }) {
-		let ze = ke(() => import("./PackageVersion-Cm-3hwIF.js").then((e) => e.t)), Be = ke(() => import("./SparkTooltip-DaWSTzfA.js")), { vue_ui_sparkline: Ve } = he(), { isThemeValid: He, warnInvalidTheme: Ue } = ve(), We = we(), O = e, Ge = g(() => Array.isArray(O.dataset) && O.dataset.length > 0), k = C(ee()), A = C(null), qe = C(null), Je = C(null), j = C(null), M = C(null), N = C(L());
+	setup(e, { emit: ve }) {
+		let Re = Oe(() => import("./PackageVersion-Da7hl-34.js").then((e) => e.t)), ze = Oe(() => import("./SparkTooltip-CjDAyolg.js")), { vue_ui_sparkline: Be } = me(), { isThemeValid: Ve, warnInvalidTheme: He } = _e(), Ue = Ce(), k = e, We = _(() => Array.isArray(k.dataset) && k.dataset.length > 0), A = w(ee()), Ke = w(null), qe = w(null), Je = w(null), j = w(null), M = w(null), N = w(L());
 		function Ye(e) {
-			return O.config?.skeletonDataset && Array.isArray(O.config.skeletonDataset) ? O.config.skeletonDataset.map((e) => ({
+			return k.config?.skeletonDataset && Array.isArray(k.config.skeletonDataset) ? k.config.skeletonDataset.map((e) => ({
 				period: "-",
 				value: e
-			})) : ce(e).map((e) => ({
+			})) : de(e).map((e) => ({
 				period: "-",
 				value: e
 			}));
 		}
-		let Xe = g(() => a({
+		let Xe = _(() => te({
 			defaultConfig: {
 				gradientPath: { show: !1 },
 				temperatureColors: { show: !1 },
@@ -726,41 +726,41 @@ var mt = ["innerHTML"], ht = {
 				}
 			},
 			userConfig: N.value.skeletonConfig ?? {}
-		})), { loading: P, FINAL_DATASET: F, manualLoading: Ze } = m({
-			...Ie(O),
+		})), { loading: P, FINAL_DATASET: F, manualLoading: Ze } = h({
+			...Fe(k),
 			FINAL_CONFIG: N,
 			prepareConfig: L,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					await b(), mt();
+					await x(), mt();
 				});
 			},
 			skeletonDataset: Ye(12),
-			skeletonConfig: a({
+			skeletonConfig: te({
 				defaultConfig: N.value,
 				userConfig: Xe.value
 			})
-		}), { svgRef: I } = Ce({ config: N.value.style.title });
+		}), { svgRef: I } = Se({ config: N.value.style.title });
 		function L() {
-			let e = _e({
-				userConfig: O.config,
-				defaultConfig: Ve
+			let e = ge({
+				userConfig: k.config,
+				defaultConfig: Be
 			}), t = {}, n = e.theme;
-			if (n) if (!He.value(e)) Ue(e), t = e;
+			if (n) if (!Ve.value(e)) He(e), t = e;
 			else {
-				let r = _e({
-					userConfig: Te[n] || O.config,
+				let r = ge({
+					userConfig: we[n] || k.config,
 					defaultConfig: e
 				});
-				t = { ..._e({
-					userConfig: O.config,
+				t = { ...ge({
+					userConfig: k.config,
 					defaultConfig: r
 				}) };
 			}
 			else t = e;
 			return t;
 		}
-		let R = g(() => N.value?.style?.line.pulse || {}), Qe = g(() => `${Math.max(200, Number(R.value.durationMs) || 4e3) / 1e3}s`), $e = C(0), et = g(() => R.value?.begin || "0ms"), tt = C("0;1"), nt = g(() => R.value?.loop === !1 ? "1" : "indefinite"), rt = g(() => R.value?.loop === !1 ? "freeze" : void 0), it = g(() => R.value.trail.show && ct.value.lengthPx || 1), at = g(() => !!R.value?.show && !Q.value && !We.value && !P.value && (J.value?.length || 0) > 1);
+		let R = _(() => N.value?.style?.line.pulse || {}), Qe = _(() => `${Math.max(200, Number(R.value.durationMs) || 4e3) / 1e3}s`), $e = w(0), et = _(() => R.value?.begin || "0ms"), tt = w("0;1"), nt = _(() => R.value?.loop === !1 ? "1" : "indefinite"), rt = _(() => R.value?.loop === !1 ? "freeze" : void 0), it = _(() => R.value.trail.show && ct.value.lengthPx || 1), at = _(() => !!R.value?.show && !Q.value && !Ue.value && !P.value && (J.value?.length || 0) > 1);
 		function ot() {
 			if (!at.value) {
 				$e.value = 0;
@@ -782,7 +782,7 @@ var mt = ["innerHTML"], ht = {
 				}
 			});
 		}
-		let st = g(() => {
+		let st = _(() => {
 			let e = R.value?.easing || "ease-in-out", t = {
 				ease: [
 					.25,
@@ -827,7 +827,7 @@ var mt = ["innerHTML"], ht = {
 				] : t[e] || t["ease-in-out"]).join(" "),
 				keyTimes: "0;1"
 			};
-		}), ct = g(() => {
+		}), ct = _(() => {
 			let e = R.value?.trail || {}, t = N.value.style.line.strokeWidth || 1;
 			return {
 				show: e.show !== !1,
@@ -837,18 +837,18 @@ var mt = ["innerHTML"], ht = {
 				fadeIn: .5,
 				fadeOut: .2
 			};
-		}), z = g(() => fe({
+		}), z = _(() => 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) => {
+		}), O(() => k.config, (e) => {
 			P.value || (N.value = L()), Qt(), K.value.chartWidth = N.value.style.chartWidth;
-		}, { deep: !0 }), D(() => O.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (Ze.value = !1), B.value = fe({
+		}, { deep: !0 }), O(() => k.dataset, (e) => {
+			Array.isArray(e) && e.length > 0 && (Ze.value = !1), B.value = r({
 				data: F.value.map((e) => ({
 					...e,
 					value: [void 0].includes(e.value) ? null : e.value
@@ -856,9 +856,9 @@ var mt = ["innerHTML"], ht = {
 				threshold: N.value.downsample.threshold
 			});
 		}, { deep: !0 });
-		let B = C(V());
+		let B = w(V());
 		function V() {
-			return fe({
+			return r({
 				data: F.value.map((e) => N.value.style.animation.show && F.value.length > 1 ? {
 					...e,
 					value: null
@@ -869,7 +869,7 @@ var mt = ["innerHTML"], ht = {
 				threshold: N.value.downsample.threshold
 			});
 		}
-		let H = Pe(null), U = Pe(null), lt = C(!1), ut = C(0), dt = C([]), ft = C(""), W = g(() => {
+		let H = Ne(null), U = Ne(null), lt = w(!1), ut = w(0), dt = w([]), ft = w(""), W = _(() => {
 			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}`;
 		});
@@ -899,35 +899,35 @@ var mt = ["innerHTML"], ht = {
 			};
 			ut.value = requestAnimationFrame(s);
 		}
-		D(W, () => {
+		O(W, () => {
 			mt();
-		}), Ne(() => {
-			Qt(), mt();
 		}), Me(() => {
+			Qt(), mt();
+		}), je(() => {
 			pt();
 		});
-		let gt = C(0);
-		D(() => P.value, async (e) => {
-			e || (await b(), gt.value += 1);
-		}), D(() => lt.value, async (e) => {
-			e || P.value || (await b(), gt.value += 1);
+		let gt = w(0);
+		O(() => P.value, async (e) => {
+			e || (await x(), gt.value += 1);
+		}), O(() => lt.value, async (e) => {
+			e || P.value || (await x(), gt.value += 1);
 		});
-		let G = g(() => `sparkline_line_path_${k.value}`), Yt = C(!0);
+		let G = _(() => `sparkline_line_path_${A.value}`), Yt = w(!0);
 		async function Xt() {
-			Yt.value = !1, await b(), Yt.value = !0, await b(), ot();
+			Yt.value = !1, await x(), Yt.value = !0, await x(), ot();
 		}
-		let Zt = g(() => !!N.value.debug);
+		let Zt = _(() => !!N.value.debug);
 		function Qt() {
-			if (l(O.dataset) ? (d({
+			if (a(k.dataset) ? (f({
 				componentName: "VueUiSparkline",
 				type: "dataset",
 				debug: Zt.value
-			}), Ze.value = !0) : O.dataset.forEach((e, t) => {
-				de({
+			}), Ze.value = !0) : k.dataset.forEach((e, t) => {
+				se({
 					datasetObject: e,
 					requiredAttributes: ["period", "value"]
 				}).forEach((e) => {
-					d({
+					f({
 						componentName: "VueUiSparkline",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -935,65 +935,65 @@ var mt = ["innerHTML"], ht = {
 						debug: Zt.value
 					});
 				});
-			}), l(O.dataset) || (Ze.value = N.value.loading), N.value.responsive) {
-				let e = be(() => {
-					let { width: e, height: t } = xe({
-						chart: A.value,
-						title: N.value.style.title.show && O.showInfo ? qe.value : null,
+			}), a(k.dataset) || (Ze.value = N.value.loading), N.value.responsive) {
+				let e = ye(() => {
+					let { width: e, height: t } = be({
+						chart: Ke.value,
+						title: N.value.style.title.show && k.showInfo ? qe.value : null,
 						source: Je.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;
+						K.value.width = e, K.value.height = t, K.value.chartWidth = N.value.style.chartWidth / 500 * e, K.value.padding = k.forcedPadding / 500 * e;
 					});
 				});
-				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);
+				H.value && (U.value && H.value.unobserve(U.value), H.value.disconnect()), H.value = new ResizeObserver(e), U.value = Ke.value.parentNode, H.value.observe(U.value);
 			}
 		}
-		Me(() => {
+		je(() => {
 			H.value && (U.value && H.value.unobserve(U.value), H.value.disconnect());
 		});
-		let K = C({
-			height: 80 * O.heightRatio,
+		let K = w({
+			height: 80 * k.heightRatio,
 			width: 500,
 			chartWidth: N.value.style.chartWidth,
-			padding: O.forcedPadding
-		}), $t = ye, q = g(() => {
+			padding: k.forcedPadding
+		}), $t = ve, q = _(() => {
 			let { top: e, right: t, bottom: n, left: r } = N.value.style.padding;
 			return {
 				top: e,
 				left: r,
 				right: K.value.width - t,
 				bottom: K.value.height - n,
-				start: O.showInfo && N.value.style.dataLabel.show && N.value.style.dataLabel.position === "left" ? K.value.width - K.value.chartWidth + r : K.value.padding + r,
-				width: O.showInfo && N.value.style.dataLabel.show ? K.value.chartWidth - r - t : K.value.width - K.value.padding - r - t,
+				start: k.showInfo && N.value.style.dataLabel.show && N.value.style.dataLabel.position === "left" ? K.value.width - K.value.chartWidth + r : K.value.padding + r,
+				width: k.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
 			};
-		}), en = g(() => [null, void 0].includes(N.value.style.scaleMin) ? Math.min(...B.value.map((e) => isNaN(e.value) || [
+		}), en = _(() => [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), tn = g(() => [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), tn = _(() => [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), nn = g(() => {
+		].includes(e.value) ? 0 : e.value || 0)) : N.value.style.scaleMax), nn = _(() => {
 			let e = en.value >= 0 ? 0 : en.value;
 			return Math.abs(e);
-		}), rn = g(() => tn.value + nn.value), an = g(() => q.value.bottom - q.value.height * on(nn.value));
+		}), rn = _(() => tn.value + nn.value), an = _(() => q.value.bottom - q.value.height * on(nn.value));
 		function on(e) {
 			return isNaN(e / rn.value) ? 0 : e / rn.value;
 		}
-		let sn = g(() => z.value.length - 1 || 1), cn = C([]), ln = 0;
-		Le(() => {
+		let sn = _(() => z.value.length - 1 || 1), cn = w([]), ln = 0;
+		Ie(() => {
 			let e = ++ln;
 			(async () => {
-				let t = await me({
+				let t = await pe({
 					values: z.value.map((e) => e.period),
 					maxDatapoints: z.value.length,
 					formatter: N.value.style.dataLabel.datetimeFormatter,
@@ -1003,7 +1003,7 @@ var mt = ["innerHTML"], ht = {
 				e === ln && (cn.value = t);
 			})();
 		});
-		let J = g(() => B.value.map((e, t) => {
+		let J = _(() => B.value.map((e, t) => {
 			let n = isNaN(e.value) || [
 				void 0,
 				"NaN",
@@ -1019,11 +1019,11 @@ var mt = ["innerHTML"], ht = {
 				toMax: on(n + nn.value),
 				x: q.value.start + t * r,
 				y: q.value.bottom - q.value.height * on(n + nn.value),
-				id: `plot_${k.value}_${t}`,
-				color: Q.value ? N.value.style.bar.color : N.value.style.area.useGradient ? p(N.value.style.line.color, .05 * (1 - t / sn.value)) : N.value.style.line.color,
+				id: `plot_${A.value}_${t}`,
+				color: Q.value ? N.value.style.bar.color : N.value.style.area.useGradient ? l(N.value.style.line.color, .05 * (1 - t / sn.value)) : N.value.style.line.color,
 				width: r
 			};
-		})), un = 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);
+		})), un = _(() => k.selectedIndex !== void 0 && k.selectedIndex !== null && k.selectedIndex >= 0 && k.selectedIndex < J.value.length ? k.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 dn(e, t) {
 			N.value.events.datapointEnter && N.value.events.datapointEnter({
 				datapoint: e,
@@ -1036,15 +1036,15 @@ var mt = ["innerHTML"], ht = {
 				seriesIndex: t
 			}), X.value = Y.value, Y.value = void 0, M.value = null, j.value = null, $t("hoverIndex", { index: void 0 });
 		}
-		let Z = g(() => {
-			if (Ge.value) {
+		let Z = _(() => {
+			if (We.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: re(e),
-					trend: se(J.value.map(({ x: e, y: t, absoluteValue: n }) => ({
+					trend: oe(J.value.map(({ x: e, y: t, absoluteValue: n }) => ({
 						x: e,
 						y: t,
 						value: n
@@ -1057,7 +1057,7 @@ var mt = ["innerHTML"], ht = {
 				median: null,
 				trend: null
 			};
-		}), pn = g(() => Ge.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");
+		}), pn = _(() => We.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 mn(e, t) {
 			N.value.events.datapointClick && N.value.events.datapointClick({
 				datapoint: e,
@@ -1067,7 +1067,7 @@ var mt = ["innerHTML"], ht = {
 				index: t
 			});
 		}
-		let hn = g(() => Array.isArray(N.value.style.line.dashIndices) && N.value.style.line.dashIndices.length > 0), gn = g(() => N.value.style.line.cutNullValues);
+		let hn = _(() => Array.isArray(N.value.style.line.dashIndices) && N.value.style.line.dashIndices.length > 0), gn = _(() => N.value.style.line.cutNullValues);
 		function _n(e) {
 			return ![
 				null,
@@ -1094,11 +1094,11 @@ var mt = ["innerHTML"], ht = {
 		function Sn(e, t) {
 			return yn(e, t) ? N.value.style.plot.stroke : N.value.style.backgroundColor;
 		}
-		let Cn = g(() => gn.value ? J.value : J.value.filter((e) => e.value !== null)), wn = g(() => J.value.filter((e) => e.value !== null)), Tn = g(() => wn.value.length > 1), En = g(() => Q.value || !Tn.value ? "" : gn.value ? c(J.value) : oe(Cn.value)), Dn = g(() => Q.value || !Tn.value ? "" : gn.value ? pe(J.value) : f(Cn.value)), On = g(() => Q.value || !hn.value || !Tn.value ? [] : u(Cn.value, N.value.style.line.dashIndices)), kn = g(() => Q.value || !hn.value || !Tn.value ? [] : n(Cn.value, N.value.style.line.dashIndices)), An = g(() => Q.value || !N.value.style.area.show || !Tn.value ? [] : N.value.style.line.smooth ? t(Cn.value, q.value.bottom, gn.value).filter(Boolean) : (gn.value ? r(J.value, q.value.bottom) : i(Cn.value, q.value.bottom)).split(";").filter(Boolean).map((e) => `M${e}Z`)), jn = g(() => Q.value || !N.value.gradientPath.show || N.value.temperatureColors.show ? "" : `M ${(N.value.style.line.smooth ? En.value : Dn.value) || "0,0"}`), Mn = g(() => {
+		let Cn = _(() => gn.value ? J.value : J.value.filter((e) => e.value !== null)), wn = _(() => J.value.filter((e) => e.value !== null)), Tn = _(() => wn.value.length > 1), En = _(() => Q.value || !Tn.value ? "" : gn.value ? u(J.value) : ae(Cn.value)), Dn = _(() => Q.value || !Tn.value ? "" : gn.value ? fe(J.value) : p(Cn.value)), On = _(() => Q.value || !hn.value || !Tn.value ? [] : d(Cn.value, N.value.style.line.dashIndices)), kn = _(() => Q.value || !hn.value || !Tn.value ? [] : n(Cn.value, N.value.style.line.dashIndices)), An = _(() => Q.value || !N.value.style.area.show || !Tn.value ? [] : N.value.style.line.smooth ? t(Cn.value, q.value.bottom, gn.value).filter(Boolean) : (gn.value ? i(J.value, q.value.bottom) : o(Cn.value, q.value.bottom)).split(";").filter(Boolean).map((e) => `M${e}Z`)), jn = _(() => Q.value || !N.value.gradientPath.show || N.value.temperatureColors.show ? "" : `M ${(N.value.style.line.smooth ? En.value : Dn.value) || "0,0"}`), Mn = _(() => {
 			if (!N.value.temperatureColors.show) return null;
 			let e = N.value.temperatureColors.colors;
 			return !Array.isArray(e) || !e.length ? null : e.map((e) => ne(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) => ne(e));
@@ -1110,12 +1110,12 @@ var mt = ["innerHTML"], ht = {
 		}
 		function Pn(e) {
 			let t = Mn.value;
-			return !Array.isArray(t) || !t.length ? e.color : te({
+			return !Array.isArray(t) || !t.length ? e.color : ie({
 				colors: t,
 				ratio: Nn(e)
 			});
 		}
-		D(() => [
+		O(() => [
 			at.value,
 			G.value,
 			J.value.length,
@@ -1123,14 +1123,14 @@ var mt = ["innerHTML"], ht = {
 			K.value.height,
 			N.value?.style?.line?.smooth
 		], async () => {
-			await b(), ot();
-		}, { immediate: !0 }), Ne(async () => {
-			await b(), ot();
-		}), D(() => P.value, async (e) => {
+			await x(), ot();
+		}, { immediate: !0 }), Me(async () => {
+			await x(), ot();
+		}), O(() => P.value, async (e) => {
 			e || await Xt();
-		}), D(() => lt.value, async (e) => {
+		}), O(() => lt.value, async (e) => {
 			e || P.value || await Xt();
-		}), D(() => O.selectedIndex, (e) => {
+		}), O(() => k.selectedIndex, (e) => {
 			if (e == null) {
 				M.value = null, j.value = null, Y.value = void 0;
 				return;
@@ -1139,7 +1139,7 @@ var mt = ["innerHTML"], ht = {
 			let t = J.value[e];
 			t && (M.value = e, j.value = e, Y.value = t);
 		});
-		let Fn = C(!1);
+		let Fn = w(!1);
 		function In() {
 			let e = un.value;
 			if (e !== null && e >= 0 && e < J.value.length) {
@@ -1152,7 +1152,7 @@ var mt = ["innerHTML"], ht = {
 			j.value = null, !Y.value && J.value.length && dn(J.value.at(-1), J.value.length - 1), Fn.value = !0;
 		}
 		function Ln() {
-			X.value = Y.value, (O.selectedIndex === void 0 || O.selectedIndex === null) && (j.value = null, Y.value = void 0, M.value = null, $t("hoverIndex", { index: void 0 })), Fn.value = !1;
+			X.value = Y.value, (k.selectedIndex === void 0 || k.selectedIndex === null) && (j.value = null, Y.value = void 0, M.value = null, $t("hoverIndex", { index: void 0 })), Fn.value = !1;
 		}
 		function Rn(e) {
 			if (!I.value || document.activeElement !== I.value) return;
@@ -1167,24 +1167,24 @@ var mt = ["innerHTML"], ht = {
 			let s = J.value[i];
 			s && (j.value = i, dn(s, i));
 		}
-		let zn = g(() => ({
+		let zn = _(() => ({
 			headers: [N.value.translations.period, N.value.translations.value],
 			rows: J.value.map((e) => [e.period, e.absoluteValue])
 		}));
-		return (t, n) => (S(), v("div", {
+		return (t, n) => (C(), y("div", {
 			ref_key: "sparklineChart",
-			ref: A,
+			ref: Ke,
 			class: "vue-data-ui-component vue-ui-sparkline",
-			id: k.value,
-			style: x(`width:100%;font-family:${N.value.style.fontFamily};`)
+			id: A.value,
+			style: S(`width:100%;font-family:${N.value.style.fontFamily};`)
 		}, [
-			y("p", {
-				id: `chart-instructions-${k.value}`,
+			b("p", {
+				id: `chart-instructions-${A.value}`,
 				class: "sr-only"
-			}, Fe(N.value.a11y.translations.keyboardNavigation), 9, vt),
-			zn.value?.rows?.length ? (S(), Ee(Se, {
+			}, Pe(N.value.a11y.translations.keyboardNavigation), 9, vt),
+			zn.value?.rows?.length ? (C(), Te(xe, {
 				key: 0,
-				uid: k.value,
+				uid: A.value,
 				head: zn.value.headers,
 				body: zn.value.rows,
 				notice: N.value.a11y.translations.tableAvailable,
@@ -1195,8 +1195,8 @@ var mt = ["innerHTML"], ht = {
 				"body",
 				"notice",
 				"caption"
-			])) : _("", !0),
-			T(t.$slots, "before", je(Ae({
+			])) : v("", !0),
+			E(t.$slots, "before", Ae(ke({
 				selected: Y.value,
 				latest: Z.value.latest,
 				sum: Z.value.sum,
@@ -1204,108 +1204,108 @@ var mt = ["innerHTML"], ht = {
 				median: Z.value.median,
 				trend: Z.value.trend
 			})), void 0, !0),
-			N.value.style.title.show && e.showInfo ? (S(), v("div", {
+			N.value.style.title.show && e.showInfo ? (C(), y("div", {
 				key: 1,
 				ref_key: "chartTitle",
 				ref: qe,
 				class: "vue-ui-sparkline-title",
-				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"}`) }, Fe(Y.value ? Y.value.period : N.value.style.title.text), 5)], 4)) : _("", !0),
-			y("div", yt, [(S(), v("svg", {
+				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"}`) }, Pe(Y.value ? Y.value.period : N.value.style.title.text), 5)], 4)) : v("", !0),
+			b("div", yt, [(C(), y("svg", {
 				ref_key: "svgRef",
 				ref: I,
-				xmlns: E(ue),
+				xmlns: D(ue),
 				viewBox: `0 0 ${K.value.width} ${K.value.height}`,
-				style: x(`background:${N.value.style.backgroundColor};overflow:visible;direction:ltr`),
+				style: S(`background:${N.value.style.backgroundColor};overflow:visible;direction:ltr`),
 				tabindex: "0",
-				"aria-describedby": `chart-instructions-${k.value}`,
+				"aria-describedby": `chart-instructions-${A.value}`,
 				onMouseleave: n[0] ||= (e) => X.value = void 0,
 				onFocus: In,
 				onBlur: Ln,
 				onKeydown: Rn
 			}, [
-				Oe(E(ze)),
-				t.$slots["chart-background"] ? (S(), v("foreignObject", {
+				De(D(Re)),
+				t.$slots["chart-background"] ? (C(), y("foreignObject", {
 					key: 0,
 					x: 0,
 					y: 0,
 					width: K.value.width <= 0 ? 10 : K.value.width,
 					height: K.value.height <= 0 ? 10 : K.value.height,
 					style: { pointerEvents: "none" }
-				}, [T(t.$slots, "chart-background", {}, void 0, !0)], 8, xt)) : _("", !0),
-				y("defs", null, [
-					y("linearGradient", {
+				}, [E(t.$slots, "chart-background", {}, void 0, !0)], 8, xt)) : v("", !0),
+				b("defs", null, [
+					b("linearGradient", {
 						x1: "0%",
 						y1: "0%",
 						x2: "100%",
 						y2: "0%",
-						id: `sparkline_gradient_${k.value}`
-					}, [y("stop", {
+						id: `sparkline_gradient_${A.value}`
+					}, [b("stop", {
 						offset: "0%",
-						"stop-color": E(s)(E(p)(N.value.style.area.color, .05), N.value.style.area.opacity)
-					}, null, 8, Ct), y("stop", {
+						"stop-color": D(c)(D(l)(N.value.style.area.color, .05), N.value.style.area.opacity)
+					}, null, 8, Ct), b("stop", {
 						offset: "100%",
-						"stop-color": E(s)(N.value.style.area.color, N.value.style.area.opacity)
+						"stop-color": D(c)(N.value.style.area.color, N.value.style.area.opacity)
 					}, null, 8, wt)], 8, St),
-					y("linearGradient", {
+					b("linearGradient", {
 						x2: "0%",
 						y2: "100%",
-						id: `sparkline_bar_gradient_pos_${k.value}`
-					}, [y("stop", {
+						id: `sparkline_bar_gradient_pos_${A.value}`
+					}, [b("stop", {
 						offset: "0%",
 						"stop-color": N.value.style.bar.color
-					}, null, 8, Et), y("stop", {
+					}, null, 8, Et), b("stop", {
 						offset: "100%",
-						"stop-color": E(p)(N.value.style.bar.color, .05)
+						"stop-color": D(l)(N.value.style.bar.color, .05)
 					}, null, 8, Dt)], 8, Tt),
-					y("linearGradient", {
+					b("linearGradient", {
 						x2: "0%",
 						y2: "100%",
-						id: `sparkline_bar_gradient_neg_${k.value}`
-					}, [y("stop", {
+						id: `sparkline_bar_gradient_neg_${A.value}`
+					}, [b("stop", {
 						offset: "0%",
-						"stop-color": E(p)(N.value.style.bar.color, .05)
-					}, null, 8, kt), y("stop", {
+						"stop-color": D(l)(N.value.style.bar.color, .05)
+					}, null, 8, kt), b("stop", {
 						offset: "100%",
 						"stop-color": N.value.style.bar.color
 					}, null, 8, At)], 8, Ot),
-					y("filter", {
-						id: `sparkline_pulse_glow_${k.value}`,
+					b("filter", {
+						id: `sparkline_pulse_glow_${A.value}`,
 						filterUnits: "userSpaceOnUse",
 						x: "-50",
 						y: "-50",
 						width: "100",
 						height: "100"
-					}, [...n[1] ||= [y("feGaussianBlur", {
+					}, [...n[1] ||= [b("feGaussianBlur", {
 						in: "SourceGraphic",
 						stdDeviation: "3",
 						result: "blur"
-					}, null, -1), y("feMerge", null, [y("feMergeNode", { in: "blur" }), y("feMergeNode", { in: "SourceGraphic" })], -1)]], 8, jt),
-					N.value.temperatureColors.show && $.value ? (S(), v("linearGradient", {
+					}, null, -1), b("feMerge", null, [b("feMergeNode", { in: "blur" }), b("feMergeNode", { in: "SourceGraphic" })], -1)]], 8, jt),
+					N.value.temperatureColors.show && $.value ? (C(), y("linearGradient", {
 						key: 0,
-						id: `temperature_grad_sparkline_${k.value}`,
+						id: `temperature_grad_sparkline_${A.value}`,
 						gradientUnits: "userSpaceOnUse",
 						x1: "0",
 						x2: "0",
 						y1: q.value.top,
 						y2: q.value.bottom
-					}, [(S(!0), v(h, null, w($.value, (e, t) => (S(), v("stop", {
-						key: `temperature_grad_stop_${t}_${k.value}`,
+					}, [(C(!0), y(g, null, T($.value, (e, t) => (C(), y("stop", {
+						key: `temperature_grad_stop_${t}_${A.value}`,
 						"stop-color": e,
-						offset: $.value.length === 1 ? "0%" : E(o)(t, $.value.length)
-					}, null, 8, Nt))), 128))], 8, Mt)) : _("", !0)
+						offset: $.value.length === 1 ? "0%" : D(s)(t, $.value.length)
+					}, null, 8, Nt))), 128))], 8, Mt)) : v("", !0)
 				]),
-				N.value.style.area.show && !Q.value && An.value.length ? (S(), v("g", Pt, [(S(!0), v(h, null, w(An.value, (e, t) => (S(), v("path", {
-					key: `sparkline_area_${t}_${k.value}`,
+				N.value.style.area.show && !Q.value && An.value.length ? (C(), y("g", Pt, [(C(!0), y(g, null, T(An.value, (e, t) => (C(), y("path", {
+					key: `sparkline_area_${t}_${A.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(s)(N.value.style.area.color, N.value.style.area.opacity),
+					fill: N.value.style.area.useGradient ? `url(#sparkline_gradient_${A.value})` : D(c)(N.value.style.area.color, N.value.style.area.opacity),
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					style: x({ transition: E(P) ? void 0 : "all 0.2s" })
-				}, null, 12, Ft))), 128))])) : _("", !0),
-				N.value.style.line.smooth && !Q.value ? (S(), v(h, { key: 2 }, [y("path", {
+					style: S({ transition: D(P) ? void 0 : "all 0.2s" })
+				}, null, 12, Ft))), 128))])) : v("", !0),
+				N.value.style.line.smooth && !Q.value ? (C(), y(g, { key: 2 }, [b("path", {
 					id: G.value,
 					d: `M ${En.value || "0,0"}`,
 					fill: "none",
@@ -1313,29 +1313,29 @@ var mt = ["innerHTML"], ht = {
 					"stroke-width": N.value.style.line.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, It), hn.value ? (S(!0), v(h, { key: 0 }, w(On.value, (e) => (S(), v("path", {
+				}, null, 8, It), hn.value ? (C(!0), y(g, { key: 0 }, T(On.value, (e) => (C(), y("path", {
 					key: e.path,
 					class: "vue-ui-sparkline-path",
 					d: `M ${e.path}`,
-					stroke: $.value ? `url(#temperature_grad_sparkline_${k.value})` : N.value.style.line.color,
+					stroke: $.value ? `url(#temperature_grad_sparkline_${A.value})` : N.value.style.line.color,
 					fill: "none",
 					"stroke-width": N.value.style.line.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					"stroke-dasharray": e.dashed ? N.value.style.line.dashArray : 0,
-					style: x({ transition: E(P) ? void 0 : "all 0.2s" })
-				}, null, 12, Lt))), 128)) : (S(), v("path", {
+					style: S({ transition: D(P) ? void 0 : "all 0.2s" })
+				}, null, 12, Lt))), 128)) : (C(), y("path", {
 					key: 1,
 					class: "vue-ui-sparkline-path",
 					d: `M ${En.value || "0,0"}`,
-					stroke: $.value ? `url(#temperature_grad_sparkline_${k.value})` : N.value.style.line.color,
+					stroke: $.value ? `url(#temperature_grad_sparkline_${A.value})` : N.value.style.line.color,
 					fill: "none",
 					"stroke-width": N.value.style.line.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					style: x({ transition: E(P) ? void 0 : "all 0.2s" })
-				}, null, 12, Rt))], 64)) : _("", !0),
-				!N.value.style.line.smooth && !Q.value ? (S(), v(h, { key: 3 }, [y("path", {
+					style: S({ transition: D(P) ? void 0 : "all 0.2s" })
+				}, null, 12, Rt))], 64)) : v("", !0),
+				!N.value.style.line.smooth && !Q.value ? (C(), y(g, { key: 3 }, [b("path", {
 					id: G.value,
 					d: `M ${Dn.value || "0,0"}`,
 					fill: "none",
@@ -1343,29 +1343,29 @@ var mt = ["innerHTML"], ht = {
 					"stroke-width": N.value.style.line.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, zt), hn.value ? (S(!0), v(h, { key: 0 }, w(kn.value, (e) => (S(), v("path", {
+				}, null, 8, zt), hn.value ? (C(!0), y(g, { key: 0 }, T(kn.value, (e) => (C(), y("path", {
 					key: e.path,
 					class: "vue-ui-sparkline-path",
 					d: `M ${e.path}`,
-					stroke: $.value ? `url(#temperature_grad_sparkline_${k.value})` : N.value.style.line.color,
+					stroke: $.value ? `url(#temperature_grad_sparkline_${A.value})` : N.value.style.line.color,
 					fill: "none",
 					"stroke-width": N.value.style.line.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					"stroke-dasharray": e.dashed ? N.value.style.line.dashArray * 2 : 0,
-					style: x({ transition: E(P) ? void 0 : "all 0.2s" })
-				}, null, 12, Bt))), 128)) : (S(), v("path", {
+					style: S({ transition: D(P) ? void 0 : "all 0.2s" })
+				}, null, 12, Bt))), 128)) : (C(), y("path", {
 					key: 1,
 					class: "vue-ui-sparkline-path",
 					d: `M ${Dn.value || "0,0"}`,
-					stroke: $.value ? `url(#temperature_grad_sparkline_${k.value})` : N.value.style.line.color,
+					stroke: $.value ? `url(#temperature_grad_sparkline_${A.value})` : N.value.style.line.color,
 					fill: "none",
 					"stroke-width": N.value.style.line.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					style: x({ transition: E(P) ? void 0 : "all 0.2s" })
-				}, null, 12, Vt))], 64)) : _("", !0),
-				jn.value && !$.value ? (S(), Ee(ht, {
+					style: S({ transition: D(P) ? void 0 : "all 0.2s" })
+				}, null, 12, Vt))], 64)) : v("", !0),
+				jn.value && !$.value ? (C(), Te(ht, {
 					key: 4,
 					svgPathData: jn.value,
 					enabled: N.value.gradientPath.show && !Q.value && !$.value,
@@ -1380,11 +1380,11 @@ var mt = ["innerHTML"], ht = {
 					"highColor",
 					"lowColor",
 					"segments"
-				])) : _("", !0),
-				Yt.value && at.value ? (S(), Ee(Ke, {
+				])) : v("", !0),
+				Yt.value && at.value ? (C(), Te(Ge, {
 					key: 5,
-					uid: k.value,
-					svgRef: E(I),
+					uid: A.value,
+					svgRef: D(I),
 					pulsePathId: G.value,
 					pulsePathLength: $e.value,
 					pulseDur: Qe.value,
@@ -1396,8 +1396,8 @@ var mt = ["innerHTML"], ht = {
 					pulse: R.value,
 					pulseTrail: ct.value,
 					pulseTrailLength: it.value,
-					prefersReducedMotion: E(We),
-					loading: E(P),
+					prefersReducedMotion: D(Ue),
+					loading: D(P),
 					isBar: Q.value
 				}, null, 8, [
 					"uid",
@@ -1416,16 +1416,16 @@ var mt = ["innerHTML"], ht = {
 					"prefersReducedMotion",
 					"loading",
 					"isBar"
-				])) : _("", !0),
-				(S(!0), v(h, null, w(J.value, (e, t) => (S(), v("g", null, [Q.value ? (S(), v("rect", {
+				])) : v("", !0),
+				(C(!0), y(g, null, T(J.value, (e, t) => (C(), y("g", null, [Q.value ? (C(), y("rect", {
 					key: 0,
 					x: e.x - e.width / 2,
 					y: isNaN(e.absoluteValue > 0 ? e.y : an.value) ? 0 : e.absoluteValue > 0 ? e.y : an.value,
 					width: e.width,
 					height: isNaN(Math.abs(e.y - an.value)) ? 0 : Math.abs(e.y - an.value),
-					fill: e.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${k.value})` : `url(#sparkline_bar_gradient_neg_${k.value})`,
+					fill: e.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${A.value})` : `url(#sparkline_bar_gradient_neg_${A.value})`,
 					rx: N.value.style.bar.borderRadius
-				}, null, 8, Ht)) : _("", !0), N.value.style.verticalIndicator.show && (Y.value && e.id === Y.value.id || un.value === t) ? (S(), v("line", {
+				}, null, 8, Ht)) : v("", !0), N.value.style.verticalIndicator.show && (Y.value && e.id === Y.value.id || un.value === t) ? (C(), y("line", {
 					key: 1,
 					x1: e.x,
 					x2: e.x,
@@ -1435,19 +1435,19 @@ var mt = ["innerHTML"], ht = {
 					"stroke-width": N.value.style.verticalIndicator.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-dasharray": N.value.style.verticalIndicator.strokeDasharray || 0
-				}, null, 8, Ut)) : _("", !0)]))), 256)),
-				en.value < 0 ? (S(), v("line", {
+				}, null, 8, Ut)) : v("", !0)]))), 256)),
+				en.value < 0 ? (C(), y("line", {
 					key: 6,
 					x1: q.value.start,
 					x2: q.value.start + q.value.width,
-					y1: E(ae)(an.value, q.value.bottom),
-					y2: E(ae)(an.value, q.value.bottom),
+					y1: D(le)(an.value, q.value.bottom),
+					y2: D(le)(an.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, Wt)) : _("", !0),
-				(S(!0), v(h, null, w(J.value, (e, t) => (S(), v("g", { key: `sparkline_plot_${e.id}` }, [bn(e, t) ? (S(), v("circle", {
+				}, null, 8, Wt)) : v("", !0),
+				(C(!0), y(g, null, T(J.value, (e, t) => (C(), y("g", { key: `sparkline_plot_${e.id}` }, [bn(e, t) ? (C(), y("circle", {
 					key: 0,
 					cx: e.x,
 					cy: e.y,
@@ -1455,26 +1455,26 @@ var mt = ["innerHTML"], ht = {
 					fill: Pn(e),
 					stroke: Sn(e, t),
 					"stroke-width": N.value.style.plot.strokeWidth
-				}, null, 8, Gt)) : _("", !0)]))), 128)),
-				e.showInfo && N.value.style.dataLabel.show ? (S(), v("text", {
+				}, null, 8, Gt)) : v("", !0)]))), 128)),
+				e.showInfo && N.value.style.dataLabel.show ? (C(), y("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
-				}, Fe(Y.value ? E(ie)(N.value.style.dataLabel.formatter, Y.value.absoluteValue, E(le)({
+				}, Pe(Y.value ? D(m)(N.value.style.dataLabel.formatter, Y.value.absoluteValue, D(ce)({
 					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, pn.value, E(le)({
+				}), { datapoint: Y.value }) : D(m)(N.value.style.dataLabel.formatter, pn.value, D(ce)({
 					p: N.value.style.dataLabel.prefix,
 					v: pn.value,
 					s: N.value.style.dataLabel.suffix,
 					r: N.value.style.dataLabel.roundingValue
-				}))), 9, Kt)) : _("", !0),
-				(S(!0), v(h, null, w(J.value, (e, t) => (S(), v("rect", {
+				}))), 9, Kt)) : v("", !0),
+				(C(!0), y(g, null, T(J.value, (e, t) => (C(), y("rect", {
 					x: e.x - (q.value.width / (sn.value + 1) > K.value.padding ? K.value.padding : q.value.width / (sn.value + 1)) / 2,
 					y: q.value.top - 6,
 					height: q.value.height + 6,
@@ -1484,25 +1484,25 @@ var mt = ["innerHTML"], ht = {
 					onMouseleave: () => fn(e, t),
 					onClick: () => mn(e, t)
 				}, null, 40, qt))), 256)),
-				T(t.$slots, "svg", { svg: {
+				E(t.$slots, "svg", { svg: {
 					...K.value,
 					drawingArea: q.value,
 					timeLabels: cn.value,
 					series: J.value,
 					hoveredIndex: j.value
 				} }, void 0, !0)
-			], 44, bt)), t.$slots.hint ? (S(), v("div", Jt, [T(t.$slots, "hint", je(Ae({
+			], 44, bt)), t.$slots.hint ? (C(), y("div", Jt, [E(t.$slots, "hint", Ae(ke({
 				hint: N.value.a11y.translations.keyboardNavigation,
 				isVisible: Fn.value
-			})), void 0, !0)])) : _("", !0)]),
-			Y.value && N.value.style.tooltip.show ? (S(), Ee(E(Be), {
+			})), void 0, !0)])) : v("", !0)]),
+			Y.value && N.value.style.tooltip.show ? (C(), Te(D(ze), {
 				key: 2,
 				x: Y.value.x,
 				y: Y.value.y,
 				prevX: X.value.x,
 				prevY: X.value.y,
 				offsetY: N.value.style.plot.radius * 3 + N.value.style.tooltip.offsetY,
-				svgRef: E(I),
+				svgRef: D(I),
 				background: N.value.style.tooltip.backgroundColor,
 				color: N.value.style.tooltip.color,
 				fontSize: N.value.style.tooltip.fontSize,
@@ -1511,7 +1511,7 @@ var mt = ["innerHTML"], ht = {
 				borderRadius: N.value.style.tooltip.borderRadius,
 				backgroundOpacity: N.value.style.tooltip.backgroundOpacity
 			}, {
-				default: Re(() => [T(t.$slots, "tooltip", je(Ae({ ...Y.value })), () => [De(Fe(Y.value.period) + ": " + Fe(E(ie)(N.value.style.dataLabel.formatter, Y.value.absoluteValue, E(le)({
+				default: Le(() => [E(t.$slots, "tooltip", Ae(ke({ ...Y.value })), () => [Ee(Pe(Y.value.period) + ": " + Pe(D(m)(N.value.style.dataLabel.formatter, Y.value.absoluteValue, D(ce)({
 					p: N.value.style.dataLabel.prefix,
 					v: Y.value.absoluteValue,
 					s: N.value.style.dataLabel.suffix,
@@ -1532,14 +1532,14 @@ var mt = ["innerHTML"], ht = {
 				"borderColor",
 				"borderRadius",
 				"backgroundOpacity"
-			])) : _("", !0),
-			t.$slots.source ? (S(), v("div", {
+			])) : v("", !0),
+			t.$slots.source ? (C(), y("div", {
 				key: 3,
 				ref_key: "source",
 				ref: Je,
 				dir: "auto"
-			}, [T(t.$slots, "source", {}, void 0, !0)], 512)) : _("", !0),
-			T(t.$slots, "skeleton", {}, () => [E(P) ? (S(), Ee(ge, { key: 0 })) : _("", !0)], !0)
+			}, [E(t.$slots, "source", {}, void 0, !0)], 512)) : v("", !0),
+			E(t.$slots, "skeleton", {}, () => [D(P) ? (C(), Te(he, { key: 0 })) : v("", !0)], !0)
 		], 12, _t));
 	}
 }, [["__scopeId", "data-v-9fa1c607"]]);