vue-data-ui 3.1.3 → 3.1.5

package/dist/{vue-ui-table-CBzNgzVP.js → vue-ui-table-BItmKbvF.js}

@@ -1,7 +1,7 @@
-import { a7 as P, t as z, l as T, w as U, i as V, j as X, v as j, A as Y, e as W, F as J, u as K, p as Z } from "./index-CaxArMHL.js";
-import q from "./vue-ui-xy-DnYJw2aS.js";
-import Q from "./vue-ui-donut-g1WHrj6G.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 { a7 as R, t as z, l as T, w as U, i as V, j as X, v as j, A as Y, e as W, F as J, u as K, p as Z } from "./index-BkfuZCRT.js";
+import q from "./vue-ui-xy-Bsh2OBHp.js";
+import Q from "./vue-ui-donut-BApz1ho5.js";
+import { resolveComponent as x, createElementBlock as u, openBlock as c, normalizeStyle as g, createCommentVNode as b, createElementVNode as a, toDisplayString as d, Fragment as I, renderList as _, normalizeClass as p, createTextVNode as w, withDirectives as O, vModelText as S, withKeys as L, withModifiers as A, vModelSelect as $, createBlock as E, createVNode as ee } from "vue";
 import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const se = {
   name: "vue-ui-table",
@@ -20,6 +20,7 @@ const se = {
     }
   },
   components: { VueUiXy: q, VueUiDonut: Q },
+  emits: ["page-change"],
   data() {
     return {
       uid: `vue-ui-table-${Math.random()}`,
@@ -203,7 +204,7 @@ Provide an array of objects of type:
           useProgression: !0,
           color: this.FINAL_CONFIG.style.chart.layout.bar.fill
         }
-      ], k = this.FINAL_CONFIG.style.chart.modal.backgroundColor, N = this.adaptColorToBackground(k), C = this.dataset.header[this.currentSelectionSpan.col].decimals, B = {
+      ], k = this.FINAL_CONFIG.style.chart.modal.backgroundColor, N = this.adaptColorToBackground(k), C = this.dataset.header[this.currentSelectionSpan.col].decimals, P = {
         chart: {
           backgroundColor: k,
           color: N,
@@ -274,9 +275,9 @@ Provide an array of objects of type:
             rounding: C
           }
         }
-      }, 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: i * R + i / 2,
-        y: (1 - (v.value + D) / H) * n,
+      }, D = e >= 0 ? 0 : Math.abs(e), B = t + D, M = this.dataset.header[this.currentSelectionSpan.col].isPercentage, G = this.currentSelectionSpan.rows.map((v, H) => ({
+        x: i * H + i / 2,
+        y: (1 - (v.value + D) / B) * n,
         value: M ? v.value * 100 : v.value,
         suffix: M ? "%" : this.dataset.header[this.currentSelectionSpan.col].suffix ? this.dataset.header[this.currentSelectionSpan.col].suffix : "",
         prefix: this.dataset.header[this.currentSelectionSpan.col].prefix ? this.dataset.header[this.currentSelectionSpan.col].prefix : "",
@@ -363,7 +364,7 @@ Provide an array of objects of type:
             }
           }
         },
-        xyConfig: B,
+        xyConfig: P,
         xyDatasetLine: m,
         xyDatasetBar: F,
         progression: G.length >= 2 ? this.calcLinearProgression(G) : !1
