vue-data-ui 3.17.13 → 3.18.1

package/dist/vue-ui-table-heatmap-CfGJVzI3.js

@@ -0,0 +1,334 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { H as t, J as n, S as r, St as i, X as ee, f as te, ft as ne, r as re } from "./lib-BkiwukKO.js";
+import { t as ie } from "./useConfig-BV0kTCnO.js";
+import { t as ae } from "./usePrinter-X0yWOynH.js";
+import { t as a } from "./useNestedProp-Ck4hsrpu.js";
+import { t as oe } from "./useThemeCheck-rFK9Zlb_.js";
+import { t as se } from "./Shape-DEGOZ6GG.js";
+import { t as o } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { t as ce } from "./useUserOptionState-CjPJPTg2.js";
+import { t as le } from "./vue_ui_table_heatmap-BGUjA0WA.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as ue, createVNode as de, defineAsyncComponent as fe, guardReactiveProps as p, mergeProps as m, nextTick as h, normalizeClass as g, normalizeProps as _, normalizeStyle as v, onMounted as y, openBlock as b, ref as x, renderList as S, renderSlot as C, unref as w, useCssVars as pe, useSlots as me, watch as he, withCtx as T } from "vue";
+//#region src/components/vue-ui-table-heatmap.vue
+var E = /* @__PURE__ */ e({ default: () => P }), ge = ["id"], _e = { role: "cell" }, ve = { role: "row" }, D = ["data-cell"], O = {
+	key: 0,
+	style: {
+		display: "flex",
+		"flex-direction": "row",
+		gap: "2px",
+		"align-items": "center"
+	}
+}, k = ["height", "width"], A = {
+	key: 0,
+	role: "cell",
+	"data-cell": "sum"
+}, j = {
+	key: 1,
+	role: "cell",
+	"data-cell": "average"
+}, M = {
+	key: 2,
+	role: "cell",
+	"data-cell": "median"
+}, N = {
+	key: 1,
+	ref: "source",
+	dir: "auto"
+}, P = /* @__PURE__ */ o({
+	__name: "vue-ui-table-heatmap",
+	props: {
+		config: {
+			type: Object,
+			default() {
+				return {};
+			}
+		},
+		dataset: {
+			type: Array,
+			default() {
+				return [];
+			}
+		}
+	},
+	setup(e, { expose: o }) {
+		pe((e) => ({
+			v0c51aeae: De.value,
+			v43edb2ee: Ee.value
+		}));
+		let E = fe(() => import("./UserOptions-DMw8EZEo.js").then((e) => e.n)), { vue_ui_table_heatmap: P } = ie(), { isThemeValid: F, warnInvalidTheme: ye } = oe(), I = e, L = x(t()), R = x(!1), z = x(null), B = x(!1), V = x(0), be = me();
+		y(() => {
+			be["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
+		});
+		let H = c({
+			get: () => K(),
+			set: (e) => e
+		}), { userOptionsVisible: U, setUserOptionsVisibility: W, keepUserOptionState: G } = ce({ config: H.value });
+		function K() {
+			let e = a({
+				userConfig: I.config,
+				defaultConfig: P
+			}), t = e.theme;
+			if (!t) return e;
+			if (!F.value(e)) return ye(e), e;
+			let n = a({
+				userConfig: le[t] || I.config,
+				defaultConfig: e
+			});
+			return a({
+				userConfig: I.config,
+				defaultConfig: n
+			});
+		}
+		he(() => I.config, (e) => {
+			H.value = K(), U.value = !H.value.userOptions.showOnChartHover, Y();
+		}, { deep: !0 });
+		let { isPrinting: xe, isImaging: Se, generatePdf: q, generateImage: J } = ae({
+			elementId: `table_heatmap_${L.value}`,
+			fileName: "vue-ui-table-heatmap",
+			options: H.value.userOptions.print
+		}), Ce = c(() => H.value.table.responsiveBreakpoint), we = c(() => !!I.dataset && I.dataset.length);
+		y(() => {
+			Y();
+		});
+		function Y() {
+			i(I.dataset) && ee({
+				componentName: "VueUiTableHeatmap",
+				type: "dataset"
+			});
+			let e = new ResizeObserver((e) => {
+				e.forEach((e) => {
+					R.value = e.contentRect.width < Ce.value;
+				});
+			});
+			z.value && e.observe(z.value);
+		}
+		let X = c(() => I.dataset.map((e) => {
+			let n = e.values.map((e) => isNaN(e) ? 0 : e), r = n.reduce((e, t) => e + t, 0);
+			return {
+				...e,
+				values: n,
+				serieExtremes: {
+					max: Math.max(...n),
+					min: Math.min(...n)
+				},
+				sum: r,
+				average: r / n.length,
+				median: te(n),
+				displayValues: [e.name, ...e.values],
+				id: t()
+			};
+		})), Z = c(() => {
+			let e = X.value.flatMap((e) => e.values);
+			return {
+				min: Math.min(...e),
+				max: Math.max(...e)
+			};
+		});
+		function Te(e, t) {
+			let n = H.value.style.heatmapColors.useIndividualScale;
+			return ne(H.value.style.heatmapColors.min, H.value.style.heatmapColors.max, n ? t.min : Z.value.min, n ? t.max : Z.value.max, e);
+		}
+		let Q = c(() => X.value.map((e) => ({
+			...e,
+			colors: e.displayValues.map((t) => isNaN(t) ? H.value.style.backgroundColor : Te(t, e.serieExtremes))
+		}))), Ee = c(() => H.value.style.backgroundColor), De = c(() => `${H.value.table.borderWidth}px`);
+		function $(e = null) {
+			h(() => {
+				let t = Q.value.map((e) => [
+					[e.name],
+					e.displayValues,
+					[e.sum],
+					[e.average],
+					[e.median]
+				]), i = r([[
+					[""],
+					H.value.table.head.values,
+					["sum"],
+					["average"],
+					["median"]
+				]].concat(t));
+				e ? e(i) : n({
+					csvContent: i,
+					title: "vue-ui-table-heatmap"
+				});
+			});
+		}
+		function Oe(e) {
+			B.value = e, V.value += 1;
+		}
+		return o({
+			generatePdf: q,
+			generateCsv: $,
+			generateImage: J
+		}), (e, t) => (b(), d("div", {
+			ref_key: "tableContainer",
+			ref: z,
+			style: v(`width:100%; overflow-x:auto; container-type: inline-size;padding-top:${H.value.userOptions.show ? "36px" : ""}; ${B.value ? "vue-data-ui-wrapper-fullscreen" : ""}; position:relative;`),
+			class: g({
+				"vue-data-ui-component": !0,
+				"vue-ui-responsive": R.value
+			}),
+			id: `table_heatmap_${L.value}`,
+			onMouseenter: t[0] ||= () => w(W)(!0),
+			onMouseleave: t[1] ||= () => w(W)(!1)
+		}, [
+			H.value.userOptions.show && we.value && (w(G) || w(U)) ? (b(), l(w(E), {
+				ref: "details",
+				key: `user_option_${V.value}`,
+				backgroundColor: H.value.style.backgroundColor,
+				color: H.value.style.color,
+				isPrinting: w(xe),
+				isImaging: w(Se),
+				uid: L.value,
+				hasPdf: H.value.userOptions.buttons.pdf,
+				hasXls: H.value.userOptions.buttons.csv,
+				hasImg: H.value.userOptions.buttons.img,
+				hasFullscreen: H.value.userOptions.buttons.fullscreen,
+				isFullscreen: B.value,
+				titles: { ...H.value.userOptions.buttonTitles },
+				chartElement: z.value,
+				position: H.value.userOptions.position,
+				callbacks: H.value.userOptions.callbacks,
+				printScale: H.value.userOptions.print.scale,
+				onToggleFullscreen: Oe,
+				onGeneratePdf: w(q),
+				onGenerateCsv: $,
+				onGenerateImage: w(J),
+				style: v({ visibility: w(G) ? w(U) ? "visible" : "hidden" : "visible" })
+			}, ue({ _: 2 }, [
+				e.$slots.menuIcon ? {
+					name: "menuIcon",
+					fn: T(({ isOpen: t, color: n }) => [C(e.$slots, "menuIcon", _(p({
+						isOpen: t,
+						color: n
+					})), void 0, !0)]),
+					key: "0"
+				} : void 0,
+				e.$slots.optionPdf ? {
+					name: "optionPdf",
+					fn: T(() => [C(e.$slots, "optionPdf", {}, void 0, !0)]),
+					key: "1"
+				} : void 0,
+				e.$slots.optionCsv ? {
+					name: "optionCsv",
+					fn: T(() => [C(e.$slots, "optionCsv", {}, void 0, !0)]),
+					key: "2"
+				} : void 0,
+				e.$slots.optionImg ? {
+					name: "optionImg",
+					fn: T(() => [C(e.$slots, "optionImg", {}, void 0, !0)]),
+					key: "3"
+				} : void 0,
+				e.$slots.optionFullscreen ? {
+					name: "optionFullscreen",
+					fn: T(({ toggleFullscreen: t, isFullscreen: n }) => [C(e.$slots, "optionFullscreen", _(p({
+						toggleFullscreen: t,
+						isFullscreen: n
+					})), void 0, !0)]),
+					key: "4"
+				} : void 0
+			]), 1032, [
+				"backgroundColor",
+				"color",
+				"isPrinting",
+				"isImaging",
+				"uid",
+				"hasPdf",
+				"hasXls",
+				"hasImg",
+				"hasFullscreen",
+				"isFullscreen",
+				"titles",
+				"chartElement",
+				"position",
+				"callbacks",
+				"printScale",
+				"onGeneratePdf",
+				"onGenerateImage",
+				"style"
+			])) : u("", !0),
+			f("table", {
+				class: g({ "vue-ui-table-heatmap": !0 }),
+				style: v(`width:100%;font-family:${H.value.style.fontFamily};background:${H.value.style.backgroundColor};`)
+			}, [
+				f("caption", null, [C(e.$slots, "caption", {}, void 0, !0)]),
+				f("thead", null, [f("tr", {
+					role: "row",
+					style: v(`background:${H.value.table.head.backgroundColor};color:${H.value.table.head.color}`)
+				}, [(b(!0), d(s, null, S(H.value.table.head.values, (t, n) => (b(), d("th", _e, [C(e.$slots, "head", m({ ref_for: !0 }, {
+					value: t,
+					rowIndex: n,
+					type: typeof t,
+					isResponsive: R.value
+				}), void 0, !0)]))), 256))], 4)]),
+				f("tbody", null, [(b(!0), d(s, null, S(Q.value, (t, n) => (b(), d("tr", ve, [
+					(b(!0), d(s, null, S(t.displayValues, (r, i) => (b(), d("td", {
+						role: "cell",
+						"data-cell": H.value.table.head.values[i]
+					}, [t.color && i === 0 ? (b(), d("div", O, [t.color ? (b(), d("svg", {
+						key: 0,
+						height: H.value.style.shapeSize,
+						width: H.value.style.shapeSize,
+						viewBox: "0 0 20 20",
+						style: {
+							background: "none",
+							overflow: "visible"
+						}
+					}, [de(se, {
+						plot: {
+							x: 10,
+							y: 10
+						},
+						color: t.color,
+						radius: 9,
+						shape: t.shape || "circle"
+					}, null, 8, ["color", "shape"])], 8, k)) : u("", !0), C(e.$slots, "rowTitle", m({ ref_for: !0 }, {
+						value: r,
+						rowIndex: n,
+						colIndex: i,
+						type: typeof r,
+						isResponsive: R.value
+					}), void 0, !0)])) : (b(), d(s, { key: 1 }, [i === 0 ? C(e.$slots, "rowTitle", m({
+						key: 0,
+						ref_for: !0
+					}, {
+						value: r,
+						rowIndex: n,
+						colIndex: i,
+						type: typeof r,
+						isResponsive: R.value
+					}), void 0, !0) : u("", !0), i > 0 ? C(e.$slots, "cell", m({
+						key: 1,
+						ref_for: !0
+					}, {
+						value: r,
+						rowIndex: n,
+						colIndex: i,
+						type: typeof r,
+						isResponsive: R.value,
+						color: t.colors[i],
+						textColor: w(re)(t.colors[i])
+					}), void 0, !0) : u("", !0)], 64))], 8, D))), 256)),
+					H.value.table.showSum ? (b(), d("td", A, [C(e.$slots, "sum", m({ ref_for: !0 }, {
+						value: t.sum,
+						rowIndex: n,
+						isResponsive: R.value
+					}), void 0, !0)])) : u("", !0),
+					H.value.table.showAverage ? (b(), d("td", j, [C(e.$slots, "average", m({ ref_for: !0 }, {
+						value: t.average,
+						rowIndex: n,
+						isResponsive: R.value
+					}), void 0, !0)])) : u("", !0),
+					H.value.table.showMedian ? (b(), d("td", M, [C(e.$slots, "median", m({ ref_for: !0 }, {
+						value: t.median,
+						rowIndex: n,
+						isResponsive: R.value
+					}), void 0, !0)])) : u("", !0)
+				]))), 256))])
+			], 4),
+			e.$slots.source ? (b(), d("div", N, [C(e.$slots, "source", {}, void 0, !0)], 512)) : u("", !0)
+		], 46, ge));
+	}
+}, [["__scopeId", "data-v-25fbb328"]]);
+//#endregion
+export { E as n, P as t };