vue-data-ui 3.2.1 → 3.2.3

package/dist/{vue-ui-table-CduckNVX.js → vue-ui-table-__ABUm9x.js}

@@ -1,9 +1,9 @@
-import { a4 as z, t as U, m as T, y as V, d as X, r as j, x as Y, B as W, h as J, G as K, p as Z } from "./lib-p5pfHmOX.js";
-import { u as q } from "./useNestedProp-7BbqoAYu.js";
-import Q from "./vue-ui-xy-DlcJVA22.js";
-import $ from "./vue-ui-donut-d_XvnIQB.js";
-import ee from "./BaseIcon-D2f9w5Z5.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 { a2 as U, t as V, m as x, y as X, d as j, r as Y, x as W, a6 as J, h as K, E as Z, p as q } from "./lib-BEpWEyMm.js";
+import { u as Q } from "./useNestedProp-CLD3Gk9S.js";
+import $ from "./vue-ui-xy-DGln2YgO.js";
+import ee from "./vue-ui-donut-BgYaWImK.js";
+import te from "./BaseIcon-Bz-1GQhu.js";
+import { resolveComponent as D, createElementBlock as u, openBlock as c, normalizeStyle as g, createCommentVNode as b, createElementVNode as a, toDisplayString as h, createTextVNode as v, 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 P, createBlock as H } from "vue";
 import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = {
   name: "vue-ui-table",
@@ -21,7 +21,7 @@ const ne = {
       }
     }
   },