@@ -460,7 +461,7 @@ Provide an array of objects of type:
       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: R,
     closeAllDropdowns() {
       const n = document.getElementsByClassName("th-dropdown");
       n.length && Array.from(n).forEach((s) => {
@@ -549,8 +550,30 @@ Provide an array of objects of type:
       if (t)
         return this.multiselects[n].length === this.getDropdownOptions(n).length;
     },
+    getCurrentPageData() {
+      return {
+        totalPages: this.pages.length,
+        itemsPerPage: this.itemsPerPage,
+        currentPage: this.currentPage,
+        currentPageData: this.visibleRows.map((n) => n.td)
+      };
+    },
+    onPageChange() {
+      this.$emit("page-change", this.getCurrentPageData());
+    },
     navigate(n) {
-      this.resetSelection(), n === "next" && this.currentPage < this.pages.length ? this.currentPage += 1 : n === "previous" && this.currentPage >= 1 ? this.currentPage -= 1 : this.currentPage = n - 1, this.$refs.tableWrapper.scrollTo({
+      if (this.resetSelection(), n === "next" && this.currentPage < this.pages.length) {
+        if (this.currentPage + 1 > this.pages.length - 1)
+          return;
+        this.currentPage += 1;
+      } else if (n === "previous" && this.currentPage >= 1)
+        this.currentPage -= 1;
+      else {
+        if (n - 1 < 0 || n > this.pages.length || n === "previous")
+          return;
+        this.currentPage = n - 1;
+      }
+      this.onPageChange(), this.$refs.tableWrapper.scrollTo({
         top: 0,
         left: 0,
         behavior: "smooth"
@@ -738,7 +761,7 @@ Provide an array of objects of type:
       t.dataset.isOpen === "false" ? t.dataset.isOpen = "true" : t.dataset.isOpen = "false";
     },
     updateCurrentPage(n) {
-      this.resetSelection(), !n || !n.target.value ? this.currentPage = 0 : this.currentPage = Number(n.target.value);
+      this.resetSelection(), !n || !n.target.value ? this.currentPage = 0 : this.currentPage = Number(n.target.value), this.onPageChange();
     },
     // DONUTS
     calcDonutMarkerConnectorColor(n) {
@@ -774,59 +797,62 @@ Provide an array of objects of type:
       this.clientX = n.clientX - this.dragOffsetX, this.clientY = n.clientY - this.dragOffsetY - 40, this.clientX < 0 && (this.clientX = 0), this.clientX + r.width > window.innerWidth && (this.clientX = window.innerWidth - r.width - 48), this.clientY < 0 && (this.clientY = 0), this.clientY + r.height > window.innerHeight && (this.clientY = window.innerHeight - r.height - 24);
     }
   }
-}, ne = { 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 = {
+}, ne = {
+  key: 0,
+  class: "vue-ui-table-export-hub"
+}, re = ["innerHTML"], oe = ["data-is-open"], le = { class: "vue-ui-table-export-hub-options" }, ae = { class: "vue-ui-table-export-hub-option-wrapper" }, ie = { class: "label" }, ce = ["innerHTML"], ue = { class: "vue-ui-table-export-hub-option-wrapper" }, he = { class: "label" }, de = ["innerHTML"], ge = { class: "vue-ui-table" }, ye = { key: 0 }, me = { key: 0 }, be = { key: 1 }, fe = {
   key: 0,
   style: { display: "flex", "align-items": "center", "justify-content": "flex-end" }
-}, pe = ["innerHTML"], Ce = {
+}, Ne = ["innerHTML"], pe = {
   key: 0,
   style: { "margin-left": "3px" }
-}, Ie = { key: 0 }, Fe = { class: "th-filter" }, ve = {
+}, Ce = { key: 0 }, Ie = { class: "th-filter" }, Fe = {
   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 = {
+}, ve = { class: "date-wrapper--inputs" }, we = { class: "date-fieldset" }, _e = ["for"], ke = ["id", "onUpdate:modelValue", "onInput"], Oe = { class: "date-fieldset" }, Se = ["for"], Le = ["id", "onUpdate:modelValue", "onInput"], Ae = { class: "date-wrapper--button" }, Me = ["onClick"], De = ["innerHTML"], Ge = ["innerHTML"], Te = ["innerHTML"], xe = ["onClick", "disabled"], Ee = ["placeholder", "onUpdate:modelValue", "name"], Pe = ["onClick"], Be = ["innerHTML"], He = ["innerHTML"], Re = ["innerHTML"], ze = ["onClick", "innerHTML"], Ue = ["innerHTML"], Ve = {
   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 = {
+}, Xe = ["for"], je = ["id", "max", "min", "onUpdate:modelValue"], Ye = ["id", "max", "min", "onUpdate:modelValue"], We = ["for"], Je = ["onClick", "disabled"], Ke = ["id"], Ze = ["onClick"], qe = ["onClick", "onKeyup"], Qe = ["innerHTML", "onClick", "onKeyup"], $e = ["data-row"], et = ["data-row"], tt = ["data-row", "onClick", "onKeyup", "id"], st = ["innerHTML"], nt = { key: 1 }, rt = { key: 2 }, ot = { key: 5 }, lt = ["innerHTML"], at = { key: 0 }, it = { style: { "margin-left": "12px" } }, ct = { class: "format-num" }, ut = { style: { "margin-left": "12px" } }, ht = {
   key: 0,
   class: "format-num"
-}, gt = {
+}, dt = {
   key: 1,
   class: "format-num"
-}, yt = { key: 2 }, mt = { style: { "margin-left": "12px" } }, bt = {
+}, gt = { key: 2 }, yt = { style: { "margin-left": "12px" } }, mt = {
   key: 0,
   class: "format-num"
-}, ft = {
+}, bt = {
   key: 1,
   class: "format-num"
-}, Nt = { key: 2 }, pt = {
-  key: 0,
-  class: "vue-ui-table-paginator format-num"
-}, Ct = {
+}, ft = { key: 2 }, Nt = {
   key: 1,
+  class: "vue-ui-table-paginator format-num"
+}, pt = {
+  key: 2,
   class: "vue-ui-table-size-warning"
-}, It = ["innerHTML"], Ft = {
-  key: 3,
+}, Ct = ["innerHTML"], It = {
+  key: 4,
   class: "vue-ui-table-pagination format-num"
-}, vt = ["innerHTML", "disabled"], wt = ["disabled"], _t = {
+}, Ft = ["innerHTML", "disabled"], vt = ["disabled"], wt = {
   key: 0,
   class: "vue-ui-table-page-scroller-wrapper"
-}, kt = {
+}, _t = {
   for: "pageScroller",
   style: { "font-size": "14px" }
-}, 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 = {
+}, kt = ["max", "value"], Ot = { key: 1 }, St = ["disabled"], Lt = ["innerHTML", "disabled"], At = ["innerHTML"], Mt = { class: "chart-modal-options" }, Dt = ["innerHTML"], Gt = ["innerHTML"], Tt = ["innerHTML"], xt = {
   style: { width: "100%", height: "fit-content" },
   ref: "chartModal"
-}, Bt = { class: "vue-ui-table-fieldset" }, Ht = { class: "vue-ui-table-fieldset-wrapper" }, Rt = ["name", "id", "checked", "onInput"], Pt = ["for"], zt = ["disabled"], Ut = ["innerHTML"], Vt = { style: { width: "100%", "margin-bottom": "12px" } }, Xt = {
+}, Et = { class: "vue-ui-table-fieldset" }, Pt = { class: "vue-ui-table-fieldset-wrapper" }, Bt = ["name", "id", "checked", "onInput"], Ht = ["for"], Rt = ["disabled"], zt = ["innerHTML"], Ut = { style: { width: "100%", "margin-bottom": "12px" } }, Vt = {
   key: 2,
   style: { width: "100%", "margin-bottom": "32px" }
 };
-function jt(n, s, r, i, t, e) {
+function Xt(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}`)
   }, [
-    a("div", ne, [
+    e.FINAL_CONFIG.style.exportMenu.show ? (c(), u("div", ne, [
       a("button", {
         onClick: s[0] || (s[0] = (l) => t.isExportRequest = !t.isExportRequest),
         innerHTML: e.icons.export,
@@ -872,14 +898,21 @@ function jt(n, s, r, i, t, e) {
           ])
         ])
       ], 12, oe)
-    ]),
+    ])) : b("", !0),
     a("div", {
       class: "vue-ui-table__wrapper",
       style: g(`max-height:${e.FINAL_CONFIG.maxHeight}px`),
       ref: "tableWrapper"
     }, [
       a("table", ge, [
-        a("thead", ye, [
+        a("thead", {
+          id: "tableHead",
+          class: "vue-ui-table__head",
+          style: g({
+            background: e.FINAL_CONFIG.style.th.backgroundColor,
+            boxShadow: `-1px 0 0 ${e.FINAL_CONFIG.style.th.backgroundColor}`
+          })
+        }, [
           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", {
@@ -887,10 +920,10 @@ function jt(n, s, r, i, t, e) {
               style: g(`overflow: visible;background:${e.FINAL_CONFIG.style.th.backgroundColor};color:${e.FINAL_CONFIG.style.th.color};outline:${e.FINAL_CONFIG.style.th.outline}`),
               class: p({ "th-has-nan": t.hasNaN[o] })
             }, [
-              e.hasNumericTypes && ([t.constants.TEXT, t.constants.DATE].includes(l.type) || l.isPercentage) ? (c(), u("span", me, [
+              e.hasNumericTypes && ([t.constants.TEXT, t.constants.DATE].includes(l.type) || l.isPercentage) ? (c(), u("span", ye, [
                 w(d(l.name) + " ", 1),
-                l.isPercentage ? (c(), u("span", be, " / " + d(l.percentageTo), 1)) : b("", !0)
-              ])) : (c(), u("span", fe, d(l.name), 1))
+                l.isPercentage ? (c(), u("span", me, " / " + d(l.percentageTo), 1)) : b("", !0)
+              ])) : (c(), u("span", be, d(l.name), 1))
             ], 6))), 128))
           ]),
           e.hasNumericTypes ? (c(), u(I, { key: 0 }, [
@@ -901,18 +934,18 @@ function jt(n, s, r, i, t, e) {
                 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, [
+                l.sum && !t.hasNaN[o] ? (c(), u("span", fe, [
                   a("span", {
                     innerHTML: e.icons.sum,
                     style: { "margin-bottom": "-4px", "margin-right": "3px" }
-                  }, null, 8, pe),
+                  }, null, 8, Ne),
                   w(" " + d(e.dataLabel({
                     p: l.prefix,
                     v: Number(e.getSum(o)),
                     s: l.suffix,
                     r: l.decimals
                   })) + " ", 1),
-                  t.percentages[o] && l.percentageTo && !l.isPercentage ? (c(), u("span", Ce, " (" + d(isNaN(e.getSum(o) / e.getSum(t.percentages[o].referenceIndex)) ? "-" : e.dataLabel({
+                  t.percentages[o] && l.percentageTo && !l.isPercentage ? (c(), u("span", pe, " (" + d(isNaN(e.getSum(o) / e.getSum(t.percentages[o].referenceIndex)) ? "-" : e.dataLabel({
                     v: e.getSum(o) / e.getSum(t.percentages[o].referenceIndex) * 100,
                     s: "%",
                     r: l.decimals
@@ -927,7 +960,7 @@ function jt(n, s, r, i, t, e) {
                 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.average && !t.hasNaN[o] ? (c(), u("span", Ie, " ~ " + d(isNaN(e.getAverage(o)) ? "" : e.dataLabel({
+                l.average && !t.hasNaN[o] ? (c(), u("span", Ce, " ~ " + d(isNaN(e.getAverage(o)) ? "" : e.dataLabel({
                   p: l.prefix,
                   v: Number(e.getAverage(o)),
                   s: l.suffix,
@@ -942,13 +975,13 @@ function jt(n, s, r, i, t, e) {
                 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}`)
               }, [
-                a("div", Fe, [
-                  l.type === t.constants.DATE && t.dates[o] ? (c(), u("div", ve, [
-                    a("div", we, [
-                      a("div", _e, [
+                a("div", Ie, [
+                  l.type === t.constants.DATE && t.dates[o] ? (c(), u("div", Fe, [
+                    a("div", ve, [
+                      a("div", we, [
                         a("label", {
                           for: `from_${o}`
-                        }, d(e.FINAL_CONFIG.translations.from), 9, ke),
+                        }, d(e.FINAL_CONFIG.translations.from), 9, _e),
                         O(a("input", {
                           id: `from_${o}`,
                           type: "date",
@@ -957,14 +990,14 @@ function jt(n, s, r, i, t, e) {
                             e.filterBody(), e.setFilterDatesIndexes(o);
                           },
                           style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                        }, null, 44, Oe), [
+                        }, null, 44, ke), [
                           [S, t.dates[o].from]
                         ])
                       ]),
-                      a("div", Se, [
+                      a("div", Oe, [
                         a("label", {
                           for: `to_${o}`
-                        }, d(e.FINAL_CONFIG.translations.to), 9, Le),
+                        }, d(e.FINAL_CONFIG.translations.to), 9, Se),
                         O(a("input", {
                           id: `to_${o}`,
                           type: "date",
@@ -973,12 +1006,12 @@ function jt(n, s, r, i, t, e) {
                             e.filterBody(), e.setFilterDatesIndexes(o);
                           },
                           style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                        }, null, 44, Ae), [
+                        }, null, 44, Le), [
                           [S, t.dates[o].to]
                         ])
                       ])
                     ]),
-                    a("div", Me, [
+                    a("div", Ae, [
                       l.isSort ? (c(), u("button", {
                         key: 0,
                         onClick: (h) => e.sortTh(o, h),
@@ -988,21 +1021,21 @@ function jt(n, s, r, i, t, e) {
                         t.sorts[o] === t.constants.ASC ? (c(), u("span", {
                           key: 0,
                           innerHTML: [t.constants.DATE].includes(l.type) ? e.icons.sort09 : e.icons.sortAZ
-                        }, null, 8, Ge)) : t.sorts[o] === t.constants.DESC ? (c(), u("span", {
+                        }, null, 8, De)) : t.sorts[o] === t.constants.DESC ? (c(), u("span", {
                           key: 1,
                           innerHTML: [t.constants.DATE].includes(l.type) ? e.icons.sort90 : e.icons.sortZA
-                        }, null, 8, Te)) : (c(), u("span", {
+                        }, null, 8, Ge)) : (c(), u("span", {
                           key: 2,
                           innerHTML: e.icons.arrowSort
-                        }, null, 8, xe))
-                      ], 14, De)) : b("", !0),
+                        }, null, 8, Te))
+                      ], 14, Me)) : b("", !0),
                       a("button", {
                         onClick: (h) => {
                           e.resetDates(o), e.resetFilter(o, l, h);
                         },
                         disabled: !t.filteredDatesIndexes[o] && e.isResetDisabled(o, l),
                         class: "th-reset"
-                      }, " ✖ ", 8, Ee)
+                      }, " ✖ ", 8, xe)
                     ])
                   ])) : b("", !0),
                   l.isSearch ? O((c(), u("input", {
@@ -1012,7 +1045,7 @@ function jt(n, s, r, i, t, e) {
                     onInput: s[4] || (s[4] = (h) => e.debounce(e.filterBody, 400)),
                     name: `search_${o}`,
                     style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                  }, null, 44, Be)), [
+                  }, null, 44, Ee)), [
                     [S, t.searches[o]]
                   ]) : b("", !0),
                   !t.hasNaN[o] && l.isSort && l.type !== t.constants.DATE ? (c(), u("button", {
@@ -1024,36 +1057,36 @@ function jt(n, s, r, i, t, e) {
                     t.sorts[o] === t.constants.ASC ? (c(), u("span", {
                       key: 0,
                       innerHTML: [t.constants.NUMERIC].includes(l.type) ? e.icons.sort09 : e.icons.sortZA
-                    }, null, 8, Re)) : t.sorts[o] === t.constants.DESC ? (c(), u("span", {
+                    }, null, 8, Be)) : 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, He)) : (c(), u("span", {
                       key: 2,
                       innerHTML: e.icons.arrowSort
-                    }, null, 8, ze))
-                  ], 14, He)) : b("", !0),
+                    }, null, 8, Re))
+                  ], 14, Pe)) : b("", !0),
                   l.isMultiselect ? (c(), u("button", {
                     key: 3,
                     onClick: (h) => e.toggleMultiselect(o, l, h),
                     innerHTML: e.icons.filter,
                     class: p({ "th-button-active": t.multiselects[o] && t.multiselects[o].length !== e.getDropdownOptions(o).length }),
                     style: g(`background:${t.multiselects[o] && t.multiselects[o].length !== e.getDropdownOptions(o).length ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${t.multiselects[o] && t.multiselects[o].length !== e.getDropdownOptions(o).length ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
-                  }, null, 14, Ue)) : b("", !0),
+                  }, null, 14, ze)) : b("", !0),
                   t.currentSelectionSpan.col === o && e.canChart ? (c(), u("button", {
                     key: 4,
                     onClick: s[5] || (s[5] = (h) => t.showChart = !t.showChart),
                     innerHTML: e.icons.chart,
                     class: p({ "th-button-active": t.showChart }),
                     style: g(`background:${t.showChart ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${t.showChart ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
-                  }, null, 14, Ve)) : b("", !0),
-                  l.rangeFilter && t.rangeFilters[o] && !t.hasNaN[o] ? (c(), u("div", Xe, [
+                  }, null, 14, Ue)) : b("", !0),
+                  l.rangeFilter && t.rangeFilters[o] && !t.hasNaN[o] ? (c(), u("div", Ve, [
                     a("label", {
                       for: `rangeMin${o}`
                     }, [...s[29] || (s[29] = [
                       a("span", { style: { color: "grey" } }, "ᒥ", -1),
                       w(" min ", -1),
                       a("span", { style: { color: "grey" } }, "ᒣ", -1)
-                    ])], 8, je),
+                    ])], 8, Xe),
                     O(a("input", {
                       type: "number",
                       id: `rangeMin${o}`,
@@ -1062,7 +1095,7 @@ function jt(n, s, r, i, t, e) {
                       "onUpdate:modelValue": (h) => t.rangeFilters[o].min = h,
                       onInput: s[6] || (s[6] = (h) => e.debounce(e.filterBody, 400)),
                       style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                    }, null, 44, Ye), [
+                    }, null, 44, je), [
                       [
                         S,
                         t.rangeFilters[o].min,
@@ -1078,7 +1111,7 @@ function jt(n, s, r, i, t, e) {
                       "onUpdate:modelValue": (h) => t.rangeFilters[o].max = h,
                       onInput: s[7] || (s[7] = (h) => e.debounce(e.filterBody, 400)),
                       style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                    }, null, 44, We), [
+                    }, null, 44, Ye), [
                       [
                         S,
                         t.rangeFilters[o].max,
@@ -1092,14 +1125,14 @@ function jt(n, s, r, i, t, e) {
                       a("span", { style: { color: "grey" } }, "ᒪ", -1),
                       w(" max ", -1),
                       a("span", { style: { color: "grey" } }, "ᒧ", -1)
-                    ])], 8, Je)
+                    ])], 8, We)
                   ])) : b("", !0),
                   e.canResetColumn(o, l) ? (c(), u("button", {
                     key: 6,
                     onClick: (h) => e.resetFilter(o, l, h),
                     disabled: e.isResetDisabled(o, l),
                     class: "th-reset"
-                  }, " ✖ ", 8, Ke)) : b("", !0),
+                  }, " ✖ ", 8, Je)) : b("", !0),
                   l.isMultiselect ? (c(), u("div", {
                     key: 7,
                     class: "th-dropdown",
@@ -1111,7 +1144,7 @@ function jt(n, s, r, i, t, e) {
                       class: "close-dropdown",
                       onClick: (h) => e.toggleMultiselect(o, l, h),
                       style: g(`background:${e.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${e.FINAL_CONFIG.style.closeButtons.color}`)
-                    }, " ✖ ", 12, qe),
+                    }, " ✖ ", 12, Ze),
                     (c(!0), u(I, null, _(e.getDropdownOptions(o), (h, m) => (c(), u("span", {
                       class: "th-option",
                       key: `th_option_${o}_${m}`,
@@ -1133,8 +1166,8 @@ function jt(n, s, r, i, t, e) {
                         class: "th-icon-red"
                       }, d(e.FINAL_CONFIG.style.dropdowns.icons.unselected.unicode), 5)),
                       a("span", null, d(h), 1)
-                    ], 44, Qe))), 128))
-                  ], 12, Ze)) : b("", !0)
+                    ], 44, qe))), 128))
+                  ], 12, Ke)) : b("", !0)
                 ])
               ], 6))), 128))
             ])
