vue-data-ui 3.20.0 → 3.20.1

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

@@ -1,344 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ct as t, H as n, J as r, S as i, X as ee, f as te, ft as ne, r as re } from "./lib-DUeYQsS0.js";
-import { t as ie } from "./useConfig-DAyQk86L.js";
-import { t as ae } from "./usePrinter-C1Gqt_Sp.js";
-import { t as a } from "./useNestedProp-CNcoy38D.js";
-import { t as oe } from "./useThemeCheck-C43Tcqmk.js";
-import { t as se } from "./Shape-BPCJfphn.js";
-import { t as o } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as ce } from "./useUserOptionState-DK-_1ddE.js";
-import { t as le } from "./vue_ui_table_heatmap-w8vx5k6f.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) => ({
-			v52b63863: De.value,
-			v32106484: Ee.value
-		}));
-		let E = fe(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), { vue_ui_table_heatmap: P } = ie(), { isThemeValid: F, warnInvalidTheme: ye } = oe(), I = e, L = x(n()), 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() {
-			t(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 t = e.values.map((e) => isNaN(e) ? 0 : e), r = t.reduce((e, t) => e + t, 0);
-			return {
-				...e,
-				values: t,
-				serieExtremes: {
-					max: Math.max(...t),
-					min: Math.min(...t)
-				},
-				sum: r,
-				average: r / t.length,
-				median: te(t),
-				displayValues: [e.name, ...e.values],
-				id: n()
-			};
-		})), 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]
-				]), n = i([[
-					[""],
-					H.value.table.head.values,
-					["sum"],
-					["average"],
-					["median"]
-				]].concat(t));
-				e ? e(n) : r({
-					csvContent: n,
-					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,
-				e.$slots["custom-menu-before"] ? {
-					name: "custom-menu-before",
-					fn: T(() => [C(e.$slots, "custom-menu-before", {}, void 0, !0)]),
-					key: "5"
-				} : void 0,
-				e.$slots["custom-menu-after"] ? {
-					name: "custom-menu-after",
-					fn: T(() => [C(e.$slots, "custom-menu-after", {}, void 0, !0)]),
-					key: "6"
-				} : 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-57d3c3aa"]]);
-//#endregion
-export { E as n, P as t };