vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-sparkstackbar-IM_l98X-.js → vue-ui-sparkstackbar-R0ij2vi1.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ct as t, Lt as n, Pt as r, S as i, Ut as a, Wt as o, X as s, Yt as c, Z as ee, Zt as te, ht as ne, i as re, nt as ie, q as ae, t as oe, w as se } from "./lib-Dql7cqyA.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-DOpaUOQx.js";
 import { n as ce, t as le } from "./useHints-Dq_w2E8B.js";
-import { t as ue } from "./useConfig-D32D002m.js";
+import { t as ue } from "./useConfig-C2uy4ltq.js";
 import { n as de, t as fe } from "./BaseScanner-Dzc8VT3j.js";
-import { t as pe } from "./useNestedProp-Chvyfpl-.js";
+import { t as pe } from "./useNestedProp-Bux0f4iY.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-CXQrLjd-.js";
+import { t as _e } from "./BaseLegendToggle-DGG65LAR.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,10 +96,10 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 	},
 	emits: ["selectDatapoint", "selectLegend"],
 	setup(e, { expose: he, emit: ke }) {
-		let Ye = Ce(() => import("./PackageVersion-CEvZNFTz.js").then((e) => e.t)), Xe = Ce(() => import("./Tooltip-hhrkQ3Lk.js")), { vue_ui_sparkstackbar: Ze } = ue(), { isThemeValid: Qe, warnInvalidTheme: $e } = me(), et = be(), tt = Ee(), T = e, nt = b(null), E = b(ae()), D = b(!1), rt = b(""), O = b(null), k = b(!1), A = b(null), it = b({
+		let Ye = Ce(() => import("./PackageVersion-D5QkTJQU.js").then((e) => e.t)), Xe = Ce(() => import("./Tooltip-DZ4a3XJQ.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({
 			x: 0,
 			y: 0
-		}), j = b("pointer"), at = b(!1), M = b(null), ot = b([]), N = b(ut()), 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);
+		}), 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);
 		we(() => {
 			tt["chart-background"] && st.value && console.warn("VueUiSparkStackbar does not support the #chart-background slot.");
 		}), ce({
@@ -117,7 +117,7 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 				]
 			}]
 		});