@@ -1153,10 +1186,10 @@ function jt(n, s, r, i, t, e) {
                 tabindex: "0",
                 onClick: A((h) => e.selectColumn(o), ["stop"]),
                 onKeyup: L((h) => e.selectColumn(o), ["enter"])
-              }, null, 42, $e))
+              }, null, 42, Qe))
             ], 6))), 128))
           ])
-        ]),
+        ], 4),
         a("tbody", {
           onClick: s[8] || (s[8] = (...l) => e.closeAllDropdowns && e.closeAllDropdowns(...l)),
           onKeydown: s[9] || (s[9] = (l) => e.navigateCell(l))
@@ -1170,7 +1203,7 @@ function jt(n, s, r, i, t, e) {
             a("td", {
               class: "vue-ui-table-td-iteration",
               "data-row": o % 2 === 0 ? "odd" : "even"
-            }, d(l.absoluteIndex + 1), 9, tt),
+            }, d(l.absoluteIndex + 1), 9, et),
             (c(!0), u(I, null, _(l.td, (h, m) => (c(), u("td", {
               "data-row": o % 2 === 0 ? "odd" : "even",
               key: `td_${o}_${m}`,
@@ -1206,8 +1239,8 @@ function jt(n, s, r, i, t, e) {
                 key: 0,
                 style: g(`color:${l.meta.color};margin-right:3px`),
                 innerHTML: l.meta.unicodeIcon
-              }, null, 12, nt)) : b("", !0),
-              r.dataset.header[m].type === t.constants.DATE ? (c(), u("span", rt, d(r.dataset.header[m].prefix) + " " + d(new Date(h).toLocaleString().slice(0, 10)) + " " + d(r.dataset.header[m].suffix), 1)) : r.dataset.header[m].isPercentage ? (c(), u("span", ot, d(e.dataLabel({
+              }, null, 12, st)) : b("", !0),
+              r.dataset.header[m].type === t.constants.DATE ? (c(), u("span", nt, d(r.dataset.header[m].prefix) + " " + d(new Date(h).toLocaleString().slice(0, 10)) + " " + d(r.dataset.header[m].suffix), 1)) : r.dataset.header[m].isPercentage ? (c(), u("span", rt, d(e.dataLabel({
                 v: Number(h * 100),
                 s: "%",
                 r: r.dataset.header[m].decimals
@@ -1231,9 +1264,9 @@ function jt(n, s, r, i, t, e) {
                 v: Number(h.toFixed(r.dataset.header[m].decimals)),
                 s: r.dataset.header[m].suffix,
                 r: r.dataset.header[m].decimals
-              })), 3)) : (c(), u("span", lt, d(r.dataset.header[m].prefix) + " " + d(h) + " " + d(r.dataset.header[m].suffix), 1))
-            ], 46, st))), 128))
-          ], 14, et))), 128))
+              })), 3)) : (c(), u("span", ot, d(r.dataset.header[m].prefix) + " " + d(h) + " " + d(r.dataset.header[m].suffix), 1))
+            ], 46, tt))), 128))
+          ], 14, $e))), 128))
         ], 32)
       ])
     ], 4),
