vue-data-ui 3.26.5 → 3.27.0

package/dist/{vue-ui-sparkline-znaswFQj.js → vue-ui-sparkline-DvE1dHcs.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, A as n, G as r, I as i, Jt as a, K as o, Kt as s, L as c, Mt as l, N as u, P as d, R as f, Rt as p, S as ee, Tt as te, U as ne, W as re, X as ie, at as ae, ct as oe, d as se, i as ce, k as le, m as ue, qt as de, t as fe, tn as pe, ut as me, vt as he } from "./lib-TWIH5fGr.js";
+import { $ as t, A as n, Et as r, G as i, I as a, Jt as o, K as s, L as c, N as l, Nt as u, P as d, R as f, S as p, U as ee, W as te, X as ne, Yt as re, at as ie, d as ae, dt as oe, i as se, k as ce, lt as le, m as ue, nn as de, qt as fe, t as pe, yt as me, zt as he } from "./lib-D4wK6ljP.js";
 import { n as ge, t as _e } from "./useHints-Dq_w2E8B.js";
 import { t as ve } from "./useTimeLabels-d2f-W1L4.js";
-import { t as ye } from "./useConfig-DObkR9Aa.js";
+import { t as ye } from "./useConfig-D_6ZrPMD.js";
 import { n as be, t as xe } from "./BaseScanner-Dzc8VT3j.js";
-import { t as Se } from "./useNestedProp-BxOdWM0c.js";
+import { t as Se } from "./useNestedProp-DR_8JPol.js";
 import { t as Ce } from "./useThemeCheck-C43Tcqmk.js";
 import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as Te, t as Ee } from "./useResponsive-ZtArZtUf.js";
