vue-data-ui 3.26.5 → 3.27.0

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

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