vue-data-ui 3.19.9 → 3.20.0

package/dist/{vue-ui-table-DuA_CfGn.js → vue-ui-table-NBQrkVnO.js}

@@ -1,10 +1,10 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { G as t, H as n, J as r, S as i, Tt as a, b as o, jt as s, l as ee, r as c, yt as te, zt as ne } from "./lib-BkiwukKO.js";
-import { t as re } from "./useConfig-ByaaSKhz.js";
-import { t as ie } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { t as ae } from "./BaseIcon-DM1x8hQF.js";
-import { t as l } from "./vue-ui-xy-BQ1YONCq.js";
-import { t as u } from "./vue-ui-donut-B3L7jeHL.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { Bt as t, Et as n, G as r, H as i, J as a, Mt as o, S as s, b as ee, bt as c, l as te, r as ne } from "./lib-DUeYQsS0.js";
+import { t as re } from "./useConfig-DAyQk86L.js";
+import { t as ie } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as ae } from "./BaseIcon-DfLoHNUj.js";
+import { t as l } from "./vue-ui-xy-lfMIx0wK.js";
+import { t as u } from "./vue-ui-donut-DQdIdwRU.js";
 import { Fragment as d, computed as f, createBlock as oe, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as se, defineAsyncComponent as ce, nextTick as le, normalizeClass as _, normalizeStyle as v, onMounted as ue, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, useCssVars as de, vModelSelect as fe, vModelText as pe, watch as me, withCtx as he, withDirectives as w, withKeys as ge, withModifiers as _e } from "vue";
 //#region src/components/vue-ui-table.vue
 var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["data-is-open"], xe = { class: "vue-ui-table-export-hub-options" }, Se = { class: "vue-ui-table-export-hub-option-wrapper" }, Ce = { class: "label" }, we = ["innerHTML"], Te = { class: "vue-ui-table-export-hub-option-wrapper" }, Ee = { class: "label" }, De = ["innerHTML"], Oe = { class: "vue-ui-table-dialog-field" }, ke = {
@@ -127,7 +127,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 			v4f070ff6: Mn.value,
 			v725e1288: In.value
 		}));
