vue-data-ui 3.22.6 → 3.22.8

package/dist/{vue-ui-table-sparkline-BH5PzEnJ.js → vue-ui-table-sparkline-Q6BHPKUn.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, Dt as n, Ht as r, Q as i, S as a, W as o, X as ee, b as te, f as ne, i as re, lt as ie, q as ae, w as oe } from "./lib-DRBJCmHW.js";
+import { $ as t, G as n, J as r, Mt as i, S as a, T as o, Wt as ee, Z as te, b as ne, dt as re, f as ie, i as ae, kt as oe } from "./lib-JqW18y5I.js";
 import { t as se } from "./useConfig-DYM3f6EI.js";
-import { t as ce } from "./usePrinter-CRp5IW3v.js";
-import { t as s } from "./useNestedProp-BEo2N1Db.js";
+import { t as ce } from "./usePrinter-CqqHmnBI.js";
+import { t as s } from "./useNestedProp-DIuuzG1r.js";
 import { t as le } from "./useThemeCheck-C43Tcqmk.js";
 import { t as ue } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as de } from "./useUserOptionState-DK-_1ddE.js";
@@ -50,114 +50,114 @@ var we = /* @__PURE__ */ e({ default: () => T }), Te = ["id"], Ee = { style: {
 	emits: ["copyAlt"],
 	setup(e, { expose: ue, emit: we }) {
 		be((e) => ({ v43308e63: e.tdo }));
-		let T = m(() => import("./vue-ui-sparkline-Bi06lHQd.js").then((e) => e.n)), E = m(() => import("./BaseIcon-DcUvOfxf.js").then((e) => e.n)), Re = m(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), { vue_ui_table_sparkline: ze } = se(), { isThemeValid: Be, warnInvalidTheme: Ve } = le(), D = e, He = we, O = y(o()), Ue = y(0), k = y(0), We = y(null), Ge = xe(), Ke = y(!1);
+		let T = m(() => import("./vue-ui-sparkline-DlTfNQj8.js").then((e) => e.n)), E = m(() => import("./BaseIcon-C2qlyHc7.js").then((e) => e.n)), Re = m(() => import("./UserOptions-16uF1ayB.js").then((e) => e.n)), { vue_ui_table_sparkline: ze } = se(), { isThemeValid: Be, warnInvalidTheme: Ve } = le(), D = e, He = we, O = y(n()), Ue = y(0), k = y(0), A = y(null), We = xe(), Ge = y(!1);
 		ve(() => {
-			Ge["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
+			We["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
 		});
-		let A = l({
-			get: () => Ye(),
+		let j = l({
+			get: () => Je(),
 			set: (e) => e
-		}), j = l(() => A.value.userOptions.useCursorPointer), { userOptionsVisible: M, setUserOptionsVisibility: qe, keepUserOptionState: Je } = de({ config: A.value });
-		function Ye() {
+		}), M = l(() => j.value.userOptions.useCursorPointer), { userOptionsVisible: N, setUserOptionsVisibility: Ke, keepUserOptionState: qe } = de({ config: j.value });
+		function Je() {
 			let e = s({
 				userConfig: D.config,
 				defaultConfig: ze
-			}), n = e.theme;
-			if (!n) return e;
+			}), t = e.theme;
+			if (!t) return e;
 			if (!Be.value(e)) return Ve(e), e;
-			let i = s({
-				userConfig: pe[n] || D.config,
+			let n = s({
+				userConfig: pe[t] || D.config,
 				defaultConfig: e
-			}), a = s({
+			}), r = s({
 				userConfig: D.config,
-				defaultConfig: i
+				defaultConfig: n
 			});
 			return {
-				...a,
-				customPalette: a.customPalette.length ? a.customPalette : r[n] || t
+				...r,
+				customPalette: r.customPalette.length ? r.customPalette : ee[t] || i
 			};
 		}
 		Se(() => D.config, (e) => {
-			A.value = Ye(), M.value = !A.value.userOptions.showOnChartHover, nt(), k.value += 1;
+			j.value = Je(), N.value = !j.value.userOptions.showOnChartHover, tt(), k.value += 1;
 		}, { deep: !0 }), Se(() => D.dataset, (e) => {
 			H.value = V.value, k.value += 1;
 		}, { deep: !0 });
-		let { isPrinting: Xe, isImaging: Ze, generatePdf: Qe, generateImage: $e } = ce({
+		let { isPrinting: Ye, isImaging: Xe, generatePdf: Ze, generateImage: Qe } = ce({
 			elementId: `table_${O.value}`,
-			fileName: A.value.title.text || "vue-ui-table-sparkline",
-			options: A.value.userOptions.print
-		}), et = l(() => a(A.value.customPalette)), N = y(null), P = y(!1), tt = l(() => A.value.responsiveBreakpoint);
+			fileName: j.value.title.text || "vue-ui-table-sparkline",
+			options: j.value.userOptions.print
+		}), $e = l(() => a(j.value.customPalette)), P = y(null), F = y(!1), et = l(() => j.value.responsiveBreakpoint);
 		ve(() => {
-			nt();
+			tt();
 		});
-		let F = y(A.value.colNames), I = ye(null);
-		function nt() {
-			n(D.dataset) && i({
+		let I = y(j.value.colNames), L = ye(null);
+		function tt() {
+			oe(D.dataset) && t({
 				componentName: "VueUiTableSparkline",
 				type: "dataset"
-			}), I.value && I.value.disconnect(), I.value = new ResizeObserver((e) => {
+			}), L.value && L.value.disconnect(), L.value = new ResizeObserver((e) => {
 				e.forEach((e) => {
-					P.value = e.contentRect.width < tt.value;
+					F.value = e.contentRect.width < et.value;
 				});
-			}), N.value && I.value.observe(N.value), F.value = [];
-			for (let e = 0; e < ct.value; e += 1) F.value.push(A.value.colNames[e] || `col ${e}`);
+			}), P.value && L.value.observe(P.value), I.value = [];
+			for (let e = 0; e < ct.value; e += 1) I.value.push(j.value.colNames[e] || `col ${e}`);
 		}
 		_e(() => {
-			I.value && I.value.disconnect();
+			L.value && L.value.disconnect();
 		});
-		function L(e) {
+		function R(e) {
 			if ([null, void 0].includes(e)) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
 		}
-		function rt(e) {
+		function nt(e) {
 			return typeof e == "number" && Number.isFinite(e);
 		}
-		function it(e = []) {
-			return e.map(L).filter(rt);
+		function rt(e = []) {
+			return e.map(R).filter(nt);
 		}
-		function R(e, t, n) {
-			let r = L(e), i = L(t), a = rt(r), o = rt(i);
+		function it(e, t, n) {
+			let r = R(e), i = R(t), a = nt(r), o = nt(i);
 			return a && o ? n === -1 ? r - i : i - r : a ? -1 : +!!o;
 		}
 		function z(e, t, n = {}) {
-			let r = L(e);
-			return r === null ? "-" : re(A.value.formatter, r, ae({
-				p: A.value.prefix,
-				v: r,
-				s: A.value.suffix,
+			let i = R(e);
+			return i === null ? "-" : ae(j.value.formatter, i, r({
+				p: j.value.prefix,
+				v: i,
+				s: j.value.suffix,
 				r: t
 			}), n);
 		}
-		let B = l(() => (D.dataset.forEach((e, t) => {
-			ie({
+		let B = l(() => (D.dataset.forEach((e, n) => {
+			re({
 				datasetObject: e,
 				requiredAttributes: ["name", "values"]
 			}).forEach((e) => {
-				i({
+				t({
 					componentName: "VueUiTableSparkline",
 					type: "datasetSerieAttribute",
 					property: e,
-					index: t
+					index: n
 				});
 			});
-		}), D.dataset.map((e, n) => {
-			let r = e.values || [], i = it(r), a = i.length ? i.reduce((e, t) => e + t, 0) : null, o = i.length ? a / i.length : null, ee = i.length ? ne(i) : null;
+		}), D.dataset.map((e, t) => {
+			let n = e.values || [], r = rt(n), a = r.length ? r.reduce((e, t) => e + t, 0) : null, o = r.length ? a / r.length : null, ee = r.length ? ie(r) : null;
 			return {
 				...e,
-				values: r,
-				color: te(e.color) || et.value[n] || t[n] || t[n % t.length],
+				values: n,
+				color: ne(e.color) || $e.value[t] || i[t] || i[t % i.length],
 				sum: a,
 				average: o,
 				median: ee,
-				sparklineDataset: r.map((e, t) => ({
-					period: A.value.colNames[t] || `col ${t}`,
-					value: L(e)
+				sparklineDataset: n.map((e, t) => ({
+					period: j.value.colNames[t] || `col ${t}`,
+					value: R(e)
 				}))
 			};
 		})));
 		function at(e) {
-			let t = (e[0]?.values || []).map((t, n) => e.map((e) => e?.values?.[n] ?? null)).map((e) => e.map((e, t) => [e, t]).sort((e, t) => R(e[0], t[0], 1)).map((e) => e[1]));
+			let t = (e[0]?.values || []).map((t, n) => e.map((e) => e?.values?.[n] ?? null)).map((e) => e.map((e, t) => [e, t]).sort((e, t) => it(e[0], t[0], 1)).map((e) => e[1]));
 			return e.map((e, n) => ({
 				...e,
 				values: e.values || [],
@@ -190,10 +190,10 @@ var we = /* @__PURE__ */ e({ default: () => T }), Te = ["id"], Ee = { style: {
 			}
 			W.value = !0, G.value = t;
 			let r = V.value.map((e) => e.values?.[t] ?? null), i = n;
-			$.value[t].state = i, st.value = i, t === U.value ? U.value = void 0 : U.value = t, H.value = r.map((e, t) => [t, e]).sort((e, t) => R(e[1], t[1], i)).map((e) => e[0]).map((e) => V.value[e]), k.value += 1;
+			$.value[t].state = i, st.value = i, t === U.value ? U.value = void 0 : U.value = t, H.value = r.map((e, t) => [t, e]).sort((e, t) => it(e[1], t[1], i)).map((e) => e[0]).map((e) => V.value[e]), k.value += 1;
 		}
 		let ct = l(() => Math.max(...D.dataset.map((e) => (e.values || []).length))), J = l(() => {
-			let e = F.value.map((e) => ({
+			let e = I.value.map((e) => ({
 				type: "reg",
 				value: e
 			}));
@@ -201,30 +201,30 @@ var we = /* @__PURE__ */ e({ default: () => T }), Te = ["id"], Ee = { style: {
 				type: "reg",
 				value: `col ${t + 1}`
 			});
-			A.value.showTotal && (e = [...e, {
+			j.value.showTotal && (e = [...e, {
 				type: "sum",
-				value: A.value.translations.total
+				value: j.value.translations.total
 			}]);
 			let t;
-			return t = A.value.showAverage && A.value.showMedian ? [
+			return t = j.value.showAverage && j.value.showMedian ? [
 				...e,
 				{
 					type: "average",
-					value: A.value.translations.average
+					value: j.value.translations.average
 				},
 				{
 					type: "median",
-					value: A.value.translations.median
+					value: j.value.translations.median
 				}
-			] : A.value.showAverage && !A.value.showMedian ? [...e, {
+			] : j.value.showAverage && !j.value.showMedian ? [...e, {
 				type: "average",
-				value: A.value.translations.average
-			}] : !A.value.showAverage && A.value.showMedian ? [...e, {
+				value: j.value.translations.average
+			}] : !j.value.showAverage && j.value.showMedian ? [...e, {
 				type: "median",
-				value: A.value.translations.median
-			}] : e, A.value.showSparklines ? [...t, {
+				value: j.value.translations.median
+			}] : e, j.value.showSparklines ? [...t, {
 				type: "chart",
-				value: A.value.translations.chart
+				value: j.value.translations.chart
 			}] : t;
 		}), Y = y({
 			name: 1,
@@ -242,12 +242,12 @@ var we = /* @__PURE__ */ e({ default: () => T }), Te = ["id"], Ee = { style: {
 			let r = Y.value[e];
 			H.value = [...H.value].sort((t, n) => {
 				let i = t[e], a = n[e];
-				return typeof i == "string" && typeof a == "string" ? r === -1 ? i.localeCompare(a) : a.localeCompare(i) : R(i, a, r);
+				return typeof i == "string" && typeof a == "string" ? r === -1 ? i.localeCompare(a) : a.localeCompare(i) : it(i, a, r);
 			});
 		}
 		let Z = y(void 0), Q = y(void 0);
 		function ut({ dataIndex: e, serieIndex: t }) {
-			Z.value = e, Q.value = t, We.value[e] && !P.value && We.value[e].scrollIntoView({
+			Z.value = e, Q.value = t, A.value[e] && !F.value && A.value[e].scrollIntoView({
 				behavior: "smooth",
 				block: "nearest",
 				inline: "center"
@@ -259,24 +259,24 @@ var we = /* @__PURE__ */ e({ default: () => T }), Te = ["id"], Ee = { style: {
 		}
 		function pt(e = null) {
 			ge(() => {
-				let t = [A.value.translations.serie].concat(J.value), n = B.value.map((e, t) => [
+				let t = [j.value.translations.serie].concat(J.value), n = B.value.map((e, t) => [
 					[e.name],
 					e.values,
 					[e.sum],
 					[e.average],
 					[e.median]
-				]), r = oe([t].concat(n));
-				e ? e(r) : ee({
+				]), r = o([t].concat(n));
+				e ? e(r) : te({
 					csvContent: r,
-					title: A.value.title.text || "vue-ui-table-sparkline"
+					title: j.value.title.text || "vue-ui-table-sparkline"
 				});
 			});
 		}
 		function mt(e) {
-			return A.value.sortedDataColumnIndices.includes(e);
+			return j.value.sortedDataColumnIndices.includes(e);
 		}
 		function ht(e) {
-			return e.type === "name" || e === "name" ? A.value.sortedSeriesName : e.type === "sum" || e === "sum" ? A.value.sortedSum : e.type === "average" || e === "average" ? A.value.sortedAverage : e.type === "median" || e === "median" ? A.value.sortedMedian : !1;
+			return e.type === "name" || e === "name" ? j.value.sortedSeriesName : e.type === "sum" || e === "sum" ? j.value.sortedSum : e.type === "average" || e === "average" ? j.value.sortedAverage : e.type === "median" || e === "median" ? j.value.sortedMedian : !1;
 		}
 		function gt(e, t, n) {
 			return [
@@ -286,7 +286,7 @@ var we = /* @__PURE__ */ e({ default: () => T }), Te = ["id"], Ee = { style: {
 			].includes(t.type) ? X.value === t.type && Y.value[t.type] === n ? 1 : .3 : e === G.value && $.value[e].state === n ? 1 : .3;
 		}
 		function _t() {
-			A.value.resetSortOnClickOutside && K();
+			j.value.resetSortOnClickOutside && K();
 		}
 		let $ = l({
 			get: () => J.value.map((e) => ({ state: 1 })),
@@ -294,69 +294,69 @@ var we = /* @__PURE__ */ e({ default: () => T }), Te = ["id"], Ee = { style: {
 		});
 		function vt(e) {
 			if (e?.stage === "start") {
-				Ke.value = !0;
+				Ge.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				Ke.value = !1;
+				Ge.value = !1;
 				return;
 			}
-			$e();
+			Qe();
 		}
 		async function yt() {
 			if (He("copyAlt", {
-				config: A.value,
+				config: j.value,
 				dataset: B.value
-			}), !A.value.userOptions.callbacks.altCopy) {
+			}), !j.value.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
 				return;
 			}
-			await Promise.resolve(A.value.userOptions.callbacks.altCopy({
-				config: A.value,
+			await Promise.resolve(j.value.userOptions.callbacks.altCopy({
+				config: j.value,
 				dataset: B.value
 			}));
 		}
 		return ue({
-			generatePdf: Qe,
-			generateImage: $e,
+			generatePdf: Ze,
+			generateImage: Qe,
 			generateCsv: pt,
 			restoreOrder: K,
 			copyAlt: yt
 		}), (e, t) => (v(), d("div", {
 			ref_key: "tableContainer",
-			ref: N,
+			ref: P,
 			class: g({
 				"vue-data-ui-component": !0,
 				"vue-ui-table-sparkline": !0,
-				"vue-ui-responsive": P.value
+				"vue-ui-responsive": F.value
 			}),
 			style: { overflow: "hidden" },
 			id: `table_${O.value}`,
-			onMouseenter: t[3] ||= () => C(qe)(!0),
-			onMouseleave: t[4] ||= () => C(qe)(!1)
+			onMouseenter: t[3] ||= () => C(Ke)(!0),
+			onMouseleave: t[4] ||= () => C(Ke)(!1)
 		}, [
-			A.value.title.text ? (v(), d("div", {
+			j.value.title.text ? (v(), d("div", {
 				key: 0,
 				class: "vue-ui-table-sparkline-caption",
-				style: _({ backgroundColor: A.value.title.backgroundColor })
+				style: _({ backgroundColor: j.value.title.backgroundColor })
 			}, [f("div", {
 				class: "atom-title",
 				style: _({
-					fontSize: `${A.value.title.fontSize}px`,
-					fontWeight: A.value.title.bold ? "bold" : "normal",
-					color: A.value.title.color,
-					textAlign: A.value.title.textAlign
+					fontSize: `${j.value.title.fontSize}px`,
+					fontWeight: j.value.title.bold ? "bold" : "normal",
+					color: j.value.title.color,
+					textAlign: j.value.title.textAlign
 				})
-			}, S(A.value.title.text), 5), A.value.title.subtitle.text ? (v(), d("div", {
+			}, S(j.value.title.text), 5), j.value.title.subtitle.text ? (v(), d("div", {
 				key: 0,
 				class: "atom-subtitle",
 				style: _({
-					fontSize: `${A.value.title.subtitle.fontSize}px`,
-					fontWeight: A.value.title.subtitle.bold ? "bold" : "normal",
-					color: A.value.title.subtitle.color,
-					textAlign: A.value.title.textAlign
+					fontSize: `${j.value.title.subtitle.fontSize}px`,
+					fontWeight: j.value.title.subtitle.bold ? "bold" : "normal",
+					color: j.value.title.subtitle.color,
+					textAlign: j.value.title.textAlign
 				})
-			}, S(A.value.title.subtitle.text), 5)) : u("", !0)], 4)) : u("", !0),
+			}, S(j.value.title.subtitle.text), 5)) : u("", !0)], 4)) : u("", !0),
 			f("div", {
 				style: { overflow: "auto" },
 				onPointerleave: t[2] ||= (e) => {
@@ -365,23 +365,23 @@ var we = /* @__PURE__ */ e({ default: () => T }), Te = ["id"], Ee = { style: {
 			}, [f("table", {
 				class: "vue-ui-data-table",
 				style: _({
-					fontFamily: A.value.fontFamily,
+					fontFamily: j.value.fontFamily,
 					position: "relative"
 				})
 			}, [f("thead", Ee, [Ce((v(), d("tr", {
 				role: "row",
 				class: "vue-ui-data-table__thead-row",
 				style: _({
-					backgroundColor: A.value.thead.backgroundColor,
-					color: A.value.thead.color
+					backgroundColor: j.value.thead.backgroundColor,
+					color: j.value.thead.color
 				})
 			}, [f("th", {
 				role: "cell",
 				style: _({
-					backgroundColor: A.value.thead.backgroundColor,
-					border: A.value.thead.outline,
-					textAlign: A.value.thead.textAlign,
-					fontWeight: A.value.thead.bold ? "bold" : "normal"
+					backgroundColor: j.value.thead.backgroundColor,
+					border: j.value.thead.outline,
+					textAlign: j.value.thead.textAlign,
+					fontWeight: j.value.thead.bold ? "bold" : "normal"
 				}),
 				class: "sticky-col-first"
 			}, [f("div", { style: _({
@@ -389,87 +389,87 @@ var we = /* @__PURE__ */ e({ default: () => T }), Te = ["id"], Ee = { style: {
 				flexDirection: "row",
 				alignItems: "center",
 				gap: "3px",
-				justifyContent: A.value.thead.textAlign
-			}) }, [f("span", null, S(A.value.translations.serie), 1), H.value.length > 1 && A.value.sortedSeriesName ? (v(), d("div", De, [f("button", {
+				justifyContent: j.value.thead.textAlign
+			}) }, [f("span", null, S(j.value.translations.serie), 1), H.value.length > 1 && j.value.sortedSeriesName ? (v(), d("div", De, [f("button", {
 				class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",
 				onClick: t[0] ||= (e) => q({ type: "name" }, null, -1),
-				style: _({ cursor: j.value ? "pointer" : "default" })
+				style: _({ cursor: M.value ? "pointer" : "default" })
 			}, [p(C(E), {
 				size: 12,
 				name: "arrowBottom",
-				stroke: A.value.thead.color,
+				stroke: j.value.thead.color,
 				style: _({ opacity: X.value === "name" && Y.value.name === -1 ? 1 : .3 })
 			}, null, 8, ["stroke", "style"])], 4), f("button", {
 				class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",
 				onClick: t[1] ||= (e) => q({ type: "name" }, null, 1),
-				style: _({ cursor: j.value ? "pointer" : "default" })
+				style: _({ cursor: M.value ? "pointer" : "default" })
 			}, [p(C(E), {
 				size: 12,
 				name: "arrowTop",
-				stroke: A.value.thead.color,
+				stroke: j.value.thead.color,
 				style: _({ opacity: X.value === "name" && Y.value.name === 1 ? 1 : .3 })
 			}, null, 8, ["stroke", "style"])], 4)])) : u("", !0)], 4)], 4), (v(!0), d(c, null, b(J.value, (t, n) => (v(), d("th", {
 				role: "cell",
 				style: _({
-					background: A.value.thead.backgroundColor,
-					border: A.value.thead.outline,
-					textAlign: A.value.thead.textAlign,
-					fontWeight: A.value.thead.bold ? "bold" : "normal",
-					minWidth: n === J.value.length - 1 ? `${A.value.sparkline.dimensions.width}px` : "48px",
-					paddingRight: n === J.value.length - 1 && A.value.userOptions.show ? "36px" : ""
+					background: j.value.thead.backgroundColor,
+					border: j.value.thead.outline,
+					textAlign: j.value.thead.textAlign,
+					fontWeight: j.value.thead.bold ? "bold" : "normal",
+					minWidth: n === J.value.length - 1 ? `${j.value.sparkline.dimensions.width}px` : "48px",
+					paddingRight: n === J.value.length - 1 && j.value.userOptions.show ? "36px" : ""
 				}),
-				class: g({ "sticky-col": n === J.value.length - 1 && A.value.showSparklines })
+				class: g({ "sticky-col": n === J.value.length - 1 && j.value.showSparklines })
 			}, [f("div", { style: _({
 				display: "flex",
 				flexDirection: "row",
 				alignItems: "center",
 				gap: "3px",
-				justifyContent: A.value.thead.textAlign
+				justifyContent: j.value.thead.textAlign
 			}) }, [f("span", null, S(t.value), 1), H.value.length > 1 && (mt(n) || ht(t)) ? (v(), d("div", Oe, [f("button", {
 				class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",
 				onClick: () => q(t, n, -1),
-				style: _({ cursor: j.value ? "pointer" : "default" })
+				style: _({ cursor: M.value ? "pointer" : "default" })
 			}, [p(C(E), {
 				size: 12,
 				name: "arrowBottom",
-				stroke: A.value.thead.color,
+				stroke: j.value.thead.color,
 				style: _({ opacity: gt(n, t, -1) })
 			}, null, 8, ["stroke", "style"])], 12, ke), f("button", {
 				class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",
 				onClick: () => q(t, n, 1),
-				style: _({ cursor: j.value ? "pointer" : "default" })
+				style: _({ cursor: M.value ? "pointer" : "default" })
 			}, [p(C(E), {
 				size: 12,
 				name: "arrowTop",
-				stroke: A.value.thead.color,
+				stroke: j.value.thead.color,
 				style: _({ opacity: gt(n, t, 1) })
-			}, null, 8, ["stroke", "style"])], 12, Ae)])) : u("", !0)], 4), A.value.userOptions.show && n === J.value.length - 1 && (C(Je) || C(M)) ? (v(), me(C(Re), {
+			}, null, 8, ["stroke", "style"])], 12, Ae)])) : u("", !0)], 4), j.value.userOptions.show && n === J.value.length - 1 && (C(qe) || C(N)) ? (v(), me(C(Re), {
 				ref_for: !0,
 				ref: "details",
 				key: `user_option_${Ue.value}`,
-				backgroundColor: A.value.thead.backgroundColor,
-				color: A.value.thead.color,
-				isPrinting: C(Xe),
-				isImaging: C(Ze),
+				backgroundColor: j.value.thead.backgroundColor,
+				color: j.value.thead.color,
+				isPrinting: C(Ye),
+				isImaging: C(Xe),
 				uid: O.value,
-				hasPdf: A.value.userOptions.buttons.pdf,
-				hasXls: A.value.userOptions.buttons.csv,
-				hasImg: A.value.userOptions.buttons.img,
-				hasFullscreen: A.value.userOptions.buttons.fullscreen,
-				hasAltCopy: A.value.userOptions.buttons.altCopy,
+				hasPdf: j.value.userOptions.buttons.pdf,
+				hasXls: j.value.userOptions.buttons.csv,
+				hasImg: j.value.userOptions.buttons.img,
+				hasFullscreen: j.value.userOptions.buttons.fullscreen,
+				hasAltCopy: j.value.userOptions.buttons.altCopy,
 				isFullscreen: dt.value,
-				titles: { ...A.value.userOptions.buttonTitles },
-				chartElement: N.value,
-				position: A.value.userOptions.position,
-				callbacks: A.value.userOptions.callbacks,
-				printScale: A.value.userOptions.print.scale,
-				isCursorPointer: j.value,
+				titles: { ...j.value.userOptions.buttonTitles },
+				chartElement: P.value,
+				position: j.value.userOptions.position,
+				callbacks: j.value.userOptions.callbacks,
+				printScale: j.value.userOptions.print.scale,
+				isCursorPointer: M.value,
 				onToggleFullscreen: ft,
-				onGeneratePdf: C(Qe),
+				onGeneratePdf: C(Ze),
 				onGenerateImage: vt,
 				onGenerateCsv: pt,
 				onCopyAlt: yt,
-				style: _({ visibility: C(Je) ? C(M) ? "visible" : "hidden" : "visible" })
+				style: _({ visibility: C(qe) ? C(N) ? "visible" : "hidden" : "visible" })
 			}, he({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
@@ -540,8 +540,8 @@ var we = /* @__PURE__ */ e({ default: () => T }), Te = ["id"], Ee = { style: {
 			])) : u("", !0)], 6))), 256))], 4)), [[C(fe), _t]])]), f("tbody", null, [(v(!0), d(c, null, b(H.value, (e, t) => (v(), d("tr", {
 				role: "row",
 				style: _({
-					backgroundColor: A.value.tbody.backgroundColor,
-					color: A.value.tbody.color
+					backgroundColor: j.value.tbody.backgroundColor,
+					color: j.value.tbody.color
 				}),
 				class: g({
 					"vue-ui-data-table__tbody__row": !0,
@@ -552,13 +552,13 @@ var we = /* @__PURE__ */ e({ default: () => T }), Te = ["id"], Ee = { style: {
 				f("td", {
 					role: "cell",
 					style: _({
-						backgroundColor: A.value.tbody.backgroundColor,
-						border: A.value.tbody.outline,
-						fontSize: `${A.value.tbody.fontSize}px`,
-						fontWeight: A.value.tbody.bold ? "bold" : "normal",
-						textAlign: A.value.tbody.textAlign
+						backgroundColor: j.value.tbody.backgroundColor,
+						border: j.value.tbody.outline,
+						fontSize: `${j.value.tbody.fontSize}px`,
+						fontWeight: j.value.tbody.bold ? "bold" : "normal",
+						textAlign: j.value.tbody.textAlign
 					}),
-					"data-cell": A.value.translations.serie,
+					"data-cell": j.value.translations.serie,
 					class: "vue-ui-data-table__tbody__td sticky-col-first"
 				}, [f("div", {
 					dir: "auto",
@@ -567,9 +567,9 @@ var we = /* @__PURE__ */ e({ default: () => T }), Te = ["id"], Ee = { style: {
 						flexDirection: "row",
 						alignItems: "center",
 						gap: "6px",
-						justifyContent: A.value.tbody.textAlign
+						justifyContent: j.value.tbody.textAlign
 					})
-				}, [A.value.tbody.showColorMarker ? (v(), d("span", {
+				}, [j.value.tbody.showColorMarker ? (v(), d("span", {
 					key: 0,
 					style: _({ color: e.color })
 				}, "⬤", 4)) : u("", !0), f("span", null, S(e.name ?? "-"), 1)], 4)], 12, je),
@@ -578,82 +578,82 @@ var we = /* @__PURE__ */ e({ default: () => T }), Te = ["id"], Ee = { style: {
 					role: "cell",
 					ref_for: !0,
 					ref_key: "TD",
-					ref: We,
+					ref: A,
 					style: _({
-						border: A.value.tbody.outline,
-						fontSize: `${A.value.tbody.fontSize}px`,
-						fontWeight: A.value.tbody.bold ? "bold" : "normal",
-						textAlign: A.value.tbody.textAlign,
-						background: Z.value !== void 0 && r === Z.value ? A.value.tbody.selectedColor.useSerieColor ? `${e.color.length > 7 ? e.color.slice(0, -2) : e.color}33` : A.value.tbody.selectedColor.fallback : ""
+						border: j.value.tbody.outline,
+						fontSize: `${j.value.tbody.fontSize}px`,
+						fontWeight: j.value.tbody.bold ? "bold" : "normal",
+						textAlign: j.value.tbody.textAlign,
+						background: Z.value !== void 0 && r === Z.value ? j.value.tbody.selectedColor.useSerieColor ? `${e.color.length > 7 ? e.color.slice(0, -2) : e.color}33` : j.value.tbody.selectedColor.fallback : ""
 					}),
 					"data-cell": J.value[r] ? J.value[r].value : "",
 					class: "vue-ui-data-table__tbody__td",
 					onPointerenter: (e) => {
 						Q.value = t, Z.value = r;
 					}
-				}, S(z(e.values[r], A.value.roundingValues, {
+				}, S(z(e.values[r], j.value.roundingValues, {
 					datapoint: e,
 					seriesIndex: t,
 					datapointIndex: r
 				})), 45, Me))), 256)),
-				A.value.showTotal ? (v(), d("td", {
+				j.value.showTotal ? (v(), d("td", {
 					key: 0,
 					dir: "auto",
 					role: "cell",
 					style: _({
-						border: A.value.tbody.outline,
-						fontSize: `${A.value.tbody.fontSize}px`,
-						fontWeight: A.value.tbody.bold ? "bold" : "normal",
-						textAlign: A.value.tbody.textAlign
+						border: j.value.tbody.outline,
+						fontSize: `${j.value.tbody.fontSize}px`,
+						fontWeight: j.value.tbody.bold ? "bold" : "normal",
+						textAlign: j.value.tbody.textAlign
 					}),
-					"data-cell": A.value.translations.total,
+					"data-cell": j.value.translations.total,
 					class: "vue-ui-data-table__tbody__td"
-				}, S(z(e.sum, A.value.roundingTotal, {
+				}, S(z(e.sum, j.value.roundingTotal, {
 					datapoint: e.sum,
 					seriesIndex: t
 				})), 13, Ne)) : u("", !0),
-				A.value.showAverage ? (v(), d("td", {
+				j.value.showAverage ? (v(), d("td", {
 					key: 1,
 					dir: "auto",
 					role: "cell",
 					style: _({
-						border: A.value.tbody.outline,
-						fontSize: `${A.value.tbody.fontSize}px`,
-						fontWeight: A.value.tbody.bold ? "bold" : "normal",
-						textAlign: A.value.tbody.textAlign
+						border: j.value.tbody.outline,
+						fontSize: `${j.value.tbody.fontSize}px`,
+						fontWeight: j.value.tbody.bold ? "bold" : "normal",
+						textAlign: j.value.tbody.textAlign
 					}),
-					"data-cell": A.value.translations.average,
+					"data-cell": j.value.translations.average,
 					class: "vue-ui-data-table__tbody__td"
-				}, S(z(e.average, A.value.roundingAverage, {
+				}, S(z(e.average, j.value.roundingAverage, {
 					datapoint: e.average,
 					seriesIndex: t
 				})), 13, Pe)) : u("", !0),
-				A.value.showMedian ? (v(), d("td", {
+				j.value.showMedian ? (v(), d("td", {
 					key: 2,
 					dir: "auto",
 					role: "cell",
 					style: _({
-						border: A.value.tbody.outline,
-						fontSize: `${A.value.tbody.fontSize}px`,
-						fontWeight: A.value.tbody.bold ? "bold" : "normal",
-						textAlign: A.value.tbody.textAlign
+						border: j.value.tbody.outline,
+						fontSize: `${j.value.tbody.fontSize}px`,
+						fontWeight: j.value.tbody.bold ? "bold" : "normal",
+						textAlign: j.value.tbody.textAlign
 					}),
-					"data-cell": A.value.translations.median,
+					"data-cell": j.value.translations.median,
 					class: "vue-ui-data-table__tbody__td"
-				}, S(z(e.median, A.value.roundingMedian, {
+				}, S(z(e.median, j.value.roundingMedian, {
 					datapoint: e.median,
 					seriesIndex: t
 				})), 13, Fe)) : u("", !0),
-				A.value.showSparklines ? (v(), d("td", {
+				j.value.showSparklines ? (v(), d("td", {
 					key: 3,
 					role: "cell",
-					"data-cell": A.value.translations.chart,
+					"data-cell": j.value.translations.chart,
 					style: _({
-						border: A.value.tbody.outline,
-						fontSize: `${A.value.tbody.fontSize}px`,
-						fontWeight: A.value.tbody.bold ? "bold" : "normal",
-						textAlign: A.value.tbody.textAlign,
-						backgroundColor: A.value.tbody.backgroundColor,
+						border: j.value.tbody.outline,
+						fontSize: `${j.value.tbody.fontSize}px`,
+						fontWeight: j.value.tbody.bold ? "bold" : "normal",
+						textAlign: j.value.tbody.textAlign,
+						backgroundColor: j.value.tbody.backgroundColor,
 						padding: "0"
 					}),
 					class: "vue-ui-data-table__tbody__td sticky-col"
@@ -662,36 +662,36 @@ var we = /* @__PURE__ */ e({ default: () => T }), Te = ["id"], Ee = { style: {
 						dataIndex: e,
 						serieIndex: t
 					}),
-					"height-ratio": A.value.sparkline.dimensions.heightRatio,
+					"height-ratio": j.value.sparkline.dimensions.heightRatio,
 					"forced-padding": 30,
 					dataset: e.sparklineDataset,
 					showInfo: !1,
 					selectedIndex: Z.value,
 					config: {
-						type: A.value.sparkline.type,
+						type: j.value.sparkline.type,
 						style: {
 							backgroundColor: "transparent",
 							animation: {
-								show: A.value.sparkline.animation.show && !C(Xe) && !C(Ze),
-								animationFrames: A.value.sparkline.animation.animationFrames
+								show: j.value.sparkline.animation.show && !C(Ye) && !C(Xe),
+								animationFrames: j.value.sparkline.animation.animationFrames
 							},
 							padding: { right: 12 },
 							line: {
 								color: e.color,
-								smooth: A.value.sparkline.smooth,
-								cutNullValues: A.value.sparkline.cutNullValues,
-								strokeWidth: A.value.sparkline.strokeWidth
+								smooth: j.value.sparkline.smooth,
+								cutNullValues: j.value.sparkline.cutNullValues,
+								strokeWidth: j.value.sparkline.strokeWidth
 							},
 							bar: { color: e.color },
 							area: {
 								color: e.color,
-								opacity: A.value.sparkline.showArea ? 16 : 0,
-								useGradient: A.value.sparkline.useGradient
+								opacity: j.value.sparkline.showArea ? 16 : 0,
+								useGradient: j.value.sparkline.useGradient
 							},
 							verticalIndicator: { color: e.color },
 							plot: {
 								radius: 9,
-								stroke: A.value.tbody.backgroundColor,
+								stroke: j.value.tbody.backgroundColor,
 								strokeWidth: 3
 							}
 						}