vue-data-ui 3.22.4 → 3.22.6

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

@@ -1,37 +1,37 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ot as t, Q as n, S as r, Ut as i, W as a, X as o, b as ee, f as te, i as ne, jt as s, q as re, ut as ie, w as ae } from "./lib-CuwHGt1j.js";
-import { t as oe } from "./useConfig-pVLia3dt.js";
-import { t as se } from "./usePrinter-C0wAS8yc.js";
-import { t as ce } from "./useNestedProp-BjkuFaz1.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 { 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 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";
 import { t as fe } from "./vClickOutside-DUrZWttG.js";
 import { t as pe } from "./vue_ui_table_sparkline-DAbkUrNz.js";
-import { Fragment as me, computed as c, createBlock as he, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as ge, createVNode as f, defineAsyncComponent as p, mergeProps as m, nextTick as _e, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as ve, onMounted as ye, openBlock as _, ref as v, renderList as y, renderSlot as b, shallowRef as be, toDisplayString as x, unref as S, useCssVars as xe, useSlots as Se, watch as Ce, withCtx as C, withDirectives as we } from "vue";
+import { Fragment as c, computed as l, createBlock as me, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as he, createVNode as p, defineAsyncComponent as m, mergeProps as h, nextTick as ge, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as _e, onMounted as ve, openBlock as v, ref as y, renderList as b, renderSlot as x, shallowRef as ye, toDisplayString as S, unref as C, useCssVars as be, useSlots as xe, watch as Se, withCtx as w, withDirectives as Ce } from "vue";
 //#region src/components/vue-ui-table-sparkline.vue