-		let sn = ce(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), T = e, cn = ve, { vue_ui_table: ln } = re(), E = n();
+		let sn = ce(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), T = e, cn = ve, { vue_ui_table: ln } = re(), E = i();
 		b(null);
 		let un = b(null), dn = b(null), D = b({
 			height: 316,
@@ -183,10 +183,10 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 			sum: Object.hasOwn(e, "sum") ? e.sum : !1,
 			type: e.type,
 			index: t
-		}))), Dn = f(() => un.value ? un.value.getBoundingClientRect().height + 3 : 3), K = f(() => Object.keys(T.config || {}).length ? o(ne({
+		}))), Dn = f(() => un.value ? un.value.getBoundingClientRect().height + 3 : 3), K = f(() => Object.keys(T.config || {}).length ? ee(t({
 			defaultConfig: ln,
 			userConfig: T.config
-		})) : ln), q = f(() => K.value.useCursorPointer), On = f(() => K.value.style.th.buttons.cancel.inactive.backgroundColor), kn = f(() => K.value.style.th.buttons.cancel.inactive.color), An = f(() => K.value.style.th.buttons.cancel.active.backgroundColor), jn = f(() => K.value.style.th.buttons.filter.active.backgroundColor), Mn = f(() => K.value.style.th.buttons.filter.active.color), Nn = f(() => te(An.value, .33)), Pn = f(() => s(An.value, 33)), Fn = f(() => te(jn.value, .33)), In = f(() => s(jn, 33)), Ln = f(() => [...G.value].filter((e) => e.type === O.value.DATE)), Rn = f(() => ["", ...Ln.value.map((e) => e.name)]), zn = f(() => {
+		})) : ln), q = f(() => K.value.useCursorPointer), On = f(() => K.value.style.th.buttons.cancel.inactive.backgroundColor), kn = f(() => K.value.style.th.buttons.cancel.inactive.color), An = f(() => K.value.style.th.buttons.cancel.active.backgroundColor), jn = f(() => K.value.style.th.buttons.filter.active.backgroundColor), Mn = f(() => K.value.style.th.buttons.filter.active.color), Nn = f(() => c(An.value, .33)), Pn = f(() => o(An.value, 33)), Fn = f(() => c(jn.value, .33)), In = f(() => o(jn, 33)), Ln = f(() => [...G.value].filter((e) => e.type === O.value.DATE)), Rn = f(() => ["", ...Ln.value.map((e) => e.name)]), zn = f(() => {
 			let e = Ln.value.find((e) => e.name === wn.value);
 			return e ? e.index : null;
 		}), J = f(() => {
@@ -234,7 +234,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 		}
 		let Jn = f(() => {
 			if (!Hn.value) return [];
-			let e = Kn.value.height, t = Kn.value.width, n = t / k.value.rows.length, r = Math.max(...k.value.rows.map((e) => e.value)), i = Math.min(...k.value.rows.map((e) => e.value)), a = T.dataset.header[k.value.col].isPercentage && T.dataset.header[k.value.col].percentageTo, o = D.value.type === O.value.DONUT && V.value && V.value.name, s = T.dataset.header[k.value.col].name + (a ? ` / ${T.dataset.header[I.value[k.value.col].referenceIndex].name}` : "") + (o ? ` ${K.value.translations.by} ${V.value.name}` : ""), ne = T.dataset.header[k.value.col].prefix, re = T.dataset.header[k.value.col].suffix, ie = [{
+			let e = Kn.value.height, t = Kn.value.width, n = t / k.value.rows.length, r = Math.max(...k.value.rows.map((e) => e.value)), i = Math.min(...k.value.rows.map((e) => e.value)), a = T.dataset.header[k.value.col].isPercentage && T.dataset.header[k.value.col].percentageTo, o = D.value.type === O.value.DONUT && V.value && V.value.name, s = T.dataset.header[k.value.col].name + (a ? ` / ${T.dataset.header[I.value[k.value.col].referenceIndex].name}` : "") + (o ? ` ${K.value.translations.by} ${V.value.name}` : ""), ee = T.dataset.header[k.value.col].prefix, re = T.dataset.header[k.value.col].suffix, ie = [{
 				name: s,
 				series: k.value.rows.map((e) => e.value),
 				type: "line",
@@ -248,7 +248,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 				type: "bar",
 				useProgression: !0,
 				color: K.value.style.chart.layout.bar.fill
-			}], l = K.value.style.chart.modal.backgroundColor, u = c(l), d = T.dataset.header[k.value.col].decimals, f = {
+			}], l = K.value.style.chart.modal.backgroundColor, u = ne(l), d = T.dataset.header[k.value.col].decimals, f = {
 				useCssAnimation: !1,
 				chart: {
 					width: t,
@@ -257,11 +257,11 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 					color: u,
 					labels: {
 						fontSize: 18,
-						prefix: ne,
+						prefix: ee,
 						suffix: re
 					},
 					grid: {
-						stroke: te(u, .5),
+						stroke: c(u, .5),
 						labels: {
 							color: u,
 							xAxisLabels: {
@@ -360,7 +360,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 							labels: {
 								dataLabels: {
 									suffix: m ? "%" : "",
-									prefix: ne
+									prefix: ee
 								},
 								value: { rounding: d },
 								percentage: {
@@ -413,13 +413,13 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 				xyConfig: f,
 				xyDatasetLine: ie,
 				xyDatasetBar: ae,
-				progression: h.length >= 2 ? ee(h) : !1
+				progression: h.length >= 2 ? te(h) : !1
 			};
 		});
 		function Yn() {
 			hn.value = V.value.options.map((e, t) => ({
 				name: e,
-				color: a[t] || a[t % a.length],
+				color: n[t] || n[t % n.length],
 				values: [Y.value.filter((t, n) => t.td[V.value.index] === e && k.value.rows.map((e) => e.index).includes(n)).map((e) => e.td[k.value.col]).reduce((e, t) => Math.abs(e) + Math.abs(t), 0)],
 				absoluteValue: Y.value.filter((t, n) => t.td[V.value.index] === e && k.value.rows.map((e) => e.index).includes(n)).map((e) => e.td[k.value.col]).reduce((e, t) => e + t, 0)
 			})).sort((e, t) => t.value - e.value), le(() => {
@@ -431,8 +431,8 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 		}
 		function Zn(e = "all") {
 			let t = T.dataset.header.map((e) => e.name), n = e === "all" ? W.value.map((e) => e.td) : Y.value.map((e) => e.td);
-			r({
-				csvContent: i([t].concat(n)),
+			a({
+				csvContent: s([t].concat(n)),
 				title: Tn.value
 			});
 		}
@@ -751,7 +751,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 			e && Or.value && Or.value.focus();
 		}), me(H, (e) => {
 			e ? Dr.value && Dr.value.open() : Dr.value && Dr.value.close();
-		}), (n, r) => (y(), m("div", {
+		}), (t, n) => (y(), m("div", {
 			class: "vue-data-ui-component vue-ui-table-main",
 			style: v(`font-family: ${K.value.fontFamily}`)
 		}, [
@@ -760,7 +760,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 				class: "vue-ui-table-export-hub",
 				style: v({ top: Dn.value + "px" })
 			}, [h("button", {
-				onClick: r[0] ||= (e) => _n.value = !_n.value,
+				onClick: n[0] ||= (e) => _n.value = !_n.value,
 				innerHTML: X.value.export,
 				style: v(`background:${K.value.style.exportMenu.backgroundColor};color:${K.value.style.exportMenu.color};cursor:${q.value ? "pointer" : "default"}`)
 			}, null, 12, ye), h("div", {
@@ -768,36 +768,36 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 				"data-is-open": _n.value || "false",
 				style: v(`background:${K.value.style.exportMenu.backgroundColor};color:${K.value.style.exportMenu.color}`)
 			}, [
-				r[24] ||= h("b", { class: "vue-ui-table-export-hub-title" }, " Export ", -1),
+				n[24] ||= h("b", { class: "vue-ui-table-export-hub-title" }, " Export ", -1),
 				h("button", {
 					class: "close-dropdown",
-					onClick: r[1] ||= (e) => _n.value = !1,
+					onClick: n[1] ||= (e) => _n.value = !1,
 					style: v(`background:${K.value.style.closeButtons.backgroundColor};color:${K.value.style.closeButtons.color};border-radius:${K.value.style.closeButtons.borderRadius}`)
 				}, " ✖ ", 4),
 				h("div", xe, [
 					h("div", Se, [h("div", Ce, S(K.value.translations.exportAllLabel) + " (" + S(W.value.length) + ") ", 1), h("button", {
 						id: "exportAll",
-						onClick: r[2] ||= (e) => Zn("all"),
+						onClick: n[2] ||= (e) => Zn("all"),
 						style: v(`background:${K.value.style.exportMenu.buttons.backgroundColor};color:${K.value.style.exportMenu.buttons.color};cursor:${q.value ? "pointer" : "default"}`)
 					}, [h("div", { innerHTML: X.value.fileDownload }, null, 8, we), h("span", null, S(K.value.translations.exportAllButton), 1)], 4)]),
 					h("div", Te, [h("div", Ee, S(K.value.translations.exportPageLabel), 1), h("button", {
 						id: "exportPage",
-						onClick: r[3] ||= (e) => Zn("page"),
+						onClick: n[3] ||= (e) => Zn("page"),
 						style: v(`background:${K.value.style.exportMenu.buttons.backgroundColor};color:${K.value.style.exportMenu.buttons.color};cursor:${q.value ? "pointer" : "default"}`)
 					}, [h("div", { innerHTML: X.value.fileDownload }, null, 8, De), h("span", null, S(K.value.translations.exportPageButton), 1)], 4)]),
 					h("div", Oe, [h("label", ke, [h("span", Ae, S(K.value.translations.filename), 1), w(h("input", {
 						name: "filename",
 						ref_key: "filenameInputRef",
 						ref: Or,
-						onKeydown: r[4] ||= ge(_e(() => {}, ["stop"]), ["space"]),
+						onKeydown: n[4] ||= ge(_e(() => {}, ["stop"]), ["space"]),
 						pattern: ".*",
 						class: "vue-ui-table-dialog-input",
 						type: "text",
-						"onUpdate:modelValue": r[5] ||= (e) => Tn.value = e
+						"onUpdate:modelValue": n[5] ||= (e) => Tn.value = e
 					}, null, 544), [[pe, Tn.value]])]), Tn.value ? (y(), m("button", {
 						key: 0,
 						class: "vue-ui-table-dialog-field-button",
-						onClick: r[6] ||= (e) => Tn.value = "",
+						onClick: n[6] ||= (e) => Tn.value = "",
 						style: v({ cursor: q.value ? "pointer" : "default" })
 					}, [se(ae, {
 						name: "close",
@@ -828,7 +828,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 					fontSize: K.value.style.title.fontSize + "px",
 					fontWeight: K.value.style.title.bold ? "bold" : "normal",
 					color: K.value.style.title.color
-				}) }, S(K.value.style.title.text), 5), K.value.style.title.subtitle.text ? (y(), m(d, { key: 0 }, [r[25] ||= h("br", null, null, -1), h("span", { style: v({
+				}) }, S(K.value.style.title.text), 5), K.value.style.title.subtitle.text ? (y(), m(d, { key: 0 }, [n[25] ||= h("br", null, null, -1), h("span", { style: v({
 					fontSize: K.value.style.title.subtitle.fontSize,
 					fontWeight: K.value.style.title.subtitle.bold ? "bold" : "normal",
 					color: K.value.style.title.subtitle.color
@@ -842,20 +842,20 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 						top: Dn.value - 3 + "px"
 					})
 				}, [
-					h("tr", null, [r[26] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
+					h("tr", null, [n[26] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
 						key: `thead_${t}`,
 						style: v(`overflow: visible;background:${K.value.style.th.backgroundColor};color:${K.value.style.th.color};outline:${K.value.style.th.outline}`),
 						class: _({ "th-has-nan": N.value[t] })
 					}, [Un.value && ([O.value.TEXT, O.value.DATE].includes(e.type) || e.isPercentage) ? (y(), m("span", Me, [g(S(e.name) + " ", 1), e.isPercentage ? (y(), m("span", Ne, " / " + S(e.percentageTo), 1)) : p("", !0)])) : (y(), m("span", Pe, S(e.name), 1))], 6))), 128))]),
 					Un.value ? (y(), m(d, { key: 0 }, [
-						h("tr", null, [r[27] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, n) => (y(), m("th", {
-							key: `thead_${n}`,
+						h("tr", null, [n[27] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
+							key: `thead_${t}`,
 							class: _({
 								"th-numeric": !0,
-								"th-has-nan": N.value[n]
+								"th-has-nan": N.value[t]
 							}),
 							style: v(`background:${K.value.style.th.backgroundColor};color:${K.value.style.th.color};outline:${K.value.style.th.outline}`)
-						}, [e.sum && !N.value[n] ? (y(), m("span", Fe, [
+						}, [e.sum && !N.value[t] ? (y(), m("span", Fe, [
 							h("span", {
 								innerHTML: X.value.sum,
 								style: {
@@ -863,32 +863,32 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 									"margin-right": "3px"
 								}
 							}, null, 8, Ie),
-							g(" " + S(C(t)({
+							g(" " + S(C(r)({
 								p: e.prefix,
-								v: Number(ar(n)),
+								v: Number(ar(t)),
 								s: e.suffix,
 								r: e.decimals
 							})) + " ", 1),
-							I.value[n] && e.percentageTo && !e.isPercentage ? (y(), m("span", Le, " (" + S(isNaN(ar(n) / ar(I.value[n].referenceIndex)) ? "-" : C(t)({
-								v: ar(n) / ar(I.value[n].referenceIndex) * 100,
+							I.value[t] && e.percentageTo && !e.isPercentage ? (y(), m("span", Le, " (" + S(isNaN(ar(t) / ar(I.value[t].referenceIndex)) ? "-" : C(r)({
+								v: ar(t) / ar(I.value[t].referenceIndex) * 100,
 								s: "%",
 								r: e.decimals
 							})) + ") ", 1)) : p("", !0)
 						])) : p("", !0)], 6))), 128))]),
-						h("tr", null, [r[28] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, n) => (y(), m("th", {
-							key: `thead_${n}`,
+						h("tr", null, [n[28] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
+							key: `thead_${t}`,
 							class: _({
 								"th-numeric": !0,
-								"th-has-nan": N.value[n]
+								"th-has-nan": N.value[t]
 							}),
 							style: v(`background:${K.value.style.th.backgroundColor};color:${K.value.style.th.color};outline:${K.value.style.th.outline}`)
-						}, [e.average && !N.value[n] ? (y(), m("span", Re, " ~ " + S(isNaN(rr(n)) ? "" : C(t)({
+						}, [e.average && !N.value[t] ? (y(), m("span", Re, " ~ " + S(isNaN(rr(t)) ? "" : C(r)({
 							p: e.prefix,
-							v: Number(rr(n)),
+							v: Number(rr(t)),
 							s: e.suffix,
 							r: e.decimals
 						})), 1)) : p("", !0)], 6))), 128))]),
-						h("tr", null, [r[31] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
+						h("tr", null, [n[31] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
 							key: `thead_${t}`,
 							class: _({ "th-has-nan": N.value[t] }),
 							style: v(`background:${K.value.style.th.backgroundColor};color:${K.value.style.th.color};outline:${K.value.style.th.outline}`)
@@ -935,7 +935,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 								key: 1,
 								placeholder: K.value.translations.inputPlaceholder,
 								"onUpdate:modelValue": (e) => R.value[t] = e,
-								onInput: r[7] ||= (e) => $n(Q, 400),
+								onInput: n[7] ||= (e) => $n(Q, 400),
 								name: `search_${t}`,
 								style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
 							}, null, 44, et)), [[pe, R.value[t]]]) : p("", !0),
@@ -963,13 +963,13 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 							}, null, 14, at)) : p("", !0),
 							k.value.col === t && Hn.value ? (y(), m("button", {
 								key: 4,
-								onClick: r[8] ||= (e) => H.value = !H.value,
+								onClick: n[8] ||= (e) => H.value = !H.value,
 								innerHTML: X.value.chart,
 								class: _({ "th-button-active": H.value }),
 								style: v(`cursor:${q.value ? "pointer" : "default"};background:${H.value ? "" : K.value.style.th.buttons.filter.inactive.backgroundColor};color:${H.value ? "" : K.value.style.th.buttons.filter.inactive.color}`)
 							}, null, 14, ot)) : p("", !0),
 							e.rangeFilter && L.value[t] && !N.value[t] ? (y(), m("div", st, [
-								h("label", { for: `rangeMin${t}` }, [...r[29] ||= [
+								h("label", { for: `rangeMin${t}` }, [...n[29] ||= [
 									h("span", { style: { color: "grey" } }, "ᒥ", -1),
 									g(" min ", -1),
 									h("span", { style: { color: "grey" } }, "ᒣ", -1)
@@ -980,7 +980,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 									max: P.value[t].max,
 									min: P.value[t].min,
 									"onUpdate:modelValue": (e) => L.value[t].min = e,
-									onInput: r[9] ||= (e) => $n(Q, 400),
+									onInput: n[9] ||= (e) => $n(Q, 400),
 									style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
 								}, null, 44, lt), [[
 									pe,
@@ -994,7 +994,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 									max: P.value[t].max,
 									min: P.value[t].min,
 									"onUpdate:modelValue": (e) => L.value[t].max = e,
-									onInput: r[10] ||= (e) => $n(Q, 400),
+									onInput: n[10] ||= (e) => $n(Q, 400),
 									style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
 								}, null, 44, ut), [[
 									pe,
@@ -1002,7 +1002,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 									void 0,
 									{ number: !0 }
 								]]),
-								h("label", { for: `rangeMax${t}` }, [...r[30] ||= [
+								h("label", { for: `rangeMax${t}` }, [...n[30] ||= [
 									h("span", { style: { color: "grey" } }, "ᒪ", -1),
 									g(" max ", -1),
 									h("span", { style: { color: "grey" } }, "ᒧ", -1)
@@ -1043,7 +1043,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 							}, S(K.value.style.dropdowns.icons.unselected.unicode), 5)), h("span", null, S(e), 1)], 44, ht))), 128))], 12, pt)) : p("", !0)
 						])], 6))), 128))])
 					], 64)) : p("", !0),
-					h("tr", null, [r[32] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
+					h("tr", null, [n[32] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
 						key: `col_selector_${t}`,
 						class: _({
 							"vue-ui-table-col-selector": !N.value[t],
@@ -1062,36 +1062,36 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 				], 4),
 				h("tbody", {
 					onClick: Qn,
-					onKeydown: r[11] ||= (e) => mr(e)
-				}, [(y(!0), m(d, null, x(Y.value, (n, r) => (y(), m("tr", {
-					key: `tbody_${r}`,
-					"data-row": r % 2 == 0 ? "odd" : "even",
+					onKeydown: n[11] ||= (e) => mr(e)
+				}, [(y(!0), m(d, null, x(Y.value, (t, n) => (y(), m("tr", {
+					key: `tbody_${n}`,
+					"data-row": n % 2 == 0 ? "odd" : "even",
 					class: _(`tr_${C(E)}`),
-					style: v(`${r % 2 == 0 ? `background:${K.value.style.rows.odd.backgroundColor};color:${K.value.style.rows.odd.color}` : `background:${K.value.style.rows.even.backgroundColor};color:${K.value.style.rows.even.color}`}`)
+					style: v(`${n % 2 == 0 ? `background:${K.value.style.rows.odd.backgroundColor};color:${K.value.style.rows.odd.color}` : `background:${K.value.style.rows.even.backgroundColor};color:${K.value.style.rows.even.color}`}`)
 				}, [h("td", {
 					class: "vue-ui-table-td-iteration",
-					"data-row": r % 2 == 0 ? "odd" : "even",
+					"data-row": n % 2 == 0 ? "odd" : "even",
 					style: v({ outline: K.value.style.rows.outline })
-				}, S(n.absoluteIndex + 1), 13, vt), (y(!0), m(d, null, x(n.td, (i, a) => (y(), m("td", {
-					"data-row": r % 2 == 0 ? "odd" : "even",
-					key: `td_${r}_${a}`,
+				}, S(t.absoluteIndex + 1), 13, vt), (y(!0), m(d, null, x(t.td, (i, a) => (y(), m("td", {
+					"data-row": n % 2 == 0 ? "odd" : "even",
+					key: `td_${n}_${a}`,
 					style: v(cr(i) || e.dataset.header[a].type === O.value.DATE ? `text-align:right;font-variant-numeric: tabular-nums;outline:${K.value.style.rows.outline}` : `outline:${K.value.style.rows.outline}`),
 					onClick: (t) => br({
 						td: i,
-						rowIndex: r,
+						rowIndex: n,
 						colIndex: a,
 						headerType: e.dataset.header[a].type,
 						event: t
 					}),
 					onKeyup: [ge((t) => br({
 						td: i,
-						rowIndex: r,
+						rowIndex: n,
 						colIndex: a,
 						headerType: e.dataset.header[a].type,
 						event: t
 					}), ["enter"]), ge((t) => br({
 						td: i,
-						rowIndex: r,
+						rowIndex: n,
 						colIndex: a,
 						headerType: e.dataset.header[a].type,
 						event: t
@@ -1101,32 +1101,32 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 						"td-focusable": !0,
 						"td-has-nan": N.value[a]
 					}),
-					id: `cell_${r}_${a}_${C(E)}`,
+					id: `cell_${n}_${a}_${C(E)}`,
 					tabindex: "0"
-				}, [n.meta && n.meta.markerIndices.includes(a) && n.meta.unicodeIcon ? (y(), m("span", {
+				}, [t.meta && t.meta.markerIndices.includes(a) && t.meta.unicodeIcon ? (y(), m("span", {
 					key: 0,
-					style: v(`color:${n.meta.color};margin-right:3px`),
-					innerHTML: n.meta.unicodeIcon
-				}, null, 12, bt)) : p("", !0), e.dataset.header[a].type === O.value.DATE ? (y(), m("span", xt, S(e.dataset.header[a].prefix) + " " + S(new Date(i).toLocaleString().slice(0, 10)) + " " + S(e.dataset.header[a].suffix), 1)) : e.dataset.header[a].isPercentage ? (y(), m("span", St, S(C(t)({
+					style: v(`color:${t.meta.color};margin-right:3px`),
+					innerHTML: t.meta.unicodeIcon
+				}, null, 12, bt)) : p("", !0), e.dataset.header[a].type === O.value.DATE ? (y(), m("span", xt, S(e.dataset.header[a].prefix) + " " + S(new Date(i).toLocaleString().slice(0, 10)) + " " + S(e.dataset.header[a].suffix), 1)) : e.dataset.header[a].isPercentage ? (y(), m("span", St, S(C(r)({
 					v: Number(i * 100),
 					s: "%",
 					r: e.dataset.header[a].decimals
 				})), 1)) : I.value[a] && e.dataset.header[a].percentageTo && !e.dataset.header[a].isPercentage ? (y(), m("span", {
 					key: 3,
 					class: _({ "td-nan": isNaN(Number(i)) })
-				}, S(isNaN(Number(i)) ? `${i} is not ${O.value.NUMERIC}` : C(t)({
+				}, S(isNaN(Number(i)) ? `${i} is not ${O.value.NUMERIC}` : C(r)({
 					p: e.dataset.header[a].prefix,
 					v: Number(i),
 					s: e.dataset.header[a].suffix,
 					r: e.dataset.header[a].decimals
-				})) + " (" + S(isNaN(Number(i)) ? "" : C(t)({
+				})) + " (" + S(isNaN(Number(i)) ? "" : C(r)({
 					v: Number(i / ar(I.value[a].referenceIndex) * 100),
 					s: "%",
 					r: e.dataset.header[a].decimals
 				})) + ") ", 3)) : e.dataset.header[a].type === O.value.NUMERIC ? (y(), m("span", {
 					key: 4,
 					class: _({ "td-nan": isNaN(Number(i)) })
-				}, S(isNaN(Number(i)) ? `${i} is not ${O.value.NUMERIC}` : C(t)({
+				}, S(isNaN(Number(i)) ? `${i} is not ${O.value.NUMERIC}` : C(r)({
 					p: e.dataset.header[a].prefix,
 					v: Number(i.toFixed(e.dataset.header[a].decimals)),
 					s: e.dataset.header[a].suffix,
@@ -1167,8 +1167,8 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 			W.value.length > 10 ? (y(), m("div", It, [g(S(K.value.translations.totalRows) + " : " + S(e.dataset.body.length) + " | " + S(K.value.translations.paginatorLabel) + " : ", 1), W.value.length > 10 ? w((y(), m("select", {
 				key: 0,
 				id: "paginatorSelector",
-				"onUpdate:modelValue": r[12] ||= (e) => B.value = e,
-				onChange: r[13] ||= (e) => {
+				"onUpdate:modelValue": n[12] ||= (e) => B.value = e,
+				onChange: n[13] ||= (e) => {
 					Z(), dr();
 				},
 				style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
@@ -1187,7 +1187,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 			J.value.length > 1 ? (y(), m("div", zt, [
 				h("button", {
 					class: "vue-ui-table-navigation",
-					onClick: r[14] ||= _e((e) => pr("previous"), ["stop"]),
+					onClick: n[14] ||= _e((e) => pr("previous"), ["stop"]),
 					innerHTML: X.value.chevronLeft,
 					disabled: A.value === 0,
 					style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.pagination.buttons.backgroundColor};color:${K.value.style.pagination.buttons.color};opacity:${A.value === 0 ? K.value.style.pagination.buttons.opacityDisabled : 1}`)
@@ -1195,7 +1195,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 				J.value.length > 3 ? (y(), m(d, { key: 0 }, [
 					h("button", {
 						class: "vue-ui-table-navigation",
-						onClick: r[15] ||= _e((e) => pr(1), ["stop"]),
+						onClick: n[15] ||= _e((e) => pr(1), ["stop"]),
 						disabled: A.value === 0,
 						style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.pagination.buttons.backgroundColor};color:${K.value.style.pagination.buttons.color};opacity:${A.value === 0 ? K.value.style.pagination.buttons.opacityDisabled : 1}`)
 					}, " 1 ", 12, Vt),
@@ -1210,20 +1210,20 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 						step: "1",
 						min: 0,
 						max: J.value.length - 1,
-						onInput: r[16] ||= (e) => Er(e),
+						onInput: n[16] ||= (e) => Er(e),
 						value: A.value,
 						style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border};accent-color:${K.value.style.inputs.accentColor}`)
 					}, null, 44, Ut)], 4)) : (y(), m("span", Wt, S(K.value.translations.page) + " " + S(A.value + 1) + " / " + S(J.value.length), 1)),
 					h("button", {
 						class: "vue-ui-table-navigation",
-						onClick: r[17] ||= _e((e) => pr(J.value.length), ["stop"]),
+						onClick: n[17] ||= _e((e) => pr(J.value.length), ["stop"]),
 						disabled: A.value === J.value.length - 1,
 						style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.pagination.buttons.backgroundColor};color:${K.value.style.pagination.buttons.color};opacity:${A.value === J.value.length - 1 ? K.value.style.pagination.buttons.opacityDisabled : 1}`)
 					}, S(J.value.length), 13, Gt)
 				], 64)) : (y(), m(d, { key: 1 }, [g(S(K.value.translations.page) + " " + S(A.value + 1) + " / " + S(J.value.length), 1)], 64)),
 				h("button", {
 					class: "vue-ui-table-navigation",
-					onClick: r[18] ||= _e((e) => pr("next"), ["stop"]),
+					onClick: n[18] ||= _e((e) => pr("next"), ["stop"]),
 					innerHTML: X.value.chevronRight,
 					disabled: A.value === J.value.length - 1,
 					style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.pagination.buttons.backgroundColor};color:${K.value.style.pagination.buttons.color};opacity:${A.value === J.value.length - 1 ? K.value.style.pagination.buttons.opacityDisabled : 1}`)
@@ -1240,19 +1240,19 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 				withPadding: "",
 				withFullWidth: "",
 				noLayerUpdate: "",
-				onClose: r[23] ||= (e) => H.value = !1,
+				onClose: n[23] ||= (e) => H.value = !1,
 				onSize: qn
 			}, {
 				before: he(() => [h("div", qt, [
 					Vn.value.length ? (y(), m("button", {
 						key: 0,
-						onClick: r[19] ||= (e) => U.value = !0,
+						onClick: n[19] ||= (e) => U.value = !0,
 						innerHTML: X.value.donut,
 						class: _({ "is-active-chart": D.value.type === O.value.DONUT || U.value }),
 						style: v(`cursor:${q.value ? "pointer" : "default"};background:${D.value.type === O.value.DONUT || U.value ? K.value.style.chart.modal.buttons.selected.backgroundColor : K.value.style.chart.modal.buttons.unselected.backgroundColor};color:${D.value.type === O.value.DONUT || U.value ? K.value.style.chart.modal.buttons.selected.color : K.value.style.chart.modal.buttons.unselected.color}`)
 					}, null, 14, Jt)) : p("", !0),
 					h("button", {
-						onClick: r[20] ||= (e) => {
+						onClick: n[20] ||= (e) => {
 							D.value.type = O.value.LINE, U.value = !1;
 						},
 						innerHTML: X.value.chart,
@@ -1260,7 +1260,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 						style: v(`cursor:${q.value ? "pointer" : "default"};background:${D.value.type === O.value.LINE && !U.value ? K.value.style.chart.modal.buttons.selected.backgroundColor : K.value.style.chart.modal.buttons.unselected.backgroundColor};color:${D.value.type === O.value.LINE && !U.value ? K.value.style.chart.modal.buttons.selected.color : K.value.style.chart.modal.buttons.unselected.color}`)
 					}, null, 14, Yt),
 					h("button", {
-						onClick: r[21] ||= (e) => {
+						onClick: n[21] ||= (e) => {
 							D.value.type = O.value.BAR, U.value = !1;
 						},
 						innerHTML: X.value.bar,
@@ -1299,7 +1299,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 						Rn.value.length > 1 ? (y(), m("label", {
 							key: 0,
 							style: v({ color: K.value.style.chart.modal.color })
-						}, [g(S(K.value.translations.xAxisLabels) + " ", 1), w(h("select", { "onUpdate:modelValue": r[22] ||= (e) => wn.value = e }, [(y(!0), m(d, null, x(Rn.value, (e) => (y(), m("option", null, S(e), 1))), 256))], 512), [[fe, wn.value]])], 4)) : p("", !0),
+						}, [g(S(K.value.translations.xAxisLabels) + " ", 1), w(h("select", { "onUpdate:modelValue": n[22] ||= (e) => wn.value = e }, [(y(!0), m(d, null, x(Rn.value, (e) => (y(), m("option", null, S(e), 1))), 256))], 512), [[fe, wn.value]])], 4)) : p("", !0),
 						h("div", an, [D.value.type === O.value.LINE ? (y(), oe(l, {
 							key: `chart_line_${Cn.value}`,
 							dataset: Jn.value.xyDatasetLine,
@@ -1313,7 +1313,7 @@ var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["da
 							key: 1,
 							class: "chart-trend",
 							style: v(`color:${K.value.style.chart.modal.color}`)
-						}, [r[33] ||= h("span", null, "---", -1), g(" Trend: " + S(C(t)({
+						}, [n[33] ||= h("span", null, "---", -1), g(" Trend: " + S(C(r)({
 							v: Jn.value.progression.trend * 100,
 							s: "%",
 							r: 1

package/dist/{vue-ui-table-heatmap-BFKyJTr1.js → vue-ui-table-heatmap-CCGjbSzQ.js}

@@ -1,13 +1,13 @@
-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-ByaaSKhz.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 { 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 = {
@@ -55,7 +55,7 @@ var E = /* @__PURE__ */ e({ default: () => P }), ge = ["id"], _e = { role: "cell
 			v52b63863: De.value,
 			v32106484: Ee.value
 		}));
-		let E = fe(() => import("./UserOptions-D7zR0tnR.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();
+		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.");
 		});
@@ -91,7 +91,7 @@ var E = /* @__PURE__ */ e({ default: () => P }), ge = ["id"], _e = { role: "cell
 			Y();
 		});
 		function Y() {
-			i(I.dataset) && ee({
+			t(I.dataset) && ee({
 				componentName: "VueUiTableHeatmap",
 				type: "dataset"
 			});
@@ -103,19 +103,19 @@ var E = /* @__PURE__ */ e({ default: () => P }), ge = ["id"], _e = { role: "cell
 			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);
+			let t = e.values.map((e) => isNaN(e) ? 0 : e), r = t.reduce((e, t) => e + t, 0);
 			return {
 				...e,
-				values: n,
+				values: t,
 				serieExtremes: {
-					max: Math.max(...n),
-					min: Math.min(...n)
+					max: Math.max(...t),
+					min: Math.min(...t)
 				},
 				sum: r,
-				average: r / n.length,
-				median: te(n),
+				average: r / t.length,
+				median: te(t),
 				displayValues: [e.name, ...e.values],
-				id: t()
+				id: n()
 			};
 		})), Z = c(() => {
 			let e = X.value.flatMap((e) => e.values);
@@ -140,15 +140,15 @@ var E = /* @__PURE__ */ e({ default: () => P }), ge = ["id"], _e = { role: "cell
 					[e.sum],
 					[e.average],
 					[e.median]
-				]), i = r([[
+				]), n = i([[
 					[""],
 					H.value.table.head.values,
 					["sum"],
 					["average"],
 					["median"]
 				]].concat(t));
-				e ? e(i) : n({
-					csvContent: i,
+				e ? e(n) : r({
+					csvContent: n,
 					title: "vue-ui-table-heatmap"
 				});
 			});