@@ -1245,25 +1278,25 @@ function jt(n, s, r, i, t, e) {
         a("div", {
           innerHTML: e.icons.table,
           class: "td-selector-icon"
-        }, null, 8, at),
+        }, null, 8, lt),
         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)
+            r.dataset.header[t.currentSelectionSpan.col].isPercentage ? (c(), u("span", at, " / " + d(r.dataset.header[t.percentages[t.currentSelectionSpan.col].referenceIndex].name), 1)) : b("", !0)
           ]),
-          a("span", ct, [
+          a("span", it, [
             w(d(e.FINAL_CONFIG.translations.nb) + " : ", 1),
-            a("b", ut, d(t.currentSelectionSpan.rows.length), 1)
+            a("b", ct, d(t.currentSelectionSpan.rows.length), 1)
           ]),
-          a("span", ht, [
+          a("span", ut, [
             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)
+            r.dataset.header[t.currentSelectionSpan.col].isPercentage ? (c(), u("b", ht, d(e.selectedCellsCalculations.sumPercentage), 1)) : (c(), u("b", dt, d(r.dataset.header[t.currentSelectionSpan.col].prefix) + " " + d(e.selectedCellsCalculations.sumRegular) + " " + d(r.dataset.header[t.currentSelectionSpan.col].suffix), 1)),
+            r.dataset.header[t.currentSelectionSpan.col].isPercentage ? (c(), u("b", gt, "%")) : b("", !0)
           ]),
-          a("span", mt, [
+          a("span", yt, [
             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)
+            r.dataset.header[t.currentSelectionSpan.col].isPercentage ? (c(), u("b", mt, d(e.selectedCellsCalculations.averagePercentage), 1)) : (c(), u("b", bt, d(r.dataset.header[t.currentSelectionSpan.col].prefix) + " " + d(e.selectedCellsCalculations.averageRegular) + " " + d(r.dataset.header[t.currentSelectionSpan.col].suffix), 1)),
+            r.dataset.header[t.currentSelectionSpan.col].isPercentage ? (c(), u("b", ft, "%")) : b("", !0)
           ])
         ]),
         a("button", {
@@ -1273,13 +1306,15 @@ function jt(n, s, r, i, t, e) {
         }, " ✖ ", 4)
       ], 64)) : b("", !0)
     ], 6),