-  components: { VueUiXy: Q, VueUiDonut: $, BaseIcon: ee },
+  components: { VueUiXy: $, VueUiDonut: ee, BaseIcon: te },
   emits: ["page-change"],
   data() {
     return {
@@ -79,7 +79,7 @@ const ne = {
       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((t, r) => t - r),
-      palette: Z,
+      palette: q,
       percentages: {},
       rafId: null,
       rangeFilters: {},
@@ -90,11 +90,13 @@ const ne = {
       showChart: !1,
       showDonutOptions: !1,
       sorts: {},
+      chartStep: 0,
+      chartTimeLabelSourceModel: "",
       tableBody: JSON.parse(JSON.stringify(this.dataset.body)).map((t, r) => ({
         ...t,
         absoluteIndex: r
       })),
-      tableHead: JSON.parse(JSON.stringify(this.dataset.header)).map((t) => ({
+      tableHead: JSON.parse(JSON.stringify(this.dataset.header)).map((t, r) => ({
         average: Object.hasOwn(t, "average") ? t.average : !1,
         decimals: Object.hasOwn(t, "decimals") ? t.decimals : 0,
         isMultiselect: Object.hasOwn(t, "isMultiselect") ? t.isMultiselect : !1,
@@ -108,8 +110,9 @@ const ne = {
         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
+        type: t.type,
         // this attribute is mandatory
+        index: r
       })),
       filename: ""
     };
@@ -137,7 +140,7 @@ Provide an array of objects of type:
     }), document.addEventListener("keydown", (n) => {
       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;
+    }), this.filename = this.FINAL_CONFIG.style.exportMenu.filename, this.chartTimeLabelSourceModel = this.dateHeaders[0]?.name ?? "";
   },
   watch: {
     isExportRequest: function(n) {
@@ -159,7 +162,7 @@ Provide an array of objects of type:
         })), this.tableBody = JSON.parse(JSON.stringify(n.body)).map((t, r) => ({
           ...t,
           absoluteIndex: r
-        })), this.tableHead = JSON.parse(JSON.stringify(n.header)).map((t) => ({
+        })), this.tableHead = JSON.parse(JSON.stringify(n.header)).map((t, r) => ({
           average: Object.hasOwn(t, "average") ? t.average : !1,
           decimals: Object.hasOwn(t, "decimals") ? t.decimals : 0,
           isMultiselect: Object.hasOwn(t, "isMultiselect") ? t.isMultiselect : !1,
@@ -172,7 +175,8 @@ Provide an array of objects of type:
           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
+          type: t.type,
+          index: r
         })), 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;
         });
@@ -183,6 +187,19 @@ Provide an array of objects of type:
     }
   },
   computed: {
+    dateHeaders() {
+      return [...this.tableHead].filter((n) => n.type === this.constants.DATE);
+    },
+    chartTimeLabelOptions() {
+      return ["", ...this.dateHeaders.map((n) => n.name)];
+    },
+    chartTimeLabelSourceIndex() {
+      const n = this.dateHeaders.find((t) => t.name === this.chartTimeLabelSourceModel);
+      return n ? n.index : null;
+    },
+    chartTimeLabels() {
+      return this.chartTimeLabelSourceIndex == null ? [] : this.visibleRows.map((n) => n.td[this.chartTimeLabelSourceIndex]);
+    },
     availableDonutCategories() {
       return Object.keys(this.multiselects).map((n) => ({
         index: n,
@@ -195,10 +212,10 @@ Provide an array of objects of type:
     },
     chartData() {
       if (!this.canChart) return [];
-      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 = [
+      const n = 316, t = 512, r = this.currentSelectionSpan.rows.length, i = t / r, s = Math.max(...this.currentSelectionSpan.rows.map((w) => w.value)), e = Math.min(...this.currentSelectionSpan.rows.map((w) => w.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, d = [
         {
           name: _,
-          series: this.currentSelectionSpan.rows.map((v) => v.value),
+          series: this.currentSelectionSpan.rows.map((w) => w.value),
           type: "line",
           useProgression: !0,
           smooth: this.FINAL_CONFIG.style.chart.layout.line.smooth,
@@ -208,7 +225,7 @@ Provide an array of objects of type:
       ], y = [
         {
           name: _,
-          series: this.currentSelectionSpan.rows.map((v) => v.value),
+          series: this.currentSelectionSpan.rows.map((w) => w.value),
           type: "bar",
           useProgression: !0,
           color: this.FINAL_CONFIG.style.chart.layout.bar.fill
@@ -223,10 +240,17 @@ Provide an array of objects of type:
             suffix: o
           },
           grid: {
-            stroke: T(p, 0.5),
+            stroke: x(p, 0.5),
             labels: {
               color: p,
-              xAxisLabels: { show: !1 }
+              xAxisLabels: {
+                color: p,
+                show: this.chartTimeLabels.length,
+                values: this.chartTimeLabels,
+                datetimeFormatter: this.FINAL_CONFIG.style.chart.layout.datetimeFormatter,
+                showOnlyAtModulo: this.FINAL_CONFIG.style.chart.layout.timeLabels.showOnlyAtModulo,
+                modulo: this.FINAL_CONFIG.style.chart.layout.timeLabels.modulo
+              }
             }
           },
           highlighter: {
@@ -241,7 +265,7 @@ Provide an array of objects of type:
             fontSize: 18
           },
           tooltip: {
-            showTimeLabel: !1,
+            showTimeLabel: this.chartTimeLabels.length,
             backgroundOpacity: 30,
             color: p,
             backgroundColor: C,
@@ -257,7 +281,13 @@ Provide an array of objects of type:
               annotator: !1
             }
           },
-          zoom: { show: !1 }
+          zoom: {
+            show: this.FINAL_CONFIG.style.chart.layout.zoom.show,
+            focusOnDrag: !0,
+            minimap: {
+              show: !0
+            }
+          }
         },
         line: {
           labels: {
@@ -284,14 +314,14 @@ Provide an array of objects of type:
             rounding: I
           }
         }
-      }, 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,
+      }, G = e >= 0 ? 0 : Math.abs(e), R = s + G, M = this.dataset.header[this.currentSelectionSpan.col].isPercentage, T = this.currentSelectionSpan.rows.map((w, z) => ({
+        x: i * z + i / 2,
+        y: (1 - (w.value + G) / R) * n,
+        value: M ? w.value * 100 : w.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 : "",
-        index: v.index,
-        absoluteValue: M ? Math.abs(v.value) * 100 : Math.abs(v.value)
+        index: w.index,
+        absoluteValue: M ? Math.abs(w.value) * 100 : Math.abs(w.value)
       }));
       return {
         donutConfig: {
@@ -374,9 +404,9 @@ Provide an array of objects of type:
           }
         },
         xyConfig: B,
-        xyDatasetLine: h,
+        xyDatasetLine: d,
         xyDatasetBar: y,
-        progression: x.length >= 2 ? this.calcLinearProgression(x) : !1
+        progression: T.length >= 2 ? this.calcLinearProgression(T) : !1
       };
     },
     hasNumericTypes() {
@@ -424,7 +454,7 @@ Provide an array of objects of type:
       };
     },
     FINAL_CONFIG() {
-      const { vue_ui_table: n } = q();
+      const { vue_ui_table: n } = Q();
       if (!Object.keys(this.config || {}).length)
         return n;
       const t = this.treeShake({
@@ -439,15 +469,15 @@ Provide an array of objects of type:
   },
   methods: {
     // lib
-    adaptColorToBackground: K,
-    convertColorToHex: J,
-    convertConfigColors: W,
-    createCsvContent: Y,
-    darkenHexColor: j,
-    dataLabel: X,
-    downloadCsv: V,
-    lightenHexColor: T,
-    treeShake: U,
+    adaptColorToBackground: Z,
+    convertColorToHex: K,
+    convertConfigColors: J,
+    createCsvContent: W,
+    darkenHexColor: Y,
+    dataLabel: j,
+    downloadCsv: X,
+    lightenHexColor: x,
+    treeShake: V,
     // specific
     applyDonutOption() {
       const n = this.selectedDonutCategory.options.map((t, r) => ({
@@ -470,7 +500,7 @@ Provide an array of objects of type:
       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: z,
+    calcLinearProgression: U,
     closeAllDropdowns() {
       const n = document.getElementsByClassName("th-dropdown");
       n.length && Array.from(n).forEach((t) => {
@@ -501,10 +531,10 @@ Provide an array of objects of type:
       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 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}`;
+      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}-${_}`, d = `${e}-${f}-${l}`;
       return {
         from: o,
-        to: h
+        to: d
       };
     },
     getDonutLegendValue(n) {
@@ -592,11 +622,11 @@ Provide an array of objects of type:
       n.preventDefault();
       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}`);
+      const m = n.target.id, f = /cell_(\d+)_(\d+)_vue-ui-table-(\d+)/, _ = m.match(f), l = parseInt(_[1]), o = parseInt(_[2]), d = 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 t === e:
-          I = h;
+          I = d;
           break;
         case t === s:
           I = y;
@@ -818,7 +848,7 @@ Provide an array of objects of type:
 }, ve = { key: 0 }, we = { class: "th-filter" }, _e = {
   key: 0,
   class: "th-date"
-}, 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 = {
+}, 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" }, Te = ["onClick"], xe = ["innerHTML"], Ee = ["innerHTML"], Pe = ["innerHTML"], He = ["onClick", "disabled"], Be = ["placeholder", "onUpdate:modelValue", "name"], Re = ["onClick"], ze = ["innerHTML"], Ue = ["innerHTML"], Ve = ["innerHTML"], Xe = ["onClick", "innerHTML"], je = ["innerHTML"], Ye = {
   key: 5,
   class: "th-range-filter"
 }, 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 = {
@@ -848,14 +878,14 @@ Provide an array of objects of type:
 }, St = {
   for: "pageScroller",
   style: { "font-size": "14px" }
-}, 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 = {
+}, Lt = ["max", "value"], At = { key: 1 }, Mt = ["disabled"], Dt = ["innerHTML", "disabled"], Gt = ["innerHTML"], Tt = { class: "chart-modal-options" }, xt = ["innerHTML"], Et = ["innerHTML"], Pt = ["innerHTML"], Ht = {
   style: { width: "100%", height: "fit-content" },
   ref: "chartModal"
-}, 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 = {
+}, Bt = { class: "vue-ui-table-fieldset" }, Rt = { class: "vue-ui-table-fieldset-wrapper" }, zt = ["name", "id", "checked", "onInput"], Ut = ["for"], Vt = ["disabled"], Xt = ["innerHTML"], jt = { key: 0 }, Yt = { style: { width: "100%", "margin-bottom": "12px" } }, Wt = {
   key: 2,
   style: { width: "100%", "margin-bottom": "32px" }
 };
-function Wt(n, t, r, i, s, e) {
+function Jt(n, t, r, i, s, e) {
   const m = D("BaseIcon"), f = D("VueUiXy"), _ = D("VueUiDonut");
   return c(), u("div", {
     class: "vue-ui-table-main",
@@ -872,7 +902,7 @@ function Wt(n, t, r, i, s, e) {
         "data-is-open": s.isExportRequest || "false",
         style: g(`background:${e.FINAL_CONFIG.style.exportMenu.backgroundColor};color:${e.FINAL_CONFIG.style.exportMenu.color}`)
       }, [
-        t[28] || (t[28] = a("b", { class: "vue-ui-table-export-hub-title" }, " Export ", -1)),
+        t[29] || (t[29] = a("b", { class: "vue-ui-table-export-hub-title" }, " Export ", -1)),
         a("button", {
           class: "close-dropdown",
           onClick: t[1] || (t[1] = (l) => s.isExportRequest = !1),
@@ -880,7 +910,7 @@ function Wt(n, t, r, i, s, e) {
         }, " ✖ ", 4),
         a("div", ae, [
           a("div", ie, [
-            a("div", ce, d(e.FINAL_CONFIG.translations.exportAllLabel) + " (" + d(s.bodyCopy.length) + ") ", 1),
+            a("div", ce, h(e.FINAL_CONFIG.translations.exportAllLabel) + " (" + h(s.bodyCopy.length) + ") ", 1),
             a("button", {
               id: "exportAll",
               onClick: t[2] || (t[2] = (l) => e.createXls("all")),
@@ -889,11 +919,11 @@ function Wt(n, t, r, i, s, e) {
               a("div", {
                 innerHTML: e.icons.fileDownload
               }, null, 8, ue),
-              a("span", null, d(e.FINAL_CONFIG.translations.exportAllButton), 1)
+              a("span", null, h(e.FINAL_CONFIG.translations.exportAllButton), 1)
             ], 4)
           ]),
           a("div", he, [
-            a("div", de, d(e.FINAL_CONFIG.translations.exportPageLabel), 1),
+            a("div", de, h(e.FINAL_CONFIG.translations.exportPageLabel), 1),
             a("button", {
               id: "exportPage",
               onClick: t[3] || (t[3] = (l) => e.createXls("page")),
@@ -902,12 +932,12 @@ function Wt(n, t, r, i, s, e) {
               a("div", {
                 innerHTML: e.icons.fileDownload
               }, null, 8, ge),
-              a("span", null, d(e.FINAL_CONFIG.translations.exportPageButton), 1)
+              a("span", null, h(e.FINAL_CONFIG.translations.exportPageButton), 1)
             ], 4)
           ]),
           a("div", me, [
             a("label", ye, [
-              w(d(e.FINAL_CONFIG.translations.filename) + " ", 1),
+              v(h(e.FINAL_CONFIG.translations.filename) + " ", 1),
               O(a("input", {
                 ref: "filenameInputRef",
                 onKeydown: t[4] || (t[4] = S(L(() => {
@@ -949,21 +979,21 @@ function Wt(n, t, r, i, s, e) {
           })
         }, [
           a("tr", null, [
-            t[29] || (t[29] = a("th", { class: "invisible-cell" }, null, -1)),
+            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}`,
               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: N({ "th-has-nan": s.hasNaN[o] })
             }, [
               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", pe, " / " + d(l.percentageTo), 1)) : b("", !0)
-              ])) : (c(), u("span", Ne, d(l.name), 1))
+                v(h(l.name) + " ", 1),
+                l.isPercentage ? (c(), u("span", pe, " / " + h(l.percentageTo), 1)) : b("", !0)
+              ])) : (c(), u("span", Ne, h(l.name), 1))
             ], 6))), 128))
           ]),
           e.hasNumericTypes ? (c(), u(F, { key: 0 }, [
             a("tr", null, [
-              t[30] || (t[30] = a("th", { class: "invisible-cell" }, null, -1)),
+              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: N({ "th-numeric": !0, "th-has-nan": s.hasNaN[o] }),
@@ -974,13 +1004,13 @@ function Wt(n, t, r, i, s, e) {
                     innerHTML: e.icons.sum,
                     style: { "margin-bottom": "-4px", "margin-right": "3px" }
                   }, null, 8, Ie),
-                  w(" " + d(e.dataLabel({
+                  v(" " + h(e.dataLabel({
                     p: l.prefix,
                     v: Number(e.getSum(o)),
                     s: l.suffix,
                     r: l.decimals
                   })) + " ", 1),
-                  s.percentages[o] && l.percentageTo && !l.isPercentage ? (c(), u("span", Fe, " (" + d(isNaN(e.getSum(o) / e.getSum(s.percentages[o].referenceIndex)) ? "-" : e.dataLabel({
+                  s.percentages[o] && l.percentageTo && !l.isPercentage ? (c(), u("span", Fe, " (" + h(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
@@ -989,13 +1019,13 @@ function Wt(n, t, r, i, s, e) {
               ], 6))), 128))
             ]),
             a("tr", null, [
-              t[31] || (t[31] = a("th", { class: "invisible-cell" }, null, -1)),
+              t[32] || (t[32] = a("th", { class: "invisible-cell" }, null, -1)),
               (c(!0), u(F, null, k(s.tableHead, (l, o) => (c(), u("th", {
                 key: `thead_${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 && !s.hasNaN[o] ? (c(), u("span", ve, " ~ " + d(isNaN(e.getAverage(o)) ? "" : e.dataLabel({
+                l.average && !s.hasNaN[o] ? (c(), u("span", ve, " ~ " + h(isNaN(e.getAverage(o)) ? "" : e.dataLabel({
                   p: l.prefix,
                   v: Number(e.getAverage(o)),
                   s: l.suffix,
@@ -1004,7 +1034,7 @@ function Wt(n, t, r, i, s, e) {
               ], 6))), 128))
             ]),
             a("tr", null, [
-              t[34] || (t[34] = a("th", { class: "invisible-cell" }, null, -1)),
+              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: `thead_${o}`,
                 class: N({ "th-has-nan": s.hasNaN[o] }),
@@ -1016,12 +1046,12 @@ function Wt(n, t, r, i, s, e) {
                       a("div", Oe, [
                         a("label", {
                           for: `from_${o}`
-                        }, d(e.FINAL_CONFIG.translations.from), 9, Se),
+                        }, h(e.FINAL_CONFIG.translations.from), 9, Se),
                         O(a("input", {
                           id: `from_${o}`,
                           type: "date",
-                          "onUpdate:modelValue": (h) => s.dates[o].from = h,
-                          onInput: (h) => {
+                          "onUpdate:modelValue": (d) => s.dates[o].from = d,
+                          onInput: (d) => {
                             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}`)
@@ -1032,12 +1062,12 @@ function Wt(n, t, r, i, s, e) {
                       a("div", Ae, [
                         a("label", {
                           for: `to_${o}`
-                        }, d(e.FINAL_CONFIG.translations.to), 9, Me),
+                        }, h(e.FINAL_CONFIG.translations.to), 9, Me),
                         O(a("input", {
                           id: `to_${o}`,
                           type: "date",
-                          "onUpdate:modelValue": (h) => s.dates[o].to = h,
-                          onInput: (h) => {
+                          "onUpdate:modelValue": (d) => s.dates[o].to = d,
+                          onInput: (d) => {
                             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}`)
@@ -1049,43 +1079,43 @@ function Wt(n, t, r, i, s, e) {
                     a("div", Ge, [
                       l.isSort ? (c(), u("button", {
                         key: 0,
-                        onClick: (h) => e.sortTh(o, h),
+                        onClick: (d) => e.sortTh(o, d),
                         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}`)
                       }, [
                         s.sorts[o] === s.constants.ASC ? (c(), u("span", {
                           key: 0,
                           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", {
+                        }, null, 8, xe)) : s.sorts[o] === s.constants.DESC ? (c(), u("span", {
                           key: 1,
                           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, Pe))
-                      ], 14, xe)) : b("", !0),
+                      ], 14, Te)) : b("", !0),
                       a("button", {
-                        onClick: (h) => {
-                          e.resetDates(o), e.resetFilter(o, l, h);
+                        onClick: (d) => {
+                          e.resetDates(o), e.resetFilter(o, l, d);
                         },
                         disabled: !s.filteredDatesIndexes[o] && e.isResetDisabled(o, l),
                         class: "th-reset"
-                      }, " ✖ ", 8, Be)
+                      }, " ✖ ", 8, He)
                     ])
                   ])) : b("", !0),
                   l.isSearch ? O((c(), u("input", {
                     key: 1,
                     placeholder: e.FINAL_CONFIG.translations.inputPlaceholder,
-                    "onUpdate:modelValue": (h) => s.searches[o] = h,
-                    onInput: t[7] || (t[7] = (h) => e.debounce(e.filterBody, 400)),
+                    "onUpdate:modelValue": (d) => s.searches[o] = d,
+                    onInput: t[7] || (t[7] = (d) => 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, He)), [
+                  }, null, 44, Be)), [
                     [A, s.searches[o]]
                   ]) : b("", !0),
                   !s.hasNaN[o] && l.isSort && l.type !== s.constants.DATE ? (c(), u("button", {
                     key: 2,
-                    onClick: (h) => e.sortTh(o, h),
+                    onClick: (d) => e.sortTh(o, d),
                     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}`)
                   }, [
@@ -1102,14 +1132,14 @@ function Wt(n, t, r, i, s, e) {
                   ], 14, Re)) : b("", !0),
                   l.isMultiselect ? (c(), u("button", {
                     key: 3,
-                    onClick: (h) => e.toggleMultiselect(o, l, h),
+                    onClick: (d) => e.toggleMultiselect(o, l, d),
                     innerHTML: e.icons.filter,
                     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: t[8] || (t[8] = (h) => s.showChart = !s.showChart),
+                    onClick: t[8] || (t[8] = (d) => s.showChart = !s.showChart),
                     innerHTML: e.icons.chart,
                     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}`)
@@ -1117,9 +1147,9 @@ function Wt(n, t, r, i, s, e) {
                   l.rangeFilter && s.rangeFilters[o] && !s.hasNaN[o] ? (c(), u("div", Ye, [
                     a("label", {
                       for: `rangeMin${o}`
-                    }, [...t[32] || (t[32] = [
+                    }, [...t[33] || (t[33] = [
                       a("span", { style: { color: "grey" } }, "ᒥ", -1),
-                      w(" min ", -1),
+                      v(" min ", -1),
                       a("span", { style: { color: "grey" } }, "ᒣ", -1)
                     ])], 8, We),
                     O(a("input", {
@@ -1127,8 +1157,8 @@ function Wt(n, t, r, i, s, e) {
                       id: `rangeMin${o}`,
                       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)),
+                      "onUpdate:modelValue": (d) => s.rangeFilters[o].min = d,
+                      onInput: t[9] || (t[9] = (d) => 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), [
                       [
@@ -1143,8 +1173,8 @@ function Wt(n, t, r, i, s, e) {
                       id: `rangeMax${o}`,
                       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)),
+                      "onUpdate:modelValue": (d) => s.rangeFilters[o].max = d,
+                      onInput: t[10] || (t[10] = (d) => 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, Ke), [
                       [
@@ -1156,15 +1186,15 @@ function Wt(n, t, r, i, s, e) {
                     ]),
                     a("label", {
                       for: `rangeMax${o}`
-                    }, [...t[33] || (t[33] = [
+                    }, [...t[34] || (t[34] = [
                       a("span", { style: { color: "grey" } }, "ᒪ", -1),
-                      w(" max ", -1),
+                      v(" max ", -1),
                       a("span", { style: { color: "grey" } }, "ᒧ", -1)
                     ])], 8, Ze)
                   ])) : b("", !0),
                   e.canResetColumn(o, l) ? (c(), u("button", {
                     key: 6,
-                    onClick: (h) => e.resetFilter(o, l, h),
+                    onClick: (d) => e.resetFilter(o, l, d),
                     disabled: e.isResetDisabled(o, l),
                     class: "th-reset"
                   }, " ✖ ", 8, qe)) : b("", !0),
@@ -1177,30 +1207,30 @@ function Wt(n, t, r, i, s, e) {
                   }, [
                     a("button", {
                       class: "close-dropdown",
-                      onClick: (h) => e.toggleMultiselect(o, l, h),
+                      onClick: (d) => e.toggleMultiselect(o, l, d),
                       style: g(`background:${e.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${e.FINAL_CONFIG.style.closeButtons.color}`)
                     }, " ✖ ", 12, $e),
-                    (c(!0), u(F, null, k(e.getDropdownOptions(o), (h, y) => (c(), u("span", {
+                    (c(!0), u(F, null, k(e.getDropdownOptions(o), (d, y) => (c(), u("span", {
                       class: "th-option",
                       key: `th_option_${o}_${y}`,
-                      onClick: (C) => e.selectDropdownOption(h, o),
+                      onClick: (C) => e.selectDropdownOption(d, o),
                       onKeyup: [
-                        S((C) => e.selectDropdownOption(h, o), ["enter"]),
-                        S((C) => e.selectDropdownOption(h, o), ["space"])
+                        S((C) => e.selectDropdownOption(d, o), ["enter"]),
+                        S((C) => e.selectDropdownOption(d, o), ["space"])
                       ],
-                      style: g(`opacity:${e.isDropdownOptionSelected(h, o) ? 1 : 0.5}`),
+                      style: g(`opacity:${e.isDropdownOptionSelected(d, o) ? 1 : 0.5}`),
                       tabindex: "0"
                     }, [
-                      e.isDropdownOptionSelected(h, o) ? (c(), u("span", {
+                      e.isDropdownOptionSelected(d, o) ? (c(), u("span", {
                         key: 0,
                         style: g(`color:${e.FINAL_CONFIG.style.dropdowns.icons.selected.color};margin-right:5px`),
                         class: "th-icon-green"
-                      }, d(e.FINAL_CONFIG.style.dropdowns.icons.selected.unicode), 5)) : (c(), u("span", {
+                      }, h(e.FINAL_CONFIG.style.dropdowns.icons.selected.unicode), 5)) : (c(), u("span", {
                         key: 1,
                         style: g(`color:${e.FINAL_CONFIG.style.dropdowns.icons.unselected.color};margin-right:5px`),
                         class: "th-icon-red"
-                      }, d(e.FINAL_CONFIG.style.dropdowns.icons.unselected.unicode), 5)),
-                      a("span", null, d(h), 1)
+                      }, h(e.FINAL_CONFIG.style.dropdowns.icons.unselected.unicode), 5)),
+                      a("span", null, h(d), 1)
                     ], 44, et))), 128))
                   ], 12, Qe)) : b("", !0)
                 ])
@@ -1208,7 +1238,7 @@ function Wt(n, t, r, i, s, e) {
             ])
           ], 64)) : b("", !0),
           a("tr", null, [
-            t[35] || (t[35] = a("th", { class: "invisible-cell" }, null, -1)),
+            t[36] || (t[36] = 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: N({ "vue-ui-table-col-selector": !s.hasNaN[o], "th-has-nan": s.hasNaN[o] }),
@@ -1219,8 +1249,8 @@ function Wt(n, t, r, i, s, e) {
                 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: L((h) => e.selectColumn(o), ["stop"]),
-                onKeyup: S((h) => e.selectColumn(o), ["enter"])
+                onClick: L((d) => e.selectColumn(o), ["stop"]),
+                onKeyup: S((d) => e.selectColumn(o), ["enter"])
               }, null, 42, tt))
             ], 6))), 128))
           ])
@@ -1238,13 +1268,13 @@ function Wt(n, t, r, i, s, e) {
             a("td", {
               class: "vue-ui-table-td-iteration",
               "data-row": o % 2 === 0 ? "odd" : "even"
-            }, d(l.absoluteIndex + 1), 9, nt),
-            (c(!0), u(F, null, k(l.td, (h, y) => (c(), u("td", {
+            }, h(l.absoluteIndex + 1), 9, nt),
+            (c(!0), u(F, null, k(l.td, (d, y) => (c(), u("td", {
               "data-row": o % 2 === 0 ? "odd" : "even",
               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;" : ""),
+              style: g(e.isNumeric(d) || r.dataset.header[y].type === s.constants.DATE ? "text-align:right;font-variant-numeric: tabular-nums;" : ""),
               onClick: (C) => e.selectTd({
-                td: h,
+                td: d,
                 rowIndex: o,
                 colIndex: y,
                 headerType: r.dataset.header[y].type,
@@ -1252,14 +1282,14 @@ function Wt(n, t, r, i, s, e) {
               }),
               onKeyup: [
                 S((C) => e.selectTd({
-                  td: h,
+                  td: d,
                   rowIndex: o,
                   colIndex: y,
                   headerType: r.dataset.header[y].type,
                   event: C
                 }), ["enter"]),
                 S((C) => e.selectTd({
-                  td: h,
+                  td: d,
                   rowIndex: o,
                   colIndex: y,
                   headerType: r.dataset.header[y].type,
@@ -1275,31 +1305,31 @@ function Wt(n, t, r, i, s, e) {
                 style: g(`color:${l.meta.color};margin-right:3px`),
                 innerHTML: l.meta.unicodeIcon
               }, 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),
+              r.dataset.header[y].type === s.constants.DATE ? (c(), u("span", lt, h(r.dataset.header[y].prefix) + " " + h(new Date(d).toLocaleString().slice(0, 10)) + " " + h(r.dataset.header[y].suffix), 1)) : r.dataset.header[y].isPercentage ? (c(), u("span", at, h(e.dataLabel({
+                v: Number(d * 100),
                 s: "%",
                 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: N({ "td-nan": isNaN(Number(h)) })
-              }, d(isNaN(Number(h)) ? `${h} is not ${s.constants.NUMERIC}` : e.dataLabel({
+                class: N({ "td-nan": isNaN(Number(d)) })
+              }, h(isNaN(Number(d)) ? `${d} is not ${s.constants.NUMERIC}` : e.dataLabel({
                 p: r.dataset.header[y].prefix,
-                v: Number(h),
+                v: Number(d),
                 s: r.dataset.header[y].suffix,
                 r: r.dataset.header[y].decimals
-              })) + " (" + d(isNaN(Number(h)) ? "" : e.dataLabel({
-                v: Number(h / e.getSum(s.percentages[y].referenceIndex) * 100),
+              })) + " (" + h(isNaN(Number(d)) ? "" : e.dataLabel({
+                v: Number(d / e.getSum(s.percentages[y].referenceIndex) * 100),
                 s: "%",
                 r: r.dataset.header[y].decimals
               })) + ") ", 3)) : r.dataset.header[y].type === s.constants.NUMERIC ? (c(), u("span", {
                 key: 4,
-                class: N({ "td-nan": isNaN(Number(h)) })
-              }, d(isNaN(Number(h)) ? `${h} is not ${s.constants.NUMERIC}` : e.dataLabel({
+                class: N({ "td-nan": isNaN(Number(d)) })
+              }, h(isNaN(Number(d)) ? `${d} is not ${s.constants.NUMERIC}` : e.dataLabel({
                 p: r.dataset.header[y].prefix,
-                v: Number(h.toFixed(r.dataset.header[y].decimals)),
+                v: Number(d.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))
+              })), 3)) : (c(), u("span", it, h(r.dataset.header[y].prefix) + " " + h(d) + " " + h(r.dataset.header[y].suffix), 1))
             ], 46, rt))), 128))
           ], 14, st))), 128))
         ], 32)
@@ -1316,21 +1346,21 @@ function Wt(n, t, r, i, s, e) {
         }, null, 8, ct),
         a("span", null, [
           a("b", null, [
-            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)
+            v(h(r.dataset.header[s.currentSelectionSpan.col].name) + " ", 1),
+            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("span", ut, " / " + h(r.dataset.header[s.percentages[s.currentSelectionSpan.col].referenceIndex].name), 1)) : b("", !0)
           ]),
           a("span", ht, [
-            w(d(e.FINAL_CONFIG.translations.nb) + " : ", 1),
-            a("b", dt, d(s.currentSelectionSpan.rows.length), 1)
+            v(h(e.FINAL_CONFIG.translations.nb) + " : ", 1),
+            a("b", dt, h(s.currentSelectionSpan.rows.length), 1)
           ]),
           a("span", gt, [
-            w(d(e.FINAL_CONFIG.translations.sum) + " : ", 1),
-            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)),
+            v(h(e.FINAL_CONFIG.translations.sum) + " : ", 1),
+            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("b", mt, h(e.selectedCellsCalculations.sumPercentage), 1)) : (c(), u("b", yt, h(r.dataset.header[s.currentSelectionSpan.col].prefix) + " " + h(e.selectedCellsCalculations.sumRegular) + " " + h(r.dataset.header[s.currentSelectionSpan.col].suffix), 1)),
             r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("b", bt, "%")) : b("", !0)
           ]),
           a("span", ft, [
-            w(d(e.FINAL_CONFIG.translations.average) + " : ", 1),
-            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)),
+            v(h(e.FINAL_CONFIG.translations.average) + " : ", 1),
+            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("b", pt, h(e.selectedCellsCalculations.averagePercentage), 1)) : (c(), u("b", Nt, h(r.dataset.header[s.currentSelectionSpan.col].prefix) + " " + h(e.selectedCellsCalculations.averageRegular) + " " + h(r.dataset.header[s.currentSelectionSpan.col].suffix), 1)),
             r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("b", Ct, "%")) : b("", !0)
           ])
         ]),
@@ -1342,7 +1372,7 @@ function Wt(n, t, r, i, s, e) {
       ], 64)) : b("", !0)
     ], 6),
     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),
