vue-data-ui 2.9.3 → 2.9.5

package/dist/{vue-ui-table-BcnDEvP5.js → vue-ui-table-D9K1kDv5.js}

@@ -1,7 +1,7 @@
-import { a3 as P, A as z, l as T, r as U, f as V, h as X, q as j, z as Y, d as W, G as J, u as K, p as Z } from "./index-CeGGP5OF.js";
-import q from "./vue-ui-xy-B5DZ8Qmi.js";
-import Q from "./vue-ui-donut-B2RReI5v.js";
-import { resolveComponent as x, createElementBlock as u, openBlock as c, normalizeStyle as g, createElementVNode as i, createCommentVNode as b, 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 { a3 as z, A as P, l as T, r as U, f as V, h as X, q as j, z as Y, d as W, G as J, u as K, p as Z } from "./index-BDGf85YF.js";
+import q from "./vue-ui-xy-DhTZvuRq.js";
+import Q from "./vue-ui-donut-DlvFHlJB.js";
+import { resolveComponent as x, createElementBlock as u, openBlock as c, normalizeStyle as g, createElementVNode as a, createCommentVNode as b, 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 = {
   name: "vue-ui-table",
@@ -139,8 +139,6 @@ Provide an array of objects of type:
     showChart: function(n) {
       n && this.$nextTick(() => {
         this.closeDragElement();
-        const s = this.$refs.chartModal;
-        s.onmousedown = this.dragMouseDown;
       });
     },
     dataset: {
@@ -187,7 +185,7 @@ Provide an array of objects of type:
     },
     chartData() {
       if (!this.canChart) return [];
-      const n = 316, s = 512, r = this.currentSelectionSpan.rows.length, a = 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, 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 = [
         {
           name: l,
           series: this.currentSelectionSpan.rows.map((v) => v.value),
@@ -217,6 +215,7 @@ Provide an array of objects of type:
           grid: {
             stroke: T(N, 0.5),
             labels: {
+              color: N,
               xAxisLabels: { show: !1 }
             }
           },
@@ -281,7 +280,7 @@ Provide an array of objects of type:
           }
         }
       }, D = e >= 0 ? 0 : Math.abs(e), H = t + D, M = this.dataset.header[this.currentSelectionSpan.col].isPercentage, G = this.currentSelectionSpan.rows.map((v, R) => ({
-        x: a * R + a / 2,
+        x: i * R + i / 2,
         y: (1 - (v.value + D) / 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 : "",
@@ -397,7 +396,8 @@ Provide an array of objects of type:
         sortZA: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 21v-5c0 -1.38 .62 -2 2 -2s2 .62 2 2v5m0 -3h-4" /><path d="M19 10h-4l4 -7h-4" /><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /></svg>`,
         sum: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>`,
         table: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" fill="white" d="M 10 2, 21 2, 21 21, 10 21Z"/><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z" /><path d="M3 10h18" /><path d="M10 3v18" /></svg>`,
-        warning: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize * 0.8}" height="${this.iconSize * 0.8}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`
+        warning: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize * 0.8}" height="${this.iconSize * 0.8}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,
+        grip: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M5 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>`
       };
     },
     pages() {
@@ -442,14 +442,14 @@ Provide an array of objects of type:
     dataLabel: V,
     downloadCsv: U,
     lightenHexColor: T,
-    treeShake: z,
+    treeShake: P,
     // specific
     applyDonutOption() {
       const n = this.selectedDonutCategory.options.map((s, r) => ({
         name: s,
         color: this.palette[r] || this.palette[r % this.palette.length],
-        values: [this.visibleRows.filter((a, t) => a.td[this.selectedDonutCategory.index] === s && this.currentSelectionSpan.rows.map((e) => e.index).includes(t)).map((a) => a.td[this.currentSelectionSpan.col]).reduce((a, t) => Math.abs(a) + Math.abs(t), 0)],
-        absoluteValue: this.visibleRows.filter((a, t) => a.td[this.selectedDonutCategory.index] === s && this.currentSelectionSpan.rows.map((e) => e.index).includes(t)).map((a) => a.td[this.currentSelectionSpan.col]).reduce((a, t) => a + t, 0)
+        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);
       this.currentDonut = n, this.$nextTick(() => {
         this.chart.type = this.constants.DONUT, this.showDonutOptions = !1;
@@ -462,10 +462,10 @@ Provide an array of objects of type:
       return !this.hasNaN[n] && (s.isSort || s.isSearch || s.isMultiselect || s.rangeFilter) && ![this.constants.DATE].includes(s.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), a = [s].concat(r), t = this.createCsvContent(a);
+      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" });
     },
-    calcLinearProgression: P,
+    calcLinearProgression: z,
     closeAllDropdowns() {
       const n = document.getElementsByClassName("th-dropdown");
       n.length && Array.from(n).forEach((s) => {
@@ -482,11 +482,11 @@ Provide an array of objects of type:
           if (!n.td[s].toUpperCase().includes(this.searches[s].toUpperCase()))
             return !1;
         for (const s in this.multiselects)
-          if (!this.multiselects[s].some((a) => a === n.td[s]))
+          if (!this.multiselects[s].some((i) => i === n.td[s]))
             return !1;
         for (const s in this.dates) {
-          const r = new Date(n.td[s]), a = new Date(this.dates[s].from), t = new Date(this.dates[s].to);
-          if (r < a || r > t)
+          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)
             return !1;
         }
         return !0;
@@ -496,7 +496,7 @@ Provide an array of objects of type:
       return this.rows.map((s) => s[n]).map((s) => isNaN(Number(s)) ? 0 : s).reduce((s, r) => s + 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)), a = new Date(Math.max(...s)), t = r.getFullYear(), e = a.getFullYear(), y = String(r.getMonth() + 1).padStart(2, "0"), f = String(a.getMonth() + 1).padStart(2, "0"), l = String(r.getDate()).padStart(2, "0"), o = String(a.getDate()).padStart(2, "0"), h = `${t}-${y}-${l}`, m = `${e}-${f}-${o}`;
+      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}`;
       return {
         from: h,
         to: m
@@ -521,29 +521,29 @@ Provide an array of objects of type:
       return !isNaN(Number(String(n).replaceAll("%", "")));
     },
     isResetDisabled(n, s) {
-      const r = s.isSort, a = s.isSearch, t = s.isMultiselect && this.multiselects[n], e = s.rangeFilter, y = (f) => {
+      const r = s.isSort, i = s.isSearch, t = s.isMultiselect && this.multiselects[n], e = s.rangeFilter, y = (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 && a && t && e)
+      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 && a && t)
+      if (r && i && t)
         return ["", void 0].includes(this.searches[n]) && [void 0].includes(this.sorts[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length;
-      if (r && a && e)
+      if (r && i && e)
         return ["", void 0].includes(this.searches[n]) && [void 0].includes(this.sorts[n]) && y(n);
-      if (r && a)
+      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)
         return [void 0].includes(this.sorts[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length;
-      if (a && t && e)
+      if (i && t && e)
         return ["", void 0].includes(this.searches[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length && y(n);
-      if (a && t)
+      if (i && t)
         return ["", void 0].includes(this.searches[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length;
-      if (a && e)
+      if (i && e)
         return ["", void 0].includes(this.searches[n]) && y(n);
-      if (a)
+      if (i)
         return ["", void 0].includes(this.searches[n]);
       if (r && e)
         return [void 0].includes(this.sorts[n]) && y(n);
@@ -563,8 +563,8 @@ Provide an array of objects of type:
     },
     navigateCell(n) {
       n.preventDefault();
-      const s = n.keyCode, r = 38, a = 40, t = 37, e = 39;
-      if (![r, a, t, e].includes(s)) return;
+      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;
       switch (!0) {
@@ -577,7 +577,7 @@ Provide an array of objects of type:
         case s === r:
           C = N;
           break;
-        case s === a:
+        case s === i:
           C = k;
           break;
         default:
@@ -589,54 +589,54 @@ Provide an array of objects of type:
       this.selectedDonutCategory = this.availableDonutCategories[0], this.showDonutOptions = !0;
     },
     placeLabelOnTopOrBottom({ previousPlot: n, currentPlot: s, nextPlot: r }) {
-      const a = s.y - 38, t = s.y + 16;
-      return n && r ? n.value < s.value && r.value < s.value ? a : 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, a) : n && !r ? n.value > s.value ? t : a : !n && r && r.value > s.value ? t : a;
+      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;
     },
     async prepareBodyCopy() {
       return new Promise((n) => {
         const s = [];
-        this.tableHead.forEach((r, a) => {
-          if (r.isSearch && Object.assign(this.searches, { [a]: "" }), r.isMultiselect && Object.assign(this.multiselects, { [a]: this.getDropdownOptions(a) }), r.type === this.constants.DATE && (Object.assign(this.dates, { [a]: this.getDatesRange(a) }), Object.assign(this.filteredDatesIndexes, { [a]: !1 })), (r.isPercentage || r.percentageTo) && Object.assign(this.percentages, {
-            [a]: {
+        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)
             }
           }), r.rangeFilter && (Object.assign(this.rangeFilters, {
-            [a]: {
-              min: Math.round(Math.min(...this.dataset.body.map((t) => t.td).map((t) => t[a]))),
-              max: Math.round(Math.max(...this.dataset.body.map((t) => t.td).map((t) => t[a])))
+            [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])))
             }
           }), Object.assign(this.immutableRangeFilters, {
-            [a]: {
-              min: Math.round(Math.min(...this.dataset.body.map((t) => t.td).map((t) => t[a]))),
-              max: Math.round(Math.max(...this.dataset.body.map((t) => t.td).map((t) => t[a])))
+            [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])))
             }
           })), 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([a, t, e]);
+            s.push([i, t, e]);
           }
-          r.type === this.constants.NUMERIC && !r.isPercentage && Object.assign(this.hasNaN, { [a]: this.includesNaN(this.dataset.body.map((t) => Number(t.td[a]))) });
-        }), this.bodyCopy.forEach((r, a) => {
+          r.type === this.constants.NUMERIC && !r.isPercentage && Object.assign(this.hasNaN, { [i]: this.includesNaN(this.dataset.body.map((t) => Number(t.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[a][e] = r[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];
           });
         }), n(!0);
       });
     },
     promiseWithAsyncFunction(n, s) {
-      return new Promise((r, a) => {
+      return new Promise((r, i) => {
         n().then((t) => {
           try {
             const e = s(t);
             r(e);
           } catch (e) {
-            a(e);
+            i(e);
           }
         }).catch((t) => {
-          a(t);
+          i(t);
         });
       });
     },
@@ -647,9 +647,9 @@ Provide an array of objects of type:
       }, this.filteredDatesIndexes[n] = !1, this.$forceUpdate(), this.filterBody();
     },
     resetFilter(n, s, r) {
-      const a = r.currentTarget;
-      clearTimeout(this.buttonTimeout), a.classList.add("clicked"), this.buttonTimeout = setTimeout(() => {
-        a.classList.remove("clicked");
+      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();
     },
     resetSelection() {
@@ -679,8 +679,8 @@ Provide an array of objects of type:
     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();
     },
-    selectTd({ td: n, rowIndex: s, colIndex: r, headerType: a, event: t }) {
-      if (a !== this.constants.NUMERIC || isNaN(Number(n))) {
+    selectTd({ td: n, rowIndex: s, colIndex: r, headerType: i, event: t }) {
+      if (i !== this.constants.NUMERIC || isNaN(Number(n))) {
         this.resetSelection();
         return;
       }
@@ -705,9 +705,9 @@ Provide an array of objects of type:
         this.sortByNumber(this.bodyCopy, n);
       }), this.currentFilter !== void 0 && this.sortByNumber(this.bodyCopy, this.currentFilter), this.dataset.header.forEach((n, s) => {
         if (n.isPercentage) {
-          const r = this.percentages[s].referenceIndex, a = this.bodyCopy.map((t) => t.td[r]).reduce((t, e) => t + e, 0);
+          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] / a;
+            t.td[s] = t.td[r] / i;
           });
         }
       }), this.currentPage > this.pages.length - 1 && (this.currentPage = this.pages.length - 1), [-1].includes(this.currentPage) && (this.currentPage = 0), this.$forceUpdate();
@@ -716,8 +716,8 @@ Provide an array of objects of type:
       this.bodyCopy = n.filter((r) => r.td[s] >= this.rangeFilters[s].min && r[s] <= this.rangeFilters[s].max);
     },
     sortByNumber(n, s) {
-      if (this.sorts[s] === this.constants.ASC && (n = n.sort((r, a) => r[s] - a[s])), this.sorts[s] === this.constants.DESC)
-        n = n.sort((r, a) => a[s] - r[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]);
       else
         return 0;
     },
@@ -735,9 +735,9 @@ Provide an array of objects of type:
       return s;
     },
     toggleMultiselect(n, s, r) {
-      const a = r.currentTarget;
-      clearTimeout(this.buttonTimeout), a.classList.add("clicked"), this.buttonTimeout = setTimeout(() => {
-        a.classList.remove("clicked");
+      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";
@@ -776,7 +776,7 @@ Provide an array of objects of type:
     elementDrag(n) {
       if (this.rafId) return;
       const r = this.$refs.chartModal.getBoundingClientRect();
-      this.clientX = n.clientX - this.dragOffsetX, this.clientY = n.clientY - this.dragOffsetY, 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);
+      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 = { 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 = { id: "tableHead" }, me = { key: 0 }, be = { key: 0 }, fe = { key: 1 }, Ne = {
@@ -788,7 +788,7 @@ Provide an array of objects of type:
 }, Ie = { key: 0 }, Fe = { class: "th-filter" }, ve = {
   key: 0,
   class: "th-date"
-}, we = { class: "date-wrapper--inputs" }, _e = { class: "date-fieldset" }, ke = ["for"], Oe = ["id", "onUpdate:modelValue", "onInput"], Se = { class: "date-fieldset" }, Le = ["for"], Ae = ["id", "onUpdate:modelValue", "onInput"], Me = { class: "date-wrapper--button" }, De = ["onClick"], Ge = ["innerHTML"], Te = ["innerHTML"], xe = ["innerHTML"], Ee = ["onClick", "disabled"], Be = ["placeholder", "onUpdate:modelValue", "name"], He = ["onClick"], Re = ["innerHTML"], Pe = ["innerHTML"], ze = ["innerHTML"], Ue = ["onClick", "innerHTML"], Ve = ["innerHTML"], Xe = {
+}, we = { class: "date-wrapper--inputs" }, _e = { class: "date-fieldset" }, ke = ["for"], Oe = ["id", "onUpdate:modelValue", "onInput"], Se = { class: "date-fieldset" }, Le = ["for"], Ae = ["id", "onUpdate:modelValue", "onInput"], Me = { class: "date-wrapper--button" }, De = ["onClick"], Ge = ["innerHTML"], Te = ["innerHTML"], xe = ["innerHTML"], Ee = ["onClick", "disabled"], Be = ["placeholder", "onUpdate:modelValue", "name"], He = ["onClick"], Re = ["innerHTML"], ze = ["innerHTML"], Pe = ["innerHTML"], Ue = ["onClick", "innerHTML"], Ve = ["innerHTML"], Xe = {
   key: 5,
   class: "th-range-filter"
 }, je = ["for"], Ye = ["id", "max", "min", "onUpdate:modelValue"], We = ["id", "max", "min", "onUpdate:modelValue"], Je = ["for"], Ke = ["onClick", "disabled"], Ze = ["id"], qe = ["onClick"], Qe = ["onClick", "onKeyup"], $e = ["innerHTML", "onClick", "onKeyup"], et = ["data-row"], tt = ["data-row"], st = ["data-row", "onClick", "onKeyup", "id"], nt = ["innerHTML"], rt = { key: 1 }, ot = { key: 2 }, lt = { key: 5 }, at = ["innerHTML"], it = { key: 0 }, ct = { style: { "margin-left": "12px" } }, ut = { class: "format-num" }, ht = { style: { "margin-left": "12px" } }, dt = {
@@ -818,75 +818,75 @@ Provide an array of objects of type:
 }, kt = {
   for: "pageScroller",
   style: { "font-size": "14px" }
-}, Ot = ["max", "value"], St = { key: 1 }, Lt = ["disabled"], At = ["innerHTML", "disabled"], Mt = { class: "chart-modal-options" }, Dt = ["innerHTML"], Gt = ["innerHTML"], Tt = ["innerHTML"], xt = {
-  style: { width: "100%", height: "fit-content", cursor: "move" },
+}, Ot = ["max", "value"], St = { key: 1 }, Lt = ["disabled"], At = ["innerHTML", "disabled"], Mt = ["innerHTML"], Dt = { class: "chart-modal-options" }, Gt = ["innerHTML"], Tt = ["innerHTML"], xt = ["innerHTML"], Et = {
+  style: { width: "100%", height: "fit-content" },
   ref: "chartModal"
-}, Et = { class: "vue-ui-table-fieldset" }, Bt = { class: "vue-ui-table-fieldset-wrapper" }, Ht = ["name", "id", "checked", "onInput"], Rt = ["for"], Pt = ["disabled"], zt = ["innerHTML"], Ut = { style: { width: "100%", "margin-bottom": "12px" } }, Vt = {
+}, Bt = { class: "vue-ui-table-fieldset" }, Ht = { class: "vue-ui-table-fieldset-wrapper" }, Rt = ["name", "id", "checked", "onInput"], zt = ["for"], Pt = ["disabled"], Ut = ["innerHTML"], Vt = { style: { width: "100%", "margin-bottom": "12px" } }, Xt = {
   key: 2,
   style: { width: "100%", "margin-bottom": "32px" }
 };
-function Xt(n, s, r, a, t, e) {
+function jt(n, s, r, i, t, e) {
   const y = x("VueUiXy"), f = x("VueUiDonut");
   return c(), u("div", {
     class: "vue-ui-table-main",
     style: g(`font-family: ${e.FINAL_CONFIG.fontFamily}`)
   }, [
-    i("div", ne, [
-      i("button", {
+    a("div", ne, [
+      a("button", {
         onClick: s[0] || (s[0] = (l) => t.isExportRequest = !t.isExportRequest),
         innerHTML: e.icons.export,
         style: g(`background:${e.FINAL_CONFIG.style.exportMenu.backgroundColor};color:${e.FINAL_CONFIG.style.exportMenu.color}`)
       }, null, 12, re),
-      i("div", {
+      a("div", {
         class: "vue-ui-table-export-hub-dropdown",
         "data-is-open": t.isExportRequest || "false",
         style: g(`background:${e.FINAL_CONFIG.style.exportMenu.backgroundColor};color:${e.FINAL_CONFIG.style.exportMenu.color}`)
       }, [
-        s[23] || (s[23] = i("b", { class: "vue-ui-table-export-hub-title" }, " Export ", -1)),
-        i("button", {
+        s[25] || (s[25] = 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),
           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),
-        i("div", le, [
-          i("div", ae, [
-            i("div", ie, d(e.FINAL_CONFIG.translations.exportAllLabel) + " (" + d(t.bodyCopy.length) + ") ", 1),
-            i("button", {
+        a("div", le, [
+          a("div", ae, [
+            a("div", ie, d(e.FINAL_CONFIG.translations.exportAllLabel) + " (" + d(t.bodyCopy.length) + ") ", 1),
+            a("button", {
               id: "exportAll",
               onClick: s[2] || (s[2] = (l) => e.createXls("all")),
               style: g(`background:${e.FINAL_CONFIG.style.exportMenu.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.exportMenu.buttons.color}`)
             }, [
-              i("div", {
+              a("div", {
                 innerHTML: e.icons.fileDownload
               }, null, 8, ce),
-              i("span", null, d(e.FINAL_CONFIG.translations.exportAllButton), 1)
+              a("span", null, d(e.FINAL_CONFIG.translations.exportAllButton), 1)
             ], 4)
           ]),
-          i("div", ue, [
-            i("div", he, d(e.FINAL_CONFIG.translations.exportPageLabel), 1),
-            i("button", {
+          a("div", ue, [
+            a("div", he, d(e.FINAL_CONFIG.translations.exportPageLabel), 1),
+            a("button", {
               id: "exportPage",
               onClick: s[3] || (s[3] = (l) => e.createXls("page")),
               style: g(`background:${e.FINAL_CONFIG.style.exportMenu.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.exportMenu.buttons.color}`)
             }, [
-              i("div", {
+              a("div", {
                 innerHTML: e.icons.fileDownload
               }, null, 8, de),
-              i("span", null, d(e.FINAL_CONFIG.translations.exportPageButton), 1)
+              a("span", null, d(e.FINAL_CONFIG.translations.exportPageButton), 1)
             ], 4)
           ])
         ])
       ], 12, oe)
     ]),
-    i("div", {
+    a("div", {
       class: "vue-ui-table__wrapper",
       style: g(`max-height:${e.FINAL_CONFIG.maxHeight}px`),
       ref: "tableWrapper"
     }, [
-      i("table", ge, [
-        i("thead", ye, [
-          i("tr", null, [
-            s[24] || (s[24] = i("th", { class: "invisible-cell" }, null, -1)),
+      a("table", ge, [
+        a("thead", ye, [
+          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", {
               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}`),
@@ -899,15 +899,15 @@ function Xt(n, s, r, a, t, e) {
             ], 6))), 128))
           ]),
           e.hasNumericTypes ? (c(), u(I, { key: 0 }, [
-            i("tr", null, [
-              s[25] || (s[25] = i("th", { class: "invisible-cell" }, null, -1)),
+            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", {
                 key: `thead_${o}`,
                 class: p({ "th-numeric": !0, "th-has-nan": t.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", Ne, [
-                  i("span", {
+                  a("span", {
                     innerHTML: e.icons.sum,
                     style: { "margin-bottom": "-4px", "margin-right": "3px" }
                   }, null, 8, pe),
@@ -925,8 +925,8 @@ function Xt(n, s, r, a, t, e) {
                 ])) : b("", !0)
               ], 6))), 128))
             ]),
