vue-data-ui 3.17.13 → 3.18.1

package/dist/vue-ui-table-WDkEyyQ0.js

@@ -0,0 +1,1338 @@
+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-BV0kTCnO.js";
+import { t as ie } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { t as ae } from "./BaseIcon-CEmt3Ifx.js";
+import { t as l } from "./vue-ui-xy-1hee-IEM.js";
+import { t as u } from "./vue-ui-donut-RogzKj0G.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 = {
+	class: "label vue-ui-table-dialog-input-label",
+	style: { width: "100%" }
+}, Ae = { style: { width: "fit-content" } }, je = { class: "vue-ui-table" }, Me = { key: 0 }, Ne = { key: 0 }, Pe = { key: 1 }, Fe = {
+	key: 0,
+	style: {
+		display: "flex",
+		"align-items": "center",
+		"justify-content": "flex-end"
+	}
+}, Ie = ["innerHTML"], Le = {
+	key: 0,
+	style: { "margin-left": "3px" }
+}, Re = { key: 0 }, ze = { class: "th-filter" }, Be = {
+	key: 0,
+	class: "th-date"
+}, Ve = { class: "date-wrapper--inputs" }, He = { class: "date-fieldset" }, Ue = ["for"], We = [
+	"id",
+	"onUpdate:modelValue",
+	"onInput"
+], Ge = { class: "date-fieldset" }, Ke = ["for"], qe = [
+	"id",
+	"onUpdate:modelValue",
+	"onInput"
+], Je = { class: "date-wrapper--button" }, Ye = ["onClick"], Xe = ["innerHTML"], Ze = ["innerHTML"], Qe = ["innerHTML"], $e = ["onClick", "disabled"], et = [
+	"placeholder",
+	"onUpdate:modelValue",
+	"name"
+], tt = ["onClick"], nt = ["innerHTML"], rt = ["innerHTML"], it = ["innerHTML"], at = ["onClick", "innerHTML"], ot = ["innerHTML"], st = {
+	key: 5,
+	class: "th-range-filter"
+}, ct = ["for"], lt = [
+	"id",
+	"max",
+	"min",
+	"onUpdate:modelValue"
+], ut = [
+	"id",
+	"max",
+	"min",
+	"onUpdate:modelValue"
+], dt = ["for"], ft = ["onClick", "disabled"], pt = ["id"], mt = ["onClick"], ht = ["onClick", "onKeyup"], gt = [
+	"innerHTML",
+	"onClick",
+	"onKeyup"
+], _t = ["data-row"], vt = ["data-row"], yt = [
+	"data-row",
+	"onClick",
+	"onKeyup",
+	"id"
+], bt = ["innerHTML"], xt = { key: 1 }, St = { key: 2 }, Ct = { key: 5 }, wt = ["innerHTML"], Tt = { key: 0 }, Et = { style: { "margin-left": "12px" } }, Dt = { class: "format-num" }, Ot = { style: { "margin-left": "12px" } }, kt = {
+	key: 0,
+	class: "format-num"
+}, At = {
+	key: 1,
+	class: "format-num"
+}, jt = { key: 2 }, Mt = { style: { "margin-left": "12px" } }, Nt = {
+	key: 0,
+	class: "format-num"
+}, Pt = {
+	key: 1,
+	class: "format-num"
+}, Ft = { key: 2 }, It = {
+	key: 1,
+	class: "vue-ui-table-paginator format-num"
+}, Lt = {
+	key: 2,
+	class: "vue-ui-table-size-warning"
+}, Rt = ["innerHTML"], zt = {
+	key: 4,
+	class: "vue-ui-table-pagination format-num"
+}, Bt = ["innerHTML", "disabled"], Vt = ["disabled"], Ht = {
+	for: "pageScroller",
+	style: { "font-size": "14px" }
+}, Ut = ["max", "value"], Wt = { key: 1 }, Gt = ["disabled"], Kt = ["innerHTML", "disabled"], qt = { class: "vue-ui-table-chart-modal-options" }, Jt = ["innerHTML"], Yt = ["innerHTML"], Xt = ["innerHTML"], Zt = { style: {
+	width: "100%",
+	height: "fit-content"
+} }, Qt = { class: "vue-ui-table-fieldset" }, $t = { class: "vue-ui-table-fieldset-wrapper" }, en = [
+	"name",
+	"id",
+	"checked",
+	"onInput"
+], tn = ["for"], nn = ["disabled"], rn = ["innerHTML"], an = { style: {
+	width: "100%",
+	"margin-bottom": "12px"
+} }, on = {
+	key: 2,
+	style: {
+		width: "100%",
+		"margin-bottom": "32px"
+	}
+}, sn = /* @__PURE__ */ ie({
+	__name: "vue-ui-table",
+	props: {
+		config: {
+			type: Object,
+			default() {
+				return {};
+			}
+		},
+		dataset: {
+			type: Object,
+			default() {
+				return {};
+			}
+		}
+	},
+	emits: ["page-change"],
+	setup(e, { expose: ie, emit: ve }) {
+		de((e) => ({
+			a526696e: On.value,
+			b37e1748: kn.value,
+			v5236f612: Nn.value,
+			v348e0d64: An.value,
+			v54377a3e: Pn.value,
+			ee49ce48: Fn.value,
+			v1ac4574c: jn.value,
+			v4f070ff6: Mn.value,
+			v725e1288: In.value
+		}));
+		let sn = ce(() => import("./BaseDraggableDialog-BQcmQAK5.js").then((e) => e.n)), T = e, cn = ve, { vue_ui_table: ln } = re(), E = n();
+		b(null);
+		let un = b(null), dn = b(null), D = b({
+			height: 316,
+			type: "bar",
+			width: 512
+		}), O = b({
+			ASC: 1,
+			BAR: "bar",
+			DATE: "date",
+			DESC: -1,
+			DONUT: "donut",
+			LINE: "line",
+			NUMERIC: "numeric",
+			PERCENTAGE: "percentage",
+			TEXT: "text"
+		}), fn = b(100), pn = b(100);
+		b(0), b(0), b(400), b(200);
+		let mn = b({
+			CELL: "smart-td-selected",
+			FIRST_TD: "smart-td-selected-first",
+			LAST_TD: "smart-td-selected-last",
+			ROW: "smart-td-selected-neighbor"
+		}), hn = b(void 0), gn = b(void 0), k = b({
+			col: void 0,
+			rows: []
+		}), A = b(0), j = b(20), _n = b(!1), vn = b(!1), M = b({}), N = b({}), yn = b({}), P = b({}), F = b({}), I = b({}), L = b({}), R = b({}), z = b({}), B = b(T.config.rowsPerPage ? T.config.rowsPerPage : 25), bn = b([...new Set([
+			10,
+			25,
+			50,
+			100,
+			250,
+			500,
+			T.config.rowsPerPage ? T.config.rowsPerPage : 25,
+			T.dataset.body.length
+		])].sort((e, t) => e - t)), xn = b(void 0), V = b(void 0), Sn = b(void 0), H = b(!1), Cn = b(0), wn = b(""), Tn = b(""), U = b(!1), W = b(JSON.parse(JSON.stringify(T.dataset.body)).map((e, t) => ({
+			...e,
+			absoluteIndex: t
+		}))), En = b(JSON.parse(JSON.stringify(T.dataset.body)).map((e, t) => ({
+			...e,
+			absoluteIndex: t
+		}))), G = b(JSON.parse(JSON.stringify(T.dataset.header)).map((e, t) => ({
+			average: Object.hasOwn(e, "average") ? e.average : !1,
+			decimals: Object.hasOwn(e, "decimals") ? e.decimals : 0,
+			isMultiselect: Object.hasOwn(e, "isMultiselect") ? e.isMultiselect : !1,
+			isPercentage: Object.hasOwn(e, "isPercentage") ? e.isPercentage : !1,
+			isSearch: Object.hasOwn(e, "isSearch") ? e.isSearch : !1,
+			isSort: Object.hasOwn(e, "isSort") ? e.isSort : !1,
+			name: e.name,
+			percentageTo: Object.hasOwn(e, "percentageTo") ? e.percentageTo : void 0,
+			prefix: Object.hasOwn(e, "prefix") ? e.prefix : "",
+			rangeFilter: Object.hasOwn(e, "rangeFilter") ? e.rangeFilter : !1,
+			suffix: Object.hasOwn(e, "suffix") ? e.suffix : "",
+			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({
+			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(() => {
+			let e = Ln.value.find((e) => e.name === wn.value);
+			return e ? e.index : null;
+		}), J = f(() => {
+			let e = [];
+			if (W.value.length) for (let t = 0; t < W.value.length; t += B.value) e.push(W.value.slice(t, t + B.value));
+			return e;
+		}), Y = f(() => J.value[A.value]), Bn = f(() => zn.value == null ? [] : Y.value.map((e) => e.td[zn.value])), Vn = f(() => Object.keys(F.value).map((e) => ({
+			index: e,
+			name: T.dataset.header[e].name,
+			options: F.value[e]
+		}))), Hn = f(() => K.value.useChart && k.value.rows.length > 1), Un = f(() => T.dataset.header.map((e) => e.type).includes(O.value.NUMERIC)), X = f(() => ({
+			arrowSort: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 9l4 -4l4 4m-4 -4v14" /><path d="M21 15l-4 4l-4 -4m4 4v-14" /></svg>`,
+			bar: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M9 8m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M15 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M4 20l14 0" /></svg>`,
+			chart: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 19l16 0" /><path d="M4 15l4 -6l4 2l4 -5l4 4" /></svg>`,
+			chevronDown: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 9l6 6l6 -6" /></svg>`,
+			chevronLeft: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value * 1.6}" height="${j.value * 1.6}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 6l-6 6l6 6" /></svg>`,
+			chevronRight: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value * 1.6}" height="${j.value * 1.6}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>`,
+			donut: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value * .8}" height="${j.value * .8}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3v5m4 4h5" /><path d="M8.929 14.582l-3.429 2.918" /><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /></svg>`,
+			export: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12.5 21h-7.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7.5" /><path d="M3 10h18" /><path d="M10 3v18" /><path d="M16 19h6" /><path d="M19 16l3 3l-3 3" /></svg>`,
+			fileDownload: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M12 17v-6" /><path d="M9.5 14.5l2.5 2.5l2.5 -2.5" /></svg>`,
+			filter: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" /></svg>`,
+			move: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9l3 3l-3 3" /><path d="M15 12h6" /><path d="M6 9l-3 3l3 3" /><path d="M3 12h6" /><path d="M9 18l3 3l3 -3" /><path d="M12 15v6" /><path d="M15 6l-3 -3l-3 3" /><path d="M12 3v6" /></svg>`,
+			sort09: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /><path d="M17 3a2 2 0 0 1 2 2v3a2 2 0 1 1 -4 0v-3a2 2 0 0 1 2 -2z" /><path d="M17 16m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M19 16v3a2 2 0 0 1 -2 2h-1.5" /></svg>`,
+			sort90: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /><path d="M17 14a2 2 0 0 1 2 2v3a2 2 0 1 1 -4 0v-3a2 2 0 0 1 2 -2z" /><path d="M17 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M19 5v3a2 2 0 0 1 -2 2h-1.5" /></svg>`,
+			sortAZ: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10v-5c0 -1.38 .62 -2 2 -2s2 .62 2 2v5m0 -3h-4" /><path d="M19 21h-4l4 -7h-4" /><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /></svg>`,
+			sortZA: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 21v-5c0 -1.38 .62 -2 2 -2s2 .62 2 2v5m0 -3h-4" /><path d="M19 10h-4l4 -7h-4" /><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /></svg>`,
+			sum: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>`,
+			table: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" fill="white" d="M 10 2, 21 2, 21 21, 10 21Z"/><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z" /><path d="M3 10h18" /><path d="M10 3v18" /></svg>`,
+			warning: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value * .8}" height="${j.value * .8}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,
+			grip: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M5 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>`
+		})), Wn = f(() => W.value.map((e) => e.td)), Gn = f(() => ({
+			sumPercentage: Number((k.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) * 100).toFixed(T.dataset.header[k.value.col].decimals)).toLocaleString(),
+			sumRegular: Number(k.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0).toFixed(T.dataset.header[k.value.col].decimals)).toLocaleString(),
+			averagePercentage: Number((k.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) / k.value.rows.length * 100).toFixed(T.dataset.header[k.value.col].decimals)).toLocaleString(),
+			averageRegular: Number((k.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) / k.value.rows.length).toFixed(T.dataset.header[k.value.col].decimals)).toLocaleString()
+		})), Kn = b({
+			width: 1e3,
+			height: 500
+		});
+		function qn({ width: e, height: t }) {
+			Kn.value = {
+				width: e,
+				height: t
+			};
+		}
+		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 = [{
+				name: s,
+				series: k.value.rows.map((e) => e.value),
+				type: "line",
+				useProgression: !0,
+				smooth: K.value.style.chart.layout.line.smooth,
+				color: K.value.style.chart.layout.line.stroke,
+				useArea: K.value.style.chart.layout.line.useArea
+			}], ae = [{
+				name: s,
+				series: k.value.rows.map((e) => e.value),
+				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 = {
+				useCssAnimation: !1,
+				chart: {
+					width: t,
+					height: e - 250,
+					backgroundColor: l,
+					color: u,
+					labels: {
+						fontSize: 18,
+						prefix: ne,
+						suffix: re
+					},
+					grid: {
+						stroke: te(u, .5),
+						labels: {
+							color: u,
+							xAxisLabels: {
+								color: u,
+								show: Bn.value.length,
+								values: Bn.value,
+								datetimeFormatter: K.value.style.chart.layout.datetimeFormatter,
+								showOnlyAtModulo: K.value.style.chart.layout.timeLabels.showOnlyAtModulo,
+								modulo: K.value.style.chart.layout.timeLabels.modulo
+							}
+						}
+					},
+					highlighter: { color: u },
+					legend: {
+						color: u,
+						show: !1
+					},
+					title: {
+						text: s,
+						color: u,
+						textAlign: "center",
+						fontSize: 18
+					},
+					tooltip: {
+						showTimeLabel: Bn.value.length,
+						backgroundOpacity: 30,
+						color: u,
+						backgroundColor: l,
+						showPercentage: !1,
+						roundingValue: d
+					},
+					userOptions: { buttons: {
+						pdf: !1,
+						csv: !1,
+						table: !1,
+						annotator: !1
+					} },
+					zoom: {
+						show: K.value.style.chart.layout.zoom.show,
+						focusOnDrag: !0,
+						minimap: { show: !0 }
+					}
+				},
+				line: {
+					labels: {
+						show: !0,
+						color: u,
+						rounding: d
+					},
+					dot: {
+						useSerieColor: !1,
+						fill: K.value.style.chart.layout.line.plot.fill,
+						strokeWidth: K.value.style.chart.layout.line.plot.strokeWidth
+					}
+				},
+				bar: {
+					useGradient: !1,
+					border: {
+						useSerieColor: !1,
+						stroke: K.value.style.chart.layout.bar.stroke,
+						strokeWidth: K.value.style.chart.layout.bar.strokeWidth
+					},
+					labels: {
+						show: !0,
+						color: u,
+						rounding: d
+					}
+				}
+			}, oe = i >= 0 ? 0 : Math.abs(i), p = r + oe, m = T.dataset.header[k.value.col].isPercentage, h = k.value.rows.map((t, r) => ({
+				x: n * r + n / 2,
+				y: (1 - (t.value + oe) / p) * e,
+				value: m ? t.value * 100 : t.value,
+				suffix: m ? "%" : T.dataset.header[k.value.col].suffix ? T.dataset.header[k.value.col].suffix : "",
+				prefix: T.dataset.header[k.value.col].prefix ? T.dataset.header[k.value.col].prefix : "",
+				index: t.index,
+				absoluteValue: m ? Math.abs(t.value) * 100 : Math.abs(t.value)
+			}));
+			return {
+				donutConfig: {
+					useCssAnimation: !1,
+					userOptions: {
+						position: "left",
+						buttons: {
+							pdf: !1,
+							csv: !1,
+							table: !1,
+							annotator: !1
+						}
+					},
+					style: { chart: {
+						backgroundColor: l,
+						color: u,
+						layout: {
+							curvedMarkers: !0,
+							donut: { strokeWidth: 64 },
+							labels: {
+								dataLabels: {
+									suffix: m ? "%" : "",
+									prefix: ne
+								},
+								value: { rounding: d },
+								percentage: {
+									color: u,
+									rounding: d
+								},
+								name: { color: u },
+								hollow: {
+									average: {
+										color: u,
+										text: K.value.translations.average,
+										value: { color: u }
+									},
+									total: {
+										color: u,
+										offsetY: -12,
+										text: K.value.translations.total,
+										value: {
+											color: u,
+											offsetY: -12
+										}
+									}
+								}
+							}
+						},
+						legend: {
+							backgroundColor: l,
+							color: u,
+							roundingValue: d,
+							roundingPercentage: d
+						},
+						padding: {
+							left: 12,
+							right: 12
+						},
+						title: {
+							text: s,
+							color: u,
+							fontSize: 18
+						},
+						tooltip: {
+							backgroundOpacity: 30,
+							color: u,
+							backgroundColor: l,
+							roundingValue: d,
+							roundingValue: d
+						}
+					} }
+				},
+				xyConfig: f,
+				xyDatasetLine: ie,
+				xyDatasetBar: ae,
+				progression: h.length >= 2 ? ee(h) : !1
+			};
+		});
+		function Yn() {
+			hn.value = V.value.options.map((e, t) => ({
+				name: e,
+				color: a[t] || a[t % a.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(() => {
+				D.value.type = O.value.DONUT, U.value = !1;
+			});
+		}
+		function Xn(e, t) {
+			return !N.value[e] && (t.isSort || t.isSearch || t.isMultiselect || t.rangeFilter) && ![O.value.DATE].includes(t.type);
+		}
+		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)),
+				title: Tn.value
+			});
+		}
+		function Qn() {
+			let e = document.getElementsByClassName("th-dropdown");
+			e.length && Array.from(e).forEach((e) => {
+				e.dataset.isOpen = !1;
+			});
+		}
+		function $n(e, t) {
+			let n;
+			clearTimeout(n), n = setTimeout(e, t);
+		}
+		function Z() {
+			let e = document.getElementsByClassName(`tr_${E}`);
+			Array.from(e).forEach((e) => {
+				Array.from(e.getElementsByTagName("td")).forEach((e) => {
+					e.dataset.row === "even" ? (e.style.background = K.value.style.rows.even.backgroundColor, e.style.color = K.value.style.rows.even.color) : (e.style.background = K.value.style.rows.odd.backgroundColor, e.style.color = K.value.style.rows.odd.color);
+				});
+			}), Array.from(e).forEach((e) => e.dataset.selected = "false"), A.value > J.value.length - 1 && (A.value = J.value.length - 1), H.value = !1, hn.value = void 0, xn.value = void 0, D.value.type = O.value.BAR, k.value = {
+				col: void 0,
+				rows: []
+			}, fn.value = 100, pn.value = 100;
+		}
+		function er(e, t) {
+			W.value = e.filter((e) => e.td[t] >= L.value[t].min && e[t] <= L.value[t].max);
+		}
+		function tr(e, t) {
+			if (z.value[t] === O.value.ASC && (e = e.sort((e, n) => e[t] - n[t])), z.value[t] === O.value.DESC) e = e.sort((e, n) => n[t] - e[t]);
+			else return 0;
+		}
+		function nr() {
+			Z(), Object.keys(L.value).forEach((e) => {
+				er(W.value, e);
+			}), Object.keys(z.value).forEach((e) => {
+				tr(W.value, e);
+			}), gn.value !== void 0 && tr(W.value, gn.value), T.dataset.header.forEach((e, t) => {
+				if (e.isPercentage) {
+					let e = I.value[t].referenceIndex, n = W.value.map((t) => t.td[e]).reduce((e, t) => e + t, 0);
+					W.value.forEach((r) => {
+						r.td[t] = r.td[e] / n;
+					});
+				}
+			}), A.value > J.value.length - 1 && (A.value = J.value.length - 1), [-1].includes(A.value) && (A.value = 0);
+		}
+		function Q() {
+			W.value = En.value.filter((e) => {
+				for (let t in R.value) if (!e.td[t].toUpperCase().includes(R.value[t].toUpperCase())) return !1;
+				for (let t in F.value) if (!F.value[t].some((n) => n === e.td[t])) return !1;
+				for (let t in M.value) {
+					let n = new Date(e.td[t]), r = new Date(M.value[t].from), i = new Date(M.value[t].to);
+					if (n < r || n > i) return !1;
+				}
+				return !0;
+			}), nr();
+		}
+		function rr(e) {
+			return Wn.value.map((t) => t[e]).map((e) => isNaN(Number(e)) ? 0 : e).reduce((e, t) => e + t, 0) / W.value.length;
+		}
+		function ir(e) {
+			let t = T.dataset.body.map((t) => new Date(t.td[e])), n = new Date(Math.min(...t)), r = new Date(Math.max(...t)), i = n.getFullYear(), a = r.getFullYear(), o = String(n.getMonth() + 1).padStart(2, "0"), s = String(r.getMonth() + 1).padStart(2, "0"), ee = String(n.getDate()).padStart(2, "0"), c = String(r.getDate()).padStart(2, "0");
+			return {
+				from: `${i}-${o}-${ee}`,
+				to: `${a}-${s}-${c}`
+			};
+		}
+		function $(e) {
+			return [...new Set(T.dataset.body.map((t) => t.td[e]))];
+		}
+		function ar(e) {
+			return Wn.value.map((t) => t[e]).map((e) => isNaN(Number(e)) ? 0 : e).reduce((e, t) => e + t, 0);
+		}
+		function or(e) {
+			return e.includes(NaN);
+		}
+		function sr(e, t) {
+			return F.value[t] ? F.value[t].includes(e) : !0;
+		}
+		function cr(e) {
+			return !isNaN(Number(String(e).replaceAll("%", "")));
+		}
+		function lr(e, t) {
+			let n = t.isSort, r = t.isSearch, i = t.isMultiselect && F.value[e], a = t.rangeFilter, o = (e) => {
+				if (a && L.value[e]) return Math.round(L.value[e].min) === P.value[e].min && Math.round(L.value[e].max) === P.value[e].max;
+			};
+			if (n && r && i && a) return ["", void 0].includes(R.value[e]) && [void 0].includes(z.value[e]) && F.value[e].length === $(e).length && o(e);
+			if (n && r && i) return ["", void 0].includes(R.value[e]) && [void 0].includes(z.value[e]) && F.value[e].length === $(e).length;
+			if (n && r && a) return ["", void 0].includes(R.value[e]) && [void 0].includes(z.value[e]) && o(e);
+			if (n && r) return ["", void 0].includes(R.value[e]) && [void 0].includes(z.value[e]);
+			if (n && i && a) return [void 0].includes(z.value[e]) && F.value[e].length === $(e).length && o(e);
+			if (n && i) return [void 0].includes(z.value[e]) && F.value[e].length === $(e).length;
+			if (r && i && a) return ["", void 0].includes(R.value[e]) && F.value[e].length === $(e).length && o(e);
+			if (r && i) return ["", void 0].includes(R.value[e]) && F.value[e].length === $(e).length;
+			if (r && a) return ["", void 0].includes(R.value[e]) && o(e);
+			if (r) return ["", void 0].includes(R.value[e]);
+			if (n && a) return [void 0].includes(z.value[e]) && o(e);
+			if (n) return [void 0].includes(z.value[e]);
+			if (i && a) return F.value[e].length === $(e).length && o(e);
+			if (i) return F.value[e].length === $(e).length;
+		}
+		function ur() {
+			return {
+				totalPages: J.value.length,
+				itemsPerPage: B.value,
+				currentPage: A.value,
+				currentPageData: Y.value.map((e) => e.td)
+			};
+		}
+		ie({ getCurrentPageData: ur });
+		function dr() {
+			cn("page-change", ur());
+		}
+		let fr = b(null);
+		function pr(e) {
+			if (Z(), e === "next" && A.value < J.value.length) {
+				if (A.value + 1 > J.value.length - 1) return;
+				A.value += 1;
+			} else if (e === "previous" && A.value >= 1) --A.value;
+			else {
+				if (e - 1 < 0 || e > J.value.length || e === "previous") return;
+				A.value = e - 1;
+			}
+			dr(), fr.value && fr.value.scrollTo({
+				top: 0,
+				left: 0,
+				behavior: "smooth"
+			});
+		}
+		function mr(e) {
+			e.preventDefault();
+			let t = e.keyCode;
+			if (![
+				38,
+				40,
+				37,
+				39
+			].includes(t)) return;
+			let n = e.target.id.match(/cell_(\d+)_(\d+)_([0-9a-fA-F-]{36})/), r = parseInt(n[1]), i = parseInt(n[2]), a = document.getElementById(`cell_${r}_${i + 1}_${E}`), o = document.getElementById(`cell_${r}_${i - 1}_${E}`), s = document.getElementById(`cell_${r + 1}_${i}_${E}`), ee = document.getElementById(`cell_${r - 1}_${i}_${E}`), c;
+			switch (!0) {
+				case t === 39:
+					c = a;
+					break;
+				case t === 37:
+					c = o;
+					break;
+				case t === 38:
+					c = ee;
+					break;
+				case t === 40:
+					c = s;
+					break;
+				default: return;
+			}
+			c && (c.focus(), c.scrollIntoView({
+				behavior: "smooth",
+				block: "center"
+			}));
+		}
+		function hr(e) {
+			let t = 0;
+			for (let n = 0; n < e.length; n += 1) t += e.charCodeAt(n);
+			return t;
+		}
+		async function gr() {
+			return new Promise((e) => {
+				let t = [];
+				G.value.forEach((e, n) => {
+					if (e.isSearch && Object.assign(R.value, { [n]: "" }), e.isMultiselect && Object.assign(F.value, { [n]: $(n) }), e.type === O.value.DATE && (Object.assign(M.value, { [n]: ir(n) }), Object.assign(yn.value, { [n]: !1 })), (e.isPercentage || e.percentageTo) && Object.assign(I.value, { [n]: {
+						reference: e.percentageTo,
+						referenceIndex: T.dataset.header.map((e) => e.name).indexOf(e.percentageTo)
+					} }), e.rangeFilter && (Object.assign(L.value, { [n]: {
+						min: Math.round(Math.min(...T.dataset.body.map((e) => e.td).map((e) => e[n]))),
+						max: Math.round(Math.max(...T.dataset.body.map((e) => e.td).map((e) => e[n])))
+					} }), Object.assign(P.value, { [n]: {
+						min: Math.round(Math.min(...T.dataset.body.map((e) => e.td).map((e) => e[n]))),
+						max: Math.round(Math.max(...T.dataset.body.map((e) => e.td).map((e) => e[n])))
+					} })), e.isPercentage) {
+						let r = T.dataset.header.map((e) => e.name).indexOf(e.percentageTo), i = T.dataset.body.map((e) => e.td[r]).reduce((e, t) => e + t, 0);
+						t.push([
+							n,
+							r,
+							i
+						]);
+					}
+					e.type === O.value.NUMERIC && !e.isPercentage && Object.assign(N.value, { [n]: or(T.dataset.body.map((e) => Number(e.td[n]))) });
+				}), W.value.forEach((e, n) => {
+					t.map((t) => {
+						let [n, r, i] = t;
+						e.td[n] = e.td[r] / i;
+					}), e.td.forEach((t, r) => {
+						T.dataset.header[r].type === O.value.TEXT && T.dataset.header[r].isSearch && (e[r] = hr(t)), T.dataset.header[r].type === O.value.DATE && (e[r] = new Date(t).getTime()), T.dataset.header[r].type === O.value.NUMERIC && (e[r] = isNaN(Number(t)) ? r : t), En.value[n][r] = e[r];
+					});
+				}), e(!0);
+			});
+		}
+		function _r(e, t) {
+			return new Promise((n, r) => {
+				e().then((e) => {
+					try {
+						n(t(e));
+					} catch (e) {
+						r(e);
+					}
+				}).catch((e) => {
+					r(e);
+				});
+			});
+		}
+		async function vr(e) {
+			M.value[e] = {
+				from: ir(e).from,
+				to: ir(e).to
+			}, yn.value[e] = !1, await le(), Q();
+		}
+		function yr(e, t, n) {
+			let r = n.currentTarget;
+			clearTimeout(dn.value), r.classList.add("clicked"), dn.value = setTimeout(() => {
+				r.classList.remove("clicked");
+			}, 200), gn.value = void 0, t.rangeFilter && (L.value[e].min = P.value[e].min, L.value[e].max = P.value[e].max), t.isMultiselect ? (F.value[e] = $(e), t.type === O.value.TEXT && (z.value[e] = void 0), t.isSearch && (R.value[e] = "")) : t.type === O.value.NUMERIC ? z.value[e] = void 0 : t.type === O.value.TEXT ? (z.value[e] = void 0, R.value[e] = "") : t.type === O.value.DATE && (z.value[e] = void 0), Q();
+		}
+		function br({ td: e, rowIndex: t, colIndex: n, headerType: r, event: i }) {
+			if (r !== O.value.NUMERIC || isNaN(Number(e))) {
+				Z();
+				return;
+			}
+			k.value.col !== n && Z();
+			let a = i.currentTarget.parentNode;
+			k.value.col = n, k.value.rows.map((e) => e.index).includes(t) ? (a.dataset.selected = "false", k.value.rows = k.value.rows.filter((e) => e.index !== t), i.currentTarget.classList.remove(mn.value.CELL), Array.from(a.children).forEach((e, t) => {
+				e.dataset.row === "even" ? (e.style.background = K.value.style.rows.even.backgroundColor, e.style.color = K.value.style.rows.even.olor) : (e.style.background = K.value.style.rows.odd.backgroundColor, e.style.color = K.value.style.rows.odd.color);
+			}), i.currentTarget.dataset.row === "even" ? (i.currentTarget.style.background = K.value.style.rows.even.backgroundColor, i.currentTarget.style.color = K.value.style.rows.even.color) : (i.currentTarget.style.background = K.value.style.rows.odd.backgroundColor, i.currentTarget.style.color = K.value.style.rows.odd.color)) : (a.dataset.selected = "true", k.value.rows.push({
+				index: t,
+				value: e
+			}), Array.from(a.children).forEach((e, t) => {
+				e.dataset.row === "even" ? (e.style.background = K.value.style.rows.even.selectedNeighbors.backgroundColor, e.style.color = K.value.style.rows.even.selectedNeighbors.color) : (e.style.background = K.value.style.rows.odd.selectedNeighbors.backgroundColor, e.style.color = K.value.style.rows.odd.selectedNeighbors.color);
+			}), i.currentTarget.dataset.row === "odd" ? (i.currentTarget.style.background = K.value.style.rows.odd.selectedCell.backgroundColor, i.currentTarget.style.color = K.value.style.rows.odd.selectedCell.color) : (i.currentTarget.style.background = K.value.style.rows.even.selectedCell.backgroundColor, i.currentTarget.style.color = K.value.style.rows.even.selectedCell.color)), k.value.rows = k.value.rows.sort((e, t) => e.index - t.index), D.value.type === O.value.DONUT && k.value.rows.length > 0 && Yn();
+		}
+		function xr(e) {
+			k.value.col === e ? (xn.value = void 0, Z()) : (Y.value.forEach((t, n) => {
+				br({
+					td: t.td[e],
+					rowIndex: n,
+					colIndex: e,
+					headerType: O.value.NUMERIC,
+					event: { currentTarget: document.getElementById(`cell_${n}_${e}_${E}`) }
+				});
+			}), xn.value = e);
+		}
+		async function Sr(e, t) {
+			F.value[t].includes(e) ? F.value[t] = F.value[t].filter((t) => t !== e) : F.value[t].push(e), await le(), Q();
+		}
+		function Cr(e) {
+			yn.value[e] = !(ir(e).from === M.value[e].from && ir(e).to === M.value[e].to);
+		}
+		function wr(e, t) {
+			gn.value = e;
+			let n = t.currentTarget;
+			clearTimeout(dn.value), n.classList.add("clicked"), dn.value = setTimeout(() => {
+				n.classList.remove("clicked");
+			}, 200), z.value[e] === 1 ? z.value[e] = O.value.DESC : z.value[e] = O.value.ASC, nr();
+		}
+		function Tr(e, t, n) {
+			let r = n.currentTarget;
+			clearTimeout(dn.value), r.classList.add("clicked"), dn.value = setTimeout(() => {
+				r.classList.remove("clicked");
+			}, 200);
+			let i = document.getElementById(`th_dropdown_${e}`);
+			i.dataset.isOpen === "false" ? i.dataset.isOpen = "true" : i.dataset.isOpen = "false";
+		}
+		function Er(e) {
+			Z(), !e || !e.target.value ? A.value = 0 : A.value = Number(e.target.value), dr();
+		}
+		let Dr = b(null);
+		ue(() => {
+			if (T.dataset.header.length === 0) throw Error("vue-ui-table error: missing header data.\nProvide an array of objects of type:\n{\n name: string;\n type: string; ('text' | 'numeric' | 'date')\n average: boolean;\n decimals: number | undefined;\n sum: boolean;\n isSort:boolean;\n isSearch: boolean;\n isMultiselect: boolean;\n isPercentage: boolean;\n percentageTo: string; (or '')\n}");
+			if (T.dataset.body.length === 0) throw Error("vue-ui-table error: missing body data");
+			vn.value = !0, _r(gr, async () => {
+				await le(), vn.value = !1;
+			}), document.addEventListener("keydown", (e) => {
+				let t = document.activeElement;
+				(t && Array.from(t.classList).includes("td-focusable") && e.key.includes("Arrow") || e.code === "Space") && e.preventDefault();
+			}), Tn.value = K.value.style.exportMenu.filename, wn.value = Ln.value[0]?.name ?? "";
+		}), me(() => T.dataset, (e) => {
+			vn.value = !0, W.value = JSON.parse(JSON.stringify(e.body)).map((e, t) => ({
+				...e,
+				absoluteIndex: t
+			})), En.value = JSON.parse(JSON.stringify(e.body)).map((e, t) => ({
+				...e,
+				absoluteIndex: t
+			})), G.value = JSON.parse(JSON.stringify(e.header)).map((e, t) => ({
+				average: Object.hasOwn(e, "average") ? e.average : !1,
+				decimals: Object.hasOwn(e, "decimals") ? e.decimals : 0,
+				isMultiselect: Object.hasOwn(e, "isMultiselect") ? e.isMultiselect : !1,
+				isPercentage: Object.hasOwn(e, "isPercentage") ? e.isPercentage : !1,
+				isSearch: Object.hasOwn(e, "isSearch") ? e.isSearch : !1,
+				isSort: Object.hasOwn(e, "isSort") ? e.isSort : !1,
+				name: e.name,
+				percentageTo: Object.hasOwn(e, "percentageTo") ? e.percentageTo : void 0,
+				prefix: Object.hasOwn(e, "prefix") ? e.prefix : "",
+				rangeFilter: Object.hasOwn(e, "rangeFilter") ? e.rangeFilter : !1,
+				suffix: Object.hasOwn(e, "suffix") ? e.suffix : "",
+				sum: Object.hasOwn(e, "sum") ? e.sum : !1,
+				type: e.type,
+				index: t
+			})), k.value = {
+				col: void 0,
+				rows: []
+			}, xn.value = void 0, B.value = T.config.rowsPerPage ? T.config.rowsPerPage : 25, I.value = {}, M.value = {}, yn.value = {}, N.value = {}, P.value = {}, L.value = {}, F.value = {}, R.value = {}, z.value = {}, H.value = !1, hn.value = void 0, V.value = void 0, Sn.value = void 0, U.value = !1, k.value.col = void 0, k.value.rows = [], _r(gr, async () => {
+				Er(), await le(), vn.value = !1;
+			});
+		}, {
+			immediate: !0,
+			deep: !0
+		});
+		let Or = b(null);
+		return me(_n, (e) => {
+			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", {
+			class: "vue-data-ui-component vue-ui-table-main",
+			style: v(`font-family: ${K.value.fontFamily}`)
+		}, [
+			K.value.style.exportMenu.show ? (y(), m("div", {
+				key: 0,
+				class: "vue-ui-table-export-hub",
+				style: v({ top: Dn.value + "px" })
+			}, [h("button", {
+				onClick: r[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", {
+				class: "vue-ui-table-export-hub-dropdown",
+				"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),
+				h("button", {
+					class: "close-dropdown",
+					onClick: r[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"),
+						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"),
+						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"]),
+						pattern: ".*",
+						class: "vue-ui-table-dialog-input",
+						type: "text",
+						"onUpdate:modelValue": r[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 = "",
+						style: v({ cursor: q.value ? "pointer" : "default" })
+					}, [se(ae, {
+						name: "close",
+						stroke: K.value.style.exportMenu.color,
+						size: 18
+					}, null, 8, ["stroke"])], 4)) : p("", !0)])
+				])
+			], 12, be)], 4)) : p("", !0),
+			h("div", {
+				class: "vue-ui-table__wrapper",
+				style: v(`max-height:${K.value.maxHeight}px`),
+				ref_key: "tableWrapper",
+				ref: fr
+			}, [h("table", je, [
+				K.value.style.title.text ? (y(), m("caption", {
+					key: 0,
+					class: "vue-ui-table__caption",
+					ref_key: "tableCaption",
+					ref: un,
+					style: v({
+						textAlign: K.value.style.title.textAlign,
+						paddingLeft: K.value.style.title.paddingLeft + "px",
+						paddingRight: K.value.style.title.paddingRight + "px",
+						backgroundColor: K.value.style.title.backgroundColor,
+						boxShadow: `${K.value.style.title.backgroundColor} -1px 0px 0px 0px`
+					})
+				}, [h("span", { style: v({
+					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({
+					fontSize: K.value.style.title.subtitle.fontSize,
+					fontWeight: K.value.style.title.subtitle.bold ? "bold" : "normal",
+					color: K.value.style.title.subtitle.color
+				}) }, S(K.value.style.title.subtitle.text), 5)], 64)) : p("", !0)], 4)) : p("", !0),
+				h("thead", {
+					id: "tableHead",
+					class: "vue-ui-table__head",
+					style: v({
+						background: K.value.style.th.backgroundColor,
+						boxShadow: `-1px 0 0 ${K.value.style.th.backgroundColor}`,
+						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", {
+						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}`,
+							class: _({
+								"th-numeric": !0,
+								"th-has-nan": N.value[n]
+							}),
+							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, [
+							h("span", {
+								innerHTML: X.value.sum,
+								style: {
+									"margin-bottom": "-4px",
+									"margin-right": "3px"
+								}
+							}, null, 8, Ie),
+							g(" " + S(C(t)({
+								p: e.prefix,
+								v: Number(ar(n)),
+								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,
+								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}`,
+							class: _({
+								"th-numeric": !0,
+								"th-has-nan": N.value[n]
+							}),
+							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)({
+							p: e.prefix,
+							v: Number(rr(n)),
+							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", {
+							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}`)
+						}, [h("div", ze, [
+							e.type === O.value.DATE && M.value[t] ? (y(), m("div", Be, [h("div", Ve, [h("div", He, [h("label", { for: `from_${t}` }, S(K.value.translations.from), 9, Ue), w(h("input", {
+								id: `from_${t}`,
+								type: "date",
+								"onUpdate:modelValue": (e) => M.value[t].from = e,
+								onInput: (e) => {
+									Q(), Cr(t);
+								},
+								style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
+							}, null, 44, We), [[pe, M.value[t].from]])]), h("div", Ge, [h("label", { for: `to_${t}` }, S(K.value.translations.to), 9, Ke), w(h("input", {
+								id: `to_${t}`,
+								type: "date",
+								"onUpdate:modelValue": (e) => M.value[t].to = e,
+								onInput: (e) => {
+									Q(), Cr(t);
+								},
+								style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
+							}, null, 44, qe), [[pe, M.value[t].to]])])]), h("div", Je, [e.isSort ? (y(), m("button", {
+								key: 0,
+								onClick: (e) => wr(t, e),
+								class: _({ "th-button-active": [O.value.DESC, O.value.ASC].includes(z.value[t]) }),
+								style: v(`cursor:${q.value ? "pointer" : "default"}; background:${[O.value.DESC, O.value.ASC].includes(z.value[t]) ? "" : K.value.style.th.buttons.filter.inactive.backgroundColor};color:${[O.value.DESC, O.value.ASC].includes(z.value[t]) ? "" : K.value.style.th.buttons.filter.inactive.color}`)
+							}, [z.value[t] === O.value.ASC ? (y(), m("span", {
+								key: 0,
+								innerHTML: [O.value.DATE].includes(e.type) ? X.value.sort09 : X.value.sortAZ
+							}, null, 8, Xe)) : z.value[t] === O.value.DESC ? (y(), m("span", {
+								key: 1,
+								innerHTML: [O.value.DATE].includes(e.type) ? X.value.sort90 : X.value.sortZA
+							}, null, 8, Ze)) : (y(), m("span", {
+								key: 2,
+								innerHTML: X.value.arrowSort
+							}, null, 8, Qe))], 14, Ye)) : p("", !0), h("button", {
+								onClick: (n) => {
+									vr(t), yr(t, e, n);
+								},
+								disabled: !yn.value[t] && lr(t, e),
+								class: "th-reset",
+								style: v({ cursor: q.value ? "pointer" : "default" })
+							}, " ✖ ", 12, $e)])])) : p("", !0),
+							e.isSearch ? w((y(), m("input", {
+								key: 1,
+								placeholder: K.value.translations.inputPlaceholder,
+								"onUpdate:modelValue": (e) => R.value[t] = e,
+								onInput: r[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),
+							!N.value[t] && e.isSort && e.type !== O.value.DATE ? (y(), m("button", {
+								key: 2,
+								onClick: (e) => wr(t, e),
+								class: _({ "th-button-active": [O.value.DESC, O.value.ASC].includes(z.value[t]) }),
+								style: v(`cursor:${q.value ? "pointer" : "default"};background:${[O.value.DESC, O.value.ASC].includes(z.value[t]) ? "" : K.value.style.th.buttons.filter.inactive.backgroundColor};color:${[O.value.DESC, O.value.ASC].includes(z.value[t]) ? "" : K.value.style.th.buttons.filter.inactive.color}`)
+							}, [z.value[t] === O.value.ASC ? (y(), m("span", {
+								key: 0,
+								innerHTML: [O.value.NUMERIC].includes(e.type) ? X.value.sort09 : X.value.sortZA
+							}, null, 8, nt)) : z.value[t] === O.value.DESC ? (y(), m("span", {
+								key: 1,
+								innerHTML: [O.value.NUMERIC].includes(e.type) ? X.value.sort90 : X.value.sortAZ
+							}, null, 8, rt)) : (y(), m("span", {
+								key: 2,
+								innerHTML: X.value.arrowSort
+							}, null, 8, it))], 14, tt)) : p("", !0),
+							e.isMultiselect ? (y(), m("button", {
+								key: 3,
+								onClick: (n) => Tr(t, e, n),
+								innerHTML: X.value.filter,
+								class: _({ "th-button-active": F.value[t] && F.value[t].length !== $(t).length }),
+								style: v(`cursor:${q.value ? "pointer" : "default"};background:${F.value[t] && F.value[t].length !== $(t).length ? "" : K.value.style.th.buttons.filter.inactive.backgroundColor};color:${F.value[t] && F.value[t].length !== $(t).length ? "" : K.value.style.th.buttons.filter.inactive.color}`)
+							}, null, 14, at)) : p("", !0),
+							k.value.col === t && Hn.value ? (y(), m("button", {
+								key: 4,
+								onClick: r[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("span", { style: { color: "grey" } }, "ᒥ", -1),
+									g(" min ", -1),
+									h("span", { style: { color: "grey" } }, "ᒣ", -1)
+								]], 8, ct),
+								w(h("input", {
+									type: "number",
+									id: `rangeMin${t}`,
+									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),
+									style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
+								}, null, 44, lt), [[
+									pe,
+									L.value[t].min,
+									void 0,
+									{ number: !0 }
+								]]),
+								w(h("input", {
+									type: "number",
+									id: `rangeMax${t}`,
+									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),
+									style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
+								}, null, 44, ut), [[
+									pe,
+									L.value[t].max,
+									void 0,
+									{ number: !0 }
+								]]),
+								h("label", { for: `rangeMax${t}` }, [...r[30] ||= [
+									h("span", { style: { color: "grey" } }, "ᒪ", -1),
+									g(" max ", -1),
+									h("span", { style: { color: "grey" } }, "ᒧ", -1)
+								]], 8, dt)
+							])) : p("", !0),
+							Xn(t, e) ? (y(), m("button", {
+								key: 6,
+								onClick: (n) => yr(t, e, n),
+								disabled: lr(t, e),
+								class: "th-reset",
+								style: v({ cursor: q.value ? "pointer" : "default" })
+							}, " ✖ ", 12, ft)) : p("", !0),
+							e.isMultiselect ? (y(), m("div", {
+								key: 7,
+								class: "th-dropdown",
+								"data-is-open": "false",
+								id: `th_dropdown_${t}`,
+								style: v(`background:${K.value.style.dropdowns.backgroundColor};color:${K.value.style.dropdowns.color}`)
+							}, [h("button", {
+								class: "close-dropdown",
+								onClick: (n) => Tr(t, e, n),
+								style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.closeButtons.backgroundColor};color:${K.value.style.closeButtons.color}`)
+							}, " ✖ ", 12, mt), (y(!0), m(d, null, x($(t), (e, n) => (y(), m("span", {
+								class: "th-option",
+								key: `th_option_${t}_${n}`,
+								onClick: (n) => Sr(e, t),
+								onKeyup: [ge((n) => Sr(e, t), ["enter"]), ge((n) => Sr(e, t), ["space"])],
+								style: v(`opacity:${sr(e, t) ? 1 : .5}`),
+								tabindex: "0"
+							}, [sr(e, t) ? (y(), m("span", {
+								key: 0,
+								style: v(`color:${K.value.style.dropdowns.icons.selected.color};margin-right:5px`),
+								class: "th-icon-green"
+							}, S(K.value.style.dropdowns.icons.selected.unicode), 5)) : (y(), m("span", {
+								key: 1,
+								style: v(`color:${K.value.style.dropdowns.icons.unselected.color};margin-right:5px`),
+								class: "th-icon-red"
+							}, 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", {
+						key: `col_selector_${t}`,
+						class: _({
+							"vue-ui-table-col-selector": !N.value[t],
+							"th-has-nan": N.value[t]
+						}),
+						style: v(`background:${t === xn.value && !N.value[t] ? K.value.style.th.selected.backgroundColor : K.value.style.th.backgroundColor};color:${t === xn.value && !N.value[t] ? K.value.style.th.selected.color : K.value.style.th.color};outline:${K.value.style.th.outline}`)
+					}, [N.value[t] ? p("", !0) : (y(), m("div", {
+						key: 0,
+						innerHTML: G.value[t].type === O.value.NUMERIC ? X.value.chevronDown : "",
+						class: _({ "col-selector": G.value[t].type === O.value.NUMERIC }),
+						tabindex: "0",
+						style: v({ cursor: q.value ? "pointer" : "default" }),
+						onClick: _e((e) => xr(t), ["stop"]),
+						onKeyup: ge((e) => xr(t), ["enter"])
+					}, null, 46, gt))], 6))), 128))])
+				], 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",
+					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}`}`)
+				}, [h("td", {
+					class: "vue-ui-table-td-iteration",
+					"data-row": r % 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}`,
+					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,
+						colIndex: a,
+						headerType: e.dataset.header[a].type,
+						event: t
+					}),
+					onKeyup: [ge((t) => br({
+						td: i,
+						rowIndex: r,
+						colIndex: a,
+						headerType: e.dataset.header[a].type,
+						event: t
+					}), ["enter"]), ge((t) => br({
+						td: i,
+						rowIndex: r,
+						colIndex: a,
+						headerType: e.dataset.header[a].type,
+						event: t
+					}), ["space"])],
+					class: _({
+						"td-numeric": e.dataset.header[a].type === O.value.NUMERIC,
+						"td-focusable": !0,
+						"td-has-nan": N.value[a]
+					}),
+					id: `cell_${r}_${a}_${C(E)}`,
+					tabindex: "0"
+				}, [n.meta && n.meta.markerIndices.includes(a) && n.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)({
+					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)({
+					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)({
+					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)({
+					p: e.dataset.header[a].prefix,
+					v: Number(i.toFixed(e.dataset.header[a].decimals)),
+					s: e.dataset.header[a].suffix,
+					r: e.dataset.header[a].decimals
+				})), 3)) : (y(), m("span", Ct, S(e.dataset.header[a].prefix) + " " + S(i) + " " + S(e.dataset.header[a].suffix), 1))], 46, yt))), 128))], 14, _t))), 128))], 32)
+			])], 4),
+			h("div", {
+				class: _({
+					"td-selector-info": !0,
+					"td-selector-info--active": k.value.col !== void 0 && k.value.rows.length
+				}),
+				style: v(`background:${K.value.style.infoBar.backgroundColor};color:${K.value.style.infoBar.color}`)
+			}, [k.value.col !== void 0 && k.value.rows.length ? (y(), m(d, { key: 0 }, [
+				h("div", {
+					innerHTML: X.value.table,
+					class: "td-selector-icon"
+				}, null, 8, wt),
+				h("span", null, [
+					h("b", null, [g(S(e.dataset.header[k.value.col].name) + " ", 1), e.dataset.header[k.value.col].isPercentage ? (y(), m("span", Tt, " / " + S(e.dataset.header[I.value[k.value.col].referenceIndex].name), 1)) : p("", !0)]),
+					h("span", Et, [g(S(K.value.translations.nb) + " : ", 1), h("b", Dt, S(k.value.rows.length), 1)]),
+					h("span", Ot, [
+						g(S(K.value.translations.sum) + " : ", 1),
+						e.dataset.header[k.value.col].isPercentage ? (y(), m("b", kt, S(Gn.value.sumPercentage), 1)) : (y(), m("b", At, S(e.dataset.header[k.value.col].prefix) + " " + S(Gn.value.sumRegular) + " " + S(e.dataset.header[k.value.col].suffix), 1)),
+						e.dataset.header[k.value.col].isPercentage ? (y(), m("b", jt, "%")) : p("", !0)
+					]),
+					h("span", Mt, [
+						g(S(K.value.translations.average) + " : ", 1),
+						e.dataset.header[k.value.col].isPercentage ? (y(), m("b", Nt, S(Gn.value.averagePercentage), 1)) : (y(), m("b", Pt, S(e.dataset.header[k.value.col].prefix) + " " + S(Gn.value.averageRegular) + " " + S(e.dataset.header[k.value.col].suffix), 1)),
+						e.dataset.header[k.value.col].isPercentage ? (y(), m("b", Ft, "%")) : p("", !0)
+					])
+				]),
+				h("button", {
+					onClick: Z,
+					class: "td-selector-info-reset",
+					style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.closeButtons.backgroundColor};color:${K.value.style.closeButtons.color};border-radius:${K.value.style.closeButtons.borderRadius}`)
+				}, " ✖ ", 4)
+			], 64)) : p("", !0)], 6),
+			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) => {
+					Z(), dr();
+				},
+				style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
+			}, [(y(!0), m(d, null, x(bn.value, (t, n) => (y(), m(d, null, [W.value.length > t || e.dataset.body.length === t ? (y(), m("option", { key: `paginator_option_${n}` }, S(t), 1)) : p("", !0)], 64))), 256))], 36)), [[
+				fe,
+				B.value,
+				void 0,
+				{ number: !0 }
+			]]) : p("", !0)])) : p("", !0),
+			B.value >= 250 ? (y(), m("div", Lt, [h("span", { innerHTML: X.value.warning }, null, 8, Rt), g(S(K.value.translations.sizeWarning), 1)])) : p("", !0),
+			J.value.length > 1 && J.value.length <= 10 ? (y(), m("div", {
+				key: 3,
+				class: "vue-ui-table-navigation-indicator",
+				style: v(`background:${K.value.style.pagination.navigationIndicator.backgroundColor};width:calc(${A.value / (J.value.length - 1) * 100}%)`)
+			}, null, 4)) : p("", !0),
+			J.value.length > 1 ? (y(), m("div", zt, [
+				h("button", {
+					class: "vue-ui-table-navigation",
+					onClick: r[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}`)
+				}, null, 12, Bt),
+				J.value.length > 3 ? (y(), m(d, { key: 0 }, [
+					h("button", {
+						class: "vue-ui-table-navigation",
+						onClick: r[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),
+					J.value.length > 10 ? (y(), m("div", {
+						key: 0,
+						class: "vue-ui-table-page-scroller-wrapper",
+						style: v({ cursor: q.value ? "pointer" : "default" })
+					}, [h("label", Ht, S(K.value.translations.page) + " " + S(A.value + 1) + " / " + S(J.value.length), 1), h("input", {
+						class: "vue-ui-table-page-scroller",
+						id: "pageScroller",
+						type: "range",
+						step: "1",
+						min: 0,
+						max: J.value.length - 1,
+						onInput: r[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"]),
+						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"]),
+					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}`)
+				}, null, 12, Kt)
+			])) : p("", !0),
+			se(C(sn), {
+				ref_key: "chartModal",
+				ref: Dr,
+				backgroundColor: K.value.style.chart.modal.backgroundColor,
+				headerColor: K.value.style.chart.modal.color,
+				color: K.value.style.chart.modal.color,
+				forcedHeight: 500,
+				isCursorPointer: q.value,
+				withPadding: "",
+				withFullWidth: "",
+				noLayerUpdate: "",
+				onClose: r[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,
+						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) => {
+							D.value.type = O.value.LINE, U.value = !1;
+						},
+						innerHTML: X.value.chart,
+						class: _({ "is-active-chart": D.value.type === O.value.LINE && !U.value }),
+						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) => {
+							D.value.type = O.value.BAR, U.value = !1;
+						},
+						innerHTML: X.value.bar,
+						class: _({ "is-active-chart": D.value.type === O.value.BAR && !U.value }),
+						style: v(`cursor:${q.value ? "pointer" : "default"};background:${D.value.type === O.value.BAR && !U.value ? K.value.style.chart.modal.buttons.selected.backgroundColor : K.value.style.chart.modal.buttons.unselected.backgroundColor};color:${D.value.type === O.value.BAR && !U.value ? K.value.style.chart.modal.buttons.selected.color : K.value.style.chart.modal.buttons.unselected.color}`)
+					}, null, 14, Xt)
+				])]),
+				content: he(() => [h("div", Zt, [
+					U.value && Vn.value.length ? (y(), m("div", {
+						key: 0,
+						style: v(`background:${K.value.style.chart.modal.backgroundColor};color:${K.value.style.chart.modal.color}`)
+					}, [h("fieldset", Qt, [
+						h("legend", null, S(K.value.translations.chooseCategoryColumn), 1),
+						h("div", $t, [(y(!0), m(d, null, x(Vn.value, (e, t) => (y(), m("div", {
+							key: `donut_radio_${t}`,
+							class: "vue-ui-table-fieldset-option"
+						}, [h("input", {
+							type: "radio",
+							name: e.name,
+							id: e.name,
+							checked: V.value && e.name === V.value.name,
+							onInput: (e) => V.value = Vn.value[t],
+							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, en), h("label", { for: e.name }, S(e.name), 9, tn)]))), 128))]),
+						h("button", {
+							class: "vue-ui-table-generate-donut",
+							disabled: !V.value,
+							onClick: Yn,
+							style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.chart.modal.buttons.selected.backgroundColor};color:${K.value.style.chart.modal.buttons.selected.color}`)
+						}, [h("div", {
+							style: { "margin-bottom": "-3px" },
+							innerHTML: X.value.donut
+						}, null, 8, rn), g(" " + S(K.value.translations.makeDonut), 1)], 12, nn)
+					])], 4)) : p("", !0),
+					[O.value.BAR, O.value.LINE].includes(D.value.type) && !U.value ? (y(), m(d, { key: 1 }, [
+						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),
+						h("div", an, [D.value.type === O.value.LINE ? (y(), oe(l, {
+							key: `chart_line_${Cn.value}`,
+							dataset: Jn.value.xyDatasetLine,
+							config: Jn.value.xyConfig
+						}, null, 8, ["dataset", "config"])) : p("", !0), D.value.type === O.value.BAR ? (y(), oe(l, {
+							key: `chart_bar_${Cn.value}`,
+							dataset: Jn.value.xyDatasetBar,
+							config: Jn.value.xyConfig
+						}, null, 8, ["dataset", "config"])) : p("", !0)]),
+						k.value.rows.length >= 2 ? (y(), m("div", {
+							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)({
+							v: Jn.value.progression.trend * 100,
+							s: "%",
+							r: 1
+						})), 1)], 4)) : p("", !0)
+					], 64)) : p("", !0),
+					[O.value.DONUT].includes(D.value.type) && !U.value ? (y(), m("div", on, [se(u, {
+						dataset: hn.value,
+						config: Jn.value.donutConfig
+					}, null, 8, ["dataset", "config"])])) : p("", !0)
+				])]),
+				_: 1
+			}, 8, [
+				"backgroundColor",
+				"headerColor",
+				"color",
+				"isCursorPointer"
+			])
+		], 4));
+	}
+}, [["__scopeId", "data-v-5db1d7a9"]]);
+//#endregion
+export { ve as n, sn as t };