-    t.bodyCopy.length > 10 ? (c(), u("div", pt, [
+    t.bodyCopy.length > 10 ? (c(), u("div", Nt, [
       w(d(e.FINAL_CONFIG.translations.totalRows) + " : " + d(r.dataset.body.length) + " | " + d(e.FINAL_CONFIG.translations.paginatorLabel) + " : ", 1),
       t.bodyCopy.length > 10 ? O((c(), u("select", {
         key: 0,
         id: "paginatorSelector",
         "onUpdate:modelValue": s[11] || (s[11] = (l) => t.itemsPerPage = l),
-        onChange: s[12] || (s[12] = (...l) => e.resetSelection && e.resetSelection(...l)),
+        onChange: s[12] || (s[12] = (l) => {
+          e.resetSelection(), e.onPageChange();
+        }),
         style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
       }, [
         (c(!0), u(I, null, _(t.paginatorOptions, (l, o) => (c(), u(I, null, [
@@ -1296,34 +1331,34 @@ function jt(n, s, r, i, t, e) {
         ]
       ]) : b("", !0)
     ])) : b("", !0),
-    t.itemsPerPage >= 250 ? (c(), u("div", Ct, [
+    t.itemsPerPage >= 250 ? (c(), u("div", pt, [
       a("span", {
         innerHTML: e.icons.warning
-      }, null, 8, It),
+      }, null, 8, Ct),
       w(d(e.FINAL_CONFIG.translations.sizeWarning), 1)
     ])) : b("", !0),
     e.pages.length > 1 && e.pages.length <= 10 ? (c(), u("div", {
-      key: 2,
+      key: 3,
       class: "vue-ui-table-navigation-indicator",
       style: g(`background:${e.FINAL_CONFIG.style.pagination.navigationIndicator.backgroundColor};width:calc(${t.currentPage / (e.pages.length - 1) * 100}%)`)
     }, null, 4)) : b("", !0),
-    e.pages.length > 1 ? (c(), u("div", Ft, [
+    e.pages.length > 1 ? (c(), u("div", It, [
       a("button", {
         class: "vue-ui-table-navigation",
         onClick: s[13] || (s[13] = A((l) => e.navigate("previous"), ["stop"])),
         innerHTML: e.icons.chevronLeft,
         disabled: t.currentPage === 0,
         style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${t.currentPage === 0 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-      }, null, 12, vt),
+      }, null, 12, Ft),
       e.pages.length > 3 ? (c(), u(I, { key: 0 }, [
         a("button", {
           class: "vue-ui-table-navigation",
           onClick: s[14] || (s[14] = A((l) => e.navigate(1), ["stop"])),
           disabled: t.currentPage === 0,
           style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${t.currentPage === 0 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-        }, " 1 ", 12, wt),
-        e.pages.length > 10 ? (c(), u("div", _t, [
-          a("label", kt, d(e.FINAL_CONFIG.translations.page) + " " + d(t.currentPage + 1) + " / " + d(e.pages.length), 1),
+        }, " 1 ", 12, vt),
+        e.pages.length > 10 ? (c(), u("div", wt, [
+          a("label", _t, d(e.FINAL_CONFIG.translations.page) + " " + d(t.currentPage + 1) + " / " + d(e.pages.length), 1),
           a("input", {
             class: "vue-ui-table-page-scroller",
             id: "pageScroller",
@@ -1334,14 +1369,14 @@ function jt(n, s, r, i, t, e) {
             onInput: s[15] || (s[15] = (l) => e.updateCurrentPage(l)),
             value: t.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, Ot)
-        ])) : (c(), u("span", St, d(e.FINAL_CONFIG.translations.page) + " " + d(t.currentPage + 1) + " / " + d(e.pages.length), 1)),
+          }, null, 44, kt)
+        ])) : (c(), u("span", Ot, d(e.FINAL_CONFIG.translations.page) + " " + d(t.currentPage + 1) + " / " + d(e.pages.length), 1)),
         a("button", {
           class: "vue-ui-table-navigation",
           onClick: s[16] || (s[16] = A((l) => e.navigate(e.pages.length), ["stop"])),
           disabled: t.currentPage === e.pages.length - 1,
           style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${t.currentPage === e.pages.length - 1 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-        }, d(e.pages.length), 13, Lt)
+        }, d(e.pages.length), 13, St)
       ], 64)) : (c(), u(I, { key: 1 }, [
         w(d(e.FINAL_CONFIG.translations.page) + " " + d(t.currentPage + 1) + " / " + d(e.pages.length), 1)
       ], 64)),
@@ -1351,10 +1386,10 @@ function jt(n, s, r, i, t, e) {
         innerHTML: e.icons.chevronRight,
         disabled: t.currentPage === e.pages.length - 1,
         style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${t.currentPage === e.pages.length - 1 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-      }, null, 12, At)
+      }, null, 12, Lt)
     ])) : b("", !0),
     t.showChart && e.canChart ? (c(), u("div", {
-      key: 4,
+      key: 5,
       class: "vue-ui-table-chart-modal",
       style: g(`width: ${t.modalWidth}px;top:${t.clientY}px; left:${t.clientX}px;background:${e.FINAL_CONFIG.style.chart.modal.backgroundColor};color:${e.FINAL_CONFIG.style.chart.modal.color}`)
     }, [
@@ -1364,7 +1399,7 @@ function jt(n, s, r, i, t, e) {
       }, [
         a("span", {
           innerHTML: e.icons.grip
-        }, null, 8, Mt),
+        }, null, 8, At),
         a("button", {
           class: "close-chart-modal",
           onClick: s[18] || (s[18] = (l) => t.showChart = !1)
@@ -1375,14 +1410,14 @@ function jt(n, s, r, i, t, e) {
         class: "close-chart-modal",
         onClick: s[20] || (s[20] = (l) => t.showChart = !1)
       }, " ✖ ", 4),
-      a("div", Dt, [
+      a("div", Mt, [
         e.availableDonutCategories.length ? (c(), u("button", {
           key: 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, Gt)) : b("", !0),
+        }, null, 14, Dt)) : b("", !0),
         a("button", {
           onClick: s[22] || (s[22] = (l) => {
             t.chart.type = t.constants.LINE, t.showDonutOptions = !1;
@@ -1390,7 +1425,7 @@ function jt(n, s, r, i, t, e) {
           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, Tt),
+        }, null, 14, Gt),
         a("button", {
           onClick: s[23] || (s[23] = (l) => {
             t.chart.type = t.constants.BAR, t.showDonutOptions = !1;
@@ -1398,16 +1433,16 @@ function jt(n, s, r, i, t, e) {
           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, xt)
+        }, null, 14, Tt)
       ]),
-      a("div", Et, [
+      a("div", xt, [
         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}`)
         }, [
-          a("fieldset", Bt, [
+          a("fieldset", Et, [
             a("legend", null, d(e.FINAL_CONFIG.translations.chooseCategoryColumn), 1),
-            a("div", Ht, [
+            a("div", Pt, [
               (c(!0), u(I, null, _(e.availableDonutCategories, (l, o) => (c(), u("div", {
                 key: `donut_radio_${o}`,
                 class: "vue-ui-table-fieldset-option"
@@ -1419,10 +1454,10 @@ function jt(n, s, r, i, t, e) {
                   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, Rt),
+                }, null, 44, Bt),
                 a("label", {
                   for: l.name
-                }, d(l.name), 9, Pt)
+                }, d(l.name), 9, Ht)
               ]))), 128))
             ]),
             a("button", {
@@ -1434,13 +1469,13 @@ function jt(n, s, r, i, t, e) {
               a("div", {
                 style: { "margin-bottom": "-3px" },
                 innerHTML: e.icons.donut
-              }, null, 8, Ut),
+              }, null, 8, zt),
               w(" " + d(e.FINAL_CONFIG.translations.makeDonut), 1)
-            ], 12, zt)
+            ], 12, Rt)
           ])
         ], 4)) : b("", !0),
         [t.constants.BAR, t.constants.LINE].includes(t.chart.type) && !t.showDonutOptions ? (c(), u(I, { key: 1 }, [
-          a("div", Vt, [
+          a("div", Ut, [
             t.chart.type === t.constants.LINE ? (c(), E(y, {
               key: 0,
               dataset: e.chartData.xyDatasetLine,
@@ -1465,7 +1500,7 @@ function jt(n, s, r, i, t, e) {
             })), 1)
           ], 4)) : b("", !0)
         ], 64)) : b("", !0),
-        [t.constants.DONUT].includes(t.chart.type) && !t.showDonutOptions ? (c(), u("div", Xt, [
+        [t.constants.DONUT].includes(t.chart.type) && !t.showDonutOptions ? (c(), u("div", Vt, [
           ee(f, {
             dataset: t.currentDonut,
             config: e.chartData.donutConfig
@@ -1475,7 +1510,7 @@ function jt(n, s, r, i, t, e) {
     ], 4)) : b("", !0)
   ], 4);
 }
-const Qt = /* @__PURE__ */ te(se, [["render", jt], ["__scopeId", "data-v-9b6f6f87"]]);
+const qt = /* @__PURE__ */ te(se, [["render", Xt], ["__scopeId", "data-v-e6189df5"]]);
 export {
-  Qt as default
+  qt as default
 };