vue-data-ui 3.20.3 → 3.20.4

package/dist/vue-ui-table-sparkline-DQduGRPm.js

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