-		let ct = u(() => N.value.useCursorPointer), lt = u(() => te({
+		let ct = u(() => N.value.useCursorPointer), lt = u(() => ae({
 			defaultConfig: { style: {
 				backgroundColor: "#99999930",
 				animation: { show: !1 },
@@ -128,7 +128,7 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 		})), { loading: R, FINAL_DATASET: z } = de({
 			...Te(T),
 			FINAL_CONFIG: N,
-			prepareConfig: ut,
+			prepareConfig: V,
 			skeletonDataset: T.config?.skeletonDataset ?? [
 				{
 					name: "_",
@@ -146,12 +146,12 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 					color: "#DBDBDB"
 				}
 			],
-			skeletonConfig: te({
+			skeletonConfig: ae({
 				defaultConfig: N.value,
 				userConfig: lt.value
 			})
 		}), { svgRef: B } = ye({ config: L.value.title });
-		function ut() {
+		function V() {
 			let e = pe({
 				userConfig: T.config,
 				defaultConfig: Ze
@@ -167,135 +167,135 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 			});
 			return {
 				...i,
-				customPalette: i.customPalette.length ? i.customPalette : c[t] || n
+				customPalette: i.customPalette.length ? i.customPalette : n[t] || s
 			};
 		}
-		function dt(e) {
-			let t = ee(e);
+		function ut(e) {
+			let t = te(e);
 			return t?.style && delete t.style.tooltip, JSON.stringify(t);
 		}
-		let ft = dt(T.config);
+		let dt = ut(T.config);
 		De(() => T.config, (e, t) => {
-			let n = dt(e), r = n !== ft;
-			ft = n;
-			let i = ut();
+			let n = ut(e), r = n !== dt;
+			dt = n;
+			let i = V();
 			if (!r) {
 				N.value.style.tooltip = i.style.tooltip;
 				return;
 			}
-			N.value = i, mt();
+			N.value = i, pt();
 		}, { deep: !0 }), De(() => z.value, (e) => {
-			H.value = z.value.map((e, t) => ({
+			U.value = z.value.map((e, t) => ({
 				...e,
-				color: e.color ? i(e.color) : V.value[t] || n[t] || n[t % n.length]
-			})), pt();
+				color: e.color ? o(e.color) : H.value[t] || s[t] || s[t % s.length]
+			})), ft();
 		}, { deep: !0 });
-		let V = u(() => se(N.value.customPalette)), H = b(z.value.map((e, t) => ({
+		let H = u(() => se(N.value.customPalette)), U = b(z.value.map((e, t) => ({
 			...e,
 			value: L.value.animation.show ? 0 : e.value || 0,
-			color: e.color ? i(e.color) : V.value[t] || n[t] || n[t % n.length]
-		}))), U = b(!0);
-		function pt() {
+			color: e.color ? o(e.color) : H.value[t] || s[t] || s[t % s.length]
+		}))), W = b(!0);
+		function ft() {
 			if (!L.value.animation.show || et.value) {
-				U.value = !1;
+				W.value = !1;
 				return;
 			}
-			let e = L.value.animation.animationFrames, t = z.value.map((e) => e.value || 0), r = t.map((t) => t / e), a = t.reduce((e, t) => e + t, 0), o = 0;
-			U.value = !0, H.value = z.value.map((e, t) => ({
+			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;
+			W.value = !0, U.value = z.value.map((e, t) => ({
 				...e,
 				value: 0,
-				color: e.color ? i(e.color) : V.value[t] || n[t] || n[t % n.length]
+				color: e.color ? o(e.color) : H.value[t] || s[t] || s[t % s.length]
 			}));
-			function s() {
-				o += a / e, o < a ? (H.value = H.value.map((e, a) => ({
+			function a() {
+				i += r / e, i < r ? (U.value = U.value.map((e, r) => ({
 					...e,
-					value: Math.min(e.value + r[a], t[a]),
-					color: e.color ? i(e.color) : V.value[a] || n[a] || n[a % n.length]
-				})), requestAnimationFrame(s)) : (U.value = !1, H.value = z.value.map((e, r) => ({
+					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) => ({
 					...e,
-					value: t[r],
-					color: e.color ? i(e.color) : V.value[r] || n[r] || n[r % n.length],
-					id: ae()
+					value: t[n],
+					color: e.color ? o(e.color) : H.value[n] || s[n] || s[n % s.length],
+					id: c()
 				})));
 			}
-			s();
+			a();
 		}
 		we(() => {
-			mt();
+			pt();
 		});
-		function mt() {
-			r(T.dataset) ? ie({
+		function pt() {
+			a(T.dataset) ? ee({
 				componentName: "VueUiSparkStackbar",
 				type: "dataset",
 				debug: st.value
 			}) : st.value && T.dataset.forEach((e, t) => {
-				ne({
+				oe({
 					datasetObject: e,
 					requiredAttributes: ["name", "value"]
 				}).forEach((e) => {
-					ie({
+					ee({
 						componentName: "VueUiSparkStackbar",
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t
 					});
 				});
-			}), pt();
+			}), ft();
 		}
-		let W = b({
+		let G = b({
 			width: 500,
 			height: 16
-		}), G = b([]), ht = u(() => z.value.map((e) => e.value || 0).filter((e, t) => !G.value.includes(t)).reduce((e, t) => e + t, 0)), K = u(() => H.value.map((e, t) => {
-			let r = e.value || 0, a = r / ht.value, o = isNaN(a) ? 0 : a, c = o * W.value.width;
+		}), 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;
 			return {
 				...e,
-				color: i(z.value[t]?.color ? z.value[t]?.color : V.value[t] || n[t] || n[t % n.length]),
+				color: o(z.value[n]?.color ? z.value[n]?.color : H.value[n] || s[n] || s[n % s.length]),
 				value: r,
-				proportion: o,
+				proportion: a,
 				width: c,
-				seriesIndex: t,
-				proportionLabel: s({
-					v: o * 100,
+				seriesIndex: n,
+				proportionLabel: t({
+					v: a * 100,
 					s: "%",
 					r: F.value.percentage.rounding
 				})
 			};
-		})), q = u(() => K.value.filter((e, t) => !G.value.includes(t)));
-		function gt() {
+		})), J = u(() => q.value.filter((e, t) => !K.value.includes(t)));
+		function ht() {
 			D.value = !1, M.value = null, A.value = null, j.value = "pointer";
 		}
-		function _t() {
-			gt(), G.value.length ? G.value = [] : K.value.forEach((e, t) => {
-				G.value.push(t);
-			}), St("selectLegend", q.value);
+		function gt() {
+			ht(), K.value.length ? K.value = [] : q.value.forEach((e, t) => {
+				K.value.push(t);
+			}), xt("selectLegend", J.value);
+		}
+		function Y(e) {
+			ht(), K.value.includes(e) ? K.value = K.value.filter((t) => t !== e) : K.value.length < U.value.length - 1 && K.value.push(e), xt("selectLegend", J.value);
 		}
-		function J(e) {
-			gt(), G.value.includes(e) ? G.value = G.value.filter((t) => t !== e) : G.value.length < H.value.length - 1 && G.value.push(e), St("selectLegend", q.value);
+		function _t(e) {
+			return q.value.length ? q.value.find((t) => t.name === e) || (N.value.debug && console.warn(`VueUiSparkStackbar - Series name not found "${e}"`), null) : (N.value.debug && console.warn("VueUiSparkStackbar - There are no series to show."), null);
 		}
 		function vt(e) {
-			return K.value.length ? K.value.find((t) => t.name === e) || (N.value.debug && console.warn(`VueUiSparkStackbar - Series name not found "${e}"`), null) : (N.value.debug && console.warn("VueUiSparkStackbar - There are no series to show."), null);
+			let t = _t(e);
+			t !== null && K.value.includes(t.id) && Y(t.seriesIndex);
 		}
 		function yt(e) {
-			let t = vt(e);
-			t !== null && G.value.includes(t.id) && J(t.seriesIndex);
+			let t = _t(e);
+			t !== null && (K.value.includes(t.id) || Y(t.seriesIndex));
 		}
-		function bt(e) {
-			let t = vt(e);
-			t !== null && (G.value.includes(t.id) || J(t.seriesIndex));
-		}
-		let Y = u(() => {
+		let X = u(() => {
 			let e = 0, t = [];
-			for (let n = 0; n < q.value.length; n += 1) t.push({
-				...q.value[n],
+			for (let n = 0; n < J.value.length; n += 1) t.push({
+				...J.value[n],
 				start: e
-			}), e += q.value[n].width;
+			}), e += J.value[n].width;
 			return t;
-		}), xt = u(() => {
-			let e = Y.value.reduce((e, t) => e + t.width, 0);
-			return Math.min(Math.max(e, 0), W.value.width);
-		}), St = ke;
-		function X(e, t, n = !1) {
-			St("selectDatapoint", {
+		}), bt = u(() => {
+			let e = X.value.reduce((e, t) => e + t.width, 0);
+			return Math.min(Math.max(e, 0), G.value.width);
+		}), xt = ke;
+		function Z(e, t, n = !1) {
+			xt("selectDatapoint", {
 				datapoint: e,
 				index: t
 			}), N.value.events.datapointClick && !n && N.value.events.datapointClick({
@@ -303,29 +303,29 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 				seriesIndex: e.seriesIndex
 			});
 		}
-		function Ct({ datapoint: e, seriesIndex: t }) {
+		function St({ datapoint: e, seriesIndex: t }) {
 			D.value = !1, M.value = null, A.value = null, j.value = "pointer", N.value.events.datapointLeave && N.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: e.seriesIndex
 			});
 		}
-		function wt({ datapoint: e, seriesIndex: n, triggerMode: r = "pointer" }) {
+		function Ct({ datapoint: e, seriesIndex: n, 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 = r, O.value = {
+			j.value = a, O.value = {
 				datapoint: e,
 				seriesIndex: n,
 				config: N.value,
-				series: K.value
+				series: q.value
 			}, D.value = !0, M.value = e.seriesIndex;
-			let i = I.value.customFormat;
-			if (t(i)) try {
-				let t = i({
+			let o = I.value.customFormat;
+			if (r(o)) try {
+				let t = o({
 					seriesIndex: e.seriesIndex,
 					datapoint: e,
-					series: K.value,
+					series: q.value,
 					config: N.value
 				});
 				typeof t == "string" && (rt.value = t, k.value = !0);
@@ -333,8 +333,8 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 				console.warn("Custom format cannot be applied."), k.value = !1;
 			}
 			if (!k.value) {
-				let t = "", r = P.value.gradient.show, i = `tooltip_grad_${n}_${E.value}`, c = a(o(e.color, .05), 100 - P.value.gradient.intensity), ee = r ? `<rect x="0" y="0" width="10" height="10" rx="${Z.value}" fill="${P.value.gradient.underlayerColor}"/>` : "", te = r ? `<defs><radialGradient id="${i}"><stop offset="0%" stop-color="${c}"/><stop offset="100%" stop-color="${e.color}"/></radialGradient></defs>` : "";
-				t += `<div style="width:100%;text-align:center;border-bottom:1px solid ${I.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, t += `<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="${Z.value}" fill="${r ? `url(#${i})` : e.color}"/></svg>`, t += `<b>${e.proportionLabel}</b>`, t += `<span>(${re(F.value.value.formatter, e.value, s({
+				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({
 					p: F.value.value.prefix,
 					v: e.value,
 					s: F.value.value.suffix,
@@ -342,38 +342,38 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 				}), {
 					datapoint: e,
 					seriesIndex: n
-				})})</span>`, rt.value = `<div>${t}</div>`;
+				})})</span>`, rt.value = `<div>${r}</div>`;
 			}
 		}
-		let Tt = u(() => {
-			let e = P.value.borderRadius == null ? W.value.height / 2 : P.value.borderRadius;
-			return Math.min(Math.max(e, 0), W.value.height / 2);
-		}), Z = u(() => {
-			let e = W.value.height / 2;
-			return e === 0 ? 5 : Tt.value / e * 5;
+		let wt = u(() => {
+			let e = P.value.borderRadius == null ? G.value.height / 2 : P.value.borderRadius;
+			return Math.min(Math.max(e, 0), G.value.height / 2);
+		}), Q = u(() => {
+			let e = G.value.height / 2;
+			return e === 0 ? 5 : wt.value / e * 5;
 		});
-		function Q(e) {
+		function $(e) {
 			let t = ot.value[e];
 			t && typeof t.focus == "function" && t.focus();
 		}
-		function Et(e) {
+		function Tt(e) {
 			if (!Number.isFinite(e) || !B.value) return;
-			let t = Y.value[e];
+			let t = X.value[e];
 			if (!t) return;
-			let n = B.value.getBoundingClientRect(), r = t.start + t.width / 2, i = W.value.height / 2;
+			let n = B.value.getBoundingClientRect(), r = t.start + t.width / 2, i = G.value.height / 2;
 			it.value = {
-				x: n.left + r / W.value.width * n.width,
-				y: n.top + i / W.value.height * n.height
+				x: n.left + r / G.value.width * n.width,
+				y: n.top + i / G.value.height * n.height
 			};
 		}
-		function Dt() {
+		function Et() {
 			A.value = null, at.value = !0;
 		}
-		function Ot() {
+		function Dt() {
 			A.value = null, j.value = "pointer", D.value = !1, M.value = null, at.value = !1;
 		}
-		function kt(e) {
-			if (!B.value || document.activeElement !== B.value || !Y.value.length) return;
+		function Ot(e) {
+			if (!B.value || document.activeElement !== B.value || !X.value.length) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "Enter" || e.key === " ", i = e.key === "Escape", a = e.key === "Home", o = e.key === "End";
 			if (!t && !n && !r && !i && !a && !o) return;
 			if (e.preventDefault(), e.stopPropagation(), i) {
@@ -382,76 +382,76 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 			}
 			if (r) {
 				if (A.value === null) return;
-				let e = Y.value[A.value];
+				let e = X.value[A.value];
 				if (!e) return;
-				X(e, e.seriesIndex);
+				Z(e, e.seriesIndex);
 				return;
 			}
 			let s = A.value;
-			a ? s = 0 : o ? s = Y.value.length - 1 : s === null || s < 0 || s >= Y.value.length ? s = n ? 0 : Y.value.length - 1 : n ? (s += 1, s >= Y.value.length && (s = 0)) : t && (--s, s < 0 && (s = Y.value.length - 1));
-			let c = Y.value[s];
-			c && (A.value = s, Et(s), wt({
+			a ? s = 0 : o ? s = X.value.length - 1 : s === null || s < 0 || s >= X.value.length ? s = n ? 0 : X.value.length - 1 : n ? (s += 1, s >= X.value.length && (s = 0)) : t && (--s, s < 0 && (s = X.value.length - 1));
+			let c = X.value[s];
+			c && (A.value = s, Tt(s), Ct({
 				datapoint: c,
 				seriesIndex: c.seriesIndex,
 				triggerMode: "keyboard"
 			}));
 		}
-		function At(e) {
+		function kt(e) {
 			D.value = !1, A.value = null, j.value = "pointer", M.value = e.seriesIndex;
 		}
-		function jt() {
+		function At() {
 			A.value = null, j.value = "pointer", D.value = !1, M.value = null;
 		}
-		function Mt(e, t, n) {
+		function jt(e, t, n) {
 			let r = e.key === "Enter" || e.key === " ", i = e.key === "ArrowLeft" || e.key === "ArrowUp", a = e.key === "ArrowRight" || e.key === "ArrowDown", o = e.key === "Home", s = e.key === "End", c = e.key === "Escape";
 			if (r || i || a || o || s || c) {
 				if (e.preventDefault(), e.stopPropagation(), c) {
-					jt();
+					At();
 					return;
 				}
 				if (r) {
-					J(n), X(t, n, !0);
+					Y(n), Z(t, n, !0);
 					return;
 				}
 				if (o) {
-					Q(0);
+					$(0);
 					return;
 				}
 				if (s) {
-					Q(K.value.length - 1);
+					$(q.value.length - 1);
 					return;
 				}
 				if (i) {
-					Q(n <= 0 ? K.value.length - 1 : n - 1);
+					$(n <= 0 ? q.value.length - 1 : n - 1);
 					return;
 				}
-				a && Q(n >= K.value.length - 1 ? 0 : n + 1);
+				a && $(n >= q.value.length - 1 ? 0 : n + 1);
 			}
 		}
-		let $ = u(() => ({
+		let Mt = u(() => ({
 			headers: [
 				N.value.a11y.translations.series,
 				N.value.a11y.translations.percentage,
 				N.value.a11y.translations.value
 			],
-			rows: K.value.map((e, t) => [
+			rows: q.value.map((e, n) => [
 				e.name,
-				G.value.includes(t) ? " - " : e.proportionLabel,
-				re(F.value.value.formatter, e.value, s({
+				K.value.includes(n) ? " - " : e.proportionLabel,
+				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: t
+					seriesIndex: n
 				})
 			])
 		}));
 		return he({
-			hideSeries: bt,
-			showSeries: yt
-		}), (e, t) => (y(), p("div", {
+			hideSeries: yt,
+			showSeries: vt
+		}), (e, n) => (y(), p("div", {
 			class: "vue-data-ui-component vue-ui-spark-stackbar",
 			ref_key: "sparkstackbarChart",
 			ref: nt,
@@ -461,11 +461,11 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 				id: `chart-instructions-${E.value}`,
 				class: "sr-only"
 			}, [m("p", null, C(N.value.a11y.translations.keyboardNavigation), 1)], 8, Ae),
-			$.value?.rows?.length ? (y(), d(ve, {
+			Mt.value?.rows?.length ? (y(), d(ve, {
 				key: 0,
 				uid: E.value,
-				head: $.value.headers,
-				body: $.value.rows,
+				head: Mt.value.headers,
+				body: Mt.value.rows,
 				notice: N.value.a11y.translations.tableAvailable,
 				caption: N.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -489,17 +489,17 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 			m("div", je, [(y(), p("svg", {
 				ref_key: "svgRef",
 				ref: B,
-				xmlns: w(oe),
+				xmlns: w(ie),
 				width: "100%",
-				viewBox: `0 0 ${W.value.width} ${W.value.height}`,
+				viewBox: `0 0 ${G.value.width} ${G.value.height}`,
 				"aria-describedby": `chart-instructions-${E.value}`,
 				tabindex: "0",
-				onFocus: Dt,
-				onBlur: Ot,
-				onKeydown: kt
+				onFocus: Et,
+				onBlur: Dt,
+				onKeydown: Ot
 			}, [
 				Se(w(Ye)),
-				m("defs", null, [(y(!0), p(l, null, x(Y.value, (e, t) => (y(), d(ge, {
+				m("defs", null, [(y(!0), p(l, null, x(X.value, (e, t) => (y(), d(ge, {
 					t: "linear",
 					id: `stack_gradient_${t}_${E.value}`,
 					key: `stack_gradient_${t}`,
@@ -512,7 +512,7 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 						],
 						[
 							"50%",
-							w(a)(w(o)(e.color, .05), 100 - P.value.gradient.intensity),
+							w(re)(w(i)(e.color, .05), 100 - P.value.gradient.intensity),
 							1
 						],
 						[
@@ -524,57 +524,57 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 				}, null, 8, ["id", "stops"]))), 128)), m("clipPath", { id: `stackPill_${E.value}` }, [m("rect", {
 					x: "0",
 					y: "0",
-					width: xt.value,
-					height: W.value.height,
-					rx: Tt.value,
-					class: g({ animated: !U.value && !w(R) })
+					width: bt.value,
+					height: G.value.height,
+					rx: wt.value,
+					class: g({ animated: !W.value && !w(R) })
 				}, null, 10, Pe)], 8, Ne)]),
-				ht.value > 0 ? (y(), p(l, { key: 0 }, [m("g", { "clip-path": `url(#stackPill_${E.value})` }, [
-					(y(!0), p(l, null, x(Y.value, (e, t) => (y(), p("rect", {
+				mt.value > 0 ? (y(), p(l, { key: 0 }, [m("g", { "clip-path": `url(#stackPill_${E.value})` }, [
+					(y(!0), p(l, null, x(X.value, (e, t) => (y(), p("rect", {
 						key: `stack_underlayer_${t}`,
 						x: e.start,
 						y: 0,
 						width: e.width,
-						height: W.value.height,
+						height: G.value.height,
 						fill: P.value.gradient.underlayerColor,
-						class: g({ animated: !U.value && !w(R) }),
+						class: g({ animated: !W.value && !w(R) }),
 						style: v({ opacity: D.value && M.value !== null && I.value.show ? M.value === e.seriesIndex ? 1 : .5 : 1 })
 					}, null, 14, Ie))), 128)),
-					(y(!0), p(l, null, x(Y.value, (e, t) => (y(), p("rect", {
+					(y(!0), p(l, null, x(X.value, (e, t) => (y(), p("rect", {
 						key: `stack_${t}`,
 						x: e.start,
 						y: 0,
 						width: e.width,
-						height: W.value.height,
+						height: G.value.height,
 						fill: P.value.gradient.show ? `url(#stack_gradient_${t}_${E.value})` : e.color,
-						class: g({ animated: !U.value && !w(R) }),
+						class: g({ animated: !W.value && !w(R) }),
 						style: v({ opacity: D.value && M.value !== null && I.value.show ? M.value === e.seriesIndex ? 1 : .5 : 1 })
 					}, null, 14, Le))), 128)),
-					(y(!0), p(l, null, x(Y.value.slice(1), (e, t) => (y(), p("rect", {
+					(y(!0), p(l, null, x(X.value.slice(1), (e, t) => (y(), p("rect", {
 						key: `stack_separator_${t}`,
 						x: e.start - .5,
 						y: "0",
 						width: "1",
-						height: W.value.height,
+						height: G.value.height,
 						fill: L.value.backgroundColor,
 						"pointer-events": "none",
-						class: g({ animated: !U.value && !w(R) })
+						class: g({ animated: !W.value && !w(R) })
 					}, null, 10, Re))), 128)),
-					(y(!0), p(l, null, x(Y.value, (e, t) => (y(), p("rect", {
+					(y(!0), p(l, null, x(X.value, (e, t) => (y(), p("rect", {
 						key: `stack_trap_${t}`,
 						x: e.start,
 						y: 0,
 						width: e.width,
-						height: W.value.height,
+						height: G.value.height,
 						fill: "transparent",
 						stroke: "none",
-						class: g({ animated: !U.value && !w(R) }),
-						onClick: () => X(e, t),
-						onMouseenter: () => wt({
+						class: g({ animated: !W.value && !w(R) }),
+						onClick: () => Z(e, t),
+						onMouseenter: () => Ct({
 							datapoint: e,
 							seriesIndex: e.seriesIndex
 						}),
-						onMouseleave: (t) => Ct({
+						onMouseleave: (t) => St({
 							datapoint: e,
 							seriesIndex: e.seriesIndex
 						})
@@ -582,9 +582,9 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 				], 8, Fe), m("rect", {
 					x: "0.5",
 					y: "0.5",
-					width: W.value.width - 1,
-					height: W.value.height - 1,
-					rx: Math.max(0, Tt.value - .5),
+					width: G.value.width - 1,
+					height: G.value.height - 1,
+					rx: Math.max(0, wt.value - .5),
 					fill: "none",
 					stroke: L.value.backgroundColor,
 					"stroke-width": "1",
@@ -593,12 +593,12 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 					key: 1,
 					x: 2,
 					y: 1,
-					width: W.value.width - 4,
-					height: W.value.height - 2,
+					width: G.value.width - 4,
+					height: G.value.height - 2,
 					stroke: "#CCCCCC",
 					"stroke-width": "2",
 					fill: "transparent",
-					rx: (W.value.height - 4) / 2
+					rx: (G.value.height - 4) / 2
 				}, null, 8, Ve))
 			], 40, Me)), e.$slots.hint ? (y(), p("div", He, [S(e.$slots, "hint", _(h({
 				hint: N.value.a11y.translations.keyboardNavigation,
@@ -610,36 +610,36 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 				class: "vue-ui-sparkstackbar-legend",
 				"aria-label": "legend",
 				role: "toolbar"
-			}, [F.value.selectAllToggle.show && K.value.length > 2 && !w(R) ? (y(), d(_e, {
+			}, [F.value.selectAllToggle.show && q.value.length > 2 && !w(R) ? (y(), d(_e, {
 				key: 0,
 				backgroundColor: F.value.selectAllToggle.backgroundColor,
 				color: F.value.selectAllToggle.color,
 				fontSize: F.value.fontSize,
-				checked: G.value.length > 0,
+				checked: K.value.length > 0,
 				isCursorPointer: ct.value,
-				onToggle: _t
+				onToggle: gt
 			}, null, 8, [
 				"backgroundColor",
 				"color",
 				"fontSize",
 				"checked",
 				"isCursorPointer"
-			])) : f("", !0), (y(!0), p(l, null, x(K.value, (e, t) => (y(), p("div", {
+			])) : f("", !0), (y(!0), p(l, null, x(q.value, (e, n) => (y(), p("div", {
 				role: "button",
 				tabindex: "0",
-				"aria-pressed": G.value.includes(t),
-				"aria-label": `${e.name}, ${G.value.includes(t) ? "hidden" : "visible"}, ${e.proportionLabel}`,
+				"aria-pressed": K.value.includes(n),
+				"aria-label": `${e.name}, ${K.value.includes(n) ? "hidden" : "visible"}, ${e.proportionLabel}`,
 				style: v(`font-size:${F.value.fontSize}px;cursor:${ct.value ? "pointer" : "default"}`),
 				class: g({
 					"vue-ui-sparkstackbar-legend-item": !0,
-					"vue-ui-sparkstackbar-legend-item-unselected": G.value.includes(t)
+					"vue-ui-sparkstackbar-legend-item-unselected": K.value.includes(n)
 				}),
-				onClick: (n) => {
-					J(t), X(e, t, !0);
+				onClick: (t) => {
+					Y(n), Z(e, n, !0);
 				},
-				onFocus: (t) => At(e),
-				onBlur: jt,
-				onKeydown: (n) => Mt(n, e, t)
+				onFocus: (t) => kt(e),
+				onBlur: At,
+				onKeydown: (t) => jt(t, e, n)
 			}, [m("div", We, [(y(), p("svg", {
 				height: `${F.value.fontSize}px`,
 				width: `${F.value.fontSize}px`,
@@ -647,10 +647,10 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 			}, [
 				m("defs", null, [Se(ge, {
 					t: "radial",
-					id: `legend_grad_${t}-${E.value}`,
+					id: `legend_grad_${n}-${E.value}`,
 					stops: [[
 						"0%",
-						w(R) ? "#FFFFFF" : w(a)(w(o)(e.color, .05), 100 - P.value.gradient.intensity),
+						w(R) ? "#FFFFFF" : w(re)(w(i)(e.color, .05), 100 - P.value.gradient.intensity),
 						1
 					], [
 						"100%",
@@ -664,7 +664,7 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 					y: "0",
 					width: "10",
 					height: "10",
-					rx: Z.value,
+					rx: Q.value,
 					fill: P.value.gradient.underlayerColor
 				}, null, 8, Ke)) : f("", !0),
 				m("rect", {
@@ -672,23 +672,23 @@ var ke = /* @__PURE__ */ e({ default: () => Ye }), Ae = ["id"], je = { style: {
 					y: "0",
 					width: "10",
 					height: "10",
-					rx: Z.value,
-					fill: P.value.gradient.show ? `url(#legend_grad_${t}-${E.value})` : e.color
+					rx: Q.value,
+					fill: P.value.gradient.show ? `url(#legend_grad_${n}-${E.value})` : e.color
 				}, null, 8, qe)
-			], 8, Ge)), w(R) ? f("", !0) : (y(), p(l, { key: 0 }, [m("span", { style: v(`color:${F.value.name.color}; font-weight:${F.value.name.bold ? "bold" : "normal"}`) }, C(e.name), 5), U.value ? f("", !0) : (y(), p(l, { key: 0 }, [F.value.percentage.show ? (y(), p("span", {
+			], 8, Ge)), w(R) ? f("", !0) : (y(), p(l, { key: 0 }, [m("span", { style: v(`color:${F.value.name.color}; font-weight:${F.value.name.bold ? "bold" : "normal"}`) }, C(e.name), 5), W.value ? f("", !0) : (y(), p(l, { key: 0 }, [F.value.percentage.show ? (y(), p("span", {
 				key: 0,
 				style: v(`font-weight:${F.value.percentage.bold ? "bold" : "normal"};color:${F.value.percentage.color}`)
-			}, C(G.value.includes(t) ? " - " : e.proportionLabel), 5)) : f("", !0), F.value.value.show ? (y(), p("span", {
+			}, C(K.value.includes(n) ? " - " : e.proportionLabel), 5)) : f("", !0), F.value.value.show ? (y(), p("span", {
 				key: 1,
 				style: v(`font-weight:${F.value.value.bold ? "bold" : "normal"};color:${F.value.value.color}`)
-			}, " (" + C(w(re)(F.value.value.formatter, e.value, w(s)({
+			}, " (" + C(w(ne)(F.value.value.formatter, e.value, w(t)({
 				p: F.value.value.prefix,
 				v: e.value,
 				s: F.value.value.suffix,
 				r: F.value.value.rounding
 			}), {
 				datapoint: e,
-				seriesIndex: t
+				seriesIndex: n
 			})) + ") ", 5)) : f("", !0)], 64))], 64))])], 46, Ue))), 256))], 4)) : f("", !0),
 			Se(w(Xe), {
 				teleportTo: I.value.teleportTo,