vue-data-ui 3.1.7 → 3.1.9

package/dist/{vue-ui-table-BRPcCRq-.js → vue-ui-table-DmOi42QJ.js}

@@ -1,9 +1,10 @@
-import { a7 as R, t as z, l as T, w as U, i as V, j as X, v as j, A as Y, e as W, F as J, u as K, p as Z } from "./index-BlRUhv0O.js";
-import q from "./vue-ui-xy-CzdchisK.js";
-import Q from "./vue-ui-donut-PiILi3WQ.js";
-import { resolveComponent as x, createElementBlock as u, openBlock as c, normalizeStyle as g, createCommentVNode as b, createElementVNode as a, toDisplayString as d, Fragment as I, renderList as _, normalizeClass as p, createTextVNode as w, withDirectives as O, vModelText as S, withKeys as L, withModifiers as A, vModelSelect as $, createBlock as E, createVNode as ee } from "vue";
-import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const se = {
+import { a9 as z, t as U, l as T, w as V, i as X, j, v as Y, A as W, e as J, F as K, u as Z, p as q } from "./index-5vhIMiMJ.js";
+import Q from "./vue-ui-xy-C7u7xEoN.js";
+import $ from "./vue-ui-donut-Dcc640KU.js";
+import ee from "./BaseIcon-ClWpJKO3.js";
+import { resolveComponent as D, createElementBlock as u, openBlock as c, normalizeStyle as g, createCommentVNode as b, createElementVNode as a, toDisplayString as d, createTextVNode as w, withDirectives as O, withKeys as S, withModifiers as L, vModelText as A, createVNode as E, Fragment as F, renderList as k, normalizeClass as N, vModelSelect as te, createBlock as P } from "vue";
+import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ne = {
   name: "vue-ui-table",
   props: {
     config: {
@@ -19,13 +20,13 @@ const se = {
       }
     }
   },
-  components: { VueUiXy: q, VueUiDonut: Q },
+  components: { VueUiXy: Q, VueUiDonut: $, BaseIcon: ee },
   emits: ["page-change"],
   data() {
     return {
       uid: `vue-ui-table-${Math.random()}`,
-      bodyCopy: JSON.parse(JSON.stringify(this.dataset.body)).map((s, r) => ({
-        ...s,
+      bodyCopy: JSON.parse(JSON.stringify(this.dataset.body)).map((t, r) => ({
+        ...t,
         absoluteIndex: r
       })),
       buttonTimeout: null,
@@ -76,8 +77,8 @@ const se = {
       isLoading: !1,
       itemsPerPage: this.config.rowsPerPage ? this.config.rowsPerPage : 25,
       multiselects: {},
-      paginatorOptions: [.../* @__PURE__ */ new Set([10, 25, 50, 100, 250, 500, this.config.rowsPerPage ? this.config.rowsPerPage : 25, this.dataset.body.length])].sort((s, r) => s - r),
-      palette: Z,
+      paginatorOptions: [.../* @__PURE__ */ new Set([10, 25, 50, 100, 250, 500, this.config.rowsPerPage ? this.config.rowsPerPage : 25, this.dataset.body.length])].sort((t, r) => t - r),
+      palette: q,
       percentages: {},
       rafId: null,
       rangeFilters: {},
@@ -88,27 +89,28 @@ const se = {
       showChart: !1,
       showDonutOptions: !1,
       sorts: {},
-      tableBody: JSON.parse(JSON.stringify(this.dataset.body)).map((s, r) => ({
-        ...s,
+      tableBody: JSON.parse(JSON.stringify(this.dataset.body)).map((t, r) => ({
+        ...t,
         absoluteIndex: r
       })),
-      tableHead: JSON.parse(JSON.stringify(this.dataset.header)).map((s) => ({
-        average: Object.hasOwn(s, "average") ? s.average : !1,
-        decimals: Object.hasOwn(s, "decimals") ? s.decimals : 0,
-        isMultiselect: Object.hasOwn(s, "isMultiselect") ? s.isMultiselect : !1,
-        isPercentage: Object.hasOwn(s, "isPercentage") ? s.isPercentage : !1,
-        isSearch: Object.hasOwn(s, "isSearch") ? s.isSearch : !1,
-        isSort: Object.hasOwn(s, "isSort") ? s.isSort : !1,
-        name: s.name,
+      tableHead: JSON.parse(JSON.stringify(this.dataset.header)).map((t) => ({
+        average: Object.hasOwn(t, "average") ? t.average : !1,
+        decimals: Object.hasOwn(t, "decimals") ? t.decimals : 0,
+        isMultiselect: Object.hasOwn(t, "isMultiselect") ? t.isMultiselect : !1,
+        isPercentage: Object.hasOwn(t, "isPercentage") ? t.isPercentage : !1,
+        isSearch: Object.hasOwn(t, "isSearch") ? t.isSearch : !1,
+        isSort: Object.hasOwn(t, "isSort") ? t.isSort : !1,
+        name: t.name,
         // this attribute is mandatory
-        percentageTo: Object.hasOwn(s, "percentageTo") ? s.percentageTo : void 0,
-        prefix: Object.hasOwn(s, "prefix") ? s.prefix : "",
-        rangeFilter: Object.hasOwn(s, "rangeFilter") ? s.rangeFilter : !1,
-        suffix: Object.hasOwn(s, "suffix") ? s.suffix : "",
-        sum: Object.hasOwn(s, "sum") ? s.sum : !1,
-        type: s.type
+        percentageTo: Object.hasOwn(t, "percentageTo") ? t.percentageTo : void 0,
+        prefix: Object.hasOwn(t, "prefix") ? t.prefix : "",
+        rangeFilter: Object.hasOwn(t, "rangeFilter") ? t.rangeFilter : !1,
+        suffix: Object.hasOwn(t, "suffix") ? t.suffix : "",
+        sum: Object.hasOwn(t, "sum") ? t.sum : !1,
+        type: t.type
         // this attribute is mandatory
-      }))
+      })),
+      filename: ""
     };
   },
   mounted() {
@@ -132,11 +134,17 @@ Provide an array of objects of type:
     this.isLoading = !0, this.promiseWithAsyncFunction(this.prepareBodyCopy, () => {
       this.$forceUpdate(), this.isLoading = !1;
     }), document.addEventListener("keydown", (n) => {
-      const s = document.activeElement;
-      (s && Array.from(s.classList).includes("td-focusable") && n.key.includes("Arrow") || n.code === "Space") && n.preventDefault();
-    });
+      const t = document.activeElement;
+      (t && Array.from(t.classList).includes("td-focusable") && n.key.includes("Arrow") || n.code === "Space") && n.preventDefault();
+    }), this.filename = this.FINAL_CONFIG.style.exportMenu.filename;
   },
   watch: {
+    isExportRequest: function(n) {
+      if (n) {
+        const t = this.$refs.filenameInputRef;
+        t && t.focus();
+      }
+    },
     showChart: function(n) {
       n && this.$nextTick(() => {
         this.closeDragElement();
@@ -144,26 +152,26 @@ Provide an array of objects of type:
     },
     dataset: {
       handler(n) {
-        this.isLoading = !0, this.bodyCopy = JSON.parse(JSON.stringify(n.body)).map((s, r) => ({
-          ...s,
+        this.isLoading = !0, this.bodyCopy = JSON.parse(JSON.stringify(n.body)).map((t, r) => ({
+          ...t,
           absoluteIndex: r
-        })), this.tableBody = JSON.parse(JSON.stringify(n.body)).map((s, r) => ({
-          ...s,
+        })), this.tableBody = JSON.parse(JSON.stringify(n.body)).map((t, r) => ({
+          ...t,
           absoluteIndex: r
-        })), this.tableHead = JSON.parse(JSON.stringify(n.header)).map((s) => ({
-          average: Object.hasOwn(s, "average") ? s.average : !1,
-          decimals: Object.hasOwn(s, "decimals") ? s.decimals : 0,
-          isMultiselect: Object.hasOwn(s, "isMultiselect") ? s.isMultiselect : !1,
-          isPercentage: Object.hasOwn(s, "isPercentage") ? s.isPercentage : !1,
-          isSearch: Object.hasOwn(s, "isSearch") ? s.isSearch : !1,
-          isSort: Object.hasOwn(s, "isSort") ? s.isSort : !1,
-          name: s.name,
-          percentageTo: Object.hasOwn(s, "percentageTo") ? s.percentageTo : void 0,
-          prefix: Object.hasOwn(s, "prefix") ? s.prefix : "",
-          rangeFilter: Object.hasOwn(s, "rangeFilter") ? s.rangeFilter : !1,
-          suffix: Object.hasOwn(s, "suffix") ? s.suffix : "",
-          sum: Object.hasOwn(s, "sum") ? s.sum : !1,
-          type: s.type
+        })), this.tableHead = JSON.parse(JSON.stringify(n.header)).map((t) => ({
+          average: Object.hasOwn(t, "average") ? t.average : !1,
+          decimals: Object.hasOwn(t, "decimals") ? t.decimals : 0,
+          isMultiselect: Object.hasOwn(t, "isMultiselect") ? t.isMultiselect : !1,
+          isPercentage: Object.hasOwn(t, "isPercentage") ? t.isPercentage : !1,
+          isSearch: Object.hasOwn(t, "isSearch") ? t.isSearch : !1,
+          isSort: Object.hasOwn(t, "isSort") ? t.isSort : !1,
+          name: t.name,
+          percentageTo: Object.hasOwn(t, "percentageTo") ? t.percentageTo : void 0,
+          prefix: Object.hasOwn(t, "prefix") ? t.prefix : "",
+          rangeFilter: Object.hasOwn(t, "rangeFilter") ? t.rangeFilter : !1,
+          suffix: Object.hasOwn(t, "suffix") ? t.suffix : "",
+          sum: Object.hasOwn(t, "sum") ? t.sum : !1,
+          type: t.type
         })), this.currentSelectionSpan = { col: void 0, rows: [] }, this.selectedColumn = void 0, this.itemsPerPage = this.config.rowsPerPage ? this.config.rowsPerPage : 25, this.percentages = {}, this.dates = {}, this.filteredDatesIndexes = {}, this.hasNaN = {}, this.immutableRangeFilters = {}, this.rangeFilters = {}, this.multiselects = {}, this.searches = {}, this.sorts = {}, this.showChart = !1, this.currentDonut = void 0, this.selectedDonutCategory = void 0, this.selectedPlot = void 0, this.showDonutOptions = !1, this.currentSelectionSpan.col = void 0, this.currentSelectionSpan.rows = [], this.promiseWithAsyncFunction(this.prepareBodyCopy, () => {
           this.$forceUpdate(), this.updateCurrentPage(), this.isLoading = !1;
         });
@@ -186,9 +194,9 @@ Provide an array of objects of type:
     },
     chartData() {
       if (!this.canChart) return [];
-      const n = 316, s = 512, r = this.currentSelectionSpan.rows.length, i = s / r, t = Math.max(...this.currentSelectionSpan.rows.map((v) => v.value)), e = Math.min(...this.currentSelectionSpan.rows.map((v) => v.value)), y = this.dataset.header[this.currentSelectionSpan.col].isPercentage && this.dataset.header[this.currentSelectionSpan.col].percentageTo, f = this.chart.type === this.constants.DONUT && this.selectedDonutCategory && this.selectedDonutCategory.name, l = this.dataset.header[this.currentSelectionSpan.col].name + (y ? ` / ${this.dataset.header[this.percentages[this.currentSelectionSpan.col].referenceIndex].name}` : "") + (f ? ` ${this.FINAL_CONFIG.translations.by} ${this.selectedDonutCategory.name}` : ""), o = this.dataset.header[this.currentSelectionSpan.col].prefix, h = this.dataset.header[this.currentSelectionSpan.col].suffix, m = [
+      const n = 316, t = 512, r = this.currentSelectionSpan.rows.length, i = t / r, s = Math.max(...this.currentSelectionSpan.rows.map((v) => v.value)), e = Math.min(...this.currentSelectionSpan.rows.map((v) => v.value)), m = this.dataset.header[this.currentSelectionSpan.col].isPercentage && this.dataset.header[this.currentSelectionSpan.col].percentageTo, f = this.chart.type === this.constants.DONUT && this.selectedDonutCategory && this.selectedDonutCategory.name, _ = this.dataset.header[this.currentSelectionSpan.col].name + (m ? ` / ${this.dataset.header[this.percentages[this.currentSelectionSpan.col].referenceIndex].name}` : "") + (f ? ` ${this.FINAL_CONFIG.translations.by} ${this.selectedDonutCategory.name}` : ""), l = this.dataset.header[this.currentSelectionSpan.col].prefix, o = this.dataset.header[this.currentSelectionSpan.col].suffix, h = [
         {
-          name: l,
+          name: _,
           series: this.currentSelectionSpan.rows.map((v) => v.value),
           type: "line",
           useProgression: !0,
@@ -196,48 +204,48 @@ Provide an array of objects of type:
           color: this.FINAL_CONFIG.style.chart.layout.line.stroke,
           useArea: this.FINAL_CONFIG.style.chart.layout.line.useArea
         }
-      ], F = [
+      ], y = [
         {
-          name: l,
+          name: _,
           series: this.currentSelectionSpan.rows.map((v) => v.value),
           type: "bar",
           useProgression: !0,
           color: this.FINAL_CONFIG.style.chart.layout.bar.fill
         }
-      ], k = this.FINAL_CONFIG.style.chart.modal.backgroundColor, N = this.adaptColorToBackground(k), C = this.dataset.header[this.currentSelectionSpan.col].decimals, P = {
+      ], C = this.FINAL_CONFIG.style.chart.modal.backgroundColor, p = this.adaptColorToBackground(C), I = this.dataset.header[this.currentSelectionSpan.col].decimals, B = {
         chart: {
-          backgroundColor: k,
-          color: N,
+          backgroundColor: C,
+          color: p,
           labels: {
             fontSize: 18,
-            prefix: o,
-            suffix: h
+            prefix: l,
+            suffix: o
           },
           grid: {
-            stroke: T(N, 0.5),
+            stroke: T(p, 0.5),
             labels: {
-              color: N,
+              color: p,
               xAxisLabels: { show: !1 }
             }
           },
           highlighter: {
-            color: N
+            color: p
           },
           legend: {
-            color: N
+            color: p
           },
           title: {
-            text: l,
-            color: N,
+            text: _,
+            color: p,
             fontSize: 18
           },
           tooltip: {
             showTimeLabel: !1,
             backgroundOpacity: 30,
-            color: N,
-            backgroundColor: k,
+            color: p,
+            backgroundColor: C,
             showPercentage: !1,
-            roundingValue: C
+            roundingValue: I
           },
           userOptions: {
             position: "left",
@@ -253,8 +261,8 @@ Provide an array of objects of type:
         line: {
           labels: {
             show: !0,
-            color: N,
-            rounding: C
+            color: p,
+            rounding: I
           },
           dot: {
             useSerieColor: !1,
@@ -271,13 +279,13 @@ Provide an array of objects of type:
           },
           labels: {
             show: !0,
-            color: N,
-            rounding: C
+            color: p,
+            rounding: I
           }
         }
-      }, D = e >= 0 ? 0 : Math.abs(e), B = t + D, M = this.dataset.header[this.currentSelectionSpan.col].isPercentage, G = this.currentSelectionSpan.rows.map((v, H) => ({
-        x: i * H + i / 2,
-        y: (1 - (v.value + D) / B) * n,
+      }, G = e >= 0 ? 0 : Math.abs(e), H = s + G, M = this.dataset.header[this.currentSelectionSpan.col].isPercentage, x = this.currentSelectionSpan.rows.map((v, R) => ({
+        x: i * R + i / 2,
+        y: (1 - (v.value + G) / H) * n,
         value: M ? v.value * 100 : v.value,
         suffix: M ? "%" : this.dataset.header[this.currentSelectionSpan.col].suffix ? this.dataset.header[this.currentSelectionSpan.col].suffix : "",
         prefix: this.dataset.header[this.currentSelectionSpan.col].prefix ? this.dataset.header[this.currentSelectionSpan.col].prefix : "",
@@ -297,8 +305,8 @@ Provide an array of objects of type:
           },
           style: {
             chart: {
-              backgroundColor: k,
-              color: N,
+              backgroundColor: C,
+              color: p,
               layout: {
                 curvedMarkers: !0,
                 donut: {
@@ -307,32 +315,32 @@ Provide an array of objects of type:
                 labels: {
                   dataLabels: {
                     suffix: M ? "%" : "",
-                    prefix: o
+                    prefix: l
                   },
                   value: {
-                    rounding: C
+                    rounding: I
                   },
                   percentage: {
-                    color: N,
-                    rounding: C
+                    color: p,
+                    rounding: I
                   },
                   name: {
-                    color: N
+                    color: p
                   },
                   hollow: {
                     average: {
-                      color: N,
+                      color: p,
                       text: this.FINAL_CONFIG.translations.average,
                       value: {
-                        color: N
+                        color: p
                       }
                     },
                     total: {
-                      color: N,
+                      color: p,
                       offsetY: -12,
                       text: this.FINAL_CONFIG.translations.total,
                       value: {
-                        color: N,
+                        color: p,
                         offsetY: -12
                       }
                     }
@@ -340,34 +348,34 @@ Provide an array of objects of type:
                 }
               },
               legend: {
-                backgroundColor: k,
-                color: N,
-                roundingValue: C,
-                roundingPercentage: C
+                backgroundColor: C,
+                color: p,
+                roundingValue: I,
+                roundingPercentage: I
               },
               padding: {
                 left: 12,
                 right: 12
               },
               title: {
-                text: l,
-                color: N,
+                text: _,
+                color: p,
                 fontSize: 18
               },
               tooltip: {
                 backgroundOpacity: 30,
-                color: N,
-                backgroundColor: k,
-                roundingValue: C,
-                roundingValue: C
+                color: p,
+                backgroundColor: C,
+                roundingValue: I,
+                roundingValue: I
               }
             }
           }
         },
-        xyConfig: P,
-        xyDatasetLine: m,
-        xyDatasetBar: F,
-        progression: G.length >= 2 ? this.calcLinearProgression(G) : !1
+        xyConfig: B,
+        xyDatasetLine: h,
+        xyDatasetBar: y,
+        progression: x.length >= 2 ? this.calcLinearProgression(x) : !1
       };
     },
     hasNumericTypes() {
@@ -399,8 +407,8 @@ Provide an array of objects of type:
     pages() {
       const n = [];
       if (this.bodyCopy.length)
-        for (let s = 0; s < this.bodyCopy.length; s += this.itemsPerPage)
-          n.push(this.bodyCopy.slice(s, s + this.itemsPerPage));
+        for (let t = 0; t < this.bodyCopy.length; t += this.itemsPerPage)
+          n.push(this.bodyCopy.slice(t, t + this.itemsPerPage));
       return n;
     },
     rows() {
@@ -408,21 +416,21 @@ Provide an array of objects of type:
     },
     selectedCellsCalculations() {
       return {
-        sumPercentage: Number((this.currentSelectionSpan.rows.map((n) => n.value).reduce((n, s) => n + s, 0) * 100).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),
-        sumRegular: Number(this.currentSelectionSpan.rows.map((n) => n.value).reduce((n, s) => n + s, 0).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),
-        averagePercentage: Number((this.currentSelectionSpan.rows.map((n) => n.value).reduce((n, s) => n + s, 0) / this.currentSelectionSpan.rows.length * 100).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),
-        averageRegular: Number((this.currentSelectionSpan.rows.map((n) => n.value).reduce((n, s) => n + s, 0) / this.currentSelectionSpan.rows.length).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString()
+        sumPercentage: Number((this.currentSelectionSpan.rows.map((n) => n.value).reduce((n, t) => n + t, 0) * 100).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),
+        sumRegular: Number(this.currentSelectionSpan.rows.map((n) => n.value).reduce((n, t) => n + t, 0).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),
+        averagePercentage: Number((this.currentSelectionSpan.rows.map((n) => n.value).reduce((n, t) => n + t, 0) / this.currentSelectionSpan.rows.length * 100).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),
+        averageRegular: Number((this.currentSelectionSpan.rows.map((n) => n.value).reduce((n, t) => n + t, 0) / this.currentSelectionSpan.rows.length).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString()
       };
     },
     FINAL_CONFIG() {
-      const { vue_ui_table: n } = K();
+      const { vue_ui_table: n } = Z();
       if (!Object.keys(this.config || {}).length)
         return n;
-      const s = this.treeShake({
+      const t = this.treeShake({
         defaultConfig: n,
         userConfig: this.config
       });
-      return this.convertConfigColors(s);
+      return this.convertConfigColors(t);
     },
     visibleRows() {
       return this.pages[this.currentPage];
@@ -430,124 +438,124 @@ Provide an array of objects of type:
   },
   methods: {
     // lib
-    adaptColorToBackground: J,
-    convertColorToHex: W,
-    convertConfigColors: Y,
-    createCsvContent: j,
-    darkenHexColor: X,
-    dataLabel: V,
-    downloadCsv: U,
+    adaptColorToBackground: K,
+    convertColorToHex: J,
+    convertConfigColors: W,
+    createCsvContent: Y,
+    darkenHexColor: j,
+    dataLabel: X,
+    downloadCsv: V,
     lightenHexColor: T,
-    treeShake: z,
+    treeShake: U,
     // specific
     applyDonutOption() {
-      const n = this.selectedDonutCategory.options.map((s, r) => ({
-        name: s,
+      const n = this.selectedDonutCategory.options.map((t, r) => ({
+        name: t,
         color: this.palette[r] || this.palette[r % this.palette.length],
-        values: [this.visibleRows.filter((i, t) => i.td[this.selectedDonutCategory.index] === s && this.currentSelectionSpan.rows.map((e) => e.index).includes(t)).map((i) => i.td[this.currentSelectionSpan.col]).reduce((i, t) => Math.abs(i) + Math.abs(t), 0)],
-        absoluteValue: this.visibleRows.filter((i, t) => i.td[this.selectedDonutCategory.index] === s && this.currentSelectionSpan.rows.map((e) => e.index).includes(t)).map((i) => i.td[this.currentSelectionSpan.col]).reduce((i, t) => i + t, 0)
-      })).sort((s, r) => r.value - s.value);
+        values: [this.visibleRows.filter((i, s) => i.td[this.selectedDonutCategory.index] === t && this.currentSelectionSpan.rows.map((e) => e.index).includes(s)).map((i) => i.td[this.currentSelectionSpan.col]).reduce((i, s) => Math.abs(i) + Math.abs(s), 0)],
+        absoluteValue: this.visibleRows.filter((i, s) => i.td[this.selectedDonutCategory.index] === t && this.currentSelectionSpan.rows.map((e) => e.index).includes(s)).map((i) => i.td[this.currentSelectionSpan.col]).reduce((i, s) => i + s, 0)
+      })).sort((t, r) => r.value - t.value);
       this.currentDonut = n, this.$nextTick(() => {
         this.chart.type = this.constants.DONUT, this.showDonutOptions = !1;
       });
     },
-    calcRectY(n, s) {
-      return n >= 0 ? s : this.chartData.zero;
+    calcRectY(n, t) {
+      return n >= 0 ? t : this.chartData.zero;
     },
-    canResetColumn(n, s) {
-      return !this.hasNaN[n] && (s.isSort || s.isSearch || s.isMultiselect || s.rangeFilter) && ![this.constants.DATE].includes(s.type);
+    canResetColumn(n, t) {
+      return !this.hasNaN[n] && (t.isSort || t.isSearch || t.isMultiselect || t.rangeFilter) && ![this.constants.DATE].includes(t.type);
     },
     createXls(n = "all") {
-      const s = this.dataset.header.map((e) => e.name), r = n === "all" ? this.bodyCopy.map((e) => e.td) : this.visibleRows.map((e) => e.td), i = [s].concat(r), t = this.createCsvContent(i);
-      this.downloadCsv({ csvContent: t, title: "vue-ui-table" });
+      const t = this.dataset.header.map((e) => e.name), r = n === "all" ? this.bodyCopy.map((e) => e.td) : this.visibleRows.map((e) => e.td), i = [t].concat(r), s = this.createCsvContent(i);
+      this.downloadCsv({ csvContent: s, title: this.filename });
     },
-    calcLinearProgression: R,
+    calcLinearProgression: z,
     closeAllDropdowns() {
       const n = document.getElementsByClassName("th-dropdown");
-      n.length && Array.from(n).forEach((s) => {
-        s.dataset.isOpen = !1;
+      n.length && Array.from(n).forEach((t) => {
+        t.dataset.isOpen = !1;
       });
     },
-    debounce(n, s) {
+    debounce(n, t) {
       let r;
-      clearTimeout(r), r = setTimeout(n, s);
+      clearTimeout(r), r = setTimeout(n, t);
     },
     filterBody() {
       this.bodyCopy = this.tableBody.filter((n) => {
-        for (const s in this.searches)
-          if (!n.td[s].toUpperCase().includes(this.searches[s].toUpperCase()))
+        for (const t in this.searches)
+          if (!n.td[t].toUpperCase().includes(this.searches[t].toUpperCase()))
             return !1;
-        for (const s in this.multiselects)
-          if (!this.multiselects[s].some((i) => i === n.td[s]))
+        for (const t in this.multiselects)
+          if (!this.multiselects[t].some((i) => i === n.td[t]))
             return !1;
-        for (const s in this.dates) {
-          const r = new Date(n.td[s]), i = new Date(this.dates[s].from), t = new Date(this.dates[s].to);
-          if (r < i || r > t)
+        for (const t in this.dates) {
+          const r = new Date(n.td[t]), i = new Date(this.dates[t].from), s = new Date(this.dates[t].to);
+          if (r < i || r > s)
             return !1;
         }
         return !0;
       }), this.sortBody();
     },
     getAverage(n) {
-      return this.rows.map((s) => s[n]).map((s) => isNaN(Number(s)) ? 0 : s).reduce((s, r) => s + r, 0) / this.bodyCopy.length;
+      return this.rows.map((t) => t[n]).map((t) => isNaN(Number(t)) ? 0 : t).reduce((t, r) => t + r, 0) / this.bodyCopy.length;
     },
     getDatesRange(n) {
-      const s = this.dataset.body.map((F) => new Date(F.td[n])), r = new Date(Math.min(...s)), i = new Date(Math.max(...s)), t = r.getFullYear(), e = i.getFullYear(), y = String(r.getMonth() + 1).padStart(2, "0"), f = String(i.getMonth() + 1).padStart(2, "0"), l = String(r.getDate()).padStart(2, "0"), o = String(i.getDate()).padStart(2, "0"), h = `${t}-${y}-${l}`, m = `${e}-${f}-${o}`;
+      const t = this.dataset.body.map((y) => new Date(y.td[n])), r = new Date(Math.min(...t)), i = new Date(Math.max(...t)), s = r.getFullYear(), e = i.getFullYear(), m = String(r.getMonth() + 1).padStart(2, "0"), f = String(i.getMonth() + 1).padStart(2, "0"), _ = String(r.getDate()).padStart(2, "0"), l = String(i.getDate()).padStart(2, "0"), o = `${s}-${m}-${_}`, h = `${e}-${f}-${l}`;
       return {
-        from: h,
-        to: m
+        from: o,
+        to: h
       };
     },
     getDonutLegendValue(n) {
       return Number((n * (this.dataset.header[this.currentSelectionSpan.col].isPercentage ? 100 : 1)).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString();
     },
     getDropdownOptions(n) {
-      return [...new Set(this.dataset.body.map((s) => s.td[n]))];
+      return [...new Set(this.dataset.body.map((t) => t.td[n]))];
     },
     getSum(n) {
-      return this.rows.map((s) => s[n]).map((s) => isNaN(Number(s)) ? 0 : s).reduce((s, r) => s + r, 0);
+      return this.rows.map((t) => t[n]).map((t) => isNaN(Number(t)) ? 0 : t).reduce((t, r) => t + r, 0);
     },
     includesNaN(n) {
       return n.includes(NaN);
     },
-    isDropdownOptionSelected(n, s) {
-      return this.multiselects[s] ? this.multiselects[s].includes(n) : !0;
+    isDropdownOptionSelected(n, t) {
+      return this.multiselects[t] ? this.multiselects[t].includes(n) : !0;
     },
     isNumeric(n) {
       return !isNaN(Number(String(n).replaceAll("%", "")));
     },
-    isResetDisabled(n, s) {
-      const r = s.isSort, i = s.isSearch, t = s.isMultiselect && this.multiselects[n], e = s.rangeFilter, y = (f) => {
+    isResetDisabled(n, t) {
+      const r = t.isSort, i = t.isSearch, s = t.isMultiselect && this.multiselects[n], e = t.rangeFilter, m = (f) => {
         if (e && this.rangeFilters[f])
           return Math.round(this.rangeFilters[f].min) === this.immutableRangeFilters[f].min && Math.round(this.rangeFilters[f].max) === this.immutableRangeFilters[f].max;
       };
-      if (r && i && t && e)
-        return ["", void 0].includes(this.searches[n]) && [void 0].includes(this.sorts[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length && y(n);
-      if (r && i && t)
+      if (r && i && s && e)
+        return ["", void 0].includes(this.searches[n]) && [void 0].includes(this.sorts[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length && m(n);
+      if (r && i && s)
         return ["", void 0].includes(this.searches[n]) && [void 0].includes(this.sorts[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length;
       if (r && i && e)
-        return ["", void 0].includes(this.searches[n]) && [void 0].includes(this.sorts[n]) && y(n);
+        return ["", void 0].includes(this.searches[n]) && [void 0].includes(this.sorts[n]) && m(n);
       if (r && i)
         return ["", void 0].includes(this.searches[n]) && [void 0].includes(this.sorts[n]);
-      if (r && t && e)
-        return [void 0].includes(this.sorts[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length && y(n);
-      if (r && t)
+      if (r && s && e)
+        return [void 0].includes(this.sorts[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length && m(n);
+      if (r && s)
         return [void 0].includes(this.sorts[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length;
-      if (i && t && e)
-        return ["", void 0].includes(this.searches[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length && y(n);
-      if (i && t)
+      if (i && s && e)
+        return ["", void 0].includes(this.searches[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length && m(n);
+      if (i && s)
         return ["", void 0].includes(this.searches[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length;
       if (i && e)
-        return ["", void 0].includes(this.searches[n]) && y(n);
+        return ["", void 0].includes(this.searches[n]) && m(n);
       if (i)
         return ["", void 0].includes(this.searches[n]);
       if (r && e)
-        return [void 0].includes(this.sorts[n]) && y(n);
+        return [void 0].includes(this.sorts[n]) && m(n);
       if (r)
         return [void 0].includes(this.sorts[n]);
-      if (t && e)
-        return this.multiselects[n].length === this.getDropdownOptions(n).length && y(n);
-      if (t)
+      if (s && e)
+        return this.multiselects[n].length === this.getDropdownOptions(n).length && m(n);
+      if (s)
         return this.multiselects[n].length === this.getDropdownOptions(n).length;
     },
     getCurrentPageData() {
@@ -581,80 +589,80 @@ Provide an array of objects of type:
     },
     navigateCell(n) {
       n.preventDefault();
-      const s = n.keyCode, r = 38, i = 40, t = 37, e = 39;
-      if (![r, i, t, e].includes(s)) return;
-      const y = n.target.id, f = /cell_(\d+)_(\d+)_vue-ui-table-(\d+)/, l = y.match(f), o = parseInt(l[1]), h = parseInt(l[2]), m = document.getElementById(`cell_${o}_${h + 1}_${this.uid}`), F = document.getElementById(`cell_${o}_${h - 1}_${this.uid}`), k = document.getElementById(`cell_${o + 1}_${h}_${this.uid}`), N = document.getElementById(`cell_${o - 1}_${h}_${this.uid}`);
-      let C;
+      const t = n.keyCode, r = 38, i = 40, s = 37, e = 39;
+      if (![r, i, s, e].includes(t)) return;
+      const m = n.target.id, f = /cell_(\d+)_(\d+)_vue-ui-table-(\d+)/, _ = m.match(f), l = parseInt(_[1]), o = parseInt(_[2]), h = document.getElementById(`cell_${l}_${o + 1}_${this.uid}`), y = document.getElementById(`cell_${l}_${o - 1}_${this.uid}`), C = document.getElementById(`cell_${l + 1}_${o}_${this.uid}`), p = document.getElementById(`cell_${l - 1}_${o}_${this.uid}`);
+      let I;
       switch (!0) {
-        case s === e:
-          C = m;
+        case t === e:
+          I = h;
           break;
-        case s === t:
-          C = F;
+        case t === s:
+          I = y;
           break;
-        case s === r:
-          C = N;
+        case t === r:
+          I = p;
           break;
-        case s === i:
-          C = k;
+        case t === i:
+          I = C;
           break;
         default:
           return;
       }
-      C && (C.focus(), C.scrollIntoView({ behavior: "smooth", block: "center" }));
+      I && (I.focus(), I.scrollIntoView({ behavior: "smooth", block: "center" }));
     },
     openDonutOptions() {
       this.selectedDonutCategory = this.availableDonutCategories[0], this.showDonutOptions = !0;
     },
-    placeLabelOnTopOrBottom({ previousPlot: n, currentPlot: s, nextPlot: r }) {
-      const i = s.y - 38, t = s.y + 16;
-      return n && r ? n.value < s.value && r.value < s.value ? i : n.value > s.value && r.value > s.value ? t : (n.value > s.value && r.value < s.value || n.value < s.value && r.value > s.value, i) : n && !r ? n.value > s.value ? t : i : !n && r && r.value > s.value ? t : i;
+    placeLabelOnTopOrBottom({ previousPlot: n, currentPlot: t, nextPlot: r }) {
+      const i = t.y - 38, s = t.y + 16;
+      return n && r ? n.value < t.value && r.value < t.value ? i : n.value > t.value && r.value > t.value ? s : (n.value > t.value && r.value < t.value || n.value < t.value && r.value > t.value, i) : n && !r ? n.value > t.value ? s : i : !n && r && r.value > t.value ? s : i;
     },
     async prepareBodyCopy() {
       return new Promise((n) => {
-        const s = [];
+        const t = [];
         this.tableHead.forEach((r, i) => {
           if (r.isSearch && Object.assign(this.searches, { [i]: "" }), r.isMultiselect && Object.assign(this.multiselects, { [i]: this.getDropdownOptions(i) }), r.type === this.constants.DATE && (Object.assign(this.dates, { [i]: this.getDatesRange(i) }), Object.assign(this.filteredDatesIndexes, { [i]: !1 })), (r.isPercentage || r.percentageTo) && Object.assign(this.percentages, {
             [i]: {
               reference: r.percentageTo,
-              referenceIndex: this.dataset.header.map((t) => t.name).indexOf(r.percentageTo)
+              referenceIndex: this.dataset.header.map((s) => s.name).indexOf(r.percentageTo)
             }
           }), r.rangeFilter && (Object.assign(this.rangeFilters, {
             [i]: {
-              min: Math.round(Math.min(...this.dataset.body.map((t) => t.td).map((t) => t[i]))),
-              max: Math.round(Math.max(...this.dataset.body.map((t) => t.td).map((t) => t[i])))
+              min: Math.round(Math.min(...this.dataset.body.map((s) => s.td).map((s) => s[i]))),
+              max: Math.round(Math.max(...this.dataset.body.map((s) => s.td).map((s) => s[i])))
             }
           }), Object.assign(this.immutableRangeFilters, {
             [i]: {
-              min: Math.round(Math.min(...this.dataset.body.map((t) => t.td).map((t) => t[i]))),
-              max: Math.round(Math.max(...this.dataset.body.map((t) => t.td).map((t) => t[i])))
+              min: Math.round(Math.min(...this.dataset.body.map((s) => s.td).map((s) => s[i]))),
+              max: Math.round(Math.max(...this.dataset.body.map((s) => s.td).map((s) => s[i])))
             }
           })), r.isPercentage) {
-            const t = this.dataset.header.map((y) => y.name).indexOf(r.percentageTo), e = this.dataset.body.map((y) => y.td[t]).reduce((y, f) => y + f, 0);
-            s.push([i, t, e]);
+            const s = this.dataset.header.map((m) => m.name).indexOf(r.percentageTo), e = this.dataset.body.map((m) => m.td[s]).reduce((m, f) => m + f, 0);
+            t.push([i, s, e]);
           }
-          r.type === this.constants.NUMERIC && !r.isPercentage && Object.assign(this.hasNaN, { [i]: this.includesNaN(this.dataset.body.map((t) => Number(t.td[i]))) });
+          r.type === this.constants.NUMERIC && !r.isPercentage && Object.assign(this.hasNaN, { [i]: this.includesNaN(this.dataset.body.map((s) => Number(s.td[i]))) });
         }), this.bodyCopy.forEach((r, i) => {
-          s.map((t) => {
-            const [e, y, f] = t;
-            r.td[e] = r.td[y] / f;
-          }), r.td.forEach((t, e) => {
-            this.dataset.header[e].type === this.constants.TEXT && this.dataset.header[e].isSearch && (r[e] = this.stringToNumber(t)), this.dataset.header[e].type === this.constants.DATE && (r[e] = new Date(t).getTime()), this.dataset.header[e].type === this.constants.NUMERIC && (r[e] = isNaN(Number(t)) ? e : t), this.tableBody[i][e] = r[e];
+          t.map((s) => {
+            const [e, m, f] = s;
+            r.td[e] = r.td[m] / f;
+          }), r.td.forEach((s, e) => {
+            this.dataset.header[e].type === this.constants.TEXT && this.dataset.header[e].isSearch && (r[e] = this.stringToNumber(s)), this.dataset.header[e].type === this.constants.DATE && (r[e] = new Date(s).getTime()), this.dataset.header[e].type === this.constants.NUMERIC && (r[e] = isNaN(Number(s)) ? e : s), this.tableBody[i][e] = r[e];
           });
         }), n(!0);
       });
     },
-    promiseWithAsyncFunction(n, s) {
+    promiseWithAsyncFunction(n, t) {
       return new Promise((r, i) => {
-        n().then((t) => {
+        n().then((s) => {
           try {
-            const e = s(t);
+            const e = t(s);
             r(e);
           } catch (e) {
             i(e);
           }
-        }).catch((t) => {
-          i(t);
+        }).catch((s) => {
+          i(s);
         });
       });
     },
@@ -664,27 +672,27 @@ Provide an array of objects of type:
         to: this.getDatesRange(n).to
       }, this.filteredDatesIndexes[n] = !1, this.$forceUpdate(), this.filterBody();
     },
-    resetFilter(n, s, r) {
+    resetFilter(n, t, r) {
       const i = r.currentTarget;
       clearTimeout(this.buttonTimeout), i.classList.add("clicked"), this.buttonTimeout = setTimeout(() => {
         i.classList.remove("clicked");
-      }, 200), this.currentFilter = void 0, s.rangeFilter && (this.rangeFilters[n].min = this.immutableRangeFilters[n].min, this.rangeFilters[n].max = this.immutableRangeFilters[n].max), s.isMultiselect ? (this.multiselects[n] = this.getDropdownOptions(n), s.type === this.constants.TEXT && (this.sorts[n] = void 0), s.isSearch && (this.searches[n] = "")) : s.type === this.constants.NUMERIC ? this.sorts[n] = void 0 : s.type === this.constants.TEXT ? (this.sorts[n] = void 0, this.searches[n] = "") : s.type === this.constants.DATE && (this.sorts[n] = void 0), this.filterBody();
+      }, 200), this.currentFilter = void 0, t.rangeFilter && (this.rangeFilters[n].min = this.immutableRangeFilters[n].min, this.rangeFilters[n].max = this.immutableRangeFilters[n].max), t.isMultiselect ? (this.multiselects[n] = this.getDropdownOptions(n), t.type === this.constants.TEXT && (this.sorts[n] = void 0), t.isSearch && (this.searches[n] = "")) : t.type === this.constants.NUMERIC ? this.sorts[n] = void 0 : t.type === this.constants.TEXT ? (this.sorts[n] = void 0, this.searches[n] = "") : t.type === this.constants.DATE && (this.sorts[n] = void 0), this.filterBody();
     },
     resetSelection() {
       const n = document.getElementsByClassName(`tr_${this.uid}`);
-      Array.from(n).forEach((s) => {
-        Array.from(s.getElementsByTagName("td")).forEach((r) => {
+      Array.from(n).forEach((t) => {
+        Array.from(t.getElementsByTagName("td")).forEach((r) => {
           r.dataset.row === "even" ? (r.style.background = this.FINAL_CONFIG.style.rows.even.backgroundColor, r.style.color = this.FINAL_CONFIG.style.rows.even.color) : (r.style.background = this.FINAL_CONFIG.style.rows.odd.backgroundColor, r.style.color = this.FINAL_CONFIG.style.rows.odd.color);
         });
-      }), Array.from(n).forEach((s) => s.dataset.selected = "false"), this.currentPage > this.pages.length - 1 && (this.currentPage = this.pages.length - 1), this.showChart = !1, this.currentDonut = void 0, this.selectedColumn = void 0, this.chart.type = this.constants.BAR, this.currentSelectionSpan = {
+      }), Array.from(n).forEach((t) => t.dataset.selected = "false"), this.currentPage > this.pages.length - 1 && (this.currentPage = this.pages.length - 1), this.showChart = !1, this.currentDonut = void 0, this.selectedColumn = void 0, this.chart.type = this.constants.BAR, this.currentSelectionSpan = {
         col: void 0,
         rows: []
       }, this.clientX = 100, this.clientY = 100;
     },
     selectColumn(n) {
-      this.currentSelectionSpan.col !== n ? (this.visibleRows.forEach((s, r) => {
+      this.currentSelectionSpan.col !== n ? (this.visibleRows.forEach((t, r) => {
         this.selectTd({
-          td: s.td[n],
+          td: t.td[n],
           rowIndex: r,
           colIndex: n,
           headerType: this.constants.NUMERIC,
@@ -694,24 +702,24 @@ Provide an array of objects of type:
         });
       }), this.selectedColumn = n) : (this.selectedColumn = void 0, this.resetSelection());
     },
-    selectDropdownOption(n, s) {
-      this.multiselects[s].includes(n) ? this.multiselects[s] = this.multiselects[s].filter((r) => r !== n) : this.multiselects[s].push(n), this.$forceUpdate(), this.filterBody();
+    selectDropdownOption(n, t) {
+      this.multiselects[t].includes(n) ? this.multiselects[t] = this.multiselects[t].filter((r) => r !== n) : this.multiselects[t].push(n), this.$forceUpdate(), this.filterBody();
     },
-    selectTd({ td: n, rowIndex: s, colIndex: r, headerType: i, event: t }) {
+    selectTd({ td: n, rowIndex: t, colIndex: r, headerType: i, event: s }) {
       if (i !== this.constants.NUMERIC || isNaN(Number(n))) {
         this.resetSelection();
         return;
       }
       this.currentSelectionSpan.col !== r && this.resetSelection();
-      const e = t.currentTarget.parentNode;
-      this.currentSelectionSpan.col = r, this.currentSelectionSpan.rows.map((y) => y.index).includes(s) ? (e.dataset.selected = "false", this.currentSelectionSpan.rows = this.currentSelectionSpan.rows.filter((y) => y.index !== s), t.currentTarget.classList.remove(this.cssClass.CELL), Array.from(e.children).forEach((y, f) => {
-        y.dataset.row === "even" ? (y.style.background = this.FINAL_CONFIG.style.rows.even.backgroundColor, y.style.color = this.FINAL_CONFIG.style.rows.even.olor) : (y.style.background = this.FINAL_CONFIG.style.rows.odd.backgroundColor, y.style.color = this.FINAL_CONFIG.style.rows.odd.color);
-      }), t.currentTarget.dataset.row === "even" ? (t.currentTarget.style.background = this.FINAL_CONFIG.style.rows.even.backgroundColor, t.currentTarget.style.color = this.FINAL_CONFIG.style.rows.even.color) : (t.currentTarget.style.background = this.FINAL_CONFIG.style.rows.odd.backgroundColor, t.currentTarget.style.color = this.FINAL_CONFIG.style.rows.odd.color)) : (e.dataset.selected = "true", this.currentSelectionSpan.rows.push({
-        index: s,
+      const e = s.currentTarget.parentNode;
+      this.currentSelectionSpan.col = r, this.currentSelectionSpan.rows.map((m) => m.index).includes(t) ? (e.dataset.selected = "false", this.currentSelectionSpan.rows = this.currentSelectionSpan.rows.filter((m) => m.index !== t), s.currentTarget.classList.remove(this.cssClass.CELL), Array.from(e.children).forEach((m, f) => {
+        m.dataset.row === "even" ? (m.style.background = this.FINAL_CONFIG.style.rows.even.backgroundColor, m.style.color = this.FINAL_CONFIG.style.rows.even.olor) : (m.style.background = this.FINAL_CONFIG.style.rows.odd.backgroundColor, m.style.color = this.FINAL_CONFIG.style.rows.odd.color);
+      }), s.currentTarget.dataset.row === "even" ? (s.currentTarget.style.background = this.FINAL_CONFIG.style.rows.even.backgroundColor, s.currentTarget.style.color = this.FINAL_CONFIG.style.rows.even.color) : (s.currentTarget.style.background = this.FINAL_CONFIG.style.rows.odd.backgroundColor, s.currentTarget.style.color = this.FINAL_CONFIG.style.rows.odd.color)) : (e.dataset.selected = "true", this.currentSelectionSpan.rows.push({
+        index: t,
         value: n
-      }), Array.from(e.children).forEach((y, f) => {
-        y.dataset.row === "even" ? (y.style.background = this.FINAL_CONFIG.style.rows.even.selectedNeighbors.backgroundColor, y.style.color = this.FINAL_CONFIG.style.rows.even.selectedNeighbors.color) : (y.style.background = this.FINAL_CONFIG.style.rows.odd.selectedNeighbors.backgroundColor, y.style.color = this.FINAL_CONFIG.style.rows.odd.selectedNeighbors.color);
-      }), t.currentTarget.dataset.row === "odd" ? (t.currentTarget.style.background = this.FINAL_CONFIG.style.rows.odd.selectedCell.backgroundColor, t.currentTarget.style.color = this.FINAL_CONFIG.style.rows.odd.selectedCell.color) : (t.currentTarget.style.background = this.FINAL_CONFIG.style.rows.even.selectedCell.backgroundColor, t.currentTarget.style.color = this.FINAL_CONFIG.style.rows.even.selectedCell.color)), this.currentSelectionSpan.rows = this.currentSelectionSpan.rows.sort((y, f) => y.index - f.index), this.chart.type === this.constants.DONUT && this.currentSelectionSpan.rows.length > 0 && this.applyDonutOption();
+      }), Array.from(e.children).forEach((m, f) => {
+        m.dataset.row === "even" ? (m.style.background = this.FINAL_CONFIG.style.rows.even.selectedNeighbors.backgroundColor, m.style.color = this.FINAL_CONFIG.style.rows.even.selectedNeighbors.color) : (m.style.background = this.FINAL_CONFIG.style.rows.odd.selectedNeighbors.backgroundColor, m.style.color = this.FINAL_CONFIG.style.rows.odd.selectedNeighbors.color);
+      }), s.currentTarget.dataset.row === "odd" ? (s.currentTarget.style.background = this.FINAL_CONFIG.style.rows.odd.selectedCell.backgroundColor, s.currentTarget.style.color = this.FINAL_CONFIG.style.rows.odd.selectedCell.color) : (s.currentTarget.style.background = this.FINAL_CONFIG.style.rows.even.selectedCell.backgroundColor, s.currentTarget.style.color = this.FINAL_CONFIG.style.rows.even.selectedCell.color)), this.currentSelectionSpan.rows = this.currentSelectionSpan.rows.sort((m, f) => m.index - f.index), this.chart.type === this.constants.DONUT && this.currentSelectionSpan.rows.length > 0 && this.applyDonutOption();
     },
     setFilterDatesIndexes(n) {
       this.filteredDatesIndexes[n] = !(this.getDatesRange(n).from === this.dates[n].from && this.getDatesRange(n).to === this.dates[n].to);
@@ -721,44 +729,44 @@ Provide an array of objects of type:
         this.filterByRange(this.bodyCopy, n);
       }), Object.keys(this.sorts).forEach((n) => {
         this.sortByNumber(this.bodyCopy, n);
-      }), this.currentFilter !== void 0 && this.sortByNumber(this.bodyCopy, this.currentFilter), this.dataset.header.forEach((n, s) => {
+      }), this.currentFilter !== void 0 && this.sortByNumber(this.bodyCopy, this.currentFilter), this.dataset.header.forEach((n, t) => {
         if (n.isPercentage) {
-          const r = this.percentages[s].referenceIndex, i = this.bodyCopy.map((t) => t.td[r]).reduce((t, e) => t + e, 0);
-          this.bodyCopy.forEach((t) => {
-            t.td[s] = t.td[r] / i;
+          const r = this.percentages[t].referenceIndex, i = this.bodyCopy.map((s) => s.td[r]).reduce((s, e) => s + e, 0);
+          this.bodyCopy.forEach((s) => {
+            s.td[t] = s.td[r] / i;
           });
         }
       }), this.currentPage > this.pages.length - 1 && (this.currentPage = this.pages.length - 1), [-1].includes(this.currentPage) && (this.currentPage = 0), this.$forceUpdate();
     },
-    filterByRange(n, s) {
-      this.bodyCopy = n.filter((r) => r.td[s] >= this.rangeFilters[s].min && r[s] <= this.rangeFilters[s].max);
+    filterByRange(n, t) {
+      this.bodyCopy = n.filter((r) => r.td[t] >= this.rangeFilters[t].min && r[t] <= this.rangeFilters[t].max);
     },
-    sortByNumber(n, s) {
-      if (this.sorts[s] === this.constants.ASC && (n = n.sort((r, i) => r[s] - i[s])), this.sorts[s] === this.constants.DESC)
-        n = n.sort((r, i) => i[s] - r[s]);
+    sortByNumber(n, t) {
+      if (this.sorts[t] === this.constants.ASC && (n = n.sort((r, i) => r[t] - i[t])), this.sorts[t] === this.constants.DESC)
+        n = n.sort((r, i) => i[t] - r[t]);
       else
         return 0;
     },
-    sortTh(n, s) {
+    sortTh(n, t) {
       this.currentFilter = n;
-      const r = s.currentTarget;
+      const r = t.currentTarget;
       clearTimeout(this.buttonTimeout), r.classList.add("clicked"), this.buttonTimeout = setTimeout(() => {
         r.classList.remove("clicked");
       }, 200), this.sorts[n] === 1 ? this.sorts[n] = this.constants.DESC : this.sorts[n] = this.constants.ASC, this.sortBody();
     },
     stringToNumber(n) {
-      let s = 0;
+      let t = 0;
       for (let r = 0; r < n.length; r += 1)
-        s += n.charCodeAt(r);
-      return s;
+        t += n.charCodeAt(r);
+      return t;
     },
-    toggleMultiselect(n, s, r) {
+    toggleMultiselect(n, t, r) {
       const i = r.currentTarget;
       clearTimeout(this.buttonTimeout), i.classList.add("clicked"), this.buttonTimeout = setTimeout(() => {
         i.classList.remove("clicked");
       }, 200);
-      const t = document.getElementById(`th_dropdown_${n}`);
-      t.dataset.isOpen === "false" ? t.dataset.isOpen = "true" : t.dataset.isOpen = "false";
+      const s = document.getElementById(`th_dropdown_${n}`);
+      s.dataset.isOpen === "false" ? s.dataset.isOpen = "true" : s.dataset.isOpen = "false";
     },
     updateCurrentPage(n) {
       this.resetSelection(), !n || !n.target.value ? this.currentPage = 0 : this.currentPage = Number(n.target.value), this.onPageChange();
@@ -770,17 +778,17 @@ Provide an array of objects of type:
     calcDonutMarkerLabelPositionX(n) {
       return n.center.endX + this.calcMarkerOffset(n, 50);
     },
-    calcMarkerOffset(n, s) {
-      return n.center.endX - s >= 0 ? 3 : -2;
+    calcMarkerOffset(n, t) {
+      return n.center.endX - t >= 0 ? 3 : -2;
     },
-    displayArcPercentage(n, s) {
-      return isNaN(n.value / this.sumValues(s)) ? 0 : (n.value / this.sumValues(s) * 100).toFixed(0) + "%";
+    displayArcPercentage(n, t) {
+      return isNaN(n.value / this.sumValues(t)) ? 0 : (n.value / this.sumValues(t) * 100).toFixed(0) + "%";
     },
     isArcBigEnough(n) {
       return n.proportion * 100 > 3;
     },
     sumValues(n) {
-      return [...n].map((s) => s.value).reduce((s, r) => s + r, 0);
+      return [...n].map((t) => t.value).reduce((t, r) => t + r, 0);
     },
     // CHART DRAGGING METHODS
     closeDragElement() {
@@ -797,114 +805,140 @@ Provide an array of objects of type:
       this.clientX = n.clientX - this.dragOffsetX, this.clientY = n.clientY - this.dragOffsetY - 40, this.clientX < 0 && (this.clientX = 0), this.clientX + r.width > window.innerWidth && (this.clientX = window.innerWidth - r.width - 48), this.clientY < 0 && (this.clientY = 0), this.clientY + r.height > window.innerHeight && (this.clientY = window.innerHeight - r.height - 24);
     }
   }
-}, ne = {
+}, re = {
   key: 0,
   class: "vue-ui-table-export-hub"
-}, re = ["innerHTML"], oe = ["data-is-open"], le = { class: "vue-ui-table-export-hub-options" }, ae = { class: "vue-ui-table-export-hub-option-wrapper" }, ie = { class: "label" }, ce = ["innerHTML"], ue = { class: "vue-ui-table-export-hub-option-wrapper" }, he = { class: "label" }, de = ["innerHTML"], ge = { class: "vue-ui-table" }, ye = { key: 0 }, me = { key: 0 }, be = { key: 1 }, fe = {
+}, oe = ["innerHTML"], le = ["data-is-open"], ae = { class: "vue-ui-table-export-hub-options" }, ie = { class: "vue-ui-table-export-hub-option-wrapper" }, ce = { class: "label" }, ue = ["innerHTML"], he = { class: "vue-ui-table-export-hub-option-wrapper" }, de = { class: "label" }, ge = ["innerHTML"], me = { class: "vue-ui-table-dialog-field" }, ye = { class: "label vue-ui-table-dialog-input-label" }, be = { class: "vue-ui-table" }, fe = { key: 0 }, pe = { key: 0 }, Ne = { key: 1 }, Ce = {
   key: 0,
   style: { display: "flex", "align-items": "center", "justify-content": "flex-end" }
-}, Ne = ["innerHTML"], pe = {
+}, Ie = ["innerHTML"], Fe = {
   key: 0,
   style: { "margin-left": "3px" }
-}, Ce = { key: 0 }, Ie = { class: "th-filter" }, Fe = {
+}, ve = { key: 0 }, we = { class: "th-filter" }, _e = {
   key: 0,
   class: "th-date"
-}, ve = { class: "date-wrapper--inputs" }, we = { class: "date-fieldset" }, _e = ["for"], ke = ["id", "onUpdate:modelValue", "onInput"], Oe = { class: "date-fieldset" }, Se = ["for"], Le = ["id", "onUpdate:modelValue", "onInput"], Ae = { class: "date-wrapper--button" }, Me = ["onClick"], De = ["innerHTML"], Ge = ["innerHTML"], Te = ["innerHTML"], xe = ["onClick", "disabled"], Ee = ["placeholder", "onUpdate:modelValue", "name"], Pe = ["onClick"], Be = ["innerHTML"], He = ["innerHTML"], Re = ["innerHTML"], ze = ["onClick", "innerHTML"], Ue = ["innerHTML"], Ve = {
+}, ke = { class: "date-wrapper--inputs" }, Oe = { class: "date-fieldset" }, Se = ["for"], Le = ["id", "onUpdate:modelValue", "onInput"], Ae = { class: "date-fieldset" }, Me = ["for"], De = ["id", "onUpdate:modelValue", "onInput"], Ge = { class: "date-wrapper--button" }, xe = ["onClick"], Te = ["innerHTML"], Ee = ["innerHTML"], Pe = ["innerHTML"], Be = ["onClick", "disabled"], He = ["placeholder", "onUpdate:modelValue", "name"], Re = ["onClick"], ze = ["innerHTML"], Ue = ["innerHTML"], Ve = ["innerHTML"], Xe = ["onClick", "innerHTML"], je = ["innerHTML"], Ye = {
   key: 5,
   class: "th-range-filter"
-}, Xe = ["for"], je = ["id", "max", "min", "onUpdate:modelValue"], Ye = ["id", "max", "min", "onUpdate:modelValue"], We = ["for"], Je = ["onClick", "disabled"], Ke = ["id"], Ze = ["onClick"], qe = ["onClick", "onKeyup"], Qe = ["innerHTML", "onClick", "onKeyup"], $e = ["data-row"], et = ["data-row"], tt = ["data-row", "onClick", "onKeyup", "id"], st = ["innerHTML"], nt = { key: 1 }, rt = { key: 2 }, ot = { key: 5 }, lt = ["innerHTML"], at = { key: 0 }, it = { style: { "margin-left": "12px" } }, ct = { class: "format-num" }, ut = { style: { "margin-left": "12px" } }, ht = {
+}, We = ["for"], Je = ["id", "max", "min", "onUpdate:modelValue"], Ke = ["id", "max", "min", "onUpdate:modelValue"], Ze = ["for"], qe = ["onClick", "disabled"], Qe = ["id"], $e = ["onClick"], et = ["onClick", "onKeyup"], tt = ["innerHTML", "onClick", "onKeyup"], st = ["data-row"], nt = ["data-row"], rt = ["data-row", "onClick", "onKeyup", "id"], ot = ["innerHTML"], lt = { key: 1 }, at = { key: 2 }, it = { key: 5 }, ct = ["innerHTML"], ut = { key: 0 }, ht = { style: { "margin-left": "12px" } }, dt = { class: "format-num" }, gt = { style: { "margin-left": "12px" } }, mt = {
   key: 0,
   class: "format-num"
-}, dt = {
+}, yt = {
   key: 1,
   class: "format-num"
-}, gt = { key: 2 }, yt = { style: { "margin-left": "12px" } }, mt = {
+}, bt = { key: 2 }, ft = { style: { "margin-left": "12px" } }, pt = {
   key: 0,
   class: "format-num"
-}, bt = {
+}, Nt = {
   key: 1,
   class: "format-num"
-}, ft = { key: 2 }, Nt = {
+}, Ct = { key: 2 }, It = {
   key: 1,
   class: "vue-ui-table-paginator format-num"
-}, pt = {
+}, Ft = {
   key: 2,
   class: "vue-ui-table-size-warning"
-}, Ct = ["innerHTML"], It = {
+}, vt = ["innerHTML"], wt = {
   key: 4,
   class: "vue-ui-table-pagination format-num"
-}, Ft = ["innerHTML", "disabled"], vt = ["disabled"], wt = {
+}, _t = ["innerHTML", "disabled"], kt = ["disabled"], Ot = {
   key: 0,
   class: "vue-ui-table-page-scroller-wrapper"
-}, _t = {
+}, St = {
   for: "pageScroller",
   style: { "font-size": "14px" }
-}, kt = ["max", "value"], Ot = { key: 1 }, St = ["disabled"], Lt = ["innerHTML", "disabled"], At = ["innerHTML"], Mt = { class: "chart-modal-options" }, Dt = ["innerHTML"], Gt = ["innerHTML"], Tt = ["innerHTML"], xt = {
+}, Lt = ["max", "value"], At = { key: 1 }, Mt = ["disabled"], Dt = ["innerHTML", "disabled"], Gt = ["innerHTML"], xt = { class: "chart-modal-options" }, Tt = ["innerHTML"], Et = ["innerHTML"], Pt = ["innerHTML"], Bt = {
   style: { width: "100%", height: "fit-content" },
   ref: "chartModal"
-}, Et = { class: "vue-ui-table-fieldset" }, Pt = { class: "vue-ui-table-fieldset-wrapper" }, Bt = ["name", "id", "checked", "onInput"], Ht = ["for"], Rt = ["disabled"], zt = ["innerHTML"], Ut = { style: { width: "100%", "margin-bottom": "12px" } }, Vt = {
+}, Ht = { class: "vue-ui-table-fieldset" }, Rt = { class: "vue-ui-table-fieldset-wrapper" }, zt = ["name", "id", "checked", "onInput"], Ut = ["for"], Vt = ["disabled"], Xt = ["innerHTML"], jt = { style: { width: "100%", "margin-bottom": "12px" } }, Yt = {
   key: 2,
   style: { width: "100%", "margin-bottom": "32px" }
 };
-function Xt(n, s, r, i, t, e) {
-  const y = x("VueUiXy"), f = x("VueUiDonut");
+function Wt(n, t, r, i, s, e) {
+  const m = D("BaseIcon"), f = D("VueUiXy"), _ = D("VueUiDonut");
   return c(), u("div", {
     class: "vue-ui-table-main",
     style: g(`font-family: ${e.FINAL_CONFIG.fontFamily}`)
   }, [
-    e.FINAL_CONFIG.style.exportMenu.show ? (c(), u("div", ne, [
+    e.FINAL_CONFIG.style.exportMenu.show ? (c(), u("div", re, [
       a("button", {
-        onClick: s[0] || (s[0] = (l) => t.isExportRequest = !t.isExportRequest),
+        onClick: t[0] || (t[0] = (l) => s.isExportRequest = !s.isExportRequest),
         innerHTML: e.icons.export,
         style: g(`background:${e.FINAL_CONFIG.style.exportMenu.backgroundColor};color:${e.FINAL_CONFIG.style.exportMenu.color}`)
-      }, null, 12, re),
+      }, null, 12, oe),
       a("div", {
         class: "vue-ui-table-export-hub-dropdown",
-        "data-is-open": t.isExportRequest || "false",
+        "data-is-open": s.isExportRequest || "false",
         style: g(`background:${e.FINAL_CONFIG.style.exportMenu.backgroundColor};color:${e.FINAL_CONFIG.style.exportMenu.color}`)
       }, [
-        s[25] || (s[25] = a("b", { class: "vue-ui-table-export-hub-title" }, " Export ", -1)),
+        t[28] || (t[28] = a("b", { class: "vue-ui-table-export-hub-title" }, " Export ", -1)),
         a("button", {
           class: "close-dropdown",
-          onClick: s[1] || (s[1] = (l) => t.isExportRequest = !1),
+          onClick: t[1] || (t[1] = (l) => s.isExportRequest = !1),
           style: g(`background:${e.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${e.FINAL_CONFIG.style.closeButtons.color};border-radius:${e.FINAL_CONFIG.style.closeButtons.borderRadius}`)
         }, " ✖ ", 4),
-        a("div", le, [
-          a("div", ae, [
-            a("div", ie, d(e.FINAL_CONFIG.translations.exportAllLabel) + " (" + d(t.bodyCopy.length) + ") ", 1),
+        a("div", ae, [
+          a("div", ie, [
+            a("div", ce, d(e.FINAL_CONFIG.translations.exportAllLabel) + " (" + d(s.bodyCopy.length) + ") ", 1),
             a("button", {
               id: "exportAll",
-              onClick: s[2] || (s[2] = (l) => e.createXls("all")),
+              onClick: t[2] || (t[2] = (l) => e.createXls("all")),
               style: g(`background:${e.FINAL_CONFIG.style.exportMenu.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.exportMenu.buttons.color}`)
             }, [
               a("div", {
                 innerHTML: e.icons.fileDownload
-              }, null, 8, ce),
+              }, null, 8, ue),
               a("span", null, d(e.FINAL_CONFIG.translations.exportAllButton), 1)
             ], 4)
           ]),
-          a("div", ue, [
-            a("div", he, d(e.FINAL_CONFIG.translations.exportPageLabel), 1),
+          a("div", he, [
+            a("div", de, d(e.FINAL_CONFIG.translations.exportPageLabel), 1),
             a("button", {
               id: "exportPage",
-              onClick: s[3] || (s[3] = (l) => e.createXls("page")),
+              onClick: t[3] || (t[3] = (l) => e.createXls("page")),
               style: g(`background:${e.FINAL_CONFIG.style.exportMenu.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.exportMenu.buttons.color}`)
             }, [
               a("div", {
                 innerHTML: e.icons.fileDownload
-              }, null, 8, de),
+              }, null, 8, ge),
               a("span", null, d(e.FINAL_CONFIG.translations.exportPageButton), 1)
             ], 4)
+          ]),
+          a("div", me, [
+            a("label", ye, [
+              w(d(e.FINAL_CONFIG.translations.filename) + " ", 1),
+              O(a("input", {
+                ref: "filenameInputRef",
+                onKeydown: t[4] || (t[4] = S(L(() => {
+                }, ["stop"]), ["space"])),
+                pattern: ".*",
+                class: "vue-ui-table-dialog-input",
+                type: "text",
+                "onUpdate:modelValue": t[5] || (t[5] = (l) => s.filename = l)
+              }, null, 544), [
+                [A, s.filename]
+              ])
+            ]),
+            a("button", {
+              class: "vue-ui-table-dialog-field-button",
+              onClick: t[6] || (t[6] = (l) => s.filename = "")
+            }, [
+              E(m, {
+                name: "close",
+                stroke: e.FINAL_CONFIG.style.exportMenu.color,
+                size: 18
+              }, null, 8, ["stroke"])
+            ])
           ])
         ])
-      ], 12, oe)
+      ], 12, le)
     ])) : b("", !0),
     a("div", {
       class: "vue-ui-table__wrapper",
       style: g(`max-height:${e.FINAL_CONFIG.maxHeight}px`),
       ref: "tableWrapper"
     }, [
-      a("table", ge, [
+      a("table", be, [
         a("thead", {
           id: "tableHead",
           class: "vue-ui-table__head",
@@ -914,39 +948,39 @@ function Xt(n, s, r, i, t, e) {
           })
         }, [
           a("tr", null, [
-            s[26] || (s[26] = a("th", { class: "invisible-cell" }, null, -1)),
-            (c(!0), u(I, null, _(t.tableHead, (l, o) => (c(), u("th", {
+            t[29] || (t[29] = a("th", { class: "invisible-cell" }, null, -1)),
+            (c(!0), u(F, null, k(s.tableHead, (l, o) => (c(), u("th", {
               key: `thead_${o}`,
               style: g(`overflow: visible;background:${e.FINAL_CONFIG.style.th.backgroundColor};color:${e.FINAL_CONFIG.style.th.color};outline:${e.FINAL_CONFIG.style.th.outline}`),
-              class: p({ "th-has-nan": t.hasNaN[o] })
+              class: N({ "th-has-nan": s.hasNaN[o] })
             }, [
-              e.hasNumericTypes && ([t.constants.TEXT, t.constants.DATE].includes(l.type) || l.isPercentage) ? (c(), u("span", ye, [
+              e.hasNumericTypes && ([s.constants.TEXT, s.constants.DATE].includes(l.type) || l.isPercentage) ? (c(), u("span", fe, [
                 w(d(l.name) + " ", 1),
-                l.isPercentage ? (c(), u("span", me, " / " + d(l.percentageTo), 1)) : b("", !0)
-              ])) : (c(), u("span", be, d(l.name), 1))
+                l.isPercentage ? (c(), u("span", pe, " / " + d(l.percentageTo), 1)) : b("", !0)
+              ])) : (c(), u("span", Ne, d(l.name), 1))
             ], 6))), 128))
           ]),
-          e.hasNumericTypes ? (c(), u(I, { key: 0 }, [
+          e.hasNumericTypes ? (c(), u(F, { key: 0 }, [
             a("tr", null, [
-              s[27] || (s[27] = a("th", { class: "invisible-cell" }, null, -1)),
-              (c(!0), u(I, null, _(t.tableHead, (l, o) => (c(), u("th", {
+              t[30] || (t[30] = a("th", { class: "invisible-cell" }, null, -1)),
+              (c(!0), u(F, null, k(s.tableHead, (l, o) => (c(), u("th", {
                 key: `thead_${o}`,
-                class: p({ "th-numeric": !0, "th-has-nan": t.hasNaN[o] }),
+                class: N({ "th-numeric": !0, "th-has-nan": s.hasNaN[o] }),
                 style: g(`background:${e.FINAL_CONFIG.style.th.backgroundColor};color:${e.FINAL_CONFIG.style.th.color};outline:${e.FINAL_CONFIG.style.th.outline}`)
               }, [
-                l.sum && !t.hasNaN[o] ? (c(), u("span", fe, [
+                l.sum && !s.hasNaN[o] ? (c(), u("span", Ce, [
                   a("span", {
                     innerHTML: e.icons.sum,
                     style: { "margin-bottom": "-4px", "margin-right": "3px" }
-                  }, null, 8, Ne),
+                  }, null, 8, Ie),
                   w(" " + d(e.dataLabel({
                     p: l.prefix,
                     v: Number(e.getSum(o)),
                     s: l.suffix,
                     r: l.decimals
                   })) + " ", 1),
-                  t.percentages[o] && l.percentageTo && !l.isPercentage ? (c(), u("span", pe, " (" + d(isNaN(e.getSum(o) / e.getSum(t.percentages[o].referenceIndex)) ? "-" : e.dataLabel({
-                    v: e.getSum(o) / e.getSum(t.percentages[o].referenceIndex) * 100,
+                  s.percentages[o] && l.percentageTo && !l.isPercentage ? (c(), u("span", Fe, " (" + d(isNaN(e.getSum(o) / e.getSum(s.percentages[o].referenceIndex)) ? "-" : e.dataLabel({
+                    v: e.getSum(o) / e.getSum(s.percentages[o].referenceIndex) * 100,
                     s: "%",
                     r: l.decimals
                   })) + ") ", 1)) : b("", !0)
@@ -954,13 +988,13 @@ function Xt(n, s, r, i, t, e) {
               ], 6))), 128))
             ]),
             a("tr", null, [
-              s[28] || (s[28] = a("th", { class: "invisible-cell" }, null, -1)),
-              (c(!0), u(I, null, _(t.tableHead, (l, o) => (c(), u("th", {
+              t[31] || (t[31] = a("th", { class: "invisible-cell" }, null, -1)),
+              (c(!0), u(F, null, k(s.tableHead, (l, o) => (c(), u("th", {
                 key: `thead_${o}`,
-                class: p({ "th-numeric": !0, "th-has-nan": t.hasNaN[o] }),
+                class: N({ "th-numeric": !0, "th-has-nan": s.hasNaN[o] }),
                 style: g(`background:${e.FINAL_CONFIG.style.th.backgroundColor};color:${e.FINAL_CONFIG.style.th.color};outline:${e.FINAL_CONFIG.style.th.outline}`)
               }, [
-                l.average && !t.hasNaN[o] ? (c(), u("span", Ce, " ~ " + d(isNaN(e.getAverage(o)) ? "" : e.dataLabel({
+                l.average && !s.hasNaN[o] ? (c(), u("span", ve, " ~ " + d(isNaN(e.getAverage(o)) ? "" : e.dataLabel({
                   p: l.prefix,
                   v: Number(e.getAverage(o)),
                   s: l.suffix,
@@ -969,136 +1003,136 @@ function Xt(n, s, r, i, t, e) {
               ], 6))), 128))
             ]),
             a("tr", null, [
-              s[31] || (s[31] = a("th", { class: "invisible-cell" }, null, -1)),
-              (c(!0), u(I, null, _(t.tableHead, (l, o) => (c(), u("th", {
+              t[34] || (t[34] = a("th", { class: "invisible-cell" }, null, -1)),
+              (c(!0), u(F, null, k(s.tableHead, (l, o) => (c(), u("th", {
                 key: `thead_${o}`,
-                class: p({ "th-has-nan": t.hasNaN[o] }),
+                class: N({ "th-has-nan": s.hasNaN[o] }),
                 style: g(`background:${e.FINAL_CONFIG.style.th.backgroundColor};color:${e.FINAL_CONFIG.style.th.color};outline:${e.FINAL_CONFIG.style.th.outline}`)
               }, [
-                a("div", Ie, [
-                  l.type === t.constants.DATE && t.dates[o] ? (c(), u("div", Fe, [
-                    a("div", ve, [
-                      a("div", we, [
+                a("div", we, [
+                  l.type === s.constants.DATE && s.dates[o] ? (c(), u("div", _e, [
+                    a("div", ke, [
+                      a("div", Oe, [
                         a("label", {
                           for: `from_${o}`
-                        }, d(e.FINAL_CONFIG.translations.from), 9, _e),
+                        }, d(e.FINAL_CONFIG.translations.from), 9, Se),
                         O(a("input", {
                           id: `from_${o}`,
                           type: "date",
-                          "onUpdate:modelValue": (h) => t.dates[o].from = h,
+                          "onUpdate:modelValue": (h) => s.dates[o].from = h,
                           onInput: (h) => {
                             e.filterBody(), e.setFilterDatesIndexes(o);
                           },
                           style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                        }, null, 44, ke), [
-                          [S, t.dates[o].from]
+                        }, null, 44, Le), [
+                          [A, s.dates[o].from]
                         ])
                       ]),
-                      a("div", Oe, [
+                      a("div", Ae, [
                         a("label", {
                           for: `to_${o}`
-                        }, d(e.FINAL_CONFIG.translations.to), 9, Se),
+                        }, d(e.FINAL_CONFIG.translations.to), 9, Me),
                         O(a("input", {
                           id: `to_${o}`,
                           type: "date",
-                          "onUpdate:modelValue": (h) => t.dates[o].to = h,
+                          "onUpdate:modelValue": (h) => s.dates[o].to = h,
                           onInput: (h) => {
                             e.filterBody(), e.setFilterDatesIndexes(o);
                           },
                           style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                        }, null, 44, Le), [
-                          [S, t.dates[o].to]
+                        }, null, 44, De), [
+                          [A, s.dates[o].to]
                         ])
                       ])
                     ]),
-                    a("div", Ae, [
+                    a("div", Ge, [
                       l.isSort ? (c(), u("button", {
                         key: 0,
                         onClick: (h) => e.sortTh(o, h),
-                        class: p({ "th-button-active": [t.constants.DESC, t.constants.ASC].includes(t.sorts[o]) }),
-                        style: g(`background:${[t.constants.DESC, t.constants.ASC].includes(t.sorts[o]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${[t.constants.DESC, t.constants.ASC].includes(t.sorts[o]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
+                        class: N({ "th-button-active": [s.constants.DESC, s.constants.ASC].includes(s.sorts[o]) }),
+                        style: g(`background:${[s.constants.DESC, s.constants.ASC].includes(s.sorts[o]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${[s.constants.DESC, s.constants.ASC].includes(s.sorts[o]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
                       }, [
-                        t.sorts[o] === t.constants.ASC ? (c(), u("span", {
+                        s.sorts[o] === s.constants.ASC ? (c(), u("span", {
                           key: 0,
-                          innerHTML: [t.constants.DATE].includes(l.type) ? e.icons.sort09 : e.icons.sortAZ
-                        }, null, 8, De)) : t.sorts[o] === t.constants.DESC ? (c(), u("span", {
+                          innerHTML: [s.constants.DATE].includes(l.type) ? e.icons.sort09 : e.icons.sortAZ
+                        }, null, 8, Te)) : s.sorts[o] === s.constants.DESC ? (c(), u("span", {
                           key: 1,
-                          innerHTML: [t.constants.DATE].includes(l.type) ? e.icons.sort90 : e.icons.sortZA
-                        }, null, 8, Ge)) : (c(), u("span", {
+                          innerHTML: [s.constants.DATE].includes(l.type) ? e.icons.sort90 : e.icons.sortZA
+                        }, null, 8, Ee)) : (c(), u("span", {
                           key: 2,
                           innerHTML: e.icons.arrowSort
-                        }, null, 8, Te))
-                      ], 14, Me)) : b("", !0),
+                        }, null, 8, Pe))
+                      ], 14, xe)) : b("", !0),
                       a("button", {
                         onClick: (h) => {
                           e.resetDates(o), e.resetFilter(o, l, h);
                         },
-                        disabled: !t.filteredDatesIndexes[o] && e.isResetDisabled(o, l),
+                        disabled: !s.filteredDatesIndexes[o] && e.isResetDisabled(o, l),
                         class: "th-reset"
-                      }, " ✖ ", 8, xe)
+                      }, " ✖ ", 8, Be)
                     ])
                   ])) : b("", !0),
                   l.isSearch ? O((c(), u("input", {
                     key: 1,
                     placeholder: e.FINAL_CONFIG.translations.inputPlaceholder,
-                    "onUpdate:modelValue": (h) => t.searches[o] = h,
-                    onInput: s[4] || (s[4] = (h) => e.debounce(e.filterBody, 400)),
+                    "onUpdate:modelValue": (h) => s.searches[o] = h,
+                    onInput: t[7] || (t[7] = (h) => e.debounce(e.filterBody, 400)),
                     name: `search_${o}`,
                     style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                  }, null, 44, Ee)), [
-                    [S, t.searches[o]]
+                  }, null, 44, He)), [
+                    [A, s.searches[o]]
                   ]) : b("", !0),
-                  !t.hasNaN[o] && l.isSort && l.type !== t.constants.DATE ? (c(), u("button", {
+                  !s.hasNaN[o] && l.isSort && l.type !== s.constants.DATE ? (c(), u("button", {
                     key: 2,
                     onClick: (h) => e.sortTh(o, h),
-                    class: p({ "th-button-active": [t.constants.DESC, t.constants.ASC].includes(t.sorts[o]) }),
-                    style: g(`background:${[t.constants.DESC, t.constants.ASC].includes(t.sorts[o]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${[t.constants.DESC, t.constants.ASC].includes(t.sorts[o]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
+                    class: N({ "th-button-active": [s.constants.DESC, s.constants.ASC].includes(s.sorts[o]) }),
+                    style: g(`background:${[s.constants.DESC, s.constants.ASC].includes(s.sorts[o]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${[s.constants.DESC, s.constants.ASC].includes(s.sorts[o]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
                   }, [
-                    t.sorts[o] === t.constants.ASC ? (c(), u("span", {
+                    s.sorts[o] === s.constants.ASC ? (c(), u("span", {
                       key: 0,
-                      innerHTML: [t.constants.NUMERIC].includes(l.type) ? e.icons.sort09 : e.icons.sortZA
-                    }, null, 8, Be)) : t.sorts[o] === t.constants.DESC ? (c(), u("span", {
+                      innerHTML: [s.constants.NUMERIC].includes(l.type) ? e.icons.sort09 : e.icons.sortZA
+                    }, null, 8, ze)) : s.sorts[o] === s.constants.DESC ? (c(), u("span", {
                       key: 1,
-                      innerHTML: [t.constants.NUMERIC].includes(l.type) ? e.icons.sort90 : e.icons.sortAZ
-                    }, null, 8, He)) : (c(), u("span", {
+                      innerHTML: [s.constants.NUMERIC].includes(l.type) ? e.icons.sort90 : e.icons.sortAZ
+                    }, null, 8, Ue)) : (c(), u("span", {
                       key: 2,
                       innerHTML: e.icons.arrowSort
-                    }, null, 8, Re))
-                  ], 14, Pe)) : b("", !0),
+                    }, null, 8, Ve))
+                  ], 14, Re)) : b("", !0),
                   l.isMultiselect ? (c(), u("button", {
                     key: 3,
                     onClick: (h) => e.toggleMultiselect(o, l, h),
                     innerHTML: e.icons.filter,
-                    class: p({ "th-button-active": t.multiselects[o] && t.multiselects[o].length !== e.getDropdownOptions(o).length }),
-                    style: g(`background:${t.multiselects[o] && t.multiselects[o].length !== e.getDropdownOptions(o).length ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${t.multiselects[o] && t.multiselects[o].length !== e.getDropdownOptions(o).length ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
-                  }, null, 14, ze)) : b("", !0),
-                  t.currentSelectionSpan.col === o && e.canChart ? (c(), u("button", {
+                    class: N({ "th-button-active": s.multiselects[o] && s.multiselects[o].length !== e.getDropdownOptions(o).length }),
+                    style: g(`background:${s.multiselects[o] && s.multiselects[o].length !== e.getDropdownOptions(o).length ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${s.multiselects[o] && s.multiselects[o].length !== e.getDropdownOptions(o).length ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
+                  }, null, 14, Xe)) : b("", !0),
+                  s.currentSelectionSpan.col === o && e.canChart ? (c(), u("button", {
                     key: 4,
-                    onClick: s[5] || (s[5] = (h) => t.showChart = !t.showChart),
+                    onClick: t[8] || (t[8] = (h) => s.showChart = !s.showChart),
                     innerHTML: e.icons.chart,
-                    class: p({ "th-button-active": t.showChart }),
-                    style: g(`background:${t.showChart ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${t.showChart ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
-                  }, null, 14, Ue)) : b("", !0),
-                  l.rangeFilter && t.rangeFilters[o] && !t.hasNaN[o] ? (c(), u("div", Ve, [
+                    class: N({ "th-button-active": s.showChart }),
+                    style: g(`background:${s.showChart ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${s.showChart ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
+                  }, null, 14, je)) : b("", !0),
+                  l.rangeFilter && s.rangeFilters[o] && !s.hasNaN[o] ? (c(), u("div", Ye, [
                     a("label", {
                       for: `rangeMin${o}`
-                    }, [...s[29] || (s[29] = [
+                    }, [...t[32] || (t[32] = [
                       a("span", { style: { color: "grey" } }, "ᒥ", -1),
                       w(" min ", -1),
                       a("span", { style: { color: "grey" } }, "ᒣ", -1)
-                    ])], 8, Xe),
+                    ])], 8, We),
                     O(a("input", {
                       type: "number",
                       id: `rangeMin${o}`,
-                      max: t.immutableRangeFilters[o].max,
-                      min: t.immutableRangeFilters[o].min,
-                      "onUpdate:modelValue": (h) => t.rangeFilters[o].min = h,
-                      onInput: s[6] || (s[6] = (h) => e.debounce(e.filterBody, 400)),
+                      max: s.immutableRangeFilters[o].max,
+                      min: s.immutableRangeFilters[o].min,
+                      "onUpdate:modelValue": (h) => s.rangeFilters[o].min = h,
+                      onInput: t[9] || (t[9] = (h) => e.debounce(e.filterBody, 400)),
                       style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                    }, null, 44, je), [
+                    }, null, 44, Je), [
                       [
-                        S,
-                        t.rangeFilters[o].min,
+                        A,
+                        s.rangeFilters[o].min,
                         void 0,
                         { number: !0 }
                       ]
@@ -1106,33 +1140,33 @@ function Xt(n, s, r, i, t, e) {
                     O(a("input", {
                       type: "number",
                       id: `rangeMax${o}`,
-                      max: t.immutableRangeFilters[o].max,
-                      min: t.immutableRangeFilters[o].min,
-                      "onUpdate:modelValue": (h) => t.rangeFilters[o].max = h,
-                      onInput: s[7] || (s[7] = (h) => e.debounce(e.filterBody, 400)),
+                      max: s.immutableRangeFilters[o].max,
+                      min: s.immutableRangeFilters[o].min,
+                      "onUpdate:modelValue": (h) => s.rangeFilters[o].max = h,
+                      onInput: t[10] || (t[10] = (h) => e.debounce(e.filterBody, 400)),
                       style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                    }, null, 44, Ye), [
+                    }, null, 44, Ke), [
                       [
-                        S,
-                        t.rangeFilters[o].max,
+                        A,
+                        s.rangeFilters[o].max,
                         void 0,
                         { number: !0 }
                       ]
                     ]),
                     a("label", {
                       for: `rangeMax${o}`
-                    }, [...s[30] || (s[30] = [
+                    }, [...t[33] || (t[33] = [
                       a("span", { style: { color: "grey" } }, "ᒪ", -1),
                       w(" max ", -1),
                       a("span", { style: { color: "grey" } }, "ᒧ", -1)
-                    ])], 8, We)
+                    ])], 8, Ze)
                   ])) : b("", !0),
                   e.canResetColumn(o, l) ? (c(), u("button", {
                     key: 6,
                     onClick: (h) => e.resetFilter(o, l, h),
                     disabled: e.isResetDisabled(o, l),
                     class: "th-reset"
-                  }, " ✖ ", 8, Je)) : b("", !0),
+                  }, " ✖ ", 8, qe)) : b("", !0),
                   l.isMultiselect ? (c(), u("div", {
                     key: 7,
                     class: "th-dropdown",
@@ -1144,14 +1178,14 @@ function Xt(n, s, r, i, t, e) {
                       class: "close-dropdown",
                       onClick: (h) => e.toggleMultiselect(o, l, h),
                       style: g(`background:${e.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${e.FINAL_CONFIG.style.closeButtons.color}`)
-                    }, " ✖ ", 12, Ze),
-                    (c(!0), u(I, null, _(e.getDropdownOptions(o), (h, m) => (c(), u("span", {
+                    }, " ✖ ", 12, $e),
+                    (c(!0), u(F, null, k(e.getDropdownOptions(o), (h, y) => (c(), u("span", {
                       class: "th-option",
-                      key: `th_option_${o}_${m}`,
-                      onClick: (F) => e.selectDropdownOption(h, o),
+                      key: `th_option_${o}_${y}`,
+                      onClick: (C) => e.selectDropdownOption(h, o),
                       onKeyup: [
-                        L((F) => e.selectDropdownOption(h, o), ["enter"]),
-                        L((F) => e.selectDropdownOption(h, o), ["space"])
+                        S((C) => e.selectDropdownOption(h, o), ["enter"]),
+                        S((C) => e.selectDropdownOption(h, o), ["space"])
                       ],
                       style: g(`opacity:${e.isDropdownOptionSelected(h, o) ? 1 : 0.5}`),
                       tabindex: "0"
@@ -1166,199 +1200,199 @@ function Xt(n, s, r, i, t, e) {
                         class: "th-icon-red"
                       }, d(e.FINAL_CONFIG.style.dropdowns.icons.unselected.unicode), 5)),
                       a("span", null, d(h), 1)
-                    ], 44, qe))), 128))
-                  ], 12, Ke)) : b("", !0)
+                    ], 44, et))), 128))
+                  ], 12, Qe)) : b("", !0)
                 ])
               ], 6))), 128))
             ])
           ], 64)) : b("", !0),
           a("tr", null, [
-            s[32] || (s[32] = a("th", { class: "invisible-cell" }, null, -1)),
-            (c(!0), u(I, null, _(t.tableHead, (l, o) => (c(), u("th", {
+            t[35] || (t[35] = a("th", { class: "invisible-cell" }, null, -1)),
+            (c(!0), u(F, null, k(s.tableHead, (l, o) => (c(), u("th", {
               key: `col_selector_${o}`,
-              class: p({ "vue-ui-table-col-selector": !t.hasNaN[o], "th-has-nan": t.hasNaN[o] }),
-              style: g(`background:${o === t.selectedColumn && !t.hasNaN[o] ? e.FINAL_CONFIG.style.th.selected.backgroundColor : e.FINAL_CONFIG.style.th.backgroundColor};color:${o === t.selectedColumn && !t.hasNaN[o] ? e.FINAL_CONFIG.style.th.selected.color : e.FINAL_CONFIG.style.th.color};outline:${e.FINAL_CONFIG.style.th.outline}`)
+              class: N({ "vue-ui-table-col-selector": !s.hasNaN[o], "th-has-nan": s.hasNaN[o] }),
+              style: g(`background:${o === s.selectedColumn && !s.hasNaN[o] ? e.FINAL_CONFIG.style.th.selected.backgroundColor : e.FINAL_CONFIG.style.th.backgroundColor};color:${o === s.selectedColumn && !s.hasNaN[o] ? e.FINAL_CONFIG.style.th.selected.color : e.FINAL_CONFIG.style.th.color};outline:${e.FINAL_CONFIG.style.th.outline}`)
             }, [
-              t.hasNaN[o] ? b("", !0) : (c(), u("div", {
+              s.hasNaN[o] ? b("", !0) : (c(), u("div", {
                 key: 0,
-                innerHTML: t.tableHead[o].type === t.constants.NUMERIC ? e.icons.chevronDown : "",
-                class: p({ "col-selector": t.tableHead[o].type === t.constants.NUMERIC }),
+                innerHTML: s.tableHead[o].type === s.constants.NUMERIC ? e.icons.chevronDown : "",
+                class: N({ "col-selector": s.tableHead[o].type === s.constants.NUMERIC }),
                 tabindex: "0",
-                onClick: A((h) => e.selectColumn(o), ["stop"]),
-                onKeyup: L((h) => e.selectColumn(o), ["enter"])
-              }, null, 42, Qe))
+                onClick: L((h) => e.selectColumn(o), ["stop"]),
+                onKeyup: S((h) => e.selectColumn(o), ["enter"])
+              }, null, 42, tt))
             ], 6))), 128))
           ])
         ], 4),
         a("tbody", {
-          onClick: s[8] || (s[8] = (...l) => e.closeAllDropdowns && e.closeAllDropdowns(...l)),
-          onKeydown: s[9] || (s[9] = (l) => e.navigateCell(l))
+          onClick: t[11] || (t[11] = (...l) => e.closeAllDropdowns && e.closeAllDropdowns(...l)),
+          onKeydown: t[12] || (t[12] = (l) => e.navigateCell(l))
         }, [
-          (c(!0), u(I, null, _(e.visibleRows, (l, o) => (c(), u("tr", {
+          (c(!0), u(F, null, k(e.visibleRows, (l, o) => (c(), u("tr", {
             key: `tbody_${o}`,
             "data-row": o % 2 === 0 ? "odd" : "even",
-            class: p(`tr_${t.uid}`),
+            class: N(`tr_${s.uid}`),
             style: g(`${o % 2 === 0 ? `background:${e.FINAL_CONFIG.style.rows.odd.backgroundColor};color:${e.FINAL_CONFIG.style.rows.odd.color}` : `background:${e.FINAL_CONFIG.style.rows.even.backgroundColor};color:${e.FINAL_CONFIG.style.rows.even.color}`}`)
           }, [
             a("td", {
               class: "vue-ui-table-td-iteration",
               "data-row": o % 2 === 0 ? "odd" : "even"
-            }, d(l.absoluteIndex + 1), 9, et),
-            (c(!0), u(I, null, _(l.td, (h, m) => (c(), u("td", {
+            }, d(l.absoluteIndex + 1), 9, nt),
+            (c(!0), u(F, null, k(l.td, (h, y) => (c(), u("td", {
               "data-row": o % 2 === 0 ? "odd" : "even",
-              key: `td_${o}_${m}`,
-              style: g(e.isNumeric(h) || r.dataset.header[m].type === t.constants.DATE ? "text-align:right;font-variant-numeric: tabular-nums;" : ""),
-              onClick: (F) => e.selectTd({
+              key: `td_${o}_${y}`,
+              style: g(e.isNumeric(h) || r.dataset.header[y].type === s.constants.DATE ? "text-align:right;font-variant-numeric: tabular-nums;" : ""),
+              onClick: (C) => e.selectTd({
                 td: h,
                 rowIndex: o,
-                colIndex: m,
-                headerType: r.dataset.header[m].type,
-                event: F
+                colIndex: y,
+                headerType: r.dataset.header[y].type,
+                event: C
               }),
               onKeyup: [
-                L((F) => e.selectTd({
+                S((C) => e.selectTd({
                   td: h,
                   rowIndex: o,
-                  colIndex: m,
-                  headerType: r.dataset.header[m].type,
-                  event: F
+                  colIndex: y,
+                  headerType: r.dataset.header[y].type,
+                  event: C
                 }), ["enter"]),
-                L((F) => e.selectTd({
+                S((C) => e.selectTd({
                   td: h,
                   rowIndex: o,
-                  colIndex: m,
-                  headerType: r.dataset.header[m].type,
-                  event: F
+                  colIndex: y,
+                  headerType: r.dataset.header[y].type,
+                  event: C
                 }), ["space"])
               ],
-              class: p({ "td-numeric": r.dataset.header[m].type === t.constants.NUMERIC, "td-focusable": !0, "td-has-nan": t.hasNaN[m] }),
-              id: `cell_${o}_${m}_${t.uid}`,
+              class: N({ "td-numeric": r.dataset.header[y].type === s.constants.NUMERIC, "td-focusable": !0, "td-has-nan": s.hasNaN[y] }),
+              id: `cell_${o}_${y}_${s.uid}`,
               tabindex: "0"
             }, [
-              l.meta && l.meta.markerIndices.includes(m) && l.meta.unicodeIcon ? (c(), u("span", {
+              l.meta && l.meta.markerIndices.includes(y) && l.meta.unicodeIcon ? (c(), u("span", {
                 key: 0,
                 style: g(`color:${l.meta.color};margin-right:3px`),
                 innerHTML: l.meta.unicodeIcon
-              }, null, 12, st)) : b("", !0),
-              r.dataset.header[m].type === t.constants.DATE ? (c(), u("span", nt, d(r.dataset.header[m].prefix) + " " + d(new Date(h).toLocaleString().slice(0, 10)) + " " + d(r.dataset.header[m].suffix), 1)) : r.dataset.header[m].isPercentage ? (c(), u("span", rt, d(e.dataLabel({
+              }, null, 12, ot)) : b("", !0),
+              r.dataset.header[y].type === s.constants.DATE ? (c(), u("span", lt, d(r.dataset.header[y].prefix) + " " + d(new Date(h).toLocaleString().slice(0, 10)) + " " + d(r.dataset.header[y].suffix), 1)) : r.dataset.header[y].isPercentage ? (c(), u("span", at, d(e.dataLabel({
                 v: Number(h * 100),
                 s: "%",
-                r: r.dataset.header[m].decimals
-              })), 1)) : t.percentages[m] && r.dataset.header[m].percentageTo && !r.dataset.header[m].isPercentage ? (c(), u("span", {
+                r: r.dataset.header[y].decimals
+              })), 1)) : s.percentages[y] && r.dataset.header[y].percentageTo && !r.dataset.header[y].isPercentage ? (c(), u("span", {
                 key: 3,
-                class: p({ "td-nan": isNaN(Number(h)) })
-              }, d(isNaN(Number(h)) ? `${h} is not ${t.constants.NUMERIC}` : e.dataLabel({
-                p: r.dataset.header[m].prefix,
+                class: N({ "td-nan": isNaN(Number(h)) })
+              }, d(isNaN(Number(h)) ? `${h} is not ${s.constants.NUMERIC}` : e.dataLabel({
+                p: r.dataset.header[y].prefix,
                 v: Number(h),
-                s: r.dataset.header[m].suffix,
-                r: r.dataset.header[m].decimals
+                s: r.dataset.header[y].suffix,
+                r: r.dataset.header[y].decimals
               })) + " (" + d(isNaN(Number(h)) ? "" : e.dataLabel({
-                v: Number(h / e.getSum(t.percentages[m].referenceIndex) * 100),
+                v: Number(h / e.getSum(s.percentages[y].referenceIndex) * 100),
                 s: "%",
-                r: r.dataset.header[m].decimals
-              })) + ") ", 3)) : r.dataset.header[m].type === t.constants.NUMERIC ? (c(), u("span", {
+                r: r.dataset.header[y].decimals
+              })) + ") ", 3)) : r.dataset.header[y].type === s.constants.NUMERIC ? (c(), u("span", {
                 key: 4,
-                class: p({ "td-nan": isNaN(Number(h)) })
-              }, d(isNaN(Number(h)) ? `${h} is not ${t.constants.NUMERIC}` : e.dataLabel({
-                p: r.dataset.header[m].prefix,
-                v: Number(h.toFixed(r.dataset.header[m].decimals)),
-                s: r.dataset.header[m].suffix,
-                r: r.dataset.header[m].decimals
-              })), 3)) : (c(), u("span", ot, d(r.dataset.header[m].prefix) + " " + d(h) + " " + d(r.dataset.header[m].suffix), 1))
-            ], 46, tt))), 128))
-          ], 14, $e))), 128))
+                class: N({ "td-nan": isNaN(Number(h)) })
+              }, d(isNaN(Number(h)) ? `${h} is not ${s.constants.NUMERIC}` : e.dataLabel({
+                p: r.dataset.header[y].prefix,
+                v: Number(h.toFixed(r.dataset.header[y].decimals)),
+                s: r.dataset.header[y].suffix,
+                r: r.dataset.header[y].decimals
+              })), 3)) : (c(), u("span", it, d(r.dataset.header[y].prefix) + " " + d(h) + " " + d(r.dataset.header[y].suffix), 1))
+            ], 46, rt))), 128))
+          ], 14, st))), 128))
         ], 32)
       ])
     ], 4),
     a("div", {
-      class: p({ "td-selector-info": !0, "td-selector-info--active": t.currentSelectionSpan.col !== void 0 && t.currentSelectionSpan.rows.length }),
+      class: N({ "td-selector-info": !0, "td-selector-info--active": s.currentSelectionSpan.col !== void 0 && s.currentSelectionSpan.rows.length }),
       style: g(`background:${e.FINAL_CONFIG.style.infoBar.backgroundColor};color:${e.FINAL_CONFIG.style.infoBar.color}`)
     }, [
-      t.currentSelectionSpan.col !== void 0 && t.currentSelectionSpan.rows.length ? (c(), u(I, { key: 0 }, [
+      s.currentSelectionSpan.col !== void 0 && s.currentSelectionSpan.rows.length ? (c(), u(F, { key: 0 }, [
         a("div", {
           innerHTML: e.icons.table,
           class: "td-selector-icon"
-        }, null, 8, lt),
+        }, null, 8, ct),
         a("span", null, [
           a("b", null, [
-            w(d(r.dataset.header[t.currentSelectionSpan.col].name) + " ", 1),
-            r.dataset.header[t.currentSelectionSpan.col].isPercentage ? (c(), u("span", at, " / " + d(r.dataset.header[t.percentages[t.currentSelectionSpan.col].referenceIndex].name), 1)) : b("", !0)
+            w(d(r.dataset.header[s.currentSelectionSpan.col].name) + " ", 1),
+            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("span", ut, " / " + d(r.dataset.header[s.percentages[s.currentSelectionSpan.col].referenceIndex].name), 1)) : b("", !0)
           ]),
-          a("span", it, [
+          a("span", ht, [
             w(d(e.FINAL_CONFIG.translations.nb) + " : ", 1),
-            a("b", ct, d(t.currentSelectionSpan.rows.length), 1)
+            a("b", dt, d(s.currentSelectionSpan.rows.length), 1)
           ]),
-          a("span", ut, [
+          a("span", gt, [
             w(d(e.FINAL_CONFIG.translations.sum) + " : ", 1),
-            r.dataset.header[t.currentSelectionSpan.col].isPercentage ? (c(), u("b", ht, d(e.selectedCellsCalculations.sumPercentage), 1)) : (c(), u("b", dt, d(r.dataset.header[t.currentSelectionSpan.col].prefix) + " " + d(e.selectedCellsCalculations.sumRegular) + " " + d(r.dataset.header[t.currentSelectionSpan.col].suffix), 1)),
-            r.dataset.header[t.currentSelectionSpan.col].isPercentage ? (c(), u("b", gt, "%")) : b("", !0)
+            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("b", mt, d(e.selectedCellsCalculations.sumPercentage), 1)) : (c(), u("b", yt, d(r.dataset.header[s.currentSelectionSpan.col].prefix) + " " + d(e.selectedCellsCalculations.sumRegular) + " " + d(r.dataset.header[s.currentSelectionSpan.col].suffix), 1)),
+            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("b", bt, "%")) : b("", !0)
           ]),
-          a("span", yt, [
+          a("span", ft, [
             w(d(e.FINAL_CONFIG.translations.average) + " : ", 1),
-            r.dataset.header[t.currentSelectionSpan.col].isPercentage ? (c(), u("b", mt, d(e.selectedCellsCalculations.averagePercentage), 1)) : (c(), u("b", bt, d(r.dataset.header[t.currentSelectionSpan.col].prefix) + " " + d(e.selectedCellsCalculations.averageRegular) + " " + d(r.dataset.header[t.currentSelectionSpan.col].suffix), 1)),
-            r.dataset.header[t.currentSelectionSpan.col].isPercentage ? (c(), u("b", ft, "%")) : b("", !0)
+            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("b", pt, d(e.selectedCellsCalculations.averagePercentage), 1)) : (c(), u("b", Nt, d(r.dataset.header[s.currentSelectionSpan.col].prefix) + " " + d(e.selectedCellsCalculations.averageRegular) + " " + d(r.dataset.header[s.currentSelectionSpan.col].suffix), 1)),
+            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("b", Ct, "%")) : b("", !0)
           ])
         ]),
         a("button", {
-          onClick: s[10] || (s[10] = (...l) => e.resetSelection && e.resetSelection(...l)),
+          onClick: t[13] || (t[13] = (...l) => e.resetSelection && e.resetSelection(...l)),
           class: "td-selector-info-reset",
           style: g(`background:${e.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${e.FINAL_CONFIG.style.closeButtons.color};border-radius:${e.FINAL_CONFIG.style.closeButtons.borderRadius}`)
         }, " ✖ ", 4)
       ], 64)) : b("", !0)
     ], 6),
-    t.bodyCopy.length > 10 ? (c(), u("div", Nt, [
+    s.bodyCopy.length > 10 ? (c(), u("div", It, [
       w(d(e.FINAL_CONFIG.translations.totalRows) + " : " + d(r.dataset.body.length) + " | " + d(e.FINAL_CONFIG.translations.paginatorLabel) + " : ", 1),
-      t.bodyCopy.length > 10 ? O((c(), u("select", {
+      s.bodyCopy.length > 10 ? O((c(), u("select", {
         key: 0,
         id: "paginatorSelector",
-        "onUpdate:modelValue": s[11] || (s[11] = (l) => t.itemsPerPage = l),
-        onChange: s[12] || (s[12] = (l) => {
+        "onUpdate:modelValue": t[14] || (t[14] = (l) => s.itemsPerPage = l),
+        onChange: t[15] || (t[15] = (l) => {
           e.resetSelection(), e.onPageChange();
         }),
         style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
       }, [
-        (c(!0), u(I, null, _(t.paginatorOptions, (l, o) => (c(), u(I, null, [
-          t.bodyCopy.length > l || r.dataset.body.length === l ? (c(), u("option", {
+        (c(!0), u(F, null, k(s.paginatorOptions, (l, o) => (c(), u(F, null, [
+          s.bodyCopy.length > l || r.dataset.body.length === l ? (c(), u("option", {
             key: `paginator_option_${o}`
           }, d(l), 1)) : b("", !0)
         ], 64))), 256))
       ], 36)), [
         [
-          $,
-          t.itemsPerPage,
+          te,
+          s.itemsPerPage,
           void 0,
           { number: !0 }
         ]
       ]) : b("", !0)
     ])) : b("", !0),
-    t.itemsPerPage >= 250 ? (c(), u("div", pt, [
+    s.itemsPerPage >= 250 ? (c(), u("div", Ft, [
       a("span", {
         innerHTML: e.icons.warning
-      }, null, 8, Ct),
+      }, null, 8, vt),
       w(d(e.FINAL_CONFIG.translations.sizeWarning), 1)
     ])) : b("", !0),
     e.pages.length > 1 && e.pages.length <= 10 ? (c(), u("div", {
       key: 3,
       class: "vue-ui-table-navigation-indicator",
-      style: g(`background:${e.FINAL_CONFIG.style.pagination.navigationIndicator.backgroundColor};width:calc(${t.currentPage / (e.pages.length - 1) * 100}%)`)
+      style: g(`background:${e.FINAL_CONFIG.style.pagination.navigationIndicator.backgroundColor};width:calc(${s.currentPage / (e.pages.length - 1) * 100}%)`)
     }, null, 4)) : b("", !0),
-    e.pages.length > 1 ? (c(), u("div", It, [
+    e.pages.length > 1 ? (c(), u("div", wt, [
       a("button", {
         class: "vue-ui-table-navigation",
-        onClick: s[13] || (s[13] = A((l) => e.navigate("previous"), ["stop"])),
+        onClick: t[16] || (t[16] = L((l) => e.navigate("previous"), ["stop"])),
         innerHTML: e.icons.chevronLeft,
-        disabled: t.currentPage === 0,
-        style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${t.currentPage === 0 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-      }, null, 12, Ft),
-      e.pages.length > 3 ? (c(), u(I, { key: 0 }, [
+        disabled: s.currentPage === 0,
+        style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${s.currentPage === 0 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
+      }, null, 12, _t),
+      e.pages.length > 3 ? (c(), u(F, { key: 0 }, [
         a("button", {
           class: "vue-ui-table-navigation",
-          onClick: s[14] || (s[14] = A((l) => e.navigate(1), ["stop"])),
-          disabled: t.currentPage === 0,
-          style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${t.currentPage === 0 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-        }, " 1 ", 12, vt),
-        e.pages.length > 10 ? (c(), u("div", wt, [
-          a("label", _t, d(e.FINAL_CONFIG.translations.page) + " " + d(t.currentPage + 1) + " / " + d(e.pages.length), 1),
+          onClick: t[17] || (t[17] = L((l) => e.navigate(1), ["stop"])),
+          disabled: s.currentPage === 0,
+          style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${s.currentPage === 0 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
+        }, " 1 ", 12, kt),
+        e.pages.length > 10 ? (c(), u("div", Ot, [
+          a("label", St, d(e.FINAL_CONFIG.translations.page) + " " + d(s.currentPage + 1) + " / " + d(e.pages.length), 1),
           a("input", {
             class: "vue-ui-table-page-scroller",
             id: "pageScroller",
@@ -1366,84 +1400,84 @@ function Xt(n, s, r, i, t, e) {
             step: "1",
             min: 0,
             max: e.pages.length - 1,
-            onInput: s[15] || (s[15] = (l) => e.updateCurrentPage(l)),
-            value: t.currentPage,
+            onInput: t[18] || (t[18] = (l) => e.updateCurrentPage(l)),
+            value: s.currentPage,
             style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border};accent-color:${e.FINAL_CONFIG.style.inputs.accentColor}`)
-          }, null, 44, kt)
-        ])) : (c(), u("span", Ot, d(e.FINAL_CONFIG.translations.page) + " " + d(t.currentPage + 1) + " / " + d(e.pages.length), 1)),
+          }, null, 44, Lt)
+        ])) : (c(), u("span", At, d(e.FINAL_CONFIG.translations.page) + " " + d(s.currentPage + 1) + " / " + d(e.pages.length), 1)),
         a("button", {
           class: "vue-ui-table-navigation",
-          onClick: s[16] || (s[16] = A((l) => e.navigate(e.pages.length), ["stop"])),
-          disabled: t.currentPage === e.pages.length - 1,
-          style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${t.currentPage === e.pages.length - 1 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-        }, d(e.pages.length), 13, St)
-      ], 64)) : (c(), u(I, { key: 1 }, [
-        w(d(e.FINAL_CONFIG.translations.page) + " " + d(t.currentPage + 1) + " / " + d(e.pages.length), 1)
+          onClick: t[19] || (t[19] = L((l) => e.navigate(e.pages.length), ["stop"])),
+          disabled: s.currentPage === e.pages.length - 1,
+          style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${s.currentPage === e.pages.length - 1 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
+        }, d(e.pages.length), 13, Mt)
+      ], 64)) : (c(), u(F, { key: 1 }, [
+        w(d(e.FINAL_CONFIG.translations.page) + " " + d(s.currentPage + 1) + " / " + d(e.pages.length), 1)
       ], 64)),
       a("button", {
         class: "vue-ui-table-navigation",
-        onClick: s[17] || (s[17] = A((l) => e.navigate("next"), ["stop"])),
+        onClick: t[20] || (t[20] = L((l) => e.navigate("next"), ["stop"])),
         innerHTML: e.icons.chevronRight,
-        disabled: t.currentPage === e.pages.length - 1,
-        style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${t.currentPage === e.pages.length - 1 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-      }, null, 12, Lt)
+        disabled: s.currentPage === e.pages.length - 1,
+        style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${s.currentPage === e.pages.length - 1 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
+      }, null, 12, Dt)
     ])) : b("", !0),
-    t.showChart && e.canChart ? (c(), u("div", {
+    s.showChart && e.canChart ? (c(), u("div", {
       key: 5,
       class: "vue-ui-table-chart-modal",
-      style: g(`width: ${t.modalWidth}px;top:${t.clientY}px; left:${t.clientX}px;background:${e.FINAL_CONFIG.style.chart.modal.backgroundColor};color:${e.FINAL_CONFIG.style.chart.modal.color}`)
+      style: g(`width: ${s.modalWidth}px;top:${s.clientY}px; left:${s.clientX}px;background:${e.FINAL_CONFIG.style.chart.modal.backgroundColor};color:${e.FINAL_CONFIG.style.chart.modal.color}`)
     }, [
       a("div", {
         class: "modal-drag-handle",
-        onMousedown: s[19] || (s[19] = (...l) => e.dragMouseDown && e.dragMouseDown(...l))
+        onMousedown: t[22] || (t[22] = (...l) => e.dragMouseDown && e.dragMouseDown(...l))
       }, [
         a("span", {
           innerHTML: e.icons.grip
-        }, null, 8, At),
+        }, null, 8, Gt),
         a("button", {
           class: "close-chart-modal",
-          onClick: s[18] || (s[18] = (l) => t.showChart = !1)
+          onClick: t[21] || (t[21] = (l) => s.showChart = !1)
         }, "✖")
       ], 32),
       a("button", {
         style: g([{ "z-index": "1" }, `background:${e.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${e.FINAL_CONFIG.style.closeButtons.color};border-radius:${e.FINAL_CONFIG.style.closeButtons.borderRadius}`]),
         class: "close-chart-modal",
-        onClick: s[20] || (s[20] = (l) => t.showChart = !1)
+        onClick: t[23] || (t[23] = (l) => s.showChart = !1)
       }, " ✖ ", 4),
-      a("div", Mt, [
+      a("div", xt, [
         e.availableDonutCategories.length ? (c(), u("button", {
           key: 0,
-          onClick: s[21] || (s[21] = (l) => t.showDonutOptions = !0),
+          onClick: t[24] || (t[24] = (l) => s.showDonutOptions = !0),
           innerHTML: e.icons.donut,
-          class: p({ "is-active-chart": t.chart.type === t.constants.DONUT || t.showDonutOptions }),
-          style: g(`background:${t.chart.type === t.constants.DONUT || t.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${t.chart.type === t.constants.DONUT || t.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.color : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)
-        }, null, 14, Dt)) : b("", !0),
+          class: N({ "is-active-chart": s.chart.type === s.constants.DONUT || s.showDonutOptions }),
+          style: g(`background:${s.chart.type === s.constants.DONUT || s.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${s.chart.type === s.constants.DONUT || s.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.color : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)
+        }, null, 14, Tt)) : b("", !0),
         a("button", {
-          onClick: s[22] || (s[22] = (l) => {
-            t.chart.type = t.constants.LINE, t.showDonutOptions = !1;
+          onClick: t[25] || (t[25] = (l) => {
+            s.chart.type = s.constants.LINE, s.showDonutOptions = !1;
           }),
           innerHTML: e.icons.chart,
-          class: p({ "is-active-chart": t.chart.type === t.constants.LINE && !t.showDonutOptions }),
-          style: g(`background:${t.chart.type === t.constants.LINE && !t.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${t.chart.type === t.constants.LINE && !t.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.color : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)
-        }, null, 14, Gt),
+          class: N({ "is-active-chart": s.chart.type === s.constants.LINE && !s.showDonutOptions }),
+          style: g(`background:${s.chart.type === s.constants.LINE && !s.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${s.chart.type === s.constants.LINE && !s.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.color : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)
+        }, null, 14, Et),
         a("button", {
-          onClick: s[23] || (s[23] = (l) => {
-            t.chart.type = t.constants.BAR, t.showDonutOptions = !1;
+          onClick: t[26] || (t[26] = (l) => {
+            s.chart.type = s.constants.BAR, s.showDonutOptions = !1;
           }),
           innerHTML: e.icons.bar,
-          class: p({ "is-active-chart": t.chart.type === t.constants.BAR && !t.showDonutOptions }),
-          style: g(`background:${t.chart.type === t.constants.BAR && !t.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${t.chart.type === t.constants.BAR && !t.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.color : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)
-        }, null, 14, Tt)
+          class: N({ "is-active-chart": s.chart.type === s.constants.BAR && !s.showDonutOptions }),
+          style: g(`background:${s.chart.type === s.constants.BAR && !s.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${s.chart.type === s.constants.BAR && !s.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.color : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)
+        }, null, 14, Pt)
       ]),
-      a("div", xt, [
-        t.showDonutOptions && e.availableDonutCategories.length ? (c(), u("div", {
+      a("div", Bt, [
+        s.showDonutOptions && e.availableDonutCategories.length ? (c(), u("div", {
           key: 0,
           style: g(`background:${e.FINAL_CONFIG.style.chart.modal.backgroundColor};color:${e.FINAL_CONFIG.style.chart.modal.color}`)
         }, [
-          a("fieldset", Et, [
+          a("fieldset", Ht, [
             a("legend", null, d(e.FINAL_CONFIG.translations.chooseCategoryColumn), 1),
-            a("div", Pt, [
-              (c(!0), u(I, null, _(e.availableDonutCategories, (l, o) => (c(), u("div", {
+            a("div", Rt, [
+              (c(!0), u(F, null, k(e.availableDonutCategories, (l, o) => (c(), u("div", {
                 key: `donut_radio_${o}`,
                 class: "vue-ui-table-fieldset-option"
               }, [
@@ -1451,48 +1485,48 @@ function Xt(n, s, r, i, t, e) {
                   type: "radio",
                   name: l.name,
                   id: l.name,
-                  checked: t.selectedDonutCategory && l.name === t.selectedDonutCategory.name,
-                  onInput: (h) => t.selectedDonutCategory = e.availableDonutCategories[o],
+                  checked: s.selectedDonutCategory && l.name === s.selectedDonutCategory.name,
+                  onInput: (h) => s.selectedDonutCategory = e.availableDonutCategories[o],
                   style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border};accent-color:${e.FINAL_CONFIG.style.inputs.accentColor}`)
-                }, null, 44, Bt),
+                }, null, 44, zt),
                 a("label", {
                   for: l.name
-                }, d(l.name), 9, Ht)
+                }, d(l.name), 9, Ut)
               ]))), 128))
             ]),
             a("button", {
               class: "vue-ui-table-generate-donut",
-              disabled: !t.selectedDonutCategory,
-              onClick: s[24] || (s[24] = (...l) => e.applyDonutOption && e.applyDonutOption(...l)),
+              disabled: !s.selectedDonutCategory,
+              onClick: t[27] || (t[27] = (...l) => e.applyDonutOption && e.applyDonutOption(...l)),
               style: g(`background:${e.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor};color:${e.FINAL_CONFIG.style.chart.modal.buttons.selected.color}`)
             }, [
               a("div", {
                 style: { "margin-bottom": "-3px" },
                 innerHTML: e.icons.donut
-              }, null, 8, zt),
+              }, null, 8, Xt),
               w(" " + d(e.FINAL_CONFIG.translations.makeDonut), 1)
-            ], 12, Rt)
+            ], 12, Vt)
           ])
         ], 4)) : b("", !0),
-        [t.constants.BAR, t.constants.LINE].includes(t.chart.type) && !t.showDonutOptions ? (c(), u(I, { key: 1 }, [
-          a("div", Ut, [
-            t.chart.type === t.constants.LINE ? (c(), E(y, {
+        [s.constants.BAR, s.constants.LINE].includes(s.chart.type) && !s.showDonutOptions ? (c(), u(F, { key: 1 }, [
+          a("div", jt, [
+            s.chart.type === s.constants.LINE ? (c(), P(f, {
               key: 0,
               dataset: e.chartData.xyDatasetLine,
               config: e.chartData.xyConfig
             }, null, 8, ["dataset", "config"])) : b("", !0),
-            t.chart.type === t.constants.BAR ? (c(), E(y, {
+            s.chart.type === s.constants.BAR ? (c(), P(f, {
               key: 1,
               dataset: e.chartData.xyDatasetBar,
               config: e.chartData.xyConfig
             }, null, 8, ["dataset", "config"])) : b("", !0)
           ]),
-          t.currentSelectionSpan.rows.length >= 2 ? (c(), u("div", {
+          s.currentSelectionSpan.rows.length >= 2 ? (c(), u("div", {
             key: 0,
             class: "chart-trend",
             style: g(`color:${e.FINAL_CONFIG.style.chart.modal.color}`)
           }, [
-            s[33] || (s[33] = a("span", null, "---", -1)),
+            t[36] || (t[36] = a("span", null, "---", -1)),
             w(" Trend: " + d(e.dataLabel({
               v: e.chartData.progression.trend,
               s: "%",
@@ -1500,9 +1534,9 @@ function Xt(n, s, r, i, t, e) {
             })), 1)
           ], 4)) : b("", !0)
         ], 64)) : b("", !0),
-        [t.constants.DONUT].includes(t.chart.type) && !t.showDonutOptions ? (c(), u("div", Vt, [
-          ee(f, {
-            dataset: t.currentDonut,
+        [s.constants.DONUT].includes(s.chart.type) && !s.showDonutOptions ? (c(), u("div", Yt, [
+          E(_, {
+            dataset: s.currentDonut,
             config: e.chartData.donutConfig
           }, null, 8, ["dataset", "config"])
         ])) : b("", !0)
@@ -1510,7 +1544,7 @@ function Xt(n, s, r, i, t, e) {
     ], 4)) : b("", !0)
   ], 4);
 }
-const qt = /* @__PURE__ */ te(se, [["render", Xt], ["__scopeId", "data-v-e6189df5"]]);
+const ts = /* @__PURE__ */ se(ne, [["render", Wt], ["__scopeId", "data-v-24575fa8"]]);
 export {
-  qt as default
+  ts as default
 };