-var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
+var we = /* @__PURE__ */ e({ default: () => T }), Te = ["id"], Ee = { style: {
 	"z-index": "1",
 	"padding-right": "24px"
-} }, Oe = {
+} }, De = {
 	key: 0,
 	style: {
 		display: "flex",
 		flexDirection: "row",
 		alignItems: "center"
 	}
-}, ke = {
+}, Oe = {
 	key: 0,
 	style: {
 		display: "flex",
 		flexDirection: "row",
 		alignItems: "center"
 	}
-}, Ae = ["onClick"], je = ["onClick"], Me = ["data-cell"], Ne = ["data-cell", "onPointerenter"], Pe = ["data-cell"], Fe = ["data-cell"], Ie = ["data-cell"], Le = ["data-cell"], Re = {
+}, ke = ["onClick"], Ae = ["onClick"], je = ["data-cell"], Me = ["data-cell", "onPointerenter"], Ne = ["data-cell"], Pe = ["data-cell"], Fe = ["data-cell"], Ie = ["data-cell"], Le = {
 	key: 1,
 	ref: "source",
 	dir: "auto"
-}, w = /*#__PURE__*/ ue({
+}, T = /*#__PURE__*/ ue({
 	__name: "vue-ui-table-sparkline",
 	props: {
 		config: {
@@ -48,51 +48,51 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 		}
 	},
 	emits: ["copyAlt"],
-	setup(e, { expose: ue, emit: Te }) {
-		xe((e) => ({ v43308e63: e.tdo }));
-		let w = p(() => import("./vue-ui-sparkline-BJfh5Lje.js").then((e) => e.n)), T = p(() => import("./BaseIcon-xBuW2jjI.js").then((e) => e.n)), ze = p(() => import("./UserOptions-BxT1XHzN.js").then((e) => e.n)), { vue_ui_table_sparkline: Be } = oe(), { isThemeValid: Ve, warnInvalidTheme: He } = le(), E = e, Ue = Te, D = v(a()), We = v(0), O = v(0), k = v(null), Ge = Se(), Ke = v(!1);
-		ye(() => {
+	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);
+		ve(() => {
 			Ge["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
 		});
-		let A = c({
+		let A = l({
 			get: () => Ye(),
 			set: (e) => e
-		}), j = c(() => A.value.userOptions.useCursorPointer), { userOptionsVisible: M, setUserOptionsVisibility: qe, keepUserOptionState: Je } = de({ config: A.value });
+		}), j = l(() => A.value.userOptions.useCursorPointer), { userOptionsVisible: M, setUserOptionsVisibility: qe, keepUserOptionState: Je } = de({ config: A.value });
 		function Ye() {
-			let e = ce({
-				userConfig: E.config,
-				defaultConfig: Be
-			}), t = e.theme;
-			if (!t) return e;
-			if (!Ve.value(e)) return He(e), e;
-			let n = ce({
-				userConfig: pe[t] || E.config,
+			let e = s({
+				userConfig: D.config,
+				defaultConfig: ze
+			}), n = e.theme;
+			if (!n) return e;
+			if (!Be.value(e)) return Ve(e), e;
+			let i = s({
+				userConfig: pe[n] || D.config,
 				defaultConfig: e
-			}), r = ce({
-				userConfig: E.config,
-				defaultConfig: n
+			}), a = s({
+				userConfig: D.config,
+				defaultConfig: i
 			});
 			return {
-				...r,
-				customPalette: r.customPalette.length ? r.customPalette : i[t] || s
+				...a,
+				customPalette: a.customPalette.length ? a.customPalette : r[n] || t
 			};
 		}
-		Ce(() => E.config, (e) => {
-			A.value = Ye(), M.value = !A.value.userOptions.showOnChartHover, nt(), O.value += 1;
-		}, { deep: !0 }), Ce(() => E.dataset, (e) => {
-			U.value = H.value, O.value += 1;
+		Se(() => D.config, (e) => {
+			A.value = Ye(), M.value = !A.value.userOptions.showOnChartHover, nt(), 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 } = se({
-			elementId: `table_${D.value}`,
+		let { isPrinting: Xe, isImaging: Ze, generatePdf: Qe, generateImage: $e } = ce({
+			elementId: `table_${O.value}`,
 			fileName: A.value.title.text || "vue-ui-table-sparkline",
 			options: A.value.userOptions.print
-		}), et = c(() => r(A.value.customPalette)), N = v(null), P = v(!1), tt = c(() => A.value.responsiveBreakpoint);
-		ye(() => {
+		}), et = l(() => a(A.value.customPalette)), N = y(null), P = y(!1), tt = l(() => A.value.responsiveBreakpoint);
+		ve(() => {
 			nt();
 		});
-		let F = v(A.value.colNames), I = be(null);
+		let F = y(A.value.colNames), I = ye(null);
 		function nt() {
-			t(E.dataset) && n({
+			n(D.dataset) && i({
 				componentName: "VueUiTableSparkline",
 				type: "dataset"
 			}), I.value && I.value.disconnect(), I.value = new ResizeObserver((e) => {
@@ -100,9 +100,9 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 					P.value = e.contentRect.width < tt.value;
 				});
 			}), N.value && I.value.observe(N.value), F.value = [];
-			for (let e = 0; e < st.value; e += 1) F.value.push(A.value.colNames[e] || `col ${e}`);
+			for (let e = 0; e < ct.value; e += 1) F.value.push(A.value.colNames[e] || `col ${e}`);
 		}
-		ve(() => {
+		_e(() => {
 			I.value && I.value.disconnect();
 		});
 		function L(e) {
@@ -110,94 +110,94 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
 		}
-		function R(e) {
+		function rt(e) {
 			return typeof e == "number" && Number.isFinite(e);
 		}
-		function rt(e = []) {
-			return e.map(L).filter(R);
+		function it(e = []) {
+			return e.map(L).filter(rt);
 		}
-		function z(e, t, n) {
-			let r = L(e), i = L(t), a = R(r), o = R(i);
+		function R(e, t, n) {
+			let r = L(e), i = L(t), a = rt(r), o = rt(i);
 			return a && o ? n === -1 ? r - i : i - r : a ? -1 : +!!o;
 		}
-		function B(e, t, n = {}) {
+		function z(e, t, n = {}) {
 			let r = L(e);
-			return r === null ? "-" : ne(A.value.formatter, r, re({
+			return r === null ? "-" : re(A.value.formatter, r, ae({
 				p: A.value.prefix,
 				v: r,
 				s: A.value.suffix,
 				r: t
 			}), n);
 		}
-		let V = c(() => (E.dataset.forEach((e, t) => {
+		let B = l(() => (D.dataset.forEach((e, t) => {
 			ie({
 				datasetObject: e,
 				requiredAttributes: ["name", "values"]
 			}).forEach((e) => {
-				n({
+				i({
 					componentName: "VueUiTableSparkline",
 					type: "datasetSerieAttribute",
 					property: e,
 					index: t
 				});
 			});
-		}), E.dataset.map((e, t) => {
-			let n = e.values || [], r = rt(n), i = r.length ? r.reduce((e, t) => e + t, 0) : null, a = r.length ? i / r.length : null, o = r.length ? te(r) : null;
+		}), 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;
 			return {
 				...e,
-				values: n,
-				color: ee(e.color) || et.value[t] || s[t] || s[t % s.length],
-				sum: i,
-				average: a,
-				median: o,
-				sparklineDataset: n.map((e, t) => ({
+				values: r,
+				color: te(e.color) || et.value[n] || t[n] || t[n % t.length],
+				sum: a,
+				average: o,
+				median: ee,
+				sparklineDataset: r.map((e, t) => ({
 					period: A.value.colNames[t] || `col ${t}`,
 					value: L(e)
 				}))
 			};
 		})));
-		function it(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) => z(e[0], t[0], 1)).map((e) => e[1]));
+		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]));
 			return e.map((e, n) => ({
 				...e,
 				values: e.values || [],
 				orders: t[n]
 			}));
 		}
-		let H = c(() => it(V.value)), U = v(H.value), at = c(() => Math.max(...U.value.map((e) => (e.values || []).length))), W = v(void 0), G = v(!1), K = v(void 0), ot = v(1);
-		function q() {
-			G.value = !1, K.value = void 0, Z.value = void 0, ot.value = 1, $.value.forEach((e) => e.state = 1), X.value = {
+		let V = l(() => at(B.value)), H = y(V.value), ot = l(() => Math.max(...H.value.map((e) => (e.values || []).length))), U = y(void 0), W = y(!1), G = y(void 0), st = y(1);
+		function K() {
+			W.value = !1, G.value = void 0, X.value = void 0, st.value = 1, $.value.forEach((e) => e.state = 1), Y.value = {
 				name: 1,
 				sum: 1,
 				average: 1,
 				median: 1
-			}, U.value = H.value;
+			}, H.value = V.value;
 		}
-		function J(e, t, n) {
+		function q(e, t, n) {
 			if ([
 				"name",
 				"sum",
 				"average",
 				"median"
 			].includes(e.type)) {
-				ct(e.type, t, n);
+				lt(e.type, t, n);
 				return;
 			}
 			if (!mt(t)) return;
-			if (Q.value = t, Z.value = void 0, ![null, void 0].includes(K.value) && t !== K.value && (K.value = void 0, q()), $.value[t].state === n && K.value === t) {
-				K.value = void 0, q();
+			if (Z.value = t, X.value = void 0, ![null, void 0].includes(G.value) && t !== G.value && (G.value = void 0, K()), $.value[t].state === n && G.value === t) {
+				G.value = void 0, K();
 				return;
 			}
-			G.value = !0, K.value = t;
-			let r = H.value.map((e) => e.values?.[t] ?? null), i = n;
-			$.value[t].state = i, ot.value = i, t === W.value ? W.value = void 0 : W.value = t, U.value = r.map((e, t) => [t, e]).sort((e, t) => z(e[1], t[1], i)).map((e) => e[0]).map((e) => H.value[e]), O.value += 1;
+			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;
 		}
-		let st = c(() => Math.max(...E.dataset.map((e) => (e.values || []).length))), Y = c(() => {
+		let ct = l(() => Math.max(...D.dataset.map((e) => (e.values || []).length))), J = l(() => {
 			let e = F.value.map((e) => ({
 				type: "reg",
 				value: e
 			}));
-			if (!e.length) for (let t = 0; t < st.value; t += 1) e.push({
+			if (!e.length) for (let t = 0; t < ct.value; t += 1) e.push({
 				type: "reg",
 				value: `col ${t + 1}`
 			});
@@ -226,47 +226,47 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 				type: "chart",
 				value: A.value.translations.chart
 			}] : t;
-		}), X = v({
+		}), Y = y({
 			name: 1,
 			sum: 1,
 			average: 1,
 			median: 1
-		}), Z = v(void 0);
-		function ct(e, t, n) {
-			if (!U.value || U.value.length === 0 || !ht(e)) return;
-			if (Z.value !== e && (Z.value = void 0), ![null, void 0].includes(K.value) && t !== K.value && q(), K.value = void 0, X.value[e] === n && Z.value) {
-				Z.value = void 0, q();
+		}), X = y(void 0);
+		function lt(e, t, n) {
+			if (!H.value || H.value.length === 0 || !ht(e)) return;
+			if (X.value !== e && (X.value = void 0), ![null, void 0].includes(G.value) && t !== G.value && K(), G.value = void 0, Y.value[e] === n && X.value) {
+				X.value = void 0, K();
 				return;
 			}
-			Z.value = e, G.value = !0, X.value[e] = n, [null, void 0].includes(t) || ($.value[t].state = X.value[e]);
-			let r = X.value[e];
-			U.value = [...U.value].sort((t, n) => {
+			X.value = e, W.value = !0, Y.value[e] = n, [null, void 0].includes(t) || ($.value[t].state = Y.value[e]);
+			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) : z(i, a, r);
+				return typeof i == "string" && typeof a == "string" ? r === -1 ? i.localeCompare(a) : a.localeCompare(i) : R(i, a, r);
 			});
 		}
-		let Q = v(void 0), lt = v(void 0);
+		let Z = y(void 0), Q = y(void 0);
 		function ut({ dataIndex: e, serieIndex: t }) {
-			Q.value = e, lt.value = t, k.value[e] && !P.value && k.value[e].scrollIntoView({
+			Z.value = e, Q.value = t, We.value[e] && !P.value && We.value[e].scrollIntoView({
 				behavior: "smooth",
 				block: "nearest",
 				inline: "center"
 			});
 		}
-		let dt = v(!1);
+		let dt = y(!1);
 		function ft(e) {
-			dt.value = e, We.value += 1;
+			dt.value = e, Ue.value += 1;
 		}
 		function pt(e = null) {
-			_e(() => {
-				let t = [A.value.translations.serie].concat(Y.value), n = V.value.map((e, t) => [
+			ge(() => {
+				let t = [A.value.translations.serie].concat(J.value), n = B.value.map((e, t) => [
 					[e.name],
 					e.values,
 					[e.sum],
 					[e.average],
 					[e.median]
-				]), r = ae([t].concat(n));
-				e ? e(r) : o({
+				]), r = oe([t].concat(n));
+				e ? e(r) : ee({
 					csvContent: r,
 					title: A.value.title.text || "vue-ui-table-sparkline"
 				});
@@ -283,13 +283,13 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 				"sum",
 				"average",
 				"median"
-			].includes(t.type) ? Z.value === t.type && X.value[t.type] === n ? 1 : .3 : e === K.value && $.value[e].state === n ? 1 : .3;
+			].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 && q();
+			A.value.resetSortOnClickOutside && K();
 		}
-		let $ = c({
-			get: () => Y.value.map((e) => ({ state: 1 })),
+		let $ = l({
+			get: () => J.value.map((e) => ({ state: 1 })),
 			set: (e) => e
 		});
 		function vt(e) {
@@ -304,154 +304,154 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 			$e();
 		}
 		async function yt() {
-			if (Ue("copyAlt", {
+			if (He("copyAlt", {
 				config: A.value,
-				dataset: V.value
+				dataset: B.value
 			}), !A.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,
-				dataset: V.value
+				dataset: B.value
 			}));
 		}
 		return ue({
 			generatePdf: Qe,
 			generateImage: $e,
 			generateCsv: pt,
-			restoreOrder: q,
+			restoreOrder: K,
 			copyAlt: yt
-		}), (e, t) => (_(), u("div", {
+		}), (e, t) => (v(), d("div", {
 			ref_key: "tableContainer",
 			ref: N,
-			class: h({
+			class: g({
 				"vue-data-ui-component": !0,
 				"vue-ui-table-sparkline": !0,
 				"vue-ui-responsive": P.value
 			}),
 			style: { overflow: "hidden" },
-			id: `table_${D.value}`,
-			onMouseenter: t[3] ||= () => S(qe)(!0),
-			onMouseleave: t[4] ||= () => S(qe)(!1)
+			id: `table_${O.value}`,
+			onMouseenter: t[3] ||= () => C(qe)(!0),
+			onMouseleave: t[4] ||= () => C(qe)(!1)
 		}, [
-			A.value.title.text ? (_(), u("div", {
+			A.value.title.text ? (v(), d("div", {
 				key: 0,
 				class: "vue-ui-table-sparkline-caption",
-				style: g({ backgroundColor: A.value.title.backgroundColor })
-			}, [d("div", {
+				style: _({ backgroundColor: A.value.title.backgroundColor })
+			}, [f("div", {
 				class: "atom-title",
-				style: g({
+				style: _({
 					fontSize: `${A.value.title.fontSize}px`,
 					fontWeight: A.value.title.bold ? "bold" : "normal",
 					color: A.value.title.color,
 					textAlign: A.value.title.textAlign
 				})
-			}, x(A.value.title.text), 5), A.value.title.subtitle.text ? (_(), u("div", {
+			}, S(A.value.title.text), 5), A.value.title.subtitle.text ? (v(), d("div", {
 				key: 0,
 				class: "atom-subtitle",
-				style: g({
+				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
 				})
-			}, x(A.value.title.subtitle.text), 5)) : l("", !0)], 4)) : l("", !0),
-			d("div", {
+			}, S(A.value.title.subtitle.text), 5)) : u("", !0)], 4)) : u("", !0),
+			f("div", {
 				style: { overflow: "auto" },
 				onPointerleave: t[2] ||= (e) => {
-					lt.value = void 0, Q.value = void 0;
+					Q.value = void 0, Z.value = void 0;
 				}
-			}, [d("table", {
+			}, [f("table", {
 				class: "vue-ui-data-table",
-				style: g({
+				style: _({
 					fontFamily: A.value.fontFamily,
 					position: "relative"
 				})
-			}, [d("thead", De, [we((_(), u("tr", {
+			}, [f("thead", Ee, [Ce((v(), d("tr", {
 				role: "row",
 				class: "vue-ui-data-table__thead-row",
-				style: g({
+				style: _({
 					backgroundColor: A.value.thead.backgroundColor,
 					color: A.value.thead.color
 				})
-			}, [d("th", {
+			}, [f("th", {
 				role: "cell",
-				style: g({
+				style: _({
 					backgroundColor: A.value.thead.backgroundColor,
 					border: A.value.thead.outline,
 					textAlign: A.value.thead.textAlign,
 					fontWeight: A.value.thead.bold ? "bold" : "normal"
 				}),
 				class: "sticky-col-first"
-			}, [d("div", { style: g({
+			}, [f("div", { style: _({
 				display: "flex",
 				flexDirection: "row",
 				alignItems: "center",
 				gap: "3px",
 				justifyContent: A.value.thead.textAlign
-			}) }, [d("span", null, x(A.value.translations.serie), 1), U.value.length > 1 && A.value.sortedSeriesName ? (_(), u("div", Oe, [d("button", {
+			}) }, [f("span", null, S(A.value.translations.serie), 1), H.value.length > 1 && A.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) => J({ type: "name" }, null, -1),
-				style: g({ cursor: j.value ? "pointer" : "default" })
-			}, [f(S(T), {
+				onClick: t[0] ||= (e) => q({ type: "name" }, null, -1),
+				style: _({ cursor: j.value ? "pointer" : "default" })
+			}, [p(C(E), {
 				size: 12,
 				name: "arrowBottom",
 				stroke: A.value.thead.color,
-				style: g({ opacity: Z.value === "name" && X.value.name === -1 ? 1 : .3 })
-			}, null, 8, ["stroke", "style"])], 4), d("button", {
+				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) => J({ type: "name" }, null, 1),
-				style: g({ cursor: j.value ? "pointer" : "default" })
-			}, [f(S(T), {
+				onClick: t[1] ||= (e) => q({ type: "name" }, null, 1),
+				style: _({ cursor: j.value ? "pointer" : "default" })
+			}, [p(C(E), {
 				size: 12,
 				name: "arrowTop",
 				stroke: A.value.thead.color,
-				style: g({ opacity: Z.value === "name" && X.value.name === 1 ? 1 : .3 })
-			}, null, 8, ["stroke", "style"])], 4)])) : l("", !0)], 4)], 4), (_(!0), u(me, null, y(Y.value, (t, n) => (_(), u("th", {
+				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: g({
+				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 === Y.value.length - 1 ? `${A.value.sparkline.dimensions.width}px` : "48px",
-					paddingRight: n === Y.value.length - 1 && A.value.userOptions.show ? "36px" : ""
+					minWidth: n === J.value.length - 1 ? `${A.value.sparkline.dimensions.width}px` : "48px",
+					paddingRight: n === J.value.length - 1 && A.value.userOptions.show ? "36px" : ""
 				}),
-				class: h({ "sticky-col": n === Y.value.length - 1 && A.value.showSparklines })
-			}, [d("div", { style: g({
+				class: g({ "sticky-col": n === J.value.length - 1 && A.value.showSparklines })
+			}, [f("div", { style: _({
 				display: "flex",
 				flexDirection: "row",
 				alignItems: "center",
 				gap: "3px",
 				justifyContent: A.value.thead.textAlign
-			}) }, [d("span", null, x(t.value), 1), U.value.length > 1 && (mt(n) || ht(t)) ? (_(), u("div", ke, [d("button", {
+			}) }, [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: () => J(t, n, -1),
-				style: g({ cursor: j.value ? "pointer" : "default" })
-			}, [f(S(T), {
+				onClick: () => q(t, n, -1),
+				style: _({ cursor: j.value ? "pointer" : "default" })
+			}, [p(C(E), {
 				size: 12,
 				name: "arrowBottom",
 				stroke: A.value.thead.color,
-				style: g({ opacity: gt(n, t, -1) })
-			}, null, 8, ["stroke", "style"])], 12, Ae), d("button", {
+				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: () => J(t, n, 1),
-				style: g({ cursor: j.value ? "pointer" : "default" })
-			}, [f(S(T), {
+				onClick: () => q(t, n, 1),
+				style: _({ cursor: j.value ? "pointer" : "default" })
+			}, [p(C(E), {
 				size: 12,
 				name: "arrowTop",
 				stroke: A.value.thead.color,
-				style: g({ opacity: gt(n, t, 1) })
-			}, null, 8, ["stroke", "style"])], 12, je)])) : l("", !0)], 4), A.value.userOptions.show && n === Y.value.length - 1 && (S(Je) || S(M)) ? (_(), he(S(ze), {
+				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), {
 				ref_for: !0,
 				ref: "details",
-				key: `user_option_${We.value}`,
+				key: `user_option_${Ue.value}`,
 				backgroundColor: A.value.thead.backgroundColor,
 				color: A.value.thead.color,
-				isPrinting: S(Xe),
-				isImaging: S(Ze),
-				uid: D.value,
+				isPrinting: C(Xe),
+				isImaging: C(Ze),
+				uid: O.value,
 				hasPdf: A.value.userOptions.buttons.pdf,
 				hasXls: A.value.userOptions.buttons.csv,
 				hasImg: A.value.userOptions.buttons.img,
@@ -465,15 +465,15 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 				printScale: A.value.userOptions.print.scale,
 				isCursorPointer: j.value,
 				onToggleFullscreen: ft,
-				onGeneratePdf: S(Qe),
+				onGeneratePdf: C(Qe),
 				onGenerateImage: vt,
 				onGenerateCsv: pt,
 				onCopyAlt: yt,
-				style: g({ visibility: S(Je) ? S(M) ? "visible" : "hidden" : "visible" })
-			}, ge({ _: 2 }, [
+				style: _({ visibility: C(Je) ? C(M) ? "visible" : "hidden" : "visible" })
+			}, he({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: C(({ isOpen: t, color: n }) => [b(e.$slots, "menuIcon", m({ ref_for: !0 }, {
+					fn: w(({ isOpen: t, color: n }) => [x(e.$slots, "menuIcon", h({ ref_for: !0 }, {
 						isOpen: t,
 						color: n
 					}), void 0, !0)]),
@@ -481,22 +481,22 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: C(() => [b(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: w(() => [x(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: C(() => [b(e.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: w(() => [x(e.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: C(() => [b(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: w(() => [x(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: C(({ toggleFullscreen: t, isFullscreen: n }) => [b(e.$slots, "optionFullscreen", m({ ref_for: !0 }, {
+					fn: w(({ toggleFullscreen: t, isFullscreen: n }) => [x(e.$slots, "optionFullscreen", h({ ref_for: !0 }, {
 						toggleFullscreen: t,
 						isFullscreen: n
 					}), void 0, !0)]),
@@ -504,17 +504,17 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: C(({ altCopy: t }) => [b(e.$slots, "optionAltCopy", m({ ref_for: !0 }, { altCopy: t }), void 0, !0)]),
+					fn: w(({ altCopy: t }) => [x(e.$slots, "optionAltCopy", h({ ref_for: !0 }, { altCopy: t }), void 0, !0)]),
 					key: "5"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: C(() => [b(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: w(() => [x(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: C(() => [b(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: w(() => [x(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "7"
 				} : void 0
 			]), 1032, [
@@ -537,21 +537,21 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 				"isCursorPointer",
 				"onGeneratePdf",
 				"style"
-			])) : l("", !0)], 6))), 256))], 4)), [[S(fe), _t]])]), d("tbody", null, [(_(!0), u(me, null, y(U.value, (e, t) => (_(), u("tr", {
+			])) : 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: g({
+				style: _({
 					backgroundColor: A.value.tbody.backgroundColor,
 					color: A.value.tbody.color
 				}),
-				class: h({
+				class: g({
 					"vue-ui-data-table__tbody__row": !0,
 					"vue-ui-data-table__tbody__row-even": t % 2 == 0,
 					"vue-ui-data-table__tbody__row-odd": t % 2 != 0
 				})
 			}, [
-				d("td", {
+				f("td", {
 					role: "cell",
-					style: g({
+					style: _({
 						backgroundColor: A.value.tbody.backgroundColor,
 						border: A.value.tbody.outline,
 						fontSize: `${A.value.tbody.fontSize}px`,
@@ -560,47 +560,47 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 					}),
 					"data-cell": A.value.translations.serie,
 					class: "vue-ui-data-table__tbody__td sticky-col-first"
-				}, [d("div", {
+				}, [f("div", {
 					dir: "auto",
-					style: g({
+					style: _({
 						display: "flex",
 						flexDirection: "row",
 						alignItems: "center",
 						gap: "6px",
 						justifyContent: A.value.tbody.textAlign
 					})
-				}, [A.value.tbody.showColorMarker ? (_(), u("span", {
+				}, [A.value.tbody.showColorMarker ? (v(), d("span", {
 					key: 0,
-					style: g({ color: e.color })
-				}, "⬤", 4)) : l("", !0), d("span", null, x(e.name ?? "-"), 1)], 4)], 12, Me),
-				(_(!0), u(me, null, y(at.value, (n, r) => (_(), u("td", {
+					style: _({ color: e.color })
+				}, "⬤", 4)) : u("", !0), f("span", null, S(e.name ?? "-"), 1)], 4)], 12, je),
+				(v(!0), d(c, null, b(ot.value, (n, r) => (v(), d("td", {
 					dir: "auto",
 					role: "cell",
 					ref_for: !0,
 					ref_key: "TD",
-					ref: k,
-					style: g({
+					ref: We,
+					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: Q.value !== void 0 && r === Q.value ? A.value.tbody.selectedColor.useSerieColor ? `${e.color.length > 7 ? e.color.slice(0, -2) : e.color}33` : A.value.tbody.selectedColor.fallback : ""
+						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 : ""
 					}),
-					"data-cell": Y.value[r] ? Y.value[r].value : "",
+					"data-cell": J.value[r] ? J.value[r].value : "",
 					class: "vue-ui-data-table__tbody__td",
 					onPointerenter: (e) => {
-						lt.value = t, Q.value = r;
+						Q.value = t, Z.value = r;
 					}
-				}, x(B(e.values[r], A.value.roundingValues, {
+				}, S(z(e.values[r], A.value.roundingValues, {
 					datapoint: e,
 					seriesIndex: t,
 					datapointIndex: r
-				})), 45, Ne))), 256)),
-				A.value.showTotal ? (_(), u("td", {
+				})), 45, Me))), 256)),
+				A.value.showTotal ? (v(), d("td", {
 					key: 0,
 					dir: "auto",
 					role: "cell",
-					style: g({
+					style: _({
 						border: A.value.tbody.outline,
 						fontSize: `${A.value.tbody.fontSize}px`,
 						fontWeight: A.value.tbody.bold ? "bold" : "normal",
@@ -608,15 +608,15 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 					}),
 					"data-cell": A.value.translations.total,
 					class: "vue-ui-data-table__tbody__td"
-				}, x(B(e.sum, A.value.roundingTotal, {
+				}, S(z(e.sum, A.value.roundingTotal, {
 					datapoint: e.sum,
 					seriesIndex: t
-				})), 13, Pe)) : l("", !0),
-				A.value.showAverage ? (_(), u("td", {
+				})), 13, Ne)) : u("", !0),
+				A.value.showAverage ? (v(), d("td", {
 					key: 1,
 					dir: "auto",
 					role: "cell",
-					style: g({
+					style: _({
 						border: A.value.tbody.outline,
 						fontSize: `${A.value.tbody.fontSize}px`,
 						fontWeight: A.value.tbody.bold ? "bold" : "normal",
@@ -624,15 +624,15 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 					}),
 					"data-cell": A.value.translations.average,
 					class: "vue-ui-data-table__tbody__td"
-				}, x(B(e.average, A.value.roundingAverage, {
+				}, S(z(e.average, A.value.roundingAverage, {
 					datapoint: e.average,
 					seriesIndex: t
-				})), 13, Fe)) : l("", !0),
-				A.value.showMedian ? (_(), u("td", {
+				})), 13, Pe)) : u("", !0),
+				A.value.showMedian ? (v(), d("td", {
 					key: 2,
 					dir: "auto",
 					role: "cell",
-					style: g({
+					style: _({
 						border: A.value.tbody.outline,
 						fontSize: `${A.value.tbody.fontSize}px`,
 						fontWeight: A.value.tbody.bold ? "bold" : "normal",
@@ -640,15 +640,15 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 					}),
 					"data-cell": A.value.translations.median,
 					class: "vue-ui-data-table__tbody__td"
-				}, x(B(e.median, A.value.roundingMedian, {
+				}, S(z(e.median, A.value.roundingMedian, {
 					datapoint: e.median,
 					seriesIndex: t
-				})), 13, Ie)) : l("", !0),
-				A.value.showSparklines ? (_(), u("td", {
+				})), 13, Fe)) : u("", !0),
+				A.value.showSparklines ? (v(), d("td", {
 					key: 3,
 					role: "cell",
 					"data-cell": A.value.translations.chart,
-					style: g({
+					style: _({
 						border: A.value.tbody.outline,
 						fontSize: `${A.value.tbody.fontSize}px`,
 						fontWeight: A.value.tbody.bold ? "bold" : "normal",
@@ -657,7 +657,7 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 						padding: "0"
 					}),
 					class: "vue-ui-data-table__tbody__td sticky-col"
-				}, [f(S(w), {
+				}, [p(C(T), {
 					onHoverIndex: ({ index: e }) => ut({
 						dataIndex: e,
 						serieIndex: t
@@ -666,13 +666,13 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 					"forced-padding": 30,
 					dataset: e.sparklineDataset,
 					showInfo: !1,
-					selectedIndex: Q.value,
+					selectedIndex: Z.value,
 					config: {
 						type: A.value.sparkline.type,
 						style: {
 							backgroundColor: "transparent",
 							animation: {
-								show: A.value.sparkline.animation.show && !S(Xe) && !S(Ze),
+								show: A.value.sparkline.animation.show && !C(Xe) && !C(Ze),
 								animationFrames: A.value.sparkline.animation.animationFrames
 							},
 							padding: { right: 12 },
@@ -702,11 +702,11 @@ var Te = /* @__PURE__ */ e({ default: () => w }), Ee = ["id"], De = { style: {
 					"dataset",
 					"selectedIndex",
 					"config"
-				])], 12, Le)) : l("", !0)
+				])], 12, Ie)) : u("", !0)
 			], 6))), 256))])], 4)], 32),
-			e.$slots.source ? (_(), u("div", Re, [b(e.$slots, "source", {}, void 0, !0)], 512)) : l("", !0)
-		], 42, Ee));
+			e.$slots.source ? (v(), d("div", Le, [x(e.$slots, "source", {}, void 0, !0)], 512)) : u("", !0)
+		], 42, Te));
 	}
 }, [["__scopeId", "data-v-a657c4ca"]]);
 //#endregion
-export { Te as n, w as t };
+export { we as n, T as t };