vue-data-ui 3.25.2 → 3.25.4

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

@@ -1,1352 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, At as n, C as r, D as i, Ht as a, It as o, X as s, Xt as c, d as l, q as ee, r as te } from "./lib-BPg41jWd.js";
-import { t as ne } from "./vue-ui-xy-chRPjTTj.js";
-import { n as re, t as ie } from "./useHints-Dq_w2E8B.js";
-import { t as u } from "./useConfig-CyCVHo81.js";
-import { t as d } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as f } from "./BaseIcon-Oj70ytWI.js";
-import { t as ae } from "./vue-ui-donut-BfehCl28.js";
-import { Fragment as p, computed as m, createBlock as oe, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as se, defineAsyncComponent as ce, nextTick as le, normalizeClass as y, normalizeStyle as b, onMounted as ue, openBlock as x, ref as S, renderList as C, toDisplayString as w, unref as T, useCssVars as de, vModelSelect as fe, vModelText as pe, watch as me, withCtx as he, withDirectives as E, 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__*/ d({
-	__name: "vue-ui-table",
-	props: {
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		dataset: {
-			type: Object,
-			default() {
-				return {};
-			}
-		}
-	},
-	emits: ["page-change"],
-	setup(e, { expose: d, emit: ve }) {
-		de((e) => ({
-			d1121f2a: kn.value,
-			f2e08f04: An.value,
-			v7663b4a0: Pn.value,
-			v17c31306: jn.value,
-			v7dc13a5c: Fn.value,
-			v76f5497a: In.value,
-			fa998e08: Mn.value,
-			v4d3bc194: Nn.value,
-			v42ae93a6: Ln.value
-		}));
-		let sn = ce(() => import("./BaseDraggableDialog-Cwj9aGdF.js").then((e) => e.n)), D = e, cn = ve, { vue_ui_table: ln } = u(), O = ee();
-		S(null);
-		let un = S(null), dn = S(null), k = S({
-			height: 316,
-			type: "bar",
-			width: 512
-		}), A = S({
-			ASC: 1,
-			BAR: "bar",
-			DATE: "date",
-			DESC: -1,
-			DONUT: "donut",
-			LINE: "line",
-			NUMERIC: "numeric",
-			PERCENTAGE: "percentage",
-			TEXT: "text"
-		}), fn = S(100), pn = S(100);
-		S(0), S(0), S(400), S(200);
-		let mn = S({
-			CELL: "smart-td-selected",
-			FIRST_TD: "smart-td-selected-first",
-			LAST_TD: "smart-td-selected-last",
-			ROW: "smart-td-selected-neighbor"
-		}), hn = S(void 0), gn = S(void 0), j = S({
-			col: void 0,
-			rows: []
-		}), M = S(0), N = S(20), _n = S(!1), vn = S(!1), P = S({}), F = S({}), yn = S({}), I = S({}), L = S({}), R = S({}), z = S({}), B = S({}), V = S({}), bn = S(D.config.rowsPerPage ? D.config.rowsPerPage : 25), xn = S([.../* @__PURE__ */ new Set([
-			10,
-			25,
-			50,
-			100,
-			250,
-			500,
-			D.config.rowsPerPage ? D.config.rowsPerPage : 25,
-			D.dataset.body.length
-		])].sort((e, t) => e - t)), Sn = S(void 0), H = S(void 0), Cn = S(void 0), U = S(!1), wn = S(0), Tn = S(""), En = S(""), W = S(!1), G = S(JSON.parse(JSON.stringify(D.dataset.body)).map((e, t) => ({
-			...e,
-			absoluteIndex: t
-		}))), Dn = S(JSON.parse(JSON.stringify(D.dataset.body)).map((e, t) => ({
-			...e,
-			absoluteIndex: t
-		}))), K = S(JSON.parse(JSON.stringify(D.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
-		}))), On = m(() => un.value ? un.value.getBoundingClientRect().height + 3 : 3), q = m(() => {
-			if (!Object.keys(D.config || {}).length) return ln;
-			let e = c({
-				defaultConfig: ln,
-				userConfig: D.config
-			});
-			return r(e);
-		});
-		re({
-			config: () => q.value,
-			dataset: () => D.dataset,
-			component: "VueUiTable",
-			rules: [ie.noHint]
-		});
-		let J = m(() => q.value.useCursorPointer), kn = m(() => q.value.style.th.buttons.cancel.inactive.backgroundColor), An = m(() => q.value.style.th.buttons.cancel.inactive.color), jn = m(() => q.value.style.th.buttons.cancel.active.backgroundColor), Mn = m(() => q.value.style.th.buttons.filter.active.backgroundColor), Nn = m(() => q.value.style.th.buttons.filter.active.color), Pn = m(() => n(jn.value, .33)), Fn = m(() => a(jn.value, 33)), In = m(() => n(Mn.value, .33)), Ln = m(() => a(Mn, 33)), Rn = m(() => [...K.value].filter((e) => e.type === A.value.DATE)), zn = m(() => ["", ...Rn.value.map((e) => e.name)]), Bn = m(() => {
-			let e = Rn.value.find((e) => e.name === Tn.value);
-			return e ? e.index : null;
-		}), Y = m(() => {
-			let e = [];
-			if (G.value.length) for (let t = 0; t < G.value.length; t += bn.value) e.push(G.value.slice(t, t + bn.value));
-			return e;
-		}), Vn = m(() => Y.value[M.value]), Hn = m(() => Bn.value == null ? [] : Vn.value.map((e) => e.td[Bn.value])), Un = m(() => Object.keys(L.value).map((e) => ({
-			index: e,
-			name: D.dataset.header[e].name,
-			options: L.value[e]
-		}))), Wn = m(() => q.value.useChart && j.value.rows.length > 1), Gn = m(() => D.dataset.header.map((e) => e.type).includes(A.value.NUMERIC)), X = m(() => ({
-			arrowSort: `<svg xmlns="http://www.w3.org/2000/svg" width="${N.value}" height="${N.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="${N.value}" height="${N.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="${N.value}" height="${N.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="${N.value}" height="${N.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="${N.value * 1.6}" height="${N.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="${N.value * 1.6}" height="${N.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="${N.value * .8}" height="${N.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="${N.value}" height="${N.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="${N.value}" height="${N.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="${N.value}" height="${N.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="${N.value}" height="${N.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="${N.value}" height="${N.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="${N.value}" height="${N.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="${N.value}" height="${N.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="${N.value}" height="${N.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="${N.value}" height="${N.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="${N.value}" height="${N.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="${N.value * .8}" height="${N.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="${N.value}" height="${N.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>`
-		})), Kn = m(() => G.value.map((e) => e.td)), qn = m(() => ({
-			sumPercentage: Number((j.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) * 100).toFixed(D.dataset.header[j.value.col].decimals)).toLocaleString(),
-			sumRegular: Number(j.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0).toFixed(D.dataset.header[j.value.col].decimals)).toLocaleString(),
-			averagePercentage: Number((j.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) / j.value.rows.length * 100).toFixed(D.dataset.header[j.value.col].decimals)).toLocaleString(),
-			averageRegular: Number((j.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) / j.value.rows.length).toFixed(D.dataset.header[j.value.col].decimals)).toLocaleString()
-		})), Jn = S({
-			width: 1e3,
-			height: 500
-		});
-		function Yn({ width: e, height: t }) {
-			Jn.value = {
-				width: e,
-				height: t
-			};
-		}
-		let Xn = m(() => {
-			if (!Wn.value) return [];
-			let e = Jn.value.height, t = Jn.value.width, r = t / j.value.rows.length, i = Math.max(...j.value.rows.map((e) => e.value)), a = Math.min(...j.value.rows.map((e) => e.value)), o = D.dataset.header[j.value.col].isPercentage && D.dataset.header[j.value.col].percentageTo, s = k.value.type === A.value.DONUT && H.value && H.value.name, c = D.dataset.header[j.value.col].name + (o ? ` / ${D.dataset.header[R.value[j.value.col].referenceIndex].name}` : "") + (s ? ` ${q.value.translations.by} ${H.value.name}` : ""), ee = D.dataset.header[j.value.col].prefix, ne = D.dataset.header[j.value.col].suffix, re = [{
-				name: c,
-				series: j.value.rows.map((e) => e.value),
-				type: "line",
-				useProgression: !0,
-				smooth: q.value.style.chart.layout.line.smooth,
-				color: q.value.style.chart.layout.line.stroke,
-				useArea: q.value.style.chart.layout.line.useArea
-			}], ie = [{
-				name: c,
-				series: j.value.rows.map((e) => e.value),
-				type: "bar",
-				useProgression: !0,
-				color: q.value.style.chart.layout.bar.fill
-			}], u = q.value.style.chart.modal.backgroundColor, d = te(u), f = D.dataset.header[j.value.col].decimals, ae = {
-				useCssAnimation: !1,
-				chart: {
-					width: t,
-					height: e - 250,
-					backgroundColor: u,
-					color: d,
-					labels: {
-						fontSize: 18,
-						prefix: ee,
-						suffix: ne
-					},
-					grid: {
-						stroke: n(d, .5),
-						labels: {
-							color: d,
-							xAxisLabels: {
-								color: d,
-								show: Hn.value.length,
-								values: Hn.value,
-								datetimeFormatter: q.value.style.chart.layout.datetimeFormatter,
-								showOnlyAtModulo: q.value.style.chart.layout.timeLabels.showOnlyAtModulo,
-								modulo: q.value.style.chart.layout.timeLabels.modulo
-							}
-						}
-					},
-					highlighter: { color: d },
-					legend: {
-						color: d,
-						show: !1
-					},
-					title: {
-						text: c,
-						color: d,
-						textAlign: "center",
-						fontSize: 18
-					},
-					tooltip: {
-						showTimeLabel: Hn.value.length,
-						backgroundOpacity: 30,
-						color: d,
-						backgroundColor: u,
-						showPercentage: !1,
-						roundingValue: f
-					},
-					userOptions: { buttons: {
-						pdf: !1,
-						csv: !1,
-						table: !1,
-						annotator: !1
-					} },
-					zoom: {
-						show: q.value.style.chart.layout.zoom.show,
-						autoFit: q.value.style.chart.layout.zoom.autoFit,
-						focusOnDrag: !0,
-						minimap: { show: !0 }
-					}
-				},
-				line: {
-					labels: {
-						show: !0,
-						color: d,
-						rounding: f
-					},
-					dot: {
-						useSerieColor: !1,
-						fill: q.value.style.chart.layout.line.plot.fill,
-						strokeWidth: q.value.style.chart.layout.line.plot.strokeWidth
-					}
-				},
-				bar: {
-					useGradient: !1,
-					border: {
-						useSerieColor: !1,
-						stroke: q.value.style.chart.layout.bar.stroke,
-						strokeWidth: q.value.style.chart.layout.bar.strokeWidth
-					},
-					labels: {
-						show: !0,
-						color: d,
-						rounding: f
-					}
-				}
-			}, p = a >= 0 ? 0 : Math.abs(a), m = i + p, oe = D.dataset.header[j.value.col].isPercentage, h = j.value.rows.map((t, n) => ({
-				x: r * n + r / 2,
-				y: (1 - (t.value + p) / m) * e,
-				value: oe ? t.value * 100 : t.value,
-				suffix: oe ? "%" : D.dataset.header[j.value.col].suffix ? D.dataset.header[j.value.col].suffix : "",
-				prefix: D.dataset.header[j.value.col].prefix ? D.dataset.header[j.value.col].prefix : "",
-				index: t.index,
-				absoluteValue: oe ? 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: u,
-						color: d,
-						layout: {
-							curvedMarkers: !0,
-							donut: { strokeWidth: 64 },
-							labels: {
-								dataLabels: {
-									suffix: oe ? "%" : "",
-									prefix: ee
-								},
-								value: { rounding: f },
-								percentage: {
-									color: d,
-									rounding: f
-								},
-								name: { color: d },
-								hollow: {
-									average: {
-										color: d,
-										text: q.value.translations.average,
-										value: { color: d }
-									},
-									total: {
-										color: d,
-										offsetY: -12,
-										text: q.value.translations.total,
-										value: {
-											color: d,
-											offsetY: -12
-										}
-									}
-								}
-							}
-						},
-						legend: {
-							backgroundColor: u,
-							color: d,
-							roundingValue: f,
-							roundingPercentage: f
-						},
-						padding: {
-							left: 12,
-							right: 12
-						},
-						title: {
-							text: c,
-							color: d,
-							fontSize: 18
-						},
-						tooltip: {
-							backgroundOpacity: 30,
-							color: d,
-							backgroundColor: u,
-							roundingValue: f,
-							roundingValue: f
-						}
-					} }
-				},
-				xyConfig: ae,
-				xyDatasetLine: re,
-				xyDatasetBar: ie,
-				progression: h.length >= 2 && l(h)
-			};
-		});
-		function Zn() {
-			let e = H.value.options.map((e, t) => ({
-				name: e,
-				color: o[t] || o[t % o.length],
-				values: [Vn.value.filter((t, n) => t.td[H.value.index] === e && j.value.rows.map((e) => e.index).includes(n)).map((e) => e.td[j.value.col]).reduce((e, t) => Math.abs(e) + Math.abs(t), 0)],
-				absoluteValue: Vn.value.filter((t, n) => t.td[H.value.index] === e && j.value.rows.map((e) => e.index).includes(n)).map((e) => e.td[j.value.col]).reduce((e, t) => e + t, 0)
-			})).sort((e, t) => t.value - e.value);
-			hn.value = e, le(() => {
-				k.value.type = A.value.DONUT, W.value = !1;
-			});
-		}
-		function Qn(e, t) {
-			return !F.value[e] && (t.isSort || t.isSearch || t.isMultiselect || t.rangeFilter) && ![A.value.DATE].includes(t.type);
-		}
-		function $n(e = "all") {
-			let n = D.dataset.header.map((e) => e.name), r = e === "all" ? G.value.map((e) => e.td) : Vn.value.map((e) => e.td), a = [n].concat(r), o = i(a);
-			t({
-				csvContent: o,
-				title: En.value
-			});
-		}
-		function er() {
-			let e = document.getElementsByClassName("th-dropdown");
-			e.length && Array.from(e).forEach((e) => {
-				e.dataset.isOpen = !1;
-			});
-		}
-		function tr(e, t) {
-			let n;
-			clearTimeout(n), n = setTimeout(e, t);
-		}
-		function Z() {
-			let e = document.getElementsByClassName(`tr_${O}`);
-			Array.from(e).forEach((e) => {
-				Array.from(e.getElementsByTagName("td")).forEach((e) => {
-					e.dataset.row === "even" ? (e.style.background = q.value.style.rows.even.backgroundColor, e.style.color = q.value.style.rows.even.color) : (e.style.background = q.value.style.rows.odd.backgroundColor, e.style.color = q.value.style.rows.odd.color);
-				});
-			}), Array.from(e).forEach((e) => e.dataset.selected = "false"), M.value > Y.value.length - 1 && (M.value = Y.value.length - 1), U.value = !1, hn.value = void 0, Sn.value = void 0, k.value.type = A.value.BAR, j.value = {
-				col: void 0,
-				rows: []
-			}, fn.value = 100, pn.value = 100;
-		}
-		function nr(e, t) {
-			G.value = e.filter((e) => e.td[t] >= z.value[t].min && e[t] <= z.value[t].max);
-		}
-		function rr(e, t) {
-			if (V.value[t] === A.value.ASC && (e = e.sort((e, n) => e[t] - n[t])), V.value[t] === A.value.DESC) e = e.sort((e, n) => n[t] - e[t]);
-			else return 0;
-		}
-		function ir() {
-			Z(), Object.keys(z.value).forEach((e) => {
-				nr(G.value, e);
-			}), Object.keys(V.value).forEach((e) => {
-				rr(G.value, e);
-			}), gn.value !== void 0 && rr(G.value, gn.value), D.dataset.header.forEach((e, t) => {
-				if (e.isPercentage) {
-					let e = R.value[t].referenceIndex, n = G.value.map((t) => t.td[e]).reduce((e, t) => e + t, 0);
-					G.value.forEach((r) => {
-						r.td[t] = r.td[e] / n;
-					});
-				}
-			}), M.value > Y.value.length - 1 && (M.value = Y.value.length - 1), [-1].includes(M.value) && (M.value = 0);
-		}
-		function Q() {
-			G.value = Dn.value.filter((e) => {
-				for (let t in B.value) if (!e.td[t].toUpperCase().includes(B.value[t].toUpperCase())) return !1;
-				for (let t in L.value) if (!L.value[t].some((n) => n === e.td[t])) return !1;
-				for (let t in P.value) {
-					let n = new Date(e.td[t]), r = new Date(P.value[t].from), i = new Date(P.value[t].to);
-					if (n < r || n > i) return !1;
-				}
-				return !0;
-			}), ir();
-		}
-		function ar(e) {
-			return Kn.value.map((t) => t[e]).map((e) => isNaN(Number(e)) ? 0 : e).reduce((e, t) => e + t, 0) / G.value.length;
-		}
-		function or(e) {
-			let t = D.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"), c = String(n.getDate()).padStart(2, "0"), l = String(r.getDate()).padStart(2, "0");
-			return {
-				from: `${i}-${o}-${c}`,
-				to: `${a}-${s}-${l}`
-			};
-		}
-		function $(e) {
-			return [...new Set(D.dataset.body.map((t) => t.td[e]))];
-		}
-		function sr(e) {
-			return Kn.value.map((t) => t[e]).map((e) => isNaN(Number(e)) ? 0 : e).reduce((e, t) => e + t, 0);
-		}
-		function cr(e) {
-			return e.includes(NaN);
-		}
-		function lr(e, t) {
-			return !L.value[t] || L.value[t].includes(e);
-		}
-		function ur(e) {
-			return !isNaN(Number(String(e).replaceAll("%", "")));
-		}
-		function dr(e, t) {
-			let n = t.isSort, r = t.isSearch, i = t.isMultiselect && L.value[e], a = t.rangeFilter, o = (e) => {
-				if (a && z.value[e]) return Math.round(z.value[e].min) === I.value[e].min && Math.round(z.value[e].max) === I.value[e].max;
-			};
-			if (n && r && i && a) return ["", void 0].includes(B.value[e]) && [void 0].includes(V.value[e]) && L.value[e].length === $(e).length && o(e);
-			if (n && r && i) return ["", void 0].includes(B.value[e]) && [void 0].includes(V.value[e]) && L.value[e].length === $(e).length;
-			if (n && r && a) return ["", void 0].includes(B.value[e]) && [void 0].includes(V.value[e]) && o(e);
-			if (n && r) return ["", void 0].includes(B.value[e]) && [void 0].includes(V.value[e]);
-			if (n && i && a) return [void 0].includes(V.value[e]) && L.value[e].length === $(e).length && o(e);
-			if (n && i) return [void 0].includes(V.value[e]) && L.value[e].length === $(e).length;
-			if (r && i && a) return ["", void 0].includes(B.value[e]) && L.value[e].length === $(e).length && o(e);
-			if (r && i) return ["", void 0].includes(B.value[e]) && L.value[e].length === $(e).length;
-			if (r && a) return ["", void 0].includes(B.value[e]) && o(e);
-			if (r) return ["", void 0].includes(B.value[e]);
-			if (n && a) return [void 0].includes(V.value[e]) && o(e);
-			if (n) return [void 0].includes(V.value[e]);
-			if (i && a) return L.value[e].length === $(e).length && o(e);
-			if (i) return L.value[e].length === $(e).length;
-		}
-		function fr() {
-			return {
-				totalPages: Y.value.length,
-				itemsPerPage: bn.value,
-				currentPage: M.value,
-				currentPageData: Vn.value.map((e) => e.td)
-			};
-		}
-		d({ getCurrentPageData: fr });
-		function pr() {
-			cn("page-change", fr());
-		}
-		let mr = S(null);
-		function hr(e) {
-			if (Z(), e === "next" && M.value < Y.value.length) {
-				if (M.value + 1 > Y.value.length - 1) return;
-				M.value += 1;
-			} else if (e === "previous" && M.value >= 1) --M.value;
-			else {
-				if (e - 1 < 0 || e > Y.value.length || e === "previous") return;
-				M.value = e - 1;
-			}
-			pr(), mr.value && mr.value.scrollTo({
-				top: 0,
-				left: 0,
-				behavior: "smooth"
-			});
-		}
-		function gr(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}_${O}`), o = document.getElementById(`cell_${r}_${i - 1}_${O}`), s = document.getElementById(`cell_${r + 1}_${i}_${O}`), c = document.getElementById(`cell_${r - 1}_${i}_${O}`), l;
-			switch (!0) {
-				case t === 39:
-					l = a;
-					break;
-				case t === 37:
-					l = o;
-					break;
-				case t === 38:
-					l = c;
-					break;
-				case t === 40:
-					l = s;
-					break;
-				default: return;
-			}
-			l && (l.focus(), l.scrollIntoView({
-				behavior: "smooth",
-				block: "center"
-			}));
-		}
-		function _r(e) {
-			let t = 0;
-			for (let n = 0; n < e.length; n += 1) t += e.charCodeAt(n);
-			return t;
-		}
-		async function vr() {
-			return new Promise((e) => {
-				let t = [];
-				K.value.forEach((e, n) => {
-					if (e.isSearch && Object.assign(B.value, { [n]: "" }), e.isMultiselect && Object.assign(L.value, { [n]: $(n) }), e.type === A.value.DATE && (Object.assign(P.value, { [n]: or(n) }), Object.assign(yn.value, { [n]: !1 })), (e.isPercentage || e.percentageTo) && Object.assign(R.value, { [n]: {
-						reference: e.percentageTo,
-						referenceIndex: D.dataset.header.map((e) => e.name).indexOf(e.percentageTo)
-					} }), e.rangeFilter && (Object.assign(z.value, { [n]: {
-						min: Math.round(Math.min(...D.dataset.body.map((e) => e.td).map((e) => e[n]))),
-						max: Math.round(Math.max(...D.dataset.body.map((e) => e.td).map((e) => e[n])))
-					} }), Object.assign(I.value, { [n]: {
-						min: Math.round(Math.min(...D.dataset.body.map((e) => e.td).map((e) => e[n]))),
-						max: Math.round(Math.max(...D.dataset.body.map((e) => e.td).map((e) => e[n])))
-					} })), e.isPercentage) {
-						let r = D.dataset.header.map((e) => e.name).indexOf(e.percentageTo), i = D.dataset.body.map((e) => e.td[r]).reduce((e, t) => e + t, 0);
-						t.push([
-							n,
-							r,
-							i
-						]);
-					}
-					e.type === A.value.NUMERIC && !e.isPercentage && Object.assign(F.value, { [n]: cr(D.dataset.body.map((e) => Number(e.td[n]))) });
-				}), G.value.forEach((e, n) => {
-					t.map((t) => {
-						let [n, r, i] = t;
-						e.td[n] = e.td[r] / i;
-					}), e.td.forEach((t, r) => {
-						D.dataset.header[r].type === A.value.TEXT && D.dataset.header[r].isSearch && (e[r] = _r(t)), D.dataset.header[r].type === A.value.DATE && (e[r] = new Date(t).getTime()), D.dataset.header[r].type === A.value.NUMERIC && (e[r] = isNaN(Number(t)) ? r : t), Dn.value[n][r] = e[r];
-					});
-				}), e(!0);
-			});
-		}
-		function yr(e, t) {
-			return new Promise((n, r) => {
-				e().then((e) => {
-					try {
-						n(t(e));
-					} catch (e) {
-						r(e);
-					}
-				}).catch((e) => {
-					r(e);
-				});
-			});
-		}
-		async function br(e) {
-			P.value[e] = {
-				from: or(e).from,
-				to: or(e).to
-			}, yn.value[e] = !1, await le(), Q();
-		}
-		function xr(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 && (z.value[e].min = I.value[e].min, z.value[e].max = I.value[e].max), t.isMultiselect ? (L.value[e] = $(e), t.type === A.value.TEXT && (V.value[e] = void 0), t.isSearch && (B.value[e] = "")) : t.type === A.value.NUMERIC ? V.value[e] = void 0 : t.type === A.value.TEXT ? (V.value[e] = void 0, B.value[e] = "") : t.type === A.value.DATE && (V.value[e] = void 0), Q();
-		}
-		function Sr({ td: e, rowIndex: t, colIndex: n, headerType: r, event: i }) {
-			if (r !== A.value.NUMERIC || isNaN(Number(e))) {
-				Z();
-				return;
-			}
-			j.value.col !== n && Z();
-			let a = i.currentTarget.parentNode;
-			j.value.col = n, j.value.rows.map((e) => e.index).includes(t) ? (a.dataset.selected = "false", j.value.rows = j.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 = q.value.style.rows.even.backgroundColor, e.style.color = q.value.style.rows.even.olor) : (e.style.background = q.value.style.rows.odd.backgroundColor, e.style.color = q.value.style.rows.odd.color);
-			}), i.currentTarget.dataset.row === "even" ? (i.currentTarget.style.background = q.value.style.rows.even.backgroundColor, i.currentTarget.style.color = q.value.style.rows.even.color) : (i.currentTarget.style.background = q.value.style.rows.odd.backgroundColor, i.currentTarget.style.color = q.value.style.rows.odd.color)) : (a.dataset.selected = "true", j.value.rows.push({
-				index: t,
-				value: e
-			}), Array.from(a.children).forEach((e, t) => {
-				e.dataset.row === "even" ? (e.style.background = q.value.style.rows.even.selectedNeighbors.backgroundColor, e.style.color = q.value.style.rows.even.selectedNeighbors.color) : (e.style.background = q.value.style.rows.odd.selectedNeighbors.backgroundColor, e.style.color = q.value.style.rows.odd.selectedNeighbors.color);
-			}), i.currentTarget.dataset.row === "odd" ? (i.currentTarget.style.background = q.value.style.rows.odd.selectedCell.backgroundColor, i.currentTarget.style.color = q.value.style.rows.odd.selectedCell.color) : (i.currentTarget.style.background = q.value.style.rows.even.selectedCell.backgroundColor, i.currentTarget.style.color = q.value.style.rows.even.selectedCell.color)), j.value.rows = j.value.rows.sort((e, t) => e.index - t.index), k.value.type === A.value.DONUT && j.value.rows.length > 0 && Zn();
-		}
-		function Cr(e) {
-			j.value.col === e ? (Sn.value = void 0, Z()) : (Vn.value.forEach((t, n) => {
-				Sr({
-					td: t.td[e],
-					rowIndex: n,
-					colIndex: e,
-					headerType: A.value.NUMERIC,
-					event: { currentTarget: document.getElementById(`cell_${n}_${e}_${O}`) }
-				});
-			}), Sn.value = e);
-		}
-		async function wr(e, t) {
-			L.value[t].includes(e) ? L.value[t] = L.value[t].filter((t) => t !== e) : L.value[t].push(e), await le(), Q();
-		}
-		function Tr(e) {
-			yn.value[e] = or(e).from !== P.value[e].from || or(e).to !== P.value[e].to;
-		}
-		function Er(e, t) {
-			gn.value = e;
-			let n = t.currentTarget;
-			clearTimeout(dn.value), n.classList.add("clicked"), dn.value = setTimeout(() => {
-				n.classList.remove("clicked");
-			}, 200), V.value[e] === 1 ? V.value[e] = A.value.DESC : V.value[e] = A.value.ASC, ir();
-		}
-		function Dr(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 Or(e) {
-			Z(), !e || !e.target.value ? M.value = 0 : M.value = Number(e.target.value), pr();
-		}
-		let kr = S(null);
-		ue(() => {
-			if (D.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 (D.dataset.body.length === 0) throw Error("vue-ui-table error: missing body data");
-			vn.value = !0, yr(vr, 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();
-			}), En.value = q.value.style.exportMenu.filename, Tn.value = Rn.value[0]?.name ?? "";
-		}), me(() => D.dataset, (e) => {
-			vn.value = !0, G.value = JSON.parse(JSON.stringify(e.body)).map((e, t) => ({
-				...e,
-				absoluteIndex: t
-			})), Dn.value = JSON.parse(JSON.stringify(e.body)).map((e, t) => ({
-				...e,
-				absoluteIndex: t
-			})), K.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
-			})), j.value = {
-				col: void 0,
-				rows: []
-			}, Sn.value = void 0, bn.value = D.config.rowsPerPage ? D.config.rowsPerPage : 25, R.value = {}, P.value = {}, yn.value = {}, F.value = {}, I.value = {}, z.value = {}, L.value = {}, B.value = {}, V.value = {}, U.value = !1, hn.value = void 0, H.value = void 0, Cn.value = void 0, W.value = !1, j.value.col = void 0, j.value.rows = [], yr(vr, async () => {
-				Or(), await le(), vn.value = !1;
-			});
-		}, {
-			immediate: !0,
-			deep: !0
-		});
-		let Ar = S(null);
-		return me(_n, (e) => {
-			e && Ar.value && Ar.value.focus();
-		}), me(U, (e) => {
-			e ? kr.value && kr.value.open() : kr.value && kr.value.close();
-		}), (t, n) => (x(), g("div", {
-			class: "vue-data-ui-component vue-ui-table-main",
-			style: b(`font-family: ${q.value.fontFamily}`)
-		}, [
-			q.value.style.exportMenu.show ? (x(), g("div", {
-				key: 0,
-				class: "vue-ui-table-export-hub",
-				style: b({ top: On.value + "px" })
-			}, [_("button", {
-				onClick: n[0] ||= (e) => _n.value = !_n.value,
-				innerHTML: X.value.export,
-				style: b(`background:${q.value.style.exportMenu.backgroundColor};color:${q.value.style.exportMenu.color};cursor:${J.value ? "pointer" : "default"}`)
-			}, null, 12, ye), _("div", {
-				class: "vue-ui-table-export-hub-dropdown",
-				"data-is-open": _n.value || "false",
-				style: b(`background:${q.value.style.exportMenu.backgroundColor};color:${q.value.style.exportMenu.color}`)
-			}, [
-				n[24] ||= _("b", { class: "vue-ui-table-export-hub-title" }, " Export ", -1),
-				_("button", {
-					class: "close-dropdown",
-					onClick: n[1] ||= (e) => _n.value = !1,
-					style: b(`background:${q.value.style.closeButtons.backgroundColor};color:${q.value.style.closeButtons.color};border-radius:${q.value.style.closeButtons.borderRadius}`)
-				}, " ✖ ", 4),
-				_("div", xe, [
-					_("div", Se, [_("div", Ce, w(q.value.translations.exportAllLabel) + " (" + w(G.value.length) + ") ", 1), _("button", {
-						id: "exportAll",
-						onClick: n[2] ||= (e) => $n("all"),
-						style: b(`background:${q.value.style.exportMenu.buttons.backgroundColor};color:${q.value.style.exportMenu.buttons.color};cursor:${J.value ? "pointer" : "default"}`)
-					}, [_("div", { innerHTML: X.value.fileDownload }, null, 8, we), _("span", null, w(q.value.translations.exportAllButton), 1)], 4)]),
-					_("div", Te, [_("div", Ee, w(q.value.translations.exportPageLabel), 1), _("button", {
-						id: "exportPage",
-						onClick: n[3] ||= (e) => $n("page"),
-						style: b(`background:${q.value.style.exportMenu.buttons.backgroundColor};color:${q.value.style.exportMenu.buttons.color};cursor:${J.value ? "pointer" : "default"}`)
-					}, [_("div", { innerHTML: X.value.fileDownload }, null, 8, De), _("span", null, w(q.value.translations.exportPageButton), 1)], 4)]),
-					_("div", Oe, [_("label", ke, [_("span", Ae, w(q.value.translations.filename), 1), E(_("input", {
-						name: "filename",
-						ref_key: "filenameInputRef",
-						ref: Ar,
-						onKeydown: n[4] ||= ge(_e(() => {}, ["stop"]), ["space"]),
-						pattern: ".*",
-						class: "vue-ui-table-dialog-input",
-						type: "text",
-						"onUpdate:modelValue": n[5] ||= (e) => En.value = e
-					}, null, 544), [[pe, En.value]])]), En.value ? (x(), g("button", {
-						key: 0,
-						class: "vue-ui-table-dialog-field-button",
-						onClick: n[6] ||= (e) => En.value = "",
-						style: b({ cursor: J.value ? "pointer" : "default" })
-					}, [se(f, {
-						name: "close",
-						stroke: q.value.style.exportMenu.color,
-						size: 18
-					}, null, 8, ["stroke"])], 4)) : h("", !0)])
-				])
-			], 12, be)], 4)) : h("", !0),
-			_("div", {
-				class: "vue-ui-table__wrapper",
-				style: b(`max-height:${q.value.maxHeight}px`),
-				ref_key: "tableWrapper",
-				ref: mr
-			}, [_("table", je, [
-				q.value.style.title.text ? (x(), g("caption", {
-					key: 0,
-					class: "vue-ui-table__caption",
-					ref_key: "tableCaption",
-					ref: un,
-					style: b({
-						textAlign: q.value.style.title.textAlign,
-						paddingLeft: q.value.style.title.paddingLeft + "px",
-						paddingRight: q.value.style.title.paddingRight + "px",
-						backgroundColor: q.value.style.title.backgroundColor,
-						boxShadow: `${q.value.style.title.backgroundColor} -1px 0px 0px 0px`
-					})
-				}, [_("span", { style: b({
-					fontSize: q.value.style.title.fontSize + "px",
-					fontWeight: q.value.style.title.bold ? "bold" : "normal",
-					color: q.value.style.title.color
-				}) }, w(q.value.style.title.text), 5), q.value.style.title.subtitle.text ? (x(), g(p, { key: 0 }, [n[25] ||= _("br", null, null, -1), _("span", { style: b({
-					fontSize: q.value.style.title.subtitle.fontSize,
-					fontWeight: q.value.style.title.subtitle.bold ? "bold" : "normal",
-					color: q.value.style.title.subtitle.color
-				}) }, w(q.value.style.title.subtitle.text), 5)], 64)) : h("", !0)], 4)) : h("", !0),
-				_("thead", {
-					id: "tableHead",
-					class: "vue-ui-table__head",
-					style: b({
-						background: q.value.style.th.backgroundColor,
-						boxShadow: `-1px 0 0 ${q.value.style.th.backgroundColor}`,
-						top: On.value - 3 + "px"
-					})
-				}, [
-					_("tr", null, [n[26] ||= _("th", { class: "invisible-cell" }, null, -1), (x(!0), g(p, null, C(K.value, (e, t) => (x(), g("th", {
-						key: `thead_${t}`,
-						style: b(`overflow: visible;background:${q.value.style.th.backgroundColor};color:${q.value.style.th.color};outline:${q.value.style.th.outline}`),
-						class: y({ "th-has-nan": F.value[t] })
-					}, [Gn.value && ([A.value.TEXT, A.value.DATE].includes(e.type) || e.isPercentage) ? (x(), g("span", Me, [v(w(e.name) + " ", 1), e.isPercentage ? (x(), g("span", Ne, " / " + w(e.percentageTo), 1)) : h("", !0)])) : (x(), g("span", Pe, w(e.name), 1))], 6))), 128))]),
-					Gn.value ? (x(), g(p, { key: 0 }, [
-						_("tr", null, [n[27] ||= _("th", { class: "invisible-cell" }, null, -1), (x(!0), g(p, null, C(K.value, (e, t) => (x(), g("th", {
-							key: `thead_${t}`,
-							class: y({
-								"th-numeric": !0,
-								"th-has-nan": F.value[t]
-							}),
-							style: b(`background:${q.value.style.th.backgroundColor};color:${q.value.style.th.color};outline:${q.value.style.th.outline}`)
-						}, [e.sum && !F.value[t] ? (x(), g("span", Fe, [
-							_("span", {
-								innerHTML: X.value.sum,
-								style: {
-									"margin-bottom": "-4px",
-									"margin-right": "3px"
-								}
-							}, null, 8, Ie),
-							v(" " + w(T(s)({
-								p: e.prefix,
-								v: Number(sr(t)),
-								s: e.suffix,
-								r: e.decimals
-							})) + " ", 1),
-							R.value[t] && e.percentageTo && !e.isPercentage ? (x(), g("span", Le, " (" + w(isNaN(sr(t) / sr(R.value[t].referenceIndex)) ? "-" : T(s)({
-								v: sr(t) / sr(R.value[t].referenceIndex) * 100,
-								s: "%",
-								r: e.decimals
-							})) + ") ", 1)) : h("", !0)
-						])) : h("", !0)], 6))), 128))]),
-						_("tr", null, [n[28] ||= _("th", { class: "invisible-cell" }, null, -1), (x(!0), g(p, null, C(K.value, (e, t) => (x(), g("th", {
-							key: `thead_${t}`,
-							class: y({
-								"th-numeric": !0,
-								"th-has-nan": F.value[t]
-							}),
-							style: b(`background:${q.value.style.th.backgroundColor};color:${q.value.style.th.color};outline:${q.value.style.th.outline}`)
-						}, [e.average && !F.value[t] ? (x(), g("span", Re, " ~ " + w(isNaN(ar(t)) ? "" : T(s)({
-							p: e.prefix,
-							v: Number(ar(t)),
-							s: e.suffix,
-							r: e.decimals
-						})), 1)) : h("", !0)], 6))), 128))]),
-						_("tr", null, [n[31] ||= _("th", { class: "invisible-cell" }, null, -1), (x(!0), g(p, null, C(K.value, (e, t) => (x(), g("th", {
-							key: `thead_${t}`,
-							class: y({ "th-has-nan": F.value[t] }),
-							style: b(`background:${q.value.style.th.backgroundColor};color:${q.value.style.th.color};outline:${q.value.style.th.outline}`)
-						}, [_("div", ze, [
-							e.type === A.value.DATE && P.value[t] ? (x(), g("div", Be, [_("div", Ve, [_("div", He, [_("label", { for: `from_${t}` }, w(q.value.translations.from), 9, Ue), E(_("input", {
-								id: `from_${t}`,
-								type: "date",
-								"onUpdate:modelValue": (e) => P.value[t].from = e,
-								onInput: (e) => {
-									Q(), Tr(t);
-								},
-								style: b(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border}`)
-							}, null, 44, We), [[pe, P.value[t].from]])]), _("div", Ge, [_("label", { for: `to_${t}` }, w(q.value.translations.to), 9, Ke), E(_("input", {
-								id: `to_${t}`,
-								type: "date",
-								"onUpdate:modelValue": (e) => P.value[t].to = e,
-								onInput: (e) => {
-									Q(), Tr(t);
-								},
-								style: b(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border}`)
-							}, null, 44, qe), [[pe, P.value[t].to]])])]), _("div", Je, [e.isSort ? (x(), g("button", {
-								key: 0,
-								onClick: (e) => Er(t, e),
-								class: y({ "th-button-active": [A.value.DESC, A.value.ASC].includes(V.value[t]) }),
-								style: b(`cursor:${J.value ? "pointer" : "default"}; background:${[A.value.DESC, A.value.ASC].includes(V.value[t]) ? "" : q.value.style.th.buttons.filter.inactive.backgroundColor};color:${[A.value.DESC, A.value.ASC].includes(V.value[t]) ? "" : q.value.style.th.buttons.filter.inactive.color}`)
-							}, [V.value[t] === A.value.ASC ? (x(), g("span", {
-								key: 0,
-								innerHTML: [A.value.DATE].includes(e.type) ? X.value.sort09 : X.value.sortAZ
-							}, null, 8, Xe)) : V.value[t] === A.value.DESC ? (x(), g("span", {
-								key: 1,
-								innerHTML: [A.value.DATE].includes(e.type) ? X.value.sort90 : X.value.sortZA
-							}, null, 8, Ze)) : (x(), g("span", {
-								key: 2,
-								innerHTML: X.value.arrowSort
-							}, null, 8, Qe))], 14, Ye)) : h("", !0), _("button", {
-								onClick: (n) => {
-									br(t), xr(t, e, n);
-								},
-								disabled: !yn.value[t] && dr(t, e),
-								class: "th-reset",
-								style: b({ cursor: J.value ? "pointer" : "default" })
-							}, " ✖ ", 12, $e)])])) : h("", !0),
-							e.isSearch ? E((x(), g("input", {
-								key: 1,
-								placeholder: q.value.translations.inputPlaceholder,
-								"onUpdate:modelValue": (e) => B.value[t] = e,
-								onInput: n[7] ||= (e) => tr(Q, 400),
-								name: `search_${t}`,
-								style: b(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border}`)
-							}, null, 44, et)), [[pe, B.value[t]]]) : h("", !0),
-							!F.value[t] && e.isSort && e.type !== A.value.DATE ? (x(), g("button", {
-								key: 2,
-								onClick: (e) => Er(t, e),
-								class: y({ "th-button-active": [A.value.DESC, A.value.ASC].includes(V.value[t]) }),
-								style: b(`cursor:${J.value ? "pointer" : "default"};background:${[A.value.DESC, A.value.ASC].includes(V.value[t]) ? "" : q.value.style.th.buttons.filter.inactive.backgroundColor};color:${[A.value.DESC, A.value.ASC].includes(V.value[t]) ? "" : q.value.style.th.buttons.filter.inactive.color}`)
-							}, [V.value[t] === A.value.ASC ? (x(), g("span", {
-								key: 0,
-								innerHTML: [A.value.NUMERIC].includes(e.type) ? X.value.sort09 : X.value.sortZA
-							}, null, 8, nt)) : V.value[t] === A.value.DESC ? (x(), g("span", {
-								key: 1,
-								innerHTML: [A.value.NUMERIC].includes(e.type) ? X.value.sort90 : X.value.sortAZ
-							}, null, 8, rt)) : (x(), g("span", {
-								key: 2,
-								innerHTML: X.value.arrowSort
-							}, null, 8, it))], 14, tt)) : h("", !0),
-							e.isMultiselect ? (x(), g("button", {
-								key: 3,
-								onClick: (n) => Dr(t, e, n),
-								innerHTML: X.value.filter,
-								class: y({ "th-button-active": L.value[t] && L.value[t].length !== $(t).length }),
-								style: b(`cursor:${J.value ? "pointer" : "default"};background:${L.value[t] && L.value[t].length !== $(t).length ? "" : q.value.style.th.buttons.filter.inactive.backgroundColor};color:${L.value[t] && L.value[t].length !== $(t).length ? "" : q.value.style.th.buttons.filter.inactive.color}`)
-							}, null, 14, at)) : h("", !0),
-							j.value.col === t && Wn.value ? (x(), g("button", {
-								key: 4,
-								onClick: n[8] ||= (e) => U.value = !U.value,
-								innerHTML: X.value.chart,
-								class: y({ "th-button-active": U.value }),
-								style: b(`cursor:${J.value ? "pointer" : "default"};background:${U.value ? "" : q.value.style.th.buttons.filter.inactive.backgroundColor};color:${U.value ? "" : q.value.style.th.buttons.filter.inactive.color}`)
-							}, null, 14, ot)) : h("", !0),
-							e.rangeFilter && z.value[t] && !F.value[t] ? (x(), g("div", st, [
-								_("label", { for: `rangeMin${t}` }, [...n[29] ||= [
-									_("span", { style: { color: "grey" } }, "ᒥ", -1),
-									v(" min ", -1),
-									_("span", { style: { color: "grey" } }, "ᒣ", -1)
-								]], 8, ct),
-								E(_("input", {
-									type: "number",
-									id: `rangeMin${t}`,
-									max: I.value[t].max,
-									min: I.value[t].min,
-									"onUpdate:modelValue": (e) => z.value[t].min = e,
-									onInput: n[9] ||= (e) => tr(Q, 400),
-									style: b(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border}`)
-								}, null, 44, lt), [[
-									pe,
-									z.value[t].min,
-									void 0,
-									{ number: !0 }
-								]]),
-								E(_("input", {
-									type: "number",
-									id: `rangeMax${t}`,
-									max: I.value[t].max,
-									min: I.value[t].min,
-									"onUpdate:modelValue": (e) => z.value[t].max = e,
-									onInput: n[10] ||= (e) => tr(Q, 400),
-									style: b(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border}`)
-								}, null, 44, ut), [[
-									pe,
-									z.value[t].max,
-									void 0,
-									{ number: !0 }
-								]]),
-								_("label", { for: `rangeMax${t}` }, [...n[30] ||= [
-									_("span", { style: { color: "grey" } }, "ᒪ", -1),
-									v(" max ", -1),
-									_("span", { style: { color: "grey" } }, "ᒧ", -1)
-								]], 8, dt)
-							])) : h("", !0),
-							Qn(t, e) ? (x(), g("button", {
-								key: 6,
-								onClick: (n) => xr(t, e, n),
-								disabled: dr(t, e),
-								class: "th-reset",
-								style: b({ cursor: J.value ? "pointer" : "default" })
-							}, " ✖ ", 12, ft)) : h("", !0),
-							e.isMultiselect ? (x(), g("div", {
-								key: 7,
-								class: "th-dropdown",
-								"data-is-open": "false",
-								id: `th_dropdown_${t}`,
-								style: b(`background:${q.value.style.dropdowns.backgroundColor};color:${q.value.style.dropdowns.color}`)
-							}, [_("button", {
-								class: "close-dropdown",
-								onClick: (n) => Dr(t, e, n),
-								style: b(`cursor:${J.value ? "pointer" : "default"};background:${q.value.style.closeButtons.backgroundColor};color:${q.value.style.closeButtons.color}`)
-							}, " ✖ ", 12, mt), (x(!0), g(p, null, C($(t), (e, n) => (x(), g("span", {
-								class: "th-option",
-								key: `th_option_${t}_${n}`,
-								onClick: (n) => wr(e, t),
-								onKeyup: [ge((n) => wr(e, t), ["enter"]), ge((n) => wr(e, t), ["space"])],
-								style: b(`opacity:${lr(e, t) ? 1 : .5}`),
-								tabindex: "0"
-							}, [lr(e, t) ? (x(), g("span", {
-								key: 0,
-								style: b(`color:${q.value.style.dropdowns.icons.selected.color};margin-right:5px`),
-								class: "th-icon-green"
-							}, w(q.value.style.dropdowns.icons.selected.unicode), 5)) : (x(), g("span", {
-								key: 1,
-								style: b(`color:${q.value.style.dropdowns.icons.unselected.color};margin-right:5px`),
-								class: "th-icon-red"
-							}, w(q.value.style.dropdowns.icons.unselected.unicode), 5)), _("span", null, w(e), 1)], 44, ht))), 128))], 12, pt)) : h("", !0)
-						])], 6))), 128))])
-					], 64)) : h("", !0),
-					_("tr", null, [n[32] ||= _("th", { class: "invisible-cell" }, null, -1), (x(!0), g(p, null, C(K.value, (e, t) => (x(), g("th", {
-						key: `col_selector_${t}`,
-						class: y({
-							"vue-ui-table-col-selector": !F.value[t],
-							"th-has-nan": F.value[t]
-						}),
-						style: b(`background:${t === Sn.value && !F.value[t] ? q.value.style.th.selected.backgroundColor : q.value.style.th.backgroundColor};color:${t === Sn.value && !F.value[t] ? q.value.style.th.selected.color : q.value.style.th.color};outline:${q.value.style.th.outline}`)
-					}, [F.value[t] ? h("", !0) : (x(), g("div", {
-						key: 0,
-						innerHTML: K.value[t].type === A.value.NUMERIC ? X.value.chevronDown : "",
-						class: y({ "col-selector": K.value[t].type === A.value.NUMERIC }),
-						tabindex: "0",
-						style: b({ cursor: J.value ? "pointer" : "default" }),
-						onClick: _e((e) => Cr(t), ["stop"]),
-						onKeyup: ge((e) => Cr(t), ["enter"])
-					}, null, 46, gt))], 6))), 128))])
-				], 4),
-				_("tbody", {
-					onClick: er,
-					onKeydown: n[11] ||= (e) => gr(e)
-				}, [(x(!0), g(p, null, C(Vn.value, (t, n) => (x(), g("tr", {
-					key: `tbody_${n}`,
-					"data-row": n % 2 == 0 ? "odd" : "even",
-					class: y(`tr_${T(O)}`),
-					style: b(`${n % 2 == 0 ? `background:${q.value.style.rows.odd.backgroundColor};color:${q.value.style.rows.odd.color}` : `background:${q.value.style.rows.even.backgroundColor};color:${q.value.style.rows.even.color}`}`)
-				}, [_("td", {
-					class: "vue-ui-table-td-iteration",
-					"data-row": n % 2 == 0 ? "odd" : "even",
-					style: b({ outline: q.value.style.rows.outline })
-				}, w(t.absoluteIndex + 1), 13, vt), (x(!0), g(p, null, C(t.td, (r, i) => (x(), g("td", {
-					"data-row": n % 2 == 0 ? "odd" : "even",
-					key: `td_${n}_${i}`,
-					style: b(ur(r) || e.dataset.header[i].type === A.value.DATE ? `text-align:right;font-variant-numeric: tabular-nums;outline:${q.value.style.rows.outline}` : `outline:${q.value.style.rows.outline}`),
-					onClick: (t) => Sr({
-						td: r,
-						rowIndex: n,
-						colIndex: i,
-						headerType: e.dataset.header[i].type,
-						event: t
-					}),
-					onKeyup: [ge((t) => Sr({
-						td: r,
-						rowIndex: n,
-						colIndex: i,
-						headerType: e.dataset.header[i].type,
-						event: t
-					}), ["enter"]), ge((t) => Sr({
-						td: r,
-						rowIndex: n,
-						colIndex: i,
-						headerType: e.dataset.header[i].type,
-						event: t
-					}), ["space"])],
-					class: y({
-						"td-numeric": e.dataset.header[i].type === A.value.NUMERIC,
-						"td-focusable": !0,
-						"td-has-nan": F.value[i]
-					}),
-					id: `cell_${n}_${i}_${T(O)}`,
-					tabindex: "0"
-				}, [t.meta && t.meta.markerIndices.includes(i) && t.meta.unicodeIcon ? (x(), g("span", {
-					key: 0,
-					style: b(`color:${t.meta.color};margin-right:3px`),
-					innerHTML: t.meta.unicodeIcon
-				}, null, 12, bt)) : h("", !0), e.dataset.header[i].type === A.value.DATE ? (x(), g("span", xt, w(e.dataset.header[i].prefix) + " " + w(new Date(r).toLocaleString().slice(0, 10)) + " " + w(e.dataset.header[i].suffix), 1)) : e.dataset.header[i].isPercentage ? (x(), g("span", St, w(T(s)({
-					v: Number(r * 100),
-					s: "%",
-					r: e.dataset.header[i].decimals
-				})), 1)) : R.value[i] && e.dataset.header[i].percentageTo && !e.dataset.header[i].isPercentage ? (x(), g("span", {
-					key: 3,
-					class: y({ "td-nan": isNaN(Number(r)) })
-				}, w(isNaN(Number(r)) ? `${r} is not ${A.value.NUMERIC}` : T(s)({
-					p: e.dataset.header[i].prefix,
-					v: Number(r),
-					s: e.dataset.header[i].suffix,
-					r: e.dataset.header[i].decimals
-				})) + " (" + w(isNaN(Number(r)) ? "" : T(s)({
-					v: Number(r / sr(R.value[i].referenceIndex) * 100),
-					s: "%",
-					r: e.dataset.header[i].decimals
-				})) + ") ", 3)) : e.dataset.header[i].type === A.value.NUMERIC ? (x(), g("span", {
-					key: 4,
-					class: y({ "td-nan": isNaN(Number(r)) })
-				}, w(isNaN(Number(r)) ? `${r} is not ${A.value.NUMERIC}` : T(s)({
-					p: e.dataset.header[i].prefix,
-					v: Number(r.toFixed(e.dataset.header[i].decimals)),
-					s: e.dataset.header[i].suffix,
-					r: e.dataset.header[i].decimals
-				})), 3)) : (x(), g("span", Ct, w(e.dataset.header[i].prefix) + " " + w(r) + " " + w(e.dataset.header[i].suffix), 1))], 46, yt))), 128))], 14, _t))), 128))], 32)
-			])], 4),
-			_("div", {
-				class: y({
-					"td-selector-info": !0,
-					"td-selector-info--active": j.value.col !== void 0 && j.value.rows.length
-				}),
-				style: b(`background:${q.value.style.infoBar.backgroundColor};color:${q.value.style.infoBar.color}`)
-			}, [j.value.col !== void 0 && j.value.rows.length ? (x(), g(p, { key: 0 }, [
-				_("div", {
-					innerHTML: X.value.table,
-					class: "td-selector-icon"
-				}, null, 8, wt),
-				_("span", null, [
-					_("b", null, [v(w(e.dataset.header[j.value.col].name) + " ", 1), e.dataset.header[j.value.col].isPercentage ? (x(), g("span", Tt, " / " + w(e.dataset.header[R.value[j.value.col].referenceIndex].name), 1)) : h("", !0)]),
-					_("span", Et, [v(w(q.value.translations.nb) + " : ", 1), _("b", Dt, w(j.value.rows.length), 1)]),
-					_("span", Ot, [
-						v(w(q.value.translations.sum) + " : ", 1),
-						e.dataset.header[j.value.col].isPercentage ? (x(), g("b", kt, w(qn.value.sumPercentage), 1)) : (x(), g("b", At, w(e.dataset.header[j.value.col].prefix) + " " + w(qn.value.sumRegular) + " " + w(e.dataset.header[j.value.col].suffix), 1)),
-						e.dataset.header[j.value.col].isPercentage ? (x(), g("b", jt, "%")) : h("", !0)
-					]),
-					_("span", Mt, [
-						v(w(q.value.translations.average) + " : ", 1),
-						e.dataset.header[j.value.col].isPercentage ? (x(), g("b", Nt, w(qn.value.averagePercentage), 1)) : (x(), g("b", Pt, w(e.dataset.header[j.value.col].prefix) + " " + w(qn.value.averageRegular) + " " + w(e.dataset.header[j.value.col].suffix), 1)),
-						e.dataset.header[j.value.col].isPercentage ? (x(), g("b", Ft, "%")) : h("", !0)
-					])
-				]),
-				_("button", {
-					onClick: Z,
-					class: "td-selector-info-reset",
-					style: b(`cursor:${J.value ? "pointer" : "default"};background:${q.value.style.closeButtons.backgroundColor};color:${q.value.style.closeButtons.color};border-radius:${q.value.style.closeButtons.borderRadius}`)
-				}, " ✖ ", 4)
-			], 64)) : h("", !0)], 6),
-			G.value.length > 10 ? (x(), g("div", It, [v(w(q.value.translations.totalRows) + " : " + w(e.dataset.body.length) + " | " + w(q.value.translations.paginatorLabel) + " : ", 1), G.value.length > 10 ? E((x(), g("select", {
-				key: 0,
-				id: "paginatorSelector",
-				"onUpdate:modelValue": n[12] ||= (e) => bn.value = e,
-				onChange: n[13] ||= (e) => {
-					Z(), pr();
-				},
-				style: b(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border}`)
-			}, [(x(!0), g(p, null, C(xn.value, (t, n) => (x(), g(p, null, [G.value.length > t || e.dataset.body.length === t ? (x(), g("option", { key: `paginator_option_${n}` }, w(t), 1)) : h("", !0)], 64))), 256))], 36)), [[
-				fe,
-				bn.value,
-				void 0,
-				{ number: !0 }
-			]]) : h("", !0)])) : h("", !0),
-			bn.value >= 250 ? (x(), g("div", Lt, [_("span", { innerHTML: X.value.warning }, null, 8, Rt), v(w(q.value.translations.sizeWarning), 1)])) : h("", !0),
-			Y.value.length > 1 && Y.value.length <= 10 ? (x(), g("div", {
-				key: 3,
-				class: "vue-ui-table-navigation-indicator",
-				style: b(`background:${q.value.style.pagination.navigationIndicator.backgroundColor};width:calc(${M.value / (Y.value.length - 1) * 100}%)`)
-			}, null, 4)) : h("", !0),
-			Y.value.length > 1 ? (x(), g("div", zt, [
-				_("button", {
-					class: "vue-ui-table-navigation",
-					onClick: n[14] ||= _e((e) => hr("previous"), ["stop"]),
-					innerHTML: X.value.chevronLeft,
-					disabled: M.value === 0,
-					style: b(`cursor:${J.value ? "pointer" : "default"};background:${q.value.style.pagination.buttons.backgroundColor};color:${q.value.style.pagination.buttons.color};opacity:${M.value === 0 ? q.value.style.pagination.buttons.opacityDisabled : 1}`)
-				}, null, 12, Bt),
-				Y.value.length > 3 ? (x(), g(p, { key: 0 }, [
-					_("button", {
-						class: "vue-ui-table-navigation",
-						onClick: n[15] ||= _e((e) => hr(1), ["stop"]),
-						disabled: M.value === 0,
-						style: b(`cursor:${J.value ? "pointer" : "default"};background:${q.value.style.pagination.buttons.backgroundColor};color:${q.value.style.pagination.buttons.color};opacity:${M.value === 0 ? q.value.style.pagination.buttons.opacityDisabled : 1}`)
-					}, " 1 ", 12, Vt),
-					Y.value.length > 10 ? (x(), g("div", {
-						key: 0,
-						class: "vue-ui-table-page-scroller-wrapper",
-						style: b({ cursor: J.value ? "pointer" : "default" })
-					}, [_("label", Ht, w(q.value.translations.page) + " " + w(M.value + 1) + " / " + w(Y.value.length), 1), _("input", {
-						class: "vue-ui-table-page-scroller",
-						id: "pageScroller",
-						type: "range",
-						step: "1",
-						min: 0,
-						max: Y.value.length - 1,
-						onInput: n[16] ||= (e) => Or(e),
-						value: M.value,
-						style: b(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border};accent-color:${q.value.style.inputs.accentColor}`)
-					}, null, 44, Ut)], 4)) : (x(), g("span", Wt, w(q.value.translations.page) + " " + w(M.value + 1) + " / " + w(Y.value.length), 1)),
-					_("button", {
-						class: "vue-ui-table-navigation",
-						onClick: n[17] ||= _e((e) => hr(Y.value.length), ["stop"]),
-						disabled: M.value === Y.value.length - 1,
-						style: b(`cursor:${J.value ? "pointer" : "default"};background:${q.value.style.pagination.buttons.backgroundColor};color:${q.value.style.pagination.buttons.color};opacity:${M.value === Y.value.length - 1 ? q.value.style.pagination.buttons.opacityDisabled : 1}`)
-					}, w(Y.value.length), 13, Gt)
-				], 64)) : (x(), g(p, { key: 1 }, [v(w(q.value.translations.page) + " " + w(M.value + 1) + " / " + w(Y.value.length), 1)], 64)),
-				_("button", {
-					class: "vue-ui-table-navigation",
-					onClick: n[18] ||= _e((e) => hr("next"), ["stop"]),
-					innerHTML: X.value.chevronRight,
-					disabled: M.value === Y.value.length - 1,
-					style: b(`cursor:${J.value ? "pointer" : "default"};background:${q.value.style.pagination.buttons.backgroundColor};color:${q.value.style.pagination.buttons.color};opacity:${M.value === Y.value.length - 1 ? q.value.style.pagination.buttons.opacityDisabled : 1}`)
-				}, null, 12, Kt)
-			])) : h("", !0),
-			se(T(sn), {
-				ref_key: "chartModal",
-				ref: kr,
-				backgroundColor: q.value.style.chart.modal.backgroundColor,
-				headerColor: q.value.style.chart.modal.color,
-				color: q.value.style.chart.modal.color,
-				forcedHeight: 500,
-				isCursorPointer: J.value,
-				withPadding: "",
-				withFullWidth: "",
-				noLayerUpdate: "",
-				onClose: n[23] ||= (e) => U.value = !1,
-				onSize: Yn
-			}, {
-				before: he(() => [_("div", qt, [
-					Un.value.length ? (x(), g("button", {
-						key: 0,
-						onClick: n[19] ||= (e) => W.value = !0,
-						innerHTML: X.value.donut,
-						class: y({ "is-active-chart": k.value.type === A.value.DONUT || W.value }),
-						style: b(`cursor:${J.value ? "pointer" : "default"};background:${k.value.type === A.value.DONUT || W.value ? q.value.style.chart.modal.buttons.selected.backgroundColor : q.value.style.chart.modal.buttons.unselected.backgroundColor};color:${k.value.type === A.value.DONUT || W.value ? q.value.style.chart.modal.buttons.selected.color : q.value.style.chart.modal.buttons.unselected.color}`)
-					}, null, 14, Jt)) : h("", !0),
-					_("button", {
-						onClick: n[20] ||= (e) => {
-							k.value.type = A.value.LINE, W.value = !1;
-						},
-						innerHTML: X.value.chart,
-						class: y({ "is-active-chart": k.value.type === A.value.LINE && !W.value }),
-						style: b(`cursor:${J.value ? "pointer" : "default"};background:${k.value.type === A.value.LINE && !W.value ? q.value.style.chart.modal.buttons.selected.backgroundColor : q.value.style.chart.modal.buttons.unselected.backgroundColor};color:${k.value.type === A.value.LINE && !W.value ? q.value.style.chart.modal.buttons.selected.color : q.value.style.chart.modal.buttons.unselected.color}`)
-					}, null, 14, Yt),
-					_("button", {
-						onClick: n[21] ||= (e) => {
-							k.value.type = A.value.BAR, W.value = !1;
-						},
-						innerHTML: X.value.bar,
-						class: y({ "is-active-chart": k.value.type === A.value.BAR && !W.value }),
-						style: b(`cursor:${J.value ? "pointer" : "default"};background:${k.value.type === A.value.BAR && !W.value ? q.value.style.chart.modal.buttons.selected.backgroundColor : q.value.style.chart.modal.buttons.unselected.backgroundColor};color:${k.value.type === A.value.BAR && !W.value ? q.value.style.chart.modal.buttons.selected.color : q.value.style.chart.modal.buttons.unselected.color}`)
-					}, null, 14, Xt)
-				])]),
-				content: he(() => [_("div", Zt, [
-					W.value && Un.value.length ? (x(), g("div", {
-						key: 0,
-						style: b(`background:${q.value.style.chart.modal.backgroundColor};color:${q.value.style.chart.modal.color}`)
-					}, [_("fieldset", Qt, [
-						_("legend", null, w(q.value.translations.chooseCategoryColumn), 1),
-						_("div", $t, [(x(!0), g(p, null, C(Un.value, (e, t) => (x(), g("div", {
-							key: `donut_radio_${t}`,
-							class: "vue-ui-table-fieldset-option"
-						}, [_("input", {
-							type: "radio",
-							name: e.name,
-							id: e.name,
-							checked: H.value && e.name === H.value.name,
-							onInput: (e) => H.value = Un.value[t],
-							style: b(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border};accent-color:${q.value.style.inputs.accentColor}`)
-						}, null, 44, en), _("label", { for: e.name }, w(e.name), 9, tn)]))), 128))]),
-						_("button", {
-							class: "vue-ui-table-generate-donut",
-							disabled: !H.value,
-							onClick: Zn,
-							style: b(`cursor:${J.value ? "pointer" : "default"};background:${q.value.style.chart.modal.buttons.selected.backgroundColor};color:${q.value.style.chart.modal.buttons.selected.color}`)
-						}, [_("div", {
-							style: { "margin-bottom": "-3px" },
-							innerHTML: X.value.donut
-						}, null, 8, rn), v(" " + w(q.value.translations.makeDonut), 1)], 12, nn)
-					])], 4)) : h("", !0),
-					[A.value.BAR, A.value.LINE].includes(k.value.type) && !W.value ? (x(), g(p, { key: 1 }, [
-						zn.value.length > 1 ? (x(), g("label", {
-							key: 0,
-							style: b({ color: q.value.style.chart.modal.color })
-						}, [v(w(q.value.translations.xAxisLabels) + " ", 1), E(_("select", { "onUpdate:modelValue": n[22] ||= (e) => Tn.value = e }, [(x(!0), g(p, null, C(zn.value, (e) => (x(), g("option", null, w(e), 1))), 256))], 512), [[fe, Tn.value]])], 4)) : h("", !0),
-						_("div", an, [k.value.type === A.value.LINE ? (x(), oe(ne, {
-							key: `chart_line_${wn.value}`,
-							dataset: Xn.value.xyDatasetLine,
-							config: Xn.value.xyConfig
-						}, null, 8, ["dataset", "config"])) : h("", !0), k.value.type === A.value.BAR ? (x(), oe(ne, {
-							key: `chart_bar_${wn.value}`,
-							dataset: Xn.value.xyDatasetBar,
-							config: Xn.value.xyConfig
-						}, null, 8, ["dataset", "config"])) : h("", !0)]),
-						j.value.rows.length >= 2 ? (x(), g("div", {
-							key: 1,
-							class: "chart-trend",
-							style: b(`color:${q.value.style.chart.modal.color}`)
-						}, [n[33] ||= _("span", null, "---", -1), v(" Trend: " + w(T(s)({
-							v: Xn.value.progression.trend * 100,
-							s: "%",
-							r: 1
-						})), 1)], 4)) : h("", !0)
-					], 64)) : h("", !0),
-					[A.value.DONUT].includes(k.value.type) && !W.value ? (x(), g("div", on, [se(ae, {
-						dataset: hn.value,
-						config: Xn.value.donutConfig
-					}, null, 8, ["dataset", "config"])])) : h("", !0)
-				])]),
-				_: 1
-			}, 8, [
-				"backgroundColor",
-				"headerColor",
-				"color",
-				"isCursorPointer"
-			])
-		], 4));
-	}
-}, [["__scopeId", "data-v-4acdb715"]]);
-//#endregion
-export { ve as n, sn as t };