@@ -729,7 +729,7 @@ var U = ["innerHTML"], St = {
 		"update:zoomState"
 	],
 	setup(e, { expose: we, emit: Je }) {
-		let Ye = Fe(() => import("./PackageVersion-CslTvFsC.js").then((e) => e.t)), Xe = Fe(() => import("./SparkTooltip-D4cRlyuq.js")), { vue_ui_sparkline: Ze } = ye(), { isThemeValid: Qe, warnInvalidTheme: $e } = Ce(), et = Ae(), T = e, tt = h(() => Array.isArray(T.dataset) && T.dataset.length > 0), E = x(ie()), rt = x(null), it = x(null), at = x(null), D = x(null), O = x(null), k = x(void 0), A = x(void 0), j = x(ut()), M = h(() => j.value.style.tooltip), ot = h(() => j.value.style.bar), N = h(() => j.value.style.line), P = h(() => j.value.style.area), F = h(() => j.value.style.dataLabel), I = h(() => j.value.style), L = h(() => j.value.style.zoom);
+		let Ye = Fe(() => import("./PackageVersion-D7H9nfK0.js").then((e) => e.t)), Xe = Fe(() => import("./SparkTooltip-D35KVv6N.js")), { vue_ui_sparkline: Ze } = ye(), { isThemeValid: Qe, warnInvalidTheme: $e } = Ce(), et = Ae(), T = e, tt = h(() => Array.isArray(T.dataset) && T.dataset.length > 0), E = x(ne()), rt = x(null), it = x(null), at = x(null), D = x(null), O = x(null), k = x(void 0), A = x(void 0), j = x(ut()), M = h(() => j.value.style.tooltip), ot = h(() => j.value.style.bar), N = h(() => j.value.style.line), P = h(() => j.value.style.area), F = h(() => j.value.style.dataLabel), I = h(() => j.value.style), L = h(() => j.value.style.zoom);
 		ge({
 			config: () => j.value,
 			dataset: () => T.dataset,
@@ -758,12 +758,12 @@ var U = ["innerHTML"], St = {
 			return T.config?.skeletonDataset && Array.isArray(T.config.skeletonDataset) ? T.config.skeletonDataset.map((e) => ({
 				period: "-",
 				value: e
-			})) : oe(e).map((e) => ({
+			})) : le(e).map((e) => ({
 				period: "-",
 				value: e
 			}));
 		}
-		let ct = h(() => pe({
+		let ct = h(() => de({
 			defaultConfig: {
 				gradientPath: { show: !1 },
 				temperatureColors: { show: !1 },
@@ -795,7 +795,7 @@ var U = ["innerHTML"], St = {
 				});
 			},
 			skeletonDataset: st(12),
-			skeletonConfig: pe({
+			skeletonConfig: de({
 				defaultConfig: j.value,
 				userConfig: ct.value
 			})
@@ -925,7 +925,7 @@ var U = ["innerHTML"], St = {
 				...t,
 				__sourceIndex: e + n
 			}));
-		}), mn = h(() => l({
+		}), mn = h(() => u({
 			data: pn.value,
 			threshold: j.value.downsample.threshold
 		}));
@@ -944,7 +944,7 @@ var U = ["innerHTML"], St = {
 			}, xt.value = {
 				start: 0,
 				end: null
-			}, Yn(), K.value = l({
+			}, Yn(), K.value = u({
 				data: pn.value.map((e) => ({
 					...e,
 					value: [void 0].includes(e.value) ? null : e.value
@@ -956,7 +956,7 @@ var U = ["innerHTML"], St = {
 		}, { deep: !0 });
 		let K = x(hn());
 		function hn() {
-			return l({
+			return u({
 				data: pn.value.map((e) => I.value.animation.show && z.value.length > 1 ? {
 					...e,
 					value: null
@@ -1023,23 +1023,23 @@ var U = ["innerHTML"], St = {
 		}
 		let jn = h(() => j.value.debug);
 		function Mn() {
-			if (p(T.dataset) ? (ae({
+			if (he(T.dataset) ? (ie({
 				componentName: "VueUiSparkline",
 				type: "dataset",
 				debug: jn.value
 			}), lt.value = !0) : jn.value && T.dataset.forEach((e, t) => {
-				he({
+				me({
 					datasetObject: e,
 					requiredAttributes: ["period", "value"]
 				}).forEach((e) => {
-					ae({
+					ie({
 						componentName: "VueUiSparkline",
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t
 					});
 				});
-			}), p(T.dataset) || (lt.value = j.value.loading), j.value.responsive) {
+			}), he(T.dataset) || (lt.value = j.value.loading), j.value.responsive) {
 				let e = Te(() => {
 					let { width: e, height: t } = Ee({
 						chart: rt.value,
@@ -1380,7 +1380,7 @@ var U = ["innerHTML"], St = {
 			})();
 		});
 		let X = h(() => {
-			let e = K.value.length, t = Y.value.width / fr.value, n = Math.max(0, Y.value.start), r = Math.min(q.value.width, Y.value.right, Y.value.start + Y.value.width), i = Math.max(0, r - n), o = e > 0 ? i / e : 0;
+			let e = K.value.length, t = Y.value.width / fr.value, n = Math.max(0, Y.value.start), r = Math.min(q.value.width, Y.value.right, Y.value.start + Y.value.width), i = Math.max(0, r - n), a = e > 0 ? i / e : 0;
 			return K.value.map((e, r) => {
 				let i = isNaN(e.value) || [
 					void 0,
@@ -1388,7 +1388,7 @@ var U = ["innerHTML"], St = {
 					NaN,
 					Infinity,
 					-Infinity
-				].includes(e.value) ? 0 : e.value, s = n + r * o, c = Z.value ? o : t, l = Z.value ? s + o / 2 : Y.value.start + r * t;
+				].includes(e.value) ? 0 : e.value, o = n + r * a, s = Z.value ? a : t, c = Z.value ? o + a / 2 : Y.value.start + r * t;
 				return {
 					value: e.value,
 					absoluteValue: i,
@@ -1396,12 +1396,12 @@ var U = ["innerHTML"], St = {
 					plotValue: i + cr.value,
 					toMax: dr(i + cr.value),
 					sourceIndex: e.__sourceIndex ?? r,
-					x: l,
-					barX: s,
+					x: c,
+					barX: o,
 					y: Y.value.bottom - Y.value.height * dr(i + cr.value),
 					id: `plot_${E.value}_${r}`,
-					color: Z.value ? ot.value.color : P.value.useGradient ? a(N.value.color, .05 * (1 - r / fr.value)) : N.value.color,
-					width: c
+					color: Z.value ? ot.value.color : P.value.useGradient ? re(N.value.color, .05 * (1 - r / fr.value)) : N.value.color,
+					width: s
 				};
 			});
 		}), hr = h(() => {
@@ -1436,7 +1436,7 @@ var U = ["innerHTML"], St = {
 					sum: t,
 					average: t / X.value.length,
 					median: ue(e),
-					trend: se(X.value.map(({ x: e, y: t, absoluteValue: n }) => ({
+					trend: ae(X.value.map(({ x: e, y: t, absoluteValue: n }) => ({
 						x: e,
 						y: t,
 						value: n
@@ -1511,14 +1511,14 @@ var U = ["innerHTML"], St = {
 			}
 			return t;
 		}
-		let Pr = h(() => Q.value ? /* @__PURE__ */ new Set() : Mr(Or.value)), Fr = h(() => Nr(Or.value)), Ir = h(() => /* @__PURE__ */ new Set([...Pr.value, ...Fr.value])), Lr = h(() => Q.value ? X.value.reduce((e, t, n) => (Ar.value.has(t.sourceIndex) && e.push(n), e), []) : []), Rr = h(() => Q.value ? Lr.value.length > 0 : Ir.value.size > 0), zr = h(() => X.value.filter((e) => e.value !== null)), Br = h(() => zr.value.length > 1), Vr = h(() => Z.value || !Br.value ? "" : Q.value ? i(X.value) : d(Or.value)), Hr = h(() => Z.value || !Br.value ? "" : Q.value ? re(X.value) : ne(Or.value)), Ur = h(() => Z.value || !Rr.value || !Br.value ? [] : Q.value ? c(X.value, Lr.value) : f(Or.value, Ir.value)), Wr = h(() => Z.value || !Rr.value || !Br.value ? [] : Q.value ? r(X.value, Lr.value) : o(Or.value, Ir.value)), Gr = h(() => Z.value || !P.value.show || !Br.value ? [] : N.value.smooth ? u(Or.value, Y.value.bottom, Q.value).filter(Boolean) : (Q.value ? n(X.value, Y.value.bottom) : le(Or.value, Y.value.bottom)).split(";").filter(Boolean).map((e) => `M${e}Z`)), Kr = h(() => Z.value || !j.value.gradientPath.show || j.value.temperatureColors.show ? "" : `M ${(N.value.smooth ? Vr.value : Hr.value) || "0,0"}`), qr = h(() => {
+		let Pr = h(() => Q.value ? /* @__PURE__ */ new Set() : Mr(Or.value)), Fr = h(() => Nr(Or.value)), Ir = h(() => /* @__PURE__ */ new Set([...Pr.value, ...Fr.value])), Lr = h(() => Q.value ? X.value.reduce((e, t, n) => (Ar.value.has(t.sourceIndex) && e.push(n), e), []) : []), Rr = h(() => Q.value ? Lr.value.length > 0 : Ir.value.size > 0), zr = h(() => X.value.filter((e) => e.value !== null)), Br = h(() => zr.value.length > 1), Vr = h(() => Z.value || !Br.value ? "" : Q.value ? a(X.value) : d(Or.value)), Hr = h(() => Z.value || !Br.value ? "" : Q.value ? te(X.value) : ee(Or.value)), Ur = h(() => Z.value || !Rr.value || !Br.value ? [] : Q.value ? c(X.value, Lr.value) : f(Or.value, Ir.value)), Wr = h(() => Z.value || !Rr.value || !Br.value ? [] : Q.value ? i(X.value, Lr.value) : s(Or.value, Ir.value)), Gr = h(() => Z.value || !P.value.show || !Br.value ? [] : N.value.smooth ? l(Or.value, Y.value.bottom, Q.value).filter(Boolean) : (Q.value ? n(X.value, Y.value.bottom) : ce(Or.value, Y.value.bottom)).split(";").filter(Boolean).map((e) => `M${e}Z`)), Kr = h(() => Z.value || !j.value.gradientPath.show || j.value.temperatureColors.show ? "" : `M ${(N.value.smooth ? Vr.value : Hr.value) || "0,0"}`), qr = h(() => {
 			if (!j.value.temperatureColors.show) return null;
 			let e = j.value.temperatureColors.colors;
-			return !Array.isArray(e) || !e.length ? null : e.map((e) => ee(e));
+			return !Array.isArray(e) || !e.length ? null : e.map((e) => p(e));
 		}), $ = h(() => {
 			if (!j.value.temperatureColors.show) return null;
 			let e = j.value.temperatureColors.colors;
-			return !Array.isArray(e) || !e.length ? null : e.map((e) => ee(e));
+			return !Array.isArray(e) || !e.length ? null : e.map((e) => p(e));
 		});
 		function Jr(e) {
 			if (!Number.isFinite(e?.y)) return 0;
@@ -1527,7 +1527,7 @@ var U = ["innerHTML"], St = {
 		}
 		function Yr(e) {
 			let t = qr.value;
-			return !Array.isArray(t) || !t.length ? e.color : te({
+			return !Array.isArray(t) || !t.length ? e.color : r({
 				colors: t,
 				ratio: Jr(e)
 			});
@@ -1656,7 +1656,7 @@ var U = ["innerHTML"], St = {
 					ref_key: "svgRef",
 					ref: B,
 					class: Le({ "vue-ui-sparkline-pointer-focus": Ct.value }),
-					xmlns: C(fe),
+					xmlns: C(pe),
 					viewBox: `0 0 ${q.value.width} ${q.value.height}`,
 					style: ze({
 						background: I.value.backgroundColor,
@@ -1697,11 +1697,11 @@ var U = ["innerHTML"], St = {
 							id: `sparkline_gradient_${E.value}`,
 							stops: [[
 								"0%",
-								C(de)(C(a)(P.value.color, .05), P.value.opacity),
+								C(o)(C(re)(P.value.color, .05), P.value.opacity),
 								1
 							], [
 								"100%",
-								C(de)(P.value.color, P.value.opacity),
+								C(o)(P.value.color, P.value.opacity),
 								1
 							]]
 						}, null, 8, ["id", "stops"]),
@@ -1716,7 +1716,7 @@ var U = ["innerHTML"], St = {
 								1
 							], [
 								"100%",
-								C(a)(ot.value.color, .05),
+								C(re)(ot.value.color, .05),
 								1
 							]]
 						}, null, 8, ["id", "stops"]),
@@ -1727,7 +1727,7 @@ var U = ["innerHTML"], St = {
 							id: `sparkline_bar_gradient_neg_${E.value}`,
 							stops: [[
 								"0%",
-								C(a)(ot.value.color, .05),
+								C(re)(ot.value.color, .05),
 								1
 							], [
 								"100%",
@@ -1758,7 +1758,7 @@ var U = ["innerHTML"], St = {
 						}, [(b(!0), _(m, null, S($.value, (e, t) => (b(), _("stop", {
 							key: `temperature_grad_stop_${t}_${E.value}`,
 							"stop-color": e,
-							offset: $.value.length === 1 ? "0%" : C(s)(t, $.value.length)
+							offset: $.value.length === 1 ? "0%" : C(fe)(t, $.value.length)
 						}, null, 8, jt))), 128))], 8, At)) : g("", !0),
 						v("clipPath", { id: `sparkline_zoom_clip_${E.value}` }, [v("rect", {
 							x: Y.value.start - 4,
@@ -1780,7 +1780,7 @@ var U = ["innerHTML"], St = {
 								class: "vue-ui-sparkline-area",
 								"data-cy": N.value.smooth ? "sparkline-smooth-area" : "sparkline-angle-area",
 								d: e,
-								fill: P.value.useGradient ? `url(#sparkline_gradient_${E.value})` : C(de)(P.value.color, P.value.opacity),
+								fill: P.value.useGradient ? `url(#sparkline_gradient_${E.value})` : C(o)(P.value.color, P.value.opacity),
 								"stroke-linecap": "round",
 								"stroke-linejoin": "round"
 							}, null, 8, It))), 128))])) : g("", !0),
@@ -1905,8 +1905,8 @@ var U = ["innerHTML"], St = {
 								key: 5,
 								x1: Y.value.start,
 								x2: Y.value.start + Y.value.width,
-								y1: C(me)(ur.value, Y.value.bottom),
-								y2: C(me)(ur.value, Y.value.bottom),
+								y1: C(oe)(ur.value, Y.value.bottom),
+								y2: C(oe)(ur.value, Y.value.bottom),
 								stroke: I.value.zeroLine.color,
 								"stroke-dasharray": I.value.zeroLine.strokeWidth * 2,
 								"stroke-width": I.value.zeroLine.strokeWidth,
@@ -1947,12 +1947,12 @@ var U = ["innerHTML"], St = {
 						"font-size": F.value.fontSize,
 						"font-weight": F.value.bold ? "bold" : "normal",
 						fill: F.value.color
-					}, We(k.value ? C(ce)(F.value.formatter, k.value.absoluteValue, C(t)({
+					}, We(k.value ? C(se)(F.value.formatter, k.value.absoluteValue, C(t)({
 						p: F.value.prefix,
 						v: k.value.absoluteValue,
 						s: F.value.suffix,
 						r: F.value.roundingValue
-					}), { datapoint: k.value }) : C(ce)(F.value.formatter, br.value, C(t)({
+					}), { datapoint: k.value }) : C(se)(F.value.formatter, br.value, C(t)({
 						p: F.value.prefix,
 						v: br.value,
 						s: F.value.suffix,
@@ -2031,7 +2031,7 @@ var U = ["innerHTML"], St = {
 				borderRadius: M.value.borderRadius,
 				backgroundOpacity: M.value.backgroundOpacity
 			}, {
-				default: qe(() => [He(n.$slots, "tooltip", Re(Ie({ ...k.value })), () => [Ne(We(k.value.period) + ": " + We(C(ce)(F.value.formatter, k.value.absoluteValue, C(t)({
+				default: qe(() => [He(n.$slots, "tooltip", Re(Ie({ ...k.value })), () => [Ne(We(k.value.period) + ": " + We(C(se)(F.value.formatter, k.value.absoluteValue, C(t)({
 					p: F.value.prefix,
 					v: k.value.absoluteValue,
 					s: F.value.suffix,

package/dist/{vue-ui-sparkstackbar-BOzVoWoa.js → vue-ui-sparkstackbar-CWtF9eG-.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, $t as n, Et as r, Jt as i, Rt as a, S as o, Vt as s, X as c, at as ee, et as te, i as ne, qt as re, t as ie, tn as ae, vt as oe, w as se } from "./lib-TWIH5fGr.js";
+import { $ as t, Dt as n, Ht as r, Jt as i, S as a, X as o, Yt as s, at as c, en as ee, et as te, i as ne, nn as re, t as ie, w as ae, yt as oe, zt as se } from "./lib-D4wK6ljP.js";
 import { n as ce, t as le } from "./useHints-Dq_w2E8B.js";
-import { t as ue } from "./useConfig-DObkR9Aa.js";
+import { t as ue } from "./useConfig-D_6ZrPMD.js";
 import { n as de, t as fe } from "./BaseScanner-Dzc8VT3j.js";
-import { t as pe } from "./useNestedProp-BxOdWM0c.js";
+import { t as pe } from "./useNestedProp-DR_8JPol.js";
 import { t as me } from "./useThemeCheck-C43Tcqmk.js";
 import { t as he } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as ge } from "./DefGrad-DVBqDjhO.js";
-import { t as _e } from "./BaseLegendToggle-Doa5rYP2.js";
+import { t as _e } from "./BaseLegendToggle-CP3sddwv.js";
 import { t as ve } from "./A11yDataTable-DdRsVULz.js";
 import { t as ye } from "./useChartAccessibility-DYqac8yF.js";
 import { t as be } from "./usePrefersMotion-BC-CsqR1.js";
@@ -96,7 +96,7 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 	},
 	emits: ["selectDatapoint", "selectLegend"],
 	setup(e, { expose: he, emit: ke }) {
-		let Ye = Ce(() => import("./PackageVersion-CslTvFsC.js").then((e) => e.t)), Xe = Ce(() => import("./Tooltip-DmQeI5WE.js")), { vue_ui_sparkstackbar: Ze } = ue(), { isThemeValid: Qe, warnInvalidTheme: $e } = me(), et = be(), tt = Ee(), T = e, nt = b(null), E = b(c()), D = b(!1), rt = b(""), O = b(null), k = b(!1), A = b(null), it = b({
+		let Ye = Ce(() => import("./PackageVersion-D7H9nfK0.js").then((e) => e.t)), Xe = Ce(() => import("./Tooltip-C4ZTwkLF.js")), { vue_ui_sparkstackbar: Ze } = ue(), { isThemeValid: Qe, warnInvalidTheme: $e } = me(), et = be(), tt = Ee(), T = e, nt = b(null), E = b(o()), D = b(!1), rt = b(""), O = b(null), k = b(!1), A = b(null), it = b({
 			x: 0,
 			y: 0
 		}), j = b("pointer"), at = b(!1), M = b(null), ot = b([]), N = b(V()), P = u(() => N.value.style.bar), F = u(() => N.value.style.legend), I = u(() => N.value.style.tooltip), L = u(() => N.value.style), st = u(() => N.value.debug);
@@ -117,7 +117,7 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 				]
 			}]
 		});
-		let ct = u(() => N.value.useCursorPointer), lt = u(() => ae({
+		let ct = u(() => N.value.useCursorPointer), lt = u(() => re({
 			defaultConfig: { style: {
 				backgroundColor: "#99999930",
 				animation: { show: !1 },
@@ -146,7 +146,7 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 					color: "#DBDBDB"
 				}
 			],
-			skeletonConfig: ae({
+			skeletonConfig: re({
 				defaultConfig: N.value,
 				userConfig: lt.value
 			})
@@ -158,16 +158,16 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 			}), t = e.theme;
 			if (!t) return e;
 			if (!Qe.value(e)) return $e(e), e;
-			let r = pe({
+			let n = pe({
 				userConfig: xe[t] || T.config,
 				defaultConfig: e
 			}), i = pe({
 				userConfig: T.config,
-				defaultConfig: r
+				defaultConfig: n
 			});
 			return {
 				...i,
-				customPalette: i.customPalette.length ? i.customPalette : n[t] || s
+				customPalette: i.customPalette.length ? i.customPalette : ee[t] || r
 			};
 		}
 		function ut(e) {
@@ -187,44 +187,44 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 		}, { deep: !0 }), De(() => z.value, (e) => {
 			U.value = z.value.map((e, t) => ({
 				...e,
-				color: e.color ? o(e.color) : H.value[t] || s[t] || s[t % s.length]
+				color: e.color ? a(e.color) : H.value[t] || r[t] || r[t % r.length]
 			})), ft();
 		}, { deep: !0 });
-		let H = u(() => se(N.value.customPalette)), U = b(z.value.map((e, t) => ({
+		let H = u(() => ae(N.value.customPalette)), U = b(z.value.map((e, t) => ({
 			...e,
 			value: L.value.animation.show ? 0 : e.value || 0,
-			color: e.color ? o(e.color) : H.value[t] || s[t] || s[t % s.length]
+			color: e.color ? a(e.color) : H.value[t] || r[t] || r[t % r.length]
 		}))), W = b(!0);
 		function ft() {
 			if (!L.value.animation.show || et.value) {
 				W.value = !1;
 				return;
 			}
-			let e = L.value.animation.animationFrames, t = z.value.map((e) => e.value || 0), n = t.map((t) => t / e), r = t.reduce((e, t) => e + t, 0), i = 0;
+			let e = L.value.animation.animationFrames, t = z.value.map((e) => e.value || 0), n = t.map((t) => t / e), i = t.reduce((e, t) => e + t, 0), s = 0;
 			W.value = !0, U.value = z.value.map((e, t) => ({
 				...e,
 				value: 0,
-				color: e.color ? o(e.color) : H.value[t] || s[t] || s[t % s.length]
+				color: e.color ? a(e.color) : H.value[t] || r[t] || r[t % r.length]
 			}));
-			function a() {
-				i += r / e, i < r ? (U.value = U.value.map((e, r) => ({
+			function c() {
+				s += i / e, s < i ? (U.value = U.value.map((e, i) => ({
 					...e,
-					value: Math.min(e.value + n[r], t[r]),
-					color: e.color ? o(e.color) : H.value[r] || s[r] || s[r % s.length]
-				})), requestAnimationFrame(a)) : (W.value = !1, U.value = z.value.map((e, n) => ({
+					value: Math.min(e.value + n[i], t[i]),
+					color: e.color ? a(e.color) : H.value[i] || r[i] || r[i % r.length]
+				})), requestAnimationFrame(c)) : (W.value = !1, U.value = z.value.map((e, n) => ({
 					...e,
 					value: t[n],
-					color: e.color ? o(e.color) : H.value[n] || s[n] || s[n % s.length],
-					id: c()
+					color: e.color ? a(e.color) : H.value[n] || r[n] || r[n % r.length],
+					id: o()
 				})));
 			}
-			a();
+			c();
 		}
 		we(() => {
 			pt();
 		});
 		function pt() {
-			a(T.dataset) ? ee({
+			se(T.dataset) ? c({
 				componentName: "VueUiSparkStackbar",
 				type: "dataset",
 				debug: st.value
@@ -233,7 +233,7 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 					datasetObject: e,
 					requiredAttributes: ["name", "value"]
 				}).forEach((e) => {
-					ee({
+					c({
 						componentName: "VueUiSparkStackbar",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -246,16 +246,16 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 			width: 500,
 			height: 16
 		}), K = b([]), mt = u(() => z.value.map((e) => e.value || 0).filter((e, t) => !K.value.includes(t)).reduce((e, t) => e + t, 0)), q = u(() => U.value.map((e, n) => {
-			let r = e.value || 0, i = r / mt.value, a = isNaN(i) ? 0 : i, c = a * G.value.width;
+			let i = e.value || 0, o = i / mt.value, s = isNaN(o) ? 0 : o, c = s * G.value.width;
 			return {
 				...e,
-				color: o(z.value[n]?.color ? z.value[n]?.color : H.value[n] || s[n] || s[n % s.length]),
-				value: r,
-				proportion: a,
+				color: a(z.value[n]?.color ? z.value[n]?.color : H.value[n] || r[n] || r[n % r.length]),
+				value: i,
+				proportion: s,
 				width: c,
 				seriesIndex: n,
 				proportionLabel: t({
-					v: a * 100,
+					v: s * 100,
 					s: "%",
 					r: F.value.percentage.rounding
 				})
@@ -309,19 +309,19 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 				seriesIndex: e.seriesIndex
 			});
 		}
-		function Ct({ datapoint: e, seriesIndex: n, triggerMode: a = "pointer" }) {
+		function Ct({ datapoint: e, seriesIndex: r, triggerMode: a = "pointer" }) {
 			if (k.value = !1, N.value.events.datapointEnter && N.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: e.seriesIndex
 			}), !I.value.show) return;
 			j.value = a, O.value = {
 				datapoint: e,
-				seriesIndex: n,
+				seriesIndex: r,
 				config: N.value,
 				series: q.value
 			}, D.value = !0, M.value = e.seriesIndex;
 			let o = I.value.customFormat;
-			if (r(o)) try {
+			if (n(o)) try {
 				let t = o({
 					seriesIndex: e.seriesIndex,
 					datapoint: e,
@@ -333,16 +333,16 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 				console.warn("Custom format cannot be applied."), k.value = !1;
 			}
 			if (!k.value) {
-				let r = "", a = P.value.gradient.show, o = `tooltip_grad_${n}_${E.value}`, s = re(i(e.color, .05), 100 - P.value.gradient.intensity), c = a ? `<rect x="0" y="0" width="10" height="10" rx="${Q.value}" fill="${P.value.gradient.underlayerColor}"/>` : "", ee = a ? `<defs><radialGradient id="${o}"><stop offset="0%" stop-color="${s}"/><stop offset="100%" stop-color="${e.color}"/></radialGradient></defs>` : "";
-				r += `<div style="width:100%;text-align:center;border-bottom:1px solid ${I.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, r += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 10 10" height="14" width="14">${ee}${c}<rect x="0" y="0" width="10" height="10" rx="${Q.value}" fill="${a ? `url(#${o})` : e.color}"/></svg>`, r += `<b>${e.proportionLabel}</b>`, r += `<span>(${ne(F.value.value.formatter, e.value, t({
+				let n = "", a = P.value.gradient.show, o = `tooltip_grad_${r}_${E.value}`, c = i(s(e.color, .05), 100 - P.value.gradient.intensity), ee = a ? `<rect x="0" y="0" width="10" height="10" rx="${Q.value}" fill="${P.value.gradient.underlayerColor}"/>` : "", te = a ? `<defs><radialGradient id="${o}"><stop offset="0%" stop-color="${c}"/><stop offset="100%" stop-color="${e.color}"/></radialGradient></defs>` : "";
+				n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${I.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 10 10" height="14" width="14">${te}${ee}<rect x="0" y="0" width="10" height="10" rx="${Q.value}" fill="${a ? `url(#${o})` : e.color}"/></svg>`, n += `<b>${e.proportionLabel}</b>`, n += `<span>(${ne(F.value.value.formatter, e.value, t({
 					p: F.value.value.prefix,
 					v: e.value,
 					s: F.value.value.suffix,
 					r: F.value.value.rounding
 				}), {
 					datapoint: e,
-					seriesIndex: n
-				})})</span>`, rt.value = `<div>${r}</div>`;
+					seriesIndex: r
+				})})</span>`, rt.value = `<div>${n}</div>`;
 			}
 		}
 		let wt = u(() => {
@@ -512,7 +512,7 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 						],
 						[
 							"50%",
-							w(re)(w(i)(e.color, .05), 100 - P.value.gradient.intensity),
+							w(i)(w(s)(e.color, .05), 100 - P.value.gradient.intensity),
 							1
 						],
 						[
@@ -650,7 +650,7 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 					id: `legend_grad_${n}-${E.value}`,
 					stops: [[
 						"0%",
-						w(R) ? "#FFFFFF" : w(re)(w(i)(e.color, .05), 100 - P.value.gradient.intensity),
+						w(R) ? "#FFFFFF" : w(i)(w(s)(e.color, .05), 100 - P.value.gradient.intensity),
 						1
 					], [
 						"100%",