+      v(h(e.FINAL_CONFIG.translations.totalRows) + " : " + h(r.dataset.body.length) + " | " + h(e.FINAL_CONFIG.translations.paginatorLabel) + " : ", 1),
       s.bodyCopy.length > 10 ? O((c(), u("select", {
         key: 0,
         id: "paginatorSelector",
@@ -1355,11 +1385,11 @@ function Wt(n, t, r, i, s, e) {
         (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)
+          }, h(l), 1)) : b("", !0)
         ], 64))), 256))
       ], 36)), [
         [
-          te,
+          P,
           s.itemsPerPage,
           void 0,
           { number: !0 }
@@ -1370,7 +1400,7 @@ function Wt(n, t, r, i, s, e) {
       a("span", {
         innerHTML: e.icons.warning
       }, null, 8, vt),
-      w(d(e.FINAL_CONFIG.translations.sizeWarning), 1)
+      v(h(e.FINAL_CONFIG.translations.sizeWarning), 1)
     ])) : b("", !0),
     e.pages.length > 1 && e.pages.length <= 10 ? (c(), u("div", {
       key: 3,
@@ -1393,7 +1423,7 @@ function Wt(n, t, r, i, s, e) {
           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("label", St, h(e.FINAL_CONFIG.translations.page) + " " + h(s.currentPage + 1) + " / " + h(e.pages.length), 1),
           a("input", {
             class: "vue-ui-table-page-scroller",
             id: "pageScroller",
@@ -1405,15 +1435,15 @@ function Wt(n, t, r, i, s, e) {
             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, Lt)
-        ])) : (c(), u("span", At, d(e.FINAL_CONFIG.translations.page) + " " + d(s.currentPage + 1) + " / " + d(e.pages.length), 1)),
+        ])) : (c(), u("span", At, h(e.FINAL_CONFIG.translations.page) + " " + h(s.currentPage + 1) + " / " + h(e.pages.length), 1)),
         a("button", {
           class: "vue-ui-table-navigation",
           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)
+        }, h(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)
+        v(h(e.FINAL_CONFIG.translations.page) + " " + h(s.currentPage + 1) + " / " + h(e.pages.length), 1)
       ], 64)),
       a("button", {
         class: "vue-ui-table-navigation",
@@ -1445,14 +1475,14 @@ function Wt(n, t, r, i, s, e) {
         class: "close-chart-modal",
         onClick: t[23] || (t[23] = (l) => s.showChart = !1)
       }, " ✖ ", 4),
-      a("div", xt, [
+      a("div", Tt, [
         e.availableDonutCategories.length ? (c(), u("button", {
           key: 0,
           onClick: t[24] || (t[24] = (l) => s.showDonutOptions = !0),
           innerHTML: e.icons.donut,
           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),
+        }, null, 14, xt)) : b("", !0),
         a("button", {
           onClick: t[25] || (t[25] = (l) => {
             s.chart.type = s.constants.LINE, s.showDonutOptions = !1;
@@ -1470,13 +1500,13 @@ function Wt(n, t, r, i, s, e) {
           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", Bt, [
+      a("div", Ht, [
         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", Ht, [
-            a("legend", null, d(e.FINAL_CONFIG.translations.chooseCategoryColumn), 1),
+          a("fieldset", Bt, [
+            a("legend", null, h(e.FINAL_CONFIG.translations.chooseCategoryColumn), 1),
             a("div", Rt, [
               (c(!0), u(F, null, k(e.availableDonutCategories, (l, o) => (c(), u("div", {
                 key: `donut_radio_${o}`,
@@ -1487,12 +1517,12 @@ function Wt(n, t, r, i, s, e) {
                   name: l.name,
                   id: l.name,
                   checked: s.selectedDonutCategory && l.name === s.selectedDonutCategory.name,
-                  onInput: (h) => s.selectedDonutCategory = e.availableDonutCategories[o],
+                  onInput: (d) => 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, zt),
                 a("label", {
                   for: l.name
-                }, d(l.name), 9, Ut)
+                }, h(l.name), 9, Ut)
               ]))), 128))
             ]),
             a("button", {
@@ -1505,37 +1535,47 @@ function Wt(n, t, r, i, s, e) {
                 style: { "margin-bottom": "-3px" },
                 innerHTML: e.icons.donut
               }, null, 8, Xt),
-              w(" " + d(e.FINAL_CONFIG.translations.makeDonut), 1)
+              v(" " + h(e.FINAL_CONFIG.translations.makeDonut), 1)
             ], 12, Vt)
           ])
         ], 4)) : b("", !0),
         [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,
+          e.chartTimeLabelOptions.length > 1 ? (c(), u("label", jt, [
+            v(h(e.FINAL_CONFIG.translations.xAxisLabels) + " ", 1),
+            O(a("select", {
+              "onUpdate:modelValue": t[28] || (t[28] = (l) => s.chartTimeLabelSourceModel = l)
+            }, [
+              (c(!0), u(F, null, k(e.chartTimeLabelOptions, (l) => (c(), u("option", null, h(l), 1))), 256))
+            ], 512), [
+              [P, s.chartTimeLabelSourceModel]
+            ])
+          ])) : b("", !0),
+          a("div", Yt, [
+            s.chart.type === s.constants.LINE ? (c(), H(f, {
+              key: `chart_line_${s.chartStep}`,
               dataset: e.chartData.xyDatasetLine,
               config: e.chartData.xyConfig
             }, null, 8, ["dataset", "config"])) : b("", !0),
-            s.chart.type === s.constants.BAR ? (c(), P(f, {
-              key: 1,
+            s.chart.type === s.constants.BAR ? (c(), H(f, {
+              key: `chart_bar_${s.chartStep}`,
               dataset: e.chartData.xyDatasetBar,
               config: e.chartData.xyConfig
             }, null, 8, ["dataset", "config"])) : b("", !0)
           ]),
           s.currentSelectionSpan.rows.length >= 2 ? (c(), u("div", {
-            key: 0,
+            key: 1,
             class: "chart-trend",
             style: g(`color:${e.FINAL_CONFIG.style.chart.modal.color}`)
           }, [
-            t[36] || (t[36] = a("span", null, "---", -1)),
-            w(" Trend: " + d(e.dataLabel({
-              v: e.chartData.progression.trend,
+            t[37] || (t[37] = a("span", null, "---", -1)),
+            v(" Trend: " + h(e.dataLabel({
+              v: e.chartData.progression.trend * 100,
               s: "%",
               r: 1
             })), 1)
           ], 4)) : b("", !0)
         ], 64)) : b("", !0),
-        [s.constants.DONUT].includes(s.chart.type) && !s.showDonutOptions ? (c(), u("div", Yt, [
+        [s.constants.DONUT].includes(s.chart.type) && !s.showDonutOptions ? (c(), u("div", Wt, [
           E(_, {
             dataset: s.currentDonut,
             config: e.chartData.donutConfig
@@ -1545,7 +1585,7 @@ function Wt(n, t, r, i, s, e) {
     ], 4)) : b("", !0)
   ], 4);
 }
-const ss = /* @__PURE__ */ se(ne, [["render", Wt], ["__scopeId", "data-v-24575fa8"]]);
+const ns = /* @__PURE__ */ se(ne, [["render", Jt], ["__scopeId", "data-v-baef4664"]]);
 export {
-  ss as default
+  ns as default
 };