vue-data-ui 3.25.5 → 3.25.6

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

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