-            i("tr", null, [
-              s[26] || (s[26] = i("th", { class: "invisible-cell" }, null, -1)),
+            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", {
                 key: `thead_${o}`,
                 class: p({ "th-numeric": !0, "th-has-nan": t.hasNaN[o] }),
@@ -940,21 +940,21 @@ function Xt(n, s, r, a, t, e) {
                 })), 1)) : b("", !0)
               ], 6))), 128))
             ]),
-            i("tr", null, [
-              s[29] || (s[29] = i("th", { class: "invisible-cell" }, null, -1)),
+            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", {
                 key: `thead_${o}`,
                 class: p({ "th-has-nan": t.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}`)
               }, [
-                i("div", Fe, [
+                a("div", Fe, [
                   l.type === t.constants.DATE && t.dates[o] ? (c(), u("div", ve, [
-                    i("div", we, [
-                      i("div", _e, [
-                        i("label", {
+                    a("div", we, [
+                      a("div", _e, [
+                        a("label", {
                           for: `from_${o}`
                         }, d(e.FINAL_CONFIG.translations.from), 9, ke),
-                        O(i("input", {
+                        O(a("input", {
                           id: `from_${o}`,
                           type: "date",
                           "onUpdate:modelValue": (h) => t.dates[o].from = h,
@@ -966,11 +966,11 @@ function Xt(n, s, r, a, t, e) {
                           [S, t.dates[o].from]
                         ])
                       ]),
-                      i("div", Se, [
-                        i("label", {
+                      a("div", Se, [
+                        a("label", {
                           for: `to_${o}`
                         }, d(e.FINAL_CONFIG.translations.to), 9, Le),
-                        O(i("input", {
+                        O(a("input", {
                           id: `to_${o}`,
                           type: "date",
                           "onUpdate:modelValue": (h) => t.dates[o].to = h,
@@ -983,7 +983,7 @@ function Xt(n, s, r, a, t, e) {
                         ])
                       ])
                     ]),
-                    i("div", Me, [
+                    a("div", Me, [
                       l.isSort ? (c(), u("button", {
                         key: 0,
                         onClick: (h) => e.sortTh(o, h),
@@ -1001,7 +1001,7 @@ function Xt(n, s, r, a, t, e) {
                           innerHTML: e.icons.arrowSort
                         }, null, 8, xe))
                       ], 14, De)) : b("", !0),
-                      i("button", {
+                      a("button", {
                         onClick: (h) => {
                           e.resetDates(o), e.resetFilter(o, l, h);
                         },
@@ -1032,10 +1032,10 @@ function Xt(n, s, r, a, t, e) {
                     }, null, 8, Re)) : t.sorts[o] === t.constants.DESC ? (c(), u("span", {
                       key: 1,
                       innerHTML: [t.constants.NUMERIC].includes(l.type) ? e.icons.sort90 : e.icons.sortAZ
-                    }, null, 8, Pe)) : (c(), u("span", {
+                    }, null, 8, ze)) : (c(), u("span", {
                       key: 2,
                       innerHTML: e.icons.arrowSort
-                    }, null, 8, ze))
+                    }, null, 8, Pe))
                   ], 14, He)) : b("", !0),
                   l.isMultiselect ? (c(), u("button", {
                     key: 3,
@@ -1052,14 +1052,14 @@ function Xt(n, s, r, a, t, e) {
                     style: g(`background:${t.showChart ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${t.showChart ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
                   }, null, 14, Ve)) : b("", !0),
                   l.rangeFilter && t.rangeFilters[o] && !t.hasNaN[o] ? (c(), u("div", Xe, [
-                    i("label", {
+                    a("label", {
                       for: `rangeMin${o}`
-                    }, s[27] || (s[27] = [
-                      i("span", { style: { color: "grey" } }, "ᒥ", -1),
+                    }, s[29] || (s[29] = [
+                      a("span", { style: { color: "grey" } }, "ᒥ", -1),
                       w(" min "),
-                      i("span", { style: { color: "grey" } }, "ᒣ", -1)
+                      a("span", { style: { color: "grey" } }, "ᒣ", -1)
                     ]), 8, je),
-                    O(i("input", {
+                    O(a("input", {
                       type: "number",
                       id: `rangeMin${o}`,
                       max: t.immutableRangeFilters[o].max,
@@ -1075,7 +1075,7 @@ function Xt(n, s, r, a, t, e) {
                         { number: !0 }
                       ]
                     ]),
-                    O(i("input", {
+                    O(a("input", {
                       type: "number",
                       id: `rangeMax${o}`,
                       max: t.immutableRangeFilters[o].max,
@@ -1091,12 +1091,12 @@ function Xt(n, s, r, a, t, e) {
                         { number: !0 }
                       ]
                     ]),
-                    i("label", {
+                    a("label", {
                       for: `rangeMax${o}`
-                    }, s[28] || (s[28] = [
-                      i("span", { style: { color: "grey" } }, "ᒪ", -1),
+                    }, s[30] || (s[30] = [
+                      a("span", { style: { color: "grey" } }, "ᒪ", -1),
                       w(" max "),
-                      i("span", { style: { color: "grey" } }, "ᒧ", -1)
+                      a("span", { style: { color: "grey" } }, "ᒧ", -1)
                     ]), 8, Je)
                   ])) : b("", !0),
                   e.canResetColumn(o, l) ? (c(), u("button", {
@@ -1112,7 +1112,7 @@ function Xt(n, s, r, a, t, e) {
                     id: `th_dropdown_${o}`,
                     style: g(`background:${e.FINAL_CONFIG.style.dropdowns.backgroundColor};color:${e.FINAL_CONFIG.style.dropdowns.color}`)
                   }, [
-                    i("button", {
+                    a("button", {
                       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}`)
@@ -1137,15 +1137,15 @@ function Xt(n, s, r, a, t, e) {
                         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)),
-                      i("span", null, d(h), 1)
+                      a("span", null, d(h), 1)
                     ], 44, Qe))), 128))
                   ], 12, Ze)) : b("", !0)
                 ])
               ], 6))), 128))
             ])
           ], 64)) : b("", !0),
-          i("tr", null, [
-            s[30] || (s[30] = i("th", { class: "invisible-cell" }, null, -1)),
+          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", {
               key: `col_selector_${o}`,
               class: p({ "vue-ui-table-col-selector": !t.hasNaN[o], "th-has-nan": t.hasNaN[o] }),
@@ -1162,7 +1162,7 @@ function Xt(n, s, r, a, t, e) {
             ], 6))), 128))
           ])
         ]),
-        i("tbody", {
+        a("tbody", {
           onClick: s[8] || (s[8] = (...l) => e.closeAllDropdowns && e.closeAllDropdowns(...l)),
           onKeydown: s[9] || (s[9] = (l) => e.navigateCell(l))
         }, [
@@ -1172,7 +1172,7 @@ function Xt(n, s, r, a, t, e) {
             class: p(`tr_${t.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}`}`)
           }, [
-            i("td", {
+            a("td", {
               class: "vue-ui-table-td-iteration",
               "data-row": o % 2 === 0 ? "odd" : "even"
             }, d(l.absoluteIndex + 1), 9, tt),
@@ -1242,36 +1242,36 @@ function Xt(n, s, r, a, t, e) {
         ], 32)
       ])
     ], 4),
-    i("div", {
+    a("div", {
       class: p({ "td-selector-info": !0, "td-selector-info--active": t.currentSelectionSpan.col !== void 0 && t.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 }, [
-        i("div", {
+        a("div", {
           innerHTML: e.icons.table,
           class: "td-selector-icon"
         }, null, 8, at),
-        i("span", null, [
-          i("b", null, [
+        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", it, " / " + d(r.dataset.header[t.percentages[t.currentSelectionSpan.col].referenceIndex].name), 1)) : b("", !0)
           ]),
-          i("span", ct, [
+          a("span", ct, [
             w(d(e.FINAL_CONFIG.translations.nb) + " : ", 1),
-            i("b", ut, d(t.currentSelectionSpan.rows.length), 1)
+            a("b", ut, d(t.currentSelectionSpan.rows.length), 1)
           ]),
-          i("span", ht, [
+          a("span", ht, [
             w(d(e.FINAL_CONFIG.translations.sum) + " : ", 1),
             r.dataset.header[t.currentSelectionSpan.col].isPercentage ? (c(), u("b", dt, d(e.selectedCellsCalculations.sumPercentage), 1)) : (c(), u("b", gt, 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", yt, "%")) : b("", !0)
           ]),
-          i("span", mt, [
+          a("span", mt, [
             w(d(e.FINAL_CONFIG.translations.average) + " : ", 1),
             r.dataset.header[t.currentSelectionSpan.col].isPercentage ? (c(), u("b", bt, d(e.selectedCellsCalculations.averagePercentage), 1)) : (c(), u("b", ft, 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", Nt, "%")) : b("", !0)
           ])
         ]),
-        i("button", {
+        a("button", {
           onClick: s[10] || (s[10] = (...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}`)
@@ -1302,7 +1302,7 @@ function Xt(n, s, r, a, t, e) {
       ]) : b("", !0)
     ])) : b("", !0),
     t.itemsPerPage >= 250 ? (c(), u("div", Ct, [
-      i("span", {
+      a("span", {
         innerHTML: e.icons.warning
       }, null, 8, It),
       w(d(e.FINAL_CONFIG.translations.sizeWarning), 1)
@@ -1313,7 +1313,7 @@ function Xt(n, s, r, a, t, e) {
       style: g(`background:${e.FINAL_CONFIG.style.pagination.navigationIndicator.backgroundColor};width:calc(${t.currentPage / (e.pages.length - 1) * 100}%)`)
     }, null, 4)) : b("", !0),
     e.pages.length > 1 ? (c(), u("div", Ft, [
-      i("button", {
+      a("button", {
         class: "vue-ui-table-navigation",
         onClick: s[13] || (s[13] = A((l) => e.navigate("previous"), ["stop"])),
         innerHTML: e.icons.chevronLeft,
@@ -1321,15 +1321,15 @@ function Xt(n, s, r, a, t, e) {
         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, vt),
       e.pages.length > 3 ? (c(), u(I, { key: 0 }, [
-        i("button", {
+        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, wt),
         e.pages.length > 10 ? (c(), u("div", _t, [
-          i("label", kt, d(e.FINAL_CONFIG.translations.page) + " " + d(t.currentPage + 1) + " / " + d(e.pages.length), 1),
-          i("input", {
+          a("label", kt, d(e.FINAL_CONFIG.translations.page) + " " + d(t.currentPage + 1) + " / " + d(e.pages.length), 1),
+          a("input", {
             class: "vue-ui-table-page-scroller",
             id: "pageScroller",
             type: "range",
@@ -1341,7 +1341,7 @@ function Xt(n, s, r, a, t, e) {
             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, Ot)
         ])) : (c(), u("span", St, d(e.FINAL_CONFIG.translations.page) + " " + d(t.currentPage + 1) + " / " + d(e.pages.length), 1)),
-        i("button", {
+        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,
@@ -1350,7 +1350,7 @@ function Xt(n, s, r, a, t, e) {
       ], 64)) : (c(), u(I, { key: 1 }, [
         w(d(e.FINAL_CONFIG.translations.page) + " " + d(t.currentPage + 1) + " / " + d(e.pages.length), 1)
       ], 64)),
-      i("button", {
+      a("button", {
         class: "vue-ui-table-navigation",
         onClick: s[17] || (s[17] = A((l) => e.navigate("next"), ["stop"])),
         innerHTML: e.icons.chevronRight,
@@ -1363,77 +1363,89 @@ function Xt(n, s, r, a, t, e) {
       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}`)
     }, [
-      i("button", {
+      a("div", {
+        class: "modal-drag-handle",
+        onMousedown: s[19] || (s[19] = (...l) => e.dragMouseDown && e.dragMouseDown(...l))
+      }, [
+        a("span", {
+          innerHTML: e.icons.grip
+        }, null, 8, Mt),
+        a("button", {
+          class: "close-chart-modal",
+          onClick: s[18] || (s[18] = (l) => t.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[18] || (s[18] = (l) => t.showChart = !1)
+        onClick: s[20] || (s[20] = (l) => t.showChart = !1)
       }, " ✖ ", 4),
-      i("div", Mt, [
+      a("div", Dt, [
         e.availableDonutCategories.length ? (c(), u("button", {
           key: 0,
-          onClick: s[19] || (s[19] = (l) => t.showDonutOptions = !0),
+          onClick: s[21] || (s[21] = (l) => t.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),
-        i("button", {
-          onClick: s[20] || (s[20] = (l) => {
+        }, null, 14, Gt)) : b("", !0),
+        a("button", {
+          onClick: s[22] || (s[22] = (l) => {
             t.chart.type = t.constants.LINE, t.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),
-        i("button", {
-          onClick: s[21] || (s[21] = (l) => {
+        }, null, 14, Tt),
+        a("button", {
+          onClick: s[23] || (s[23] = (l) => {
             t.chart.type = t.constants.BAR, t.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)
+        }, null, 14, xt)
       ]),
-      i("div", xt, [
+      a("div", Et, [
         t.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}`)
         }, [
-          i("fieldset", Et, [
-            i("legend", null, d(e.FINAL_CONFIG.translations.chooseCategoryColumn), 1),
-            i("div", Bt, [
+          a("fieldset", Bt, [
+            a("legend", null, d(e.FINAL_CONFIG.translations.chooseCategoryColumn), 1),
+            a("div", Ht, [
               (c(!0), u(I, null, _(e.availableDonutCategories, (l, o) => (c(), u("div", {
                 key: `donut_radio_${o}`,
                 class: "vue-ui-table-fieldset-option"
               }, [
-                i("input", {
+                a("input", {
                   type: "radio",
                   name: l.name,
                   id: l.name,
                   checked: t.selectedDonutCategory && l.name === t.selectedDonutCategory.name,
                   onInput: (h) => t.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, Ht),
-                i("label", {
+                }, null, 44, Rt),
+                a("label", {
                   for: l.name
-                }, d(l.name), 9, Rt)
+                }, d(l.name), 9, zt)
               ]))), 128))
             ]),
-            i("button", {
+            a("button", {
               class: "vue-ui-table-generate-donut",
               disabled: !t.selectedDonutCategory,
-              onClick: s[22] || (s[22] = (...l) => e.applyDonutOption && e.applyDonutOption(...l)),
+              onClick: s[24] || (s[24] = (...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}`)
             }, [
-              i("div", {
+              a("div", {
                 style: { "margin-bottom": "-3px" },
                 innerHTML: e.icons.donut
-              }, null, 8, zt),
+              }, null, 8, Ut),
               w(" " + d(e.FINAL_CONFIG.translations.makeDonut), 1)
             ], 12, Pt)
           ])
         ], 4)) : b("", !0),
         [t.constants.BAR, t.constants.LINE].includes(t.chart.type) && !t.showDonutOptions ? (c(), u(I, { key: 1 }, [
-          i("div", Ut, [
+          a("div", Vt, [
             t.chart.type === t.constants.LINE ? (c(), E(y, {
               key: 0,
               dataset: e.chartData.xyDatasetLine,
@@ -1450,11 +1462,15 @@ function Xt(n, s, r, a, t, e) {
             class: "chart-trend",
             style: g(`color:${e.FINAL_CONFIG.style.chart.modal.color}`)
           }, [
-            s[31] || (s[31] = i("span", null, "---", -1)),
-            w(" Trend: " + d((e.chartData.progression.trend * 100).toFixed(1)) + " % ", 1)
+            s[33] || (s[33] = a("span", null, "---", -1)),
+            w(" Trend: " + d(e.dataLabel({
+              v: e.chartData.progression.trend,
+              s: "%",
+              r: 1
+            })), 1)
           ], 4)) : b("", !0)
         ], 64)) : b("", !0),
-        [t.constants.DONUT].includes(t.chart.type) && !t.showDonutOptions ? (c(), u("div", Vt, [
+        [t.constants.DONUT].includes(t.chart.type) && !t.showDonutOptions ? (c(), u("div", Xt, [
           ee(f, {
             dataset: t.currentDonut,
             config: e.chartData.donutConfig
@@ -1464,7 +1480,7 @@ function Xt(n, s, r, a, t, e) {
     ], 4)) : b("", !0)
   ], 4);
 }
-const qt = /* @__PURE__ */ te(se, [["render", Xt], ["__scopeId", "data-v-f237c18e"]]);
+const Qt = /* @__PURE__ */ te(se, [["render", jt], ["__scopeId", "data-v-1713331c"]]);
 export {
-  qt as default
+  Qt as default
 };