vue-data-ui 3.2.5 → 3.2.7

package/dist/{vue-ui-table-DZ_jLauo.js → vue-ui-table-CEt97z7F.js}

@@ -1,11 +1,11 @@
-import { a2 as U, t as V, m as T, y as X, d as j, r as Y, x as W, a6 as J, h as K, E as Z, p as q } from "./lib-BEpWEyMm.js";
-import { u as Q } from "./useNestedProp-B9OeNO-E.js";
-import $ from "./vue-ui-xy-vlcc3Vxv.js";
-import ee from "./vue-ui-donut-fadiDQvI.js";
-import te from "./BaseIcon-Bz-1GQhu.js";
-import { resolveComponent as G, createElementBlock as u, openBlock as c, normalizeStyle as g, createCommentVNode as b, createElementVNode as a, toDisplayString as h, withDirectives as O, withKeys as L, withModifiers as S, vModelText as A, createVNode as E, Fragment as p, renderList as k, normalizeClass as C, createTextVNode as w, vModelSelect as P, createBlock as B, ref as se, computed as ne } from "vue";
-import { _ as re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const le = {
+import { a2 as Y, t as W, m as G, y as J, d as K, r as Z, x as q, a6 as Q, h as $, E as ee, s as E, p as te } from "./lib-BEpWEyMm.js";
+import { u as se } from "./useNestedProp-BOk-tPdu.js";
+import ne from "./vue-ui-xy-BxpuE9Ng.js";
+import re from "./vue-ui-donut-a82yzfvT.js";
+import le from "./BaseIcon-Bz-1GQhu.js";
+import { resolveComponent as x, createElementBlock as u, openBlock as c, normalizeStyle as g, createCommentVNode as b, createElementVNode as a, toDisplayString as h, withDirectives as O, withKeys as L, withModifiers as S, vModelText as A, createVNode as P, Fragment as C, renderList as k, normalizeClass as p, createTextVNode as _, vModelSelect as H, createBlock as R, ref as oe, computed as ae, useCssVars as ie } from "vue";
+import { _ as ce } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const D = {
   name: "vue-ui-table",
   props: {
     config: {
@@ -21,7 +21,7 @@ const le = {
       }
     }
   },
-  components: { VueUiXy: $, VueUiDonut: ee, BaseIcon: te },
+  components: { VueUiXy: ne, VueUiDonut: re, BaseIcon: le },
   emits: ["page-change"],
   data() {
     return {
@@ -79,7 +79,7 @@ const le = {
       itemsPerPage: this.config.rowsPerPage ? this.config.rowsPerPage : 25,
       multiselects: {},
       paginatorOptions: [.../* @__PURE__ */ new Set([10, 25, 50, 100, 250, 500, this.config.rowsPerPage ? this.config.rowsPerPage : 25, this.dataset.body.length])].sort((t, r) => t - r),
-      palette: q,
+      palette: te,
       percentages: {},
       rafId: null,
       rangeFilters: {},
@@ -118,7 +118,7 @@ const le = {
     };
   },
   setup() {
-    const n = se(null), t = ne(() => n.value ? n.value.getBoundingClientRect().height + 3 : 3);
+    const n = oe(null), t = ae(() => n.value ? n.value.getBoundingClientRect().height + 3 : 3);
     return {
       tableCaption: n,
       exportButtonTop: t
@@ -194,6 +194,36 @@ Provide an array of objects of type:
     }
   },
   computed: {
+    colorCancelInactive() {
+      return this.FINAL_CONFIG.style.th.buttons.cancel.inactive.backgroundColor;
+    },
+    textColorCancelInactive() {
+      return this.FINAL_CONFIG.style.th.buttons.cancel.inactive.color;
+    },
+    colorCancelActive() {
+      return this.FINAL_CONFIG.style.th.buttons.cancel.active.backgroundColor;
+    },
+    colorCancelActiveLight() {
+      return G(this.colorCancelActive, 0.33);
+    },
+    colorCancelActiveOutline() {
+      return E(this.colorCancelActive, 33);
+    },
+    colorButtonSortActive() {
+      return this.FINAL_CONFIG.style.th.buttons.filter.active.backgroundColor;
+    },
+    colorButtonSortActiveLight() {
+      return G(this.colorButtonSortActive, 0.33);
+    },
+    colorButtonSortActiveOutline() {
+      return E(this.colorButtonSortActive, 33);
+    },
+    colorButtonSortInactive() {
+      return this.FINAL_CONFIG.style.th.buttons.filter.inactive.backgroundColor;
+    },
+    colorButtonSortActiveColorText() {
+      return this.FINAL_CONFIG.style.th.buttons.filter.active.color;
+    },
     dateHeaders() {
       return [...this.tableHead].filter((n) => n.type === this.constants.DATE);
     },
@@ -219,9 +249,9 @@ Provide an array of objects of type:
     },
     chartData() {
       if (!this.canChart) return [];
-      const n = 316, t = 512, r = this.currentSelectionSpan.rows.length, i = t / r, s = Math.max(...this.currentSelectionSpan.rows.map((v) => v.value)), e = Math.min(...this.currentSelectionSpan.rows.map((v) => v.value)), m = this.dataset.header[this.currentSelectionSpan.col].isPercentage && this.dataset.header[this.currentSelectionSpan.col].percentageTo, f = this.chart.type === this.constants.DONUT && this.selectedDonutCategory && this.selectedDonutCategory.name, _ = this.dataset.header[this.currentSelectionSpan.col].name + (m ? ` / ${this.dataset.header[this.percentages[this.currentSelectionSpan.col].referenceIndex].name}` : "") + (f ? ` ${this.FINAL_CONFIG.translations.by} ${this.selectedDonutCategory.name}` : ""), o = this.dataset.header[this.currentSelectionSpan.col].prefix, l = this.dataset.header[this.currentSelectionSpan.col].suffix, d = [
+      const n = 316, t = 512, r = this.currentSelectionSpan.rows.length, i = t / r, s = Math.max(...this.currentSelectionSpan.rows.map((v) => v.value)), e = Math.min(...this.currentSelectionSpan.rows.map((v) => v.value)), m = this.dataset.header[this.currentSelectionSpan.col].isPercentage && this.dataset.header[this.currentSelectionSpan.col].percentageTo, f = this.chart.type === this.constants.DONUT && this.selectedDonutCategory && this.selectedDonutCategory.name, w = this.dataset.header[this.currentSelectionSpan.col].name + (m ? ` / ${this.dataset.header[this.percentages[this.currentSelectionSpan.col].referenceIndex].name}` : "") + (f ? ` ${this.FINAL_CONFIG.translations.by} ${this.selectedDonutCategory.name}` : ""), o = this.dataset.header[this.currentSelectionSpan.col].prefix, l = this.dataset.header[this.currentSelectionSpan.col].suffix, d = [
         {
-          name: _,
+          name: w,
           series: this.currentSelectionSpan.rows.map((v) => v.value),
           type: "line",
           useProgression: !0,
@@ -231,13 +261,13 @@ Provide an array of objects of type:
         }
       ], y = [
         {
-          name: _,
+          name: w,
           series: this.currentSelectionSpan.rows.map((v) => v.value),
           type: "bar",
           useProgression: !0,
           color: this.FINAL_CONFIG.style.chart.layout.bar.fill
         }
-      ], I = this.FINAL_CONFIG.style.chart.modal.backgroundColor, N = this.adaptColorToBackground(I), F = this.dataset.header[this.currentSelectionSpan.col].decimals, H = {
+      ], I = this.FINAL_CONFIG.style.chart.modal.backgroundColor, N = this.adaptColorToBackground(I), F = this.dataset.header[this.currentSelectionSpan.col].decimals, V = {
         chart: {
           backgroundColor: I,
           color: N,
@@ -247,7 +277,7 @@ Provide an array of objects of type:
             suffix: l
           },
           grid: {
-            stroke: T(N, 0.5),
+            stroke: G(N, 0.5),
             labels: {
               color: N,
               xAxisLabels: {
@@ -267,7 +297,7 @@ Provide an array of objects of type:
             color: N
           },
           title: {
-            text: _,
+            text: w,
             color: N,
             fontSize: 18
           },
@@ -321,9 +351,9 @@ Provide an array of objects of type:
             rounding: F
           }
         }
-      }, x = e >= 0 ? 0 : Math.abs(e), R = s + x, M = this.dataset.header[this.currentSelectionSpan.col].isPercentage, D = this.currentSelectionSpan.rows.map((v, z) => ({
-        x: i * z + i / 2,
-        y: (1 - (v.value + x) / R) * n,
+      }, T = e >= 0 ? 0 : Math.abs(e), X = s + T, M = this.dataset.header[this.currentSelectionSpan.col].isPercentage, B = this.currentSelectionSpan.rows.map((v, j) => ({
+        x: i * j + i / 2,
+        y: (1 - (v.value + T) / X) * 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 : "",
@@ -396,7 +426,7 @@ Provide an array of objects of type:
                 right: 12
               },
               title: {
-                text: _,
+                text: w,
                 color: N,
                 fontSize: 18
               },
@@ -410,10 +440,10 @@ Provide an array of objects of type:
             }
           }
         },
-        xyConfig: H,
+        xyConfig: V,
         xyDatasetLine: d,
         xyDatasetBar: y,
-        progression: D.length >= 2 ? this.calcLinearProgression(D) : !1
+        progression: B.length >= 2 ? this.calcLinearProgression(B) : !1
       };
     },
     hasNumericTypes() {
@@ -461,7 +491,7 @@ Provide an array of objects of type:
       };
     },
     FINAL_CONFIG() {
-      const { vue_ui_table: n } = Q();
+      const { vue_ui_table: n } = se();
       if (!Object.keys(this.config || {}).length)
         return n;
       const t = this.treeShake({
@@ -476,15 +506,15 @@ Provide an array of objects of type:
   },
   methods: {
     // lib
-    adaptColorToBackground: Z,
-    convertColorToHex: K,
-    convertConfigColors: J,
-    createCsvContent: W,
-    darkenHexColor: Y,
-    dataLabel: j,
-    downloadCsv: X,
-    lightenHexColor: T,
-    treeShake: V,
+    adaptColorToBackground: ee,
+    convertColorToHex: $,
+    convertConfigColors: Q,
+    createCsvContent: q,
+    darkenHexColor: Z,
+    dataLabel: K,
+    downloadCsv: J,
+    lightenHexColor: G,
+    treeShake: W,
     // specific
     applyDonutOption() {
       const n = this.selectedDonutCategory.options.map((t, r) => ({
@@ -507,7 +537,7 @@ Provide an array of objects of type:
       const t = this.dataset.header.map((e) => e.name), r = n === "all" ? this.bodyCopy.map((e) => e.td) : this.visibleRows.map((e) => e.td), i = [t].concat(r), s = this.createCsvContent(i);
       this.downloadCsv({ csvContent: s, title: this.filename });
     },
-    calcLinearProgression: U,
+    calcLinearProgression: Y,
     closeAllDropdowns() {
       const n = document.getElementsByClassName("th-dropdown");
       n.length && Array.from(n).forEach((t) => {
@@ -538,7 +568,7 @@ Provide an array of objects of type:
       return this.rows.map((t) => t[n]).map((t) => isNaN(Number(t)) ? 0 : t).reduce((t, r) => t + r, 0) / this.bodyCopy.length;
     },
     getDatesRange(n) {
-      const t = this.dataset.body.map((y) => new Date(y.td[n])), r = new Date(Math.min(...t)), i = new Date(Math.max(...t)), s = r.getFullYear(), e = i.getFullYear(), m = String(r.getMonth() + 1).padStart(2, "0"), f = String(i.getMonth() + 1).padStart(2, "0"), _ = String(r.getDate()).padStart(2, "0"), o = String(i.getDate()).padStart(2, "0"), l = `${s}-${m}-${_}`, d = `${e}-${f}-${o}`;
+      const t = this.dataset.body.map((y) => new Date(y.td[n])), r = new Date(Math.min(...t)), i = new Date(Math.max(...t)), s = r.getFullYear(), e = i.getFullYear(), m = String(r.getMonth() + 1).padStart(2, "0"), f = String(i.getMonth() + 1).padStart(2, "0"), w = String(r.getDate()).padStart(2, "0"), o = String(i.getDate()).padStart(2, "0"), l = `${s}-${m}-${w}`, d = `${e}-${f}-${o}`;
       return {
         from: l,
         to: d
@@ -629,7 +659,7 @@ Provide an array of objects of type:
       n.preventDefault();
       const t = n.keyCode, r = 38, i = 40, s = 37, e = 39;
       if (![r, i, s, e].includes(t)) return;
-      const m = n.target.id, f = /cell_(\d+)_(\d+)_vue-ui-table-(\d+)/, _ = m.match(f), o = parseInt(_[1]), l = parseInt(_[2]), d = document.getElementById(`cell_${o}_${l + 1}_${this.uid}`), y = document.getElementById(`cell_${o}_${l - 1}_${this.uid}`), I = document.getElementById(`cell_${o + 1}_${l}_${this.uid}`), N = document.getElementById(`cell_${o - 1}_${l}_${this.uid}`);
+      const m = n.target.id, f = /cell_(\d+)_(\d+)_vue-ui-table-(\d+)/, w = m.match(f), o = parseInt(w[1]), l = parseInt(w[2]), d = document.getElementById(`cell_${o}_${l + 1}_${this.uid}`), y = document.getElementById(`cell_${o}_${l - 1}_${this.uid}`), I = document.getElementById(`cell_${o + 1}_${l}_${this.uid}`), N = document.getElementById(`cell_${o - 1}_${l}_${this.uid}`);
       let F;
       switch (!0) {
         case t === e:
@@ -843,57 +873,71 @@ 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);
     }
   }
-}, oe = ["innerHTML"], ae = ["data-is-open"], ie = { class: "vue-ui-table-export-hub-options" }, ce = { class: "vue-ui-table-export-hub-option-wrapper" }, ue = { class: "label" }, he = ["innerHTML"], de = { class: "vue-ui-table-export-hub-option-wrapper" }, ge = { class: "label" }, me = ["innerHTML"], ye = { class: "vue-ui-table-dialog-field" }, be = {
+}, z = () => {
+  ie((n) => ({
+    v2185bfdf: n.colorCancelInactive,
+    v75fca41c: n.textColorCancelInactive,
+    v93649c88: n.colorCancelActiveLight,
+    v8b31a10c: n.colorCancelActive,
+    v0d8df368: n.colorCancelActiveOutline,
+    v4677ef86: n.colorButtonSortActiveLight,
+    v77680920: n.colorButtonSortActive,
+    a0b6fcc0: n.colorButtonSortActiveColorText,
+    v3c1fe6b2: n.colorButtonSortActiveOutline
+  }));
+}, U = D.setup;
+D.setup = U ? (n, t) => (z(), U(n, t)) : z;
+const ue = ["innerHTML"], he = ["data-is-open"], de = { class: "vue-ui-table-export-hub-options" }, ge = { class: "vue-ui-table-export-hub-option-wrapper" }, me = { class: "label" }, ye = ["innerHTML"], be = { class: "vue-ui-table-export-hub-option-wrapper" }, fe = { class: "label" }, Ne = ["innerHTML"], Ce = { class: "vue-ui-table-dialog-field" }, pe = {
   class: "label vue-ui-table-dialog-input-label",
   style: { width: "100%" }
-}, fe = { style: { width: "fit-content" } }, Ne = { class: "vue-ui-table" }, pe = { key: 0 }, Ce = { key: 0 }, Ie = { key: 1 }, Fe = {
+}, Ie = { style: { width: "fit-content" } }, Fe = { class: "vue-ui-table" }, ve = { key: 0 }, _e = { key: 0 }, we = { key: 1 }, ke = {
   key: 0,
   style: { display: "flex", "align-items": "center", "justify-content": "flex-end" }
-}, ve = ["innerHTML"], we = {
+}, Oe = ["innerHTML"], Le = {
   key: 0,
   style: { "margin-left": "3px" }
-}, _e = { key: 0 }, ke = { class: "th-filter" }, Oe = {
+}, Se = { key: 0 }, Ae = { class: "th-filter" }, Me = {
   key: 0,
   class: "th-date"
-}, Le = { class: "date-wrapper--inputs" }, Se = { class: "date-fieldset" }, Ae = ["for"], Me = ["id", "onUpdate:modelValue", "onInput"], Ge = { class: "date-fieldset" }, xe = ["for"], De = ["id", "onUpdate:modelValue", "onInput"], Te = { class: "date-wrapper--button" }, Ee = ["onClick"], Pe = ["innerHTML"], Be = ["innerHTML"], He = ["innerHTML"], Re = ["onClick", "disabled"], ze = ["placeholder", "onUpdate:modelValue", "name"], Ue = ["onClick"], Ve = ["innerHTML"], Xe = ["innerHTML"], je = ["innerHTML"], Ye = ["onClick", "innerHTML"], We = ["innerHTML"], Je = {
+}, Ge = { class: "date-wrapper--inputs" }, xe = { class: "date-fieldset" }, De = ["for"], Te = ["id", "onUpdate:modelValue", "onInput"], Be = { class: "date-fieldset" }, Ee = ["for"], Pe = ["id", "onUpdate:modelValue", "onInput"], He = { class: "date-wrapper--button" }, Re = ["onClick"], ze = ["innerHTML"], Ue = ["innerHTML"], Ve = ["innerHTML"], Xe = ["onClick", "disabled"], je = ["placeholder", "onUpdate:modelValue", "name"], Ye = ["onClick"], We = ["innerHTML"], Je = ["innerHTML"], Ke = ["innerHTML"], Ze = ["onClick", "innerHTML"], qe = ["innerHTML"], Qe = {
   key: 5,
   class: "th-range-filter"
-}, Ke = ["for"], Ze = ["id", "max", "min", "onUpdate:modelValue"], qe = ["id", "max", "min", "onUpdate:modelValue"], Qe = ["for"], $e = ["onClick", "disabled"], et = ["id"], tt = ["onClick"], st = ["onClick", "onKeyup"], nt = ["innerHTML", "onClick", "onKeyup"], rt = ["data-row"], lt = ["data-row"], ot = ["data-row", "onClick", "onKeyup", "id"], at = ["innerHTML"], it = { key: 1 }, ct = { key: 2 }, ut = { key: 5 }, ht = ["innerHTML"], dt = { key: 0 }, gt = { style: { "margin-left": "12px" } }, mt = { class: "format-num" }, yt = { style: { "margin-left": "12px" } }, bt = {
+}, $e = ["for"], et = ["id", "max", "min", "onUpdate:modelValue"], tt = ["id", "max", "min", "onUpdate:modelValue"], st = ["for"], nt = ["onClick", "disabled"], rt = ["id"], lt = ["onClick"], ot = ["onClick", "onKeyup"], at = ["innerHTML", "onClick", "onKeyup"], it = ["data-row"], ct = ["data-row"], ut = ["data-row", "onClick", "onKeyup", "id"], ht = ["innerHTML"], dt = { key: 1 }, gt = { key: 2 }, mt = { key: 5 }, yt = ["innerHTML"], bt = { key: 0 }, ft = { style: { "margin-left": "12px" } }, Nt = { class: "format-num" }, Ct = { style: { "margin-left": "12px" } }, pt = {
   key: 0,
   class: "format-num"
-}, ft = {
+}, It = {
   key: 1,
   class: "format-num"
-}, Nt = { key: 2 }, pt = { style: { "margin-left": "12px" } }, Ct = {
+}, Ft = { key: 2 }, vt = { style: { "margin-left": "12px" } }, _t = {
   key: 0,
   class: "format-num"
-}, It = {
+}, wt = {
   key: 1,
   class: "format-num"
-}, Ft = { key: 2 }, vt = {
+}, kt = { key: 2 }, Ot = {
   key: 1,
   class: "vue-ui-table-paginator format-num"
-}, wt = {
+}, Lt = {
   key: 2,
   class: "vue-ui-table-size-warning"
-}, _t = ["innerHTML"], kt = {
+}, St = ["innerHTML"], At = {
   key: 4,
   class: "vue-ui-table-pagination format-num"
-}, Ot = ["innerHTML", "disabled"], Lt = ["disabled"], St = {
+}, Mt = ["innerHTML", "disabled"], Gt = ["disabled"], xt = {
   key: 0,
   class: "vue-ui-table-page-scroller-wrapper"
-}, At = {
+}, Dt = {
   for: "pageScroller",
   style: { "font-size": "14px" }
-}, Mt = ["max", "value"], Gt = { key: 1 }, xt = ["disabled"], Dt = ["innerHTML", "disabled"], Tt = ["innerHTML"], Et = { class: "chart-modal-options" }, Pt = ["innerHTML"], Bt = ["innerHTML"], Ht = ["innerHTML"], Rt = {
+}, Tt = ["max", "value"], Bt = { key: 1 }, Et = ["disabled"], Pt = ["innerHTML", "disabled"], Ht = ["innerHTML"], Rt = { class: "chart-modal-options" }, zt = ["innerHTML"], Ut = ["innerHTML"], Vt = ["innerHTML"], Xt = {
   style: { width: "100%", height: "fit-content" },
   ref: "chartModal"
-}, zt = { class: "vue-ui-table-fieldset" }, Ut = { class: "vue-ui-table-fieldset-wrapper" }, Vt = ["name", "id", "checked", "onInput"], Xt = ["for"], jt = ["disabled"], Yt = ["innerHTML"], Wt = { key: 0 }, Jt = { style: { width: "100%", "margin-bottom": "12px" } }, Kt = {
+}, jt = { class: "vue-ui-table-fieldset" }, Yt = { class: "vue-ui-table-fieldset-wrapper" }, Wt = ["name", "id", "checked", "onInput"], Jt = ["for"], Kt = ["disabled"], Zt = ["innerHTML"], qt = { key: 0 }, Qt = { style: { width: "100%", "margin-bottom": "12px" } }, $t = {
   key: 2,
   style: { width: "100%", "margin-bottom": "32px" }
 };
-function Zt(n, t, r, i, s, e) {
-  const m = G("BaseIcon"), f = G("VueUiXy"), _ = G("VueUiDonut");
+function es(n, t, r, i, s, e) {
+  const m = x("BaseIcon"), f = x("VueUiXy"), w = x("VueUiDonut");
   return c(), u("div", {
     class: "vue-ui-table-main",
     style: g(`font-family: ${e.FINAL_CONFIG.fontFamily}`)
@@ -907,7 +951,7 @@ function Zt(n, t, r, i, s, e) {
         onClick: t[0] || (t[0] = (o) => s.isExportRequest = !s.isExportRequest),
         innerHTML: e.icons.export,
         style: g(`background:${e.FINAL_CONFIG.style.exportMenu.backgroundColor};color:${e.FINAL_CONFIG.style.exportMenu.color}`)
-      }, null, 12, oe),
+      }, null, 12, ue),
       a("div", {
         class: "vue-ui-table-export-hub-dropdown",
         "data-is-open": s.isExportRequest || "false",
@@ -919,9 +963,9 @@ function Zt(n, t, r, i, s, e) {
           onClick: t[1] || (t[1] = (o) => s.isExportRequest = !1),
           style: g(`background:${e.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${e.FINAL_CONFIG.style.closeButtons.color};border-radius:${e.FINAL_CONFIG.style.closeButtons.borderRadius}`)
         }, " ✖ ", 4),
-        a("div", ie, [
-          a("div", ce, [
-            a("div", ue, h(e.FINAL_CONFIG.translations.exportAllLabel) + " (" + h(s.bodyCopy.length) + ") ", 1),
+        a("div", de, [
+          a("div", ge, [
+            a("div", me, h(e.FINAL_CONFIG.translations.exportAllLabel) + " (" + h(s.bodyCopy.length) + ") ", 1),
             a("button", {
               id: "exportAll",
               onClick: t[2] || (t[2] = (o) => e.createXls("all")),
@@ -929,12 +973,12 @@ function Zt(n, t, r, i, s, e) {
             }, [
               a("div", {
                 innerHTML: e.icons.fileDownload
-              }, null, 8, he),
+              }, null, 8, ye),
               a("span", null, h(e.FINAL_CONFIG.translations.exportAllButton), 1)
             ], 4)
           ]),
-          a("div", de, [
-            a("div", ge, h(e.FINAL_CONFIG.translations.exportPageLabel), 1),
+          a("div", be, [
+            a("div", fe, h(e.FINAL_CONFIG.translations.exportPageLabel), 1),
             a("button", {
               id: "exportPage",
               onClick: t[3] || (t[3] = (o) => e.createXls("page")),
@@ -942,13 +986,13 @@ function Zt(n, t, r, i, s, e) {
             }, [
               a("div", {
                 innerHTML: e.icons.fileDownload
-              }, null, 8, me),
+              }, null, 8, Ne),
               a("span", null, h(e.FINAL_CONFIG.translations.exportPageButton), 1)
             ], 4)
           ]),
-          a("div", ye, [
-            a("label", be, [
-              a("span", fe, h(e.FINAL_CONFIG.translations.filename), 1),
+          a("div", Ce, [
+            a("label", pe, [
+              a("span", Ie, h(e.FINAL_CONFIG.translations.filename), 1),
               O(a("input", {
                 name: "filename",
                 ref: "filenameInputRef",
@@ -967,7 +1011,7 @@ function Zt(n, t, r, i, s, e) {
               class: "vue-ui-table-dialog-field-button",
               onClick: t[6] || (t[6] = (o) => s.filename = "")
             }, [
-              E(m, {
+              P(m, {
                 name: "close",
                 stroke: e.FINAL_CONFIG.style.exportMenu.color,
                 size: 18
@@ -975,14 +1019,14 @@ function Zt(n, t, r, i, s, e) {
             ])) : b("", !0)
           ])
         ])
-      ], 12, ae)
+      ], 12, he)
     ], 4)) : b("", !0),
     a("div", {
       class: "vue-ui-table__wrapper",
       style: g(`max-height:${e.FINAL_CONFIG.maxHeight}px`),
       ref: "tableWrapper"
     }, [
-      a("table", Ne, [
+      a("table", Fe, [
         e.FINAL_CONFIG.style.title.text ? (c(), u("caption", {
           key: 0,
           class: "vue-ui-table__caption",
@@ -1002,7 +1046,7 @@ function Zt(n, t, r, i, s, e) {
               color: e.FINAL_CONFIG.style.title.color
             })
           }, h(e.FINAL_CONFIG.style.title.text), 5),
-          e.FINAL_CONFIG.style.title.subtitle.text ? (c(), u(p, { key: 0 }, [
+          e.FINAL_CONFIG.style.title.subtitle.text ? (c(), u(C, { key: 0 }, [
             t[30] || (t[30] = a("br", null, null, -1)),
             a("span", {
               style: g({
@@ -1024,37 +1068,37 @@ function Zt(n, t, r, i, s, e) {
         }, [
           a("tr", null, [
             t[31] || (t[31] = a("th", { class: "invisible-cell" }, null, -1)),
-            (c(!0), u(p, null, k(s.tableHead, (o, l) => (c(), u("th", {
+            (c(!0), u(C, null, k(s.tableHead, (o, l) => (c(), u("th", {
               key: `thead_${l}`,
               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: C({ "th-has-nan": s.hasNaN[l] })
+              class: p({ "th-has-nan": s.hasNaN[l] })
             }, [
-              e.hasNumericTypes && ([s.constants.TEXT, s.constants.DATE].includes(o.type) || o.isPercentage) ? (c(), u("span", pe, [
-                w(h(o.name) + " ", 1),
-                o.isPercentage ? (c(), u("span", Ce, " / " + h(o.percentageTo), 1)) : b("", !0)
-              ])) : (c(), u("span", Ie, h(o.name), 1))
+              e.hasNumericTypes && ([s.constants.TEXT, s.constants.DATE].includes(o.type) || o.isPercentage) ? (c(), u("span", ve, [
+                _(h(o.name) + " ", 1),
+                o.isPercentage ? (c(), u("span", _e, " / " + h(o.percentageTo), 1)) : b("", !0)
+              ])) : (c(), u("span", we, h(o.name), 1))
             ], 6))), 128))
           ]),
-          e.hasNumericTypes ? (c(), u(p, { key: 0 }, [
+          e.hasNumericTypes ? (c(), u(C, { key: 0 }, [
             a("tr", null, [
               t[32] || (t[32] = a("th", { class: "invisible-cell" }, null, -1)),
-              (c(!0), u(p, null, k(s.tableHead, (o, l) => (c(), u("th", {
+              (c(!0), u(C, null, k(s.tableHead, (o, l) => (c(), u("th", {
                 key: `thead_${l}`,
-                class: C({ "th-numeric": !0, "th-has-nan": s.hasNaN[l] }),
+                class: p({ "th-numeric": !0, "th-has-nan": s.hasNaN[l] }),
                 style: g(`background:${e.FINAL_CONFIG.style.th.backgroundColor};color:${e.FINAL_CONFIG.style.th.color};outline:${e.FINAL_CONFIG.style.th.outline}`)
               }, [
-                o.sum && !s.hasNaN[l] ? (c(), u("span", Fe, [
+                o.sum && !s.hasNaN[l] ? (c(), u("span", ke, [
                   a("span", {
                     innerHTML: e.icons.sum,
                     style: { "margin-bottom": "-4px", "margin-right": "3px" }
-                  }, null, 8, ve),
-                  w(" " + h(e.dataLabel({
+                  }, null, 8, Oe),
+                  _(" " + h(e.dataLabel({
                     p: o.prefix,
                     v: Number(e.getSum(l)),
                     s: o.suffix,
                     r: o.decimals
                   })) + " ", 1),
-                  s.percentages[l] && o.percentageTo && !o.isPercentage ? (c(), u("span", we, " (" + h(isNaN(e.getSum(l) / e.getSum(s.percentages[l].referenceIndex)) ? "-" : e.dataLabel({
+                  s.percentages[l] && o.percentageTo && !o.isPercentage ? (c(), u("span", Le, " (" + h(isNaN(e.getSum(l) / e.getSum(s.percentages[l].referenceIndex)) ? "-" : e.dataLabel({
                     v: e.getSum(l) / e.getSum(s.percentages[l].referenceIndex) * 100,
                     s: "%",
                     r: o.decimals
@@ -1064,12 +1108,12 @@ function Zt(n, t, r, i, s, e) {
             ]),
             a("tr", null, [
               t[33] || (t[33] = a("th", { class: "invisible-cell" }, null, -1)),
-              (c(!0), u(p, null, k(s.tableHead, (o, l) => (c(), u("th", {
+              (c(!0), u(C, null, k(s.tableHead, (o, l) => (c(), u("th", {
                 key: `thead_${l}`,
-                class: C({ "th-numeric": !0, "th-has-nan": s.hasNaN[l] }),
+                class: p({ "th-numeric": !0, "th-has-nan": s.hasNaN[l] }),
                 style: g(`background:${e.FINAL_CONFIG.style.th.backgroundColor};color:${e.FINAL_CONFIG.style.th.color};outline:${e.FINAL_CONFIG.style.th.outline}`)
               }, [
-                o.average && !s.hasNaN[l] ? (c(), u("span", _e, " ~ " + h(isNaN(e.getAverage(l)) ? "" : e.dataLabel({
+                o.average && !s.hasNaN[l] ? (c(), u("span", Se, " ~ " + h(isNaN(e.getAverage(l)) ? "" : e.dataLabel({
                   p: o.prefix,
                   v: Number(e.getAverage(l)),
                   s: o.suffix,
@@ -1079,18 +1123,18 @@ function Zt(n, t, r, i, s, e) {
             ]),
             a("tr", null, [
               t[36] || (t[36] = a("th", { class: "invisible-cell" }, null, -1)),
-              (c(!0), u(p, null, k(s.tableHead, (o, l) => (c(), u("th", {
+              (c(!0), u(C, null, k(s.tableHead, (o, l) => (c(), u("th", {
                 key: `thead_${l}`,
-                class: C({ "th-has-nan": s.hasNaN[l] }),
+                class: p({ "th-has-nan": s.hasNaN[l] }),
                 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", ke, [
-                  o.type === s.constants.DATE && s.dates[l] ? (c(), u("div", Oe, [
-                    a("div", Le, [
-                      a("div", Se, [
+                a("div", Ae, [
+                  o.type === s.constants.DATE && s.dates[l] ? (c(), u("div", Me, [
+                    a("div", Ge, [
+                      a("div", xe, [
                         a("label", {
                           for: `from_${l}`
-                        }, h(e.FINAL_CONFIG.translations.from), 9, Ae),
+                        }, h(e.FINAL_CONFIG.translations.from), 9, De),
                         O(a("input", {
                           id: `from_${l}`,
                           type: "date",
@@ -1099,14 +1143,14 @@ function Zt(n, t, r, i, s, e) {
                             e.filterBody(), e.setFilterDatesIndexes(l);
                           },
                           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, Me), [
+                        }, null, 44, Te), [
                           [A, s.dates[l].from]
                         ])
                       ]),
-                      a("div", Ge, [
+                      a("div", Be, [
                         a("label", {
                           for: `to_${l}`
-                        }, h(e.FINAL_CONFIG.translations.to), 9, xe),
+                        }, h(e.FINAL_CONFIG.translations.to), 9, Ee),
                         O(a("input", {
                           id: `to_${l}`,
                           type: "date",
@@ -1115,36 +1159,36 @@ function Zt(n, t, r, i, s, e) {
                             e.filterBody(), e.setFilterDatesIndexes(l);
                           },
                           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, De), [
+                        }, null, 44, Pe), [
                           [A, s.dates[l].to]
                         ])
                       ])
                     ]),
-                    a("div", Te, [
+                    a("div", He, [
                       o.isSort ? (c(), u("button", {
                         key: 0,
                         onClick: (d) => e.sortTh(l, d),
-                        class: C({ "th-button-active": [s.constants.DESC, s.constants.ASC].includes(s.sorts[l]) }),
-                        style: g(`background:${[s.constants.DESC, s.constants.ASC].includes(s.sorts[l]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${[s.constants.DESC, s.constants.ASC].includes(s.sorts[l]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
+                        class: p({ "th-button-active": [s.constants.DESC, s.constants.ASC].includes(s.sorts[l]) }),
+                        style: g(`background:${[s.constants.DESC, s.constants.ASC].includes(s.sorts[l]) ? "" : e.FINAL_CONFIG.style.th.buttons.filter.inactive.backgroundColor};color:${[s.constants.DESC, s.constants.ASC].includes(s.sorts[l]) ? "" : e.FINAL_CONFIG.style.th.buttons.filter.inactive.color}`)
                       }, [
                         s.sorts[l] === s.constants.ASC ? (c(), u("span", {
                           key: 0,
                           innerHTML: [s.constants.DATE].includes(o.type) ? e.icons.sort09 : e.icons.sortAZ
-                        }, null, 8, Pe)) : s.sorts[l] === s.constants.DESC ? (c(), u("span", {
+                        }, null, 8, ze)) : s.sorts[l] === s.constants.DESC ? (c(), u("span", {
                           key: 1,
                           innerHTML: [s.constants.DATE].includes(o.type) ? e.icons.sort90 : e.icons.sortZA
-                        }, null, 8, Be)) : (c(), u("span", {
+                        }, null, 8, Ue)) : (c(), u("span", {
                           key: 2,
                           innerHTML: e.icons.arrowSort
-                        }, null, 8, He))
-                      ], 14, Ee)) : b("", !0),
+                        }, null, 8, Ve))
+                      ], 14, Re)) : b("", !0),
                       a("button", {
                         onClick: (d) => {
                           e.resetDates(l), e.resetFilter(l, o, d);
                         },
                         disabled: !s.filteredDatesIndexes[l] && e.isResetDisabled(l, o),
                         class: "th-reset"
-                      }, " ✖ ", 8, Re)
+                      }, " ✖ ", 8, Xe)
                     ])
                   ])) : b("", !0),
                   o.isSearch ? O((c(), u("input", {
@@ -1154,48 +1198,48 @@ function Zt(n, t, r, i, s, e) {
                     onInput: t[7] || (t[7] = (d) => e.debounce(e.filterBody, 400)),
                     name: `search_${l}`,
                     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, ze)), [
+                  }, null, 44, je)), [
                     [A, s.searches[l]]
                   ]) : b("", !0),
                   !s.hasNaN[l] && o.isSort && o.type !== s.constants.DATE ? (c(), u("button", {
                     key: 2,
                     onClick: (d) => e.sortTh(l, d),
-                    class: C({ "th-button-active": [s.constants.DESC, s.constants.ASC].includes(s.sorts[l]) }),
-                    style: g(`background:${[s.constants.DESC, s.constants.ASC].includes(s.sorts[l]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${[s.constants.DESC, s.constants.ASC].includes(s.sorts[l]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
+                    class: p({ "th-button-active": [s.constants.DESC, s.constants.ASC].includes(s.sorts[l]) }),
+                    style: g(`background:${[s.constants.DESC, s.constants.ASC].includes(s.sorts[l]) ? "" : e.FINAL_CONFIG.style.th.buttons.filter.inactive.backgroundColor};color:${[s.constants.DESC, s.constants.ASC].includes(s.sorts[l]) ? "" : e.FINAL_CONFIG.style.th.buttons.filter.inactive.color}`)
                   }, [
                     s.sorts[l] === s.constants.ASC ? (c(), u("span", {
                       key: 0,
                       innerHTML: [s.constants.NUMERIC].includes(o.type) ? e.icons.sort09 : e.icons.sortZA
-                    }, null, 8, Ve)) : s.sorts[l] === s.constants.DESC ? (c(), u("span", {
+                    }, null, 8, We)) : s.sorts[l] === s.constants.DESC ? (c(), u("span", {
                       key: 1,
                       innerHTML: [s.constants.NUMERIC].includes(o.type) ? e.icons.sort90 : e.icons.sortAZ
-                    }, null, 8, Xe)) : (c(), u("span", {
+                    }, null, 8, Je)) : (c(), u("span", {
                       key: 2,
                       innerHTML: e.icons.arrowSort
-                    }, null, 8, je))
-                  ], 14, Ue)) : b("", !0),
+                    }, null, 8, Ke))
+                  ], 14, Ye)) : b("", !0),
                   o.isMultiselect ? (c(), u("button", {
                     key: 3,
                     onClick: (d) => e.toggleMultiselect(l, o, d),
                     innerHTML: e.icons.filter,
-                    class: C({ "th-button-active": s.multiselects[l] && s.multiselects[l].length !== e.getDropdownOptions(l).length }),
-                    style: g(`background:${s.multiselects[l] && s.multiselects[l].length !== e.getDropdownOptions(l).length ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${s.multiselects[l] && s.multiselects[l].length !== e.getDropdownOptions(l).length ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
-                  }, null, 14, Ye)) : b("", !0),
+                    class: p({ "th-button-active": s.multiselects[l] && s.multiselects[l].length !== e.getDropdownOptions(l).length }),
+                    style: g(`background:${s.multiselects[l] && s.multiselects[l].length !== e.getDropdownOptions(l).length ? "" : e.FINAL_CONFIG.style.th.buttons.filter.inactive.backgroundColor};color:${s.multiselects[l] && s.multiselects[l].length !== e.getDropdownOptions(l).length ? "" : e.FINAL_CONFIG.style.th.buttons.filter.inactive.color}`)
+                  }, null, 14, Ze)) : b("", !0),
                   s.currentSelectionSpan.col === l && e.canChart ? (c(), u("button", {
                     key: 4,
                     onClick: t[8] || (t[8] = (d) => s.showChart = !s.showChart),
                     innerHTML: e.icons.chart,
-                    class: C({ "th-button-active": s.showChart }),
-                    style: g(`background:${s.showChart ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${s.showChart ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
-                  }, null, 14, We)) : b("", !0),
-                  o.rangeFilter && s.rangeFilters[l] && !s.hasNaN[l] ? (c(), u("div", Je, [
+                    class: p({ "th-button-active": s.showChart }),
+                    style: g(`background:${s.showChart ? "" : e.FINAL_CONFIG.style.th.buttons.filter.inactive.backgroundColor};color:${s.showChart ? "" : e.FINAL_CONFIG.style.th.buttons.filter.inactive.color}`)
+                  }, null, 14, qe)) : b("", !0),
+                  o.rangeFilter && s.rangeFilters[l] && !s.hasNaN[l] ? (c(), u("div", Qe, [
                     a("label", {
                       for: `rangeMin${l}`
                     }, [...t[34] || (t[34] = [
                       a("span", { style: { color: "grey" } }, "ᒥ", -1),
-                      w(" min ", -1),
+                      _(" min ", -1),
                       a("span", { style: { color: "grey" } }, "ᒣ", -1)
-                    ])], 8, Ke),
+                    ])], 8, $e),
                     O(a("input", {
                       type: "number",
                       id: `rangeMin${l}`,
@@ -1204,7 +1248,7 @@ function Zt(n, t, r, i, s, e) {
                       "onUpdate:modelValue": (d) => s.rangeFilters[l].min = d,
                       onInput: t[9] || (t[9] = (d) => e.debounce(e.filterBody, 400)),
                       style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                    }, null, 44, Ze), [
+                    }, null, 44, et), [
                       [
                         A,
                         s.rangeFilters[l].min,
@@ -1220,7 +1264,7 @@ function Zt(n, t, r, i, s, e) {
                       "onUpdate:modelValue": (d) => s.rangeFilters[l].max = d,
                       onInput: t[10] || (t[10] = (d) => e.debounce(e.filterBody, 400)),
                       style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                    }, null, 44, qe), [
+                    }, null, 44, tt), [
                       [
                         A,
                         s.rangeFilters[l].max,
@@ -1232,16 +1276,16 @@ function Zt(n, t, r, i, s, e) {
                       for: `rangeMax${l}`
                     }, [...t[35] || (t[35] = [
                       a("span", { style: { color: "grey" } }, "ᒪ", -1),
-                      w(" max ", -1),
+                      _(" max ", -1),
                       a("span", { style: { color: "grey" } }, "ᒧ", -1)
-                    ])], 8, Qe)
+                    ])], 8, st)
                   ])) : b("", !0),
                   e.canResetColumn(l, o) ? (c(), u("button", {
                     key: 6,
                     onClick: (d) => e.resetFilter(l, o, d),
                     disabled: e.isResetDisabled(l, o),
                     class: "th-reset"
-                  }, " ✖ ", 8, $e)) : b("", !0),
+                  }, " ✖ ", 8, nt)) : b("", !0),
                   o.isMultiselect ? (c(), u("div", {
                     key: 7,
                     class: "th-dropdown",
@@ -1253,8 +1297,8 @@ function Zt(n, t, r, i, s, e) {
                       class: "close-dropdown",
                       onClick: (d) => e.toggleMultiselect(l, o, d),
                       style: g(`background:${e.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${e.FINAL_CONFIG.style.closeButtons.color}`)
-                    }, " ✖ ", 12, tt),
-                    (c(!0), u(p, null, k(e.getDropdownOptions(l), (d, y) => (c(), u("span", {
+                    }, " ✖ ", 12, lt),
+                    (c(!0), u(C, null, k(e.getDropdownOptions(l), (d, y) => (c(), u("span", {
                       class: "th-option",
                       key: `th_option_${l}_${y}`,
                       onClick: (I) => e.selectDropdownOption(d, l),
@@ -1275,27 +1319,27 @@ function Zt(n, t, r, i, s, e) {
                         class: "th-icon-red"
                       }, h(e.FINAL_CONFIG.style.dropdowns.icons.unselected.unicode), 5)),
                       a("span", null, h(d), 1)
-                    ], 44, st))), 128))
-                  ], 12, et)) : b("", !0)
+                    ], 44, ot))), 128))
+                  ], 12, rt)) : b("", !0)
                 ])
               ], 6))), 128))
             ])
           ], 64)) : b("", !0),
           a("tr", null, [
             t[37] || (t[37] = a("th", { class: "invisible-cell" }, null, -1)),
-            (c(!0), u(p, null, k(s.tableHead, (o, l) => (c(), u("th", {
+            (c(!0), u(C, null, k(s.tableHead, (o, l) => (c(), u("th", {
               key: `col_selector_${l}`,
-              class: C({ "vue-ui-table-col-selector": !s.hasNaN[l], "th-has-nan": s.hasNaN[l] }),
+              class: p({ "vue-ui-table-col-selector": !s.hasNaN[l], "th-has-nan": s.hasNaN[l] }),
               style: g(`background:${l === s.selectedColumn && !s.hasNaN[l] ? e.FINAL_CONFIG.style.th.selected.backgroundColor : e.FINAL_CONFIG.style.th.backgroundColor};color:${l === s.selectedColumn && !s.hasNaN[l] ? e.FINAL_CONFIG.style.th.selected.color : e.FINAL_CONFIG.style.th.color};outline:${e.FINAL_CONFIG.style.th.outline}`)
             }, [
               s.hasNaN[l] ? b("", !0) : (c(), u("div", {
                 key: 0,
                 innerHTML: s.tableHead[l].type === s.constants.NUMERIC ? e.icons.chevronDown : "",
-                class: C({ "col-selector": s.tableHead[l].type === s.constants.NUMERIC }),
+                class: p({ "col-selector": s.tableHead[l].type === s.constants.NUMERIC }),
                 tabindex: "0",
                 onClick: S((d) => e.selectColumn(l), ["stop"]),
                 onKeyup: L((d) => e.selectColumn(l), ["enter"])
-              }, null, 42, nt))
+              }, null, 42, at))
             ], 6))), 128))
           ])
         ], 4),
@@ -1303,20 +1347,23 @@ function Zt(n, t, r, i, s, e) {
           onClick: t[11] || (t[11] = (...o) => e.closeAllDropdowns && e.closeAllDropdowns(...o)),
           onKeydown: t[12] || (t[12] = (o) => e.navigateCell(o))
         }, [
-          (c(!0), u(p, null, k(e.visibleRows, (o, l) => (c(), u("tr", {
+          (c(!0), u(C, null, k(e.visibleRows, (o, l) => (c(), u("tr", {
             key: `tbody_${l}`,
             "data-row": l % 2 === 0 ? "odd" : "even",
-            class: C(`tr_${s.uid}`),
+            class: p(`tr_${s.uid}`),
             style: g(`${l % 2 === 0 ? `background:${e.FINAL_CONFIG.style.rows.odd.backgroundColor};color:${e.FINAL_CONFIG.style.rows.odd.color}` : `background:${e.FINAL_CONFIG.style.rows.even.backgroundColor};color:${e.FINAL_CONFIG.style.rows.even.color}`}`)
           }, [
             a("td", {
               class: "vue-ui-table-td-iteration",
-              "data-row": l % 2 === 0 ? "odd" : "even"
-            }, h(o.absoluteIndex + 1), 9, lt),
-            (c(!0), u(p, null, k(o.td, (d, y) => (c(), u("td", {
+              "data-row": l % 2 === 0 ? "odd" : "even",
+              style: g({
+                outline: e.FINAL_CONFIG.style.rows.outline
+              })
+            }, h(o.absoluteIndex + 1), 13, ct),
+            (c(!0), u(C, null, k(o.td, (d, y) => (c(), u("td", {
               "data-row": l % 2 === 0 ? "odd" : "even",
               key: `td_${l}_${y}`,
-              style: g(e.isNumeric(d) || r.dataset.header[y].type === s.constants.DATE ? "text-align:right;font-variant-numeric: tabular-nums;" : ""),
+              style: g(e.isNumeric(d) || r.dataset.header[y].type === s.constants.DATE ? `text-align:right;font-variant-numeric: tabular-nums;outline:${e.FINAL_CONFIG.style.rows.outline}` : `outline:${e.FINAL_CONFIG.style.rows.outline}`),
               onClick: (I) => e.selectTd({
                 td: d,
                 rowIndex: l,
@@ -1340,7 +1387,7 @@ function Zt(n, t, r, i, s, e) {
                   event: I
                 }), ["space"])
               ],
-              class: C({ "td-numeric": r.dataset.header[y].type === s.constants.NUMERIC, "td-focusable": !0, "td-has-nan": s.hasNaN[y] }),
+              class: p({ "td-numeric": r.dataset.header[y].type === s.constants.NUMERIC, "td-focusable": !0, "td-has-nan": s.hasNaN[y] }),
               id: `cell_${l}_${y}_${s.uid}`,
               tabindex: "0"
             }, [
@@ -1348,14 +1395,14 @@ function Zt(n, t, r, i, s, e) {
                 key: 0,
                 style: g(`color:${o.meta.color};margin-right:3px`),
                 innerHTML: o.meta.unicodeIcon
-              }, null, 12, at)) : b("", !0),
-              r.dataset.header[y].type === s.constants.DATE ? (c(), u("span", it, h(r.dataset.header[y].prefix) + " " + h(new Date(d).toLocaleString().slice(0, 10)) + " " + h(r.dataset.header[y].suffix), 1)) : r.dataset.header[y].isPercentage ? (c(), u("span", ct, h(e.dataLabel({
+              }, null, 12, ht)) : b("", !0),
+              r.dataset.header[y].type === s.constants.DATE ? (c(), u("span", dt, h(r.dataset.header[y].prefix) + " " + h(new Date(d).toLocaleString().slice(0, 10)) + " " + h(r.dataset.header[y].suffix), 1)) : r.dataset.header[y].isPercentage ? (c(), u("span", gt, h(e.dataLabel({
                 v: Number(d * 100),
                 s: "%",
                 r: r.dataset.header[y].decimals
               })), 1)) : s.percentages[y] && r.dataset.header[y].percentageTo && !r.dataset.header[y].isPercentage ? (c(), u("span", {
                 key: 3,
-                class: C({ "td-nan": isNaN(Number(d)) })
+                class: p({ "td-nan": isNaN(Number(d)) })
               }, h(isNaN(Number(d)) ? `${d} is not ${s.constants.NUMERIC}` : e.dataLabel({
                 p: r.dataset.header[y].prefix,
                 v: Number(d),
@@ -1367,45 +1414,45 @@ function Zt(n, t, r, i, s, e) {
                 r: r.dataset.header[y].decimals
               })) + ") ", 3)) : r.dataset.header[y].type === s.constants.NUMERIC ? (c(), u("span", {
                 key: 4,
-                class: C({ "td-nan": isNaN(Number(d)) })
+                class: p({ "td-nan": isNaN(Number(d)) })
               }, h(isNaN(Number(d)) ? `${d} is not ${s.constants.NUMERIC}` : e.dataLabel({
                 p: r.dataset.header[y].prefix,
                 v: Number(d.toFixed(r.dataset.header[y].decimals)),
                 s: r.dataset.header[y].suffix,
                 r: r.dataset.header[y].decimals
-              })), 3)) : (c(), u("span", ut, h(r.dataset.header[y].prefix) + " " + h(d) + " " + h(r.dataset.header[y].suffix), 1))
-            ], 46, ot))), 128))
-          ], 14, rt))), 128))
+              })), 3)) : (c(), u("span", mt, h(r.dataset.header[y].prefix) + " " + h(d) + " " + h(r.dataset.header[y].suffix), 1))
+            ], 46, ut))), 128))
+          ], 14, it))), 128))
         ], 32)
       ])
     ], 4),
     a("div", {
-      class: C({ "td-selector-info": !0, "td-selector-info--active": s.currentSelectionSpan.col !== void 0 && s.currentSelectionSpan.rows.length }),
+      class: p({ "td-selector-info": !0, "td-selector-info--active": s.currentSelectionSpan.col !== void 0 && s.currentSelectionSpan.rows.length }),
       style: g(`background:${e.FINAL_CONFIG.style.infoBar.backgroundColor};color:${e.FINAL_CONFIG.style.infoBar.color}`)
     }, [
-      s.currentSelectionSpan.col !== void 0 && s.currentSelectionSpan.rows.length ? (c(), u(p, { key: 0 }, [
+      s.currentSelectionSpan.col !== void 0 && s.currentSelectionSpan.rows.length ? (c(), u(C, { key: 0 }, [
         a("div", {
           innerHTML: e.icons.table,
           class: "td-selector-icon"
-        }, null, 8, ht),
+        }, null, 8, yt),
         a("span", null, [
           a("b", null, [
-            w(h(r.dataset.header[s.currentSelectionSpan.col].name) + " ", 1),
-            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("span", dt, " / " + h(r.dataset.header[s.percentages[s.currentSelectionSpan.col].referenceIndex].name), 1)) : b("", !0)
-          ]),
-          a("span", gt, [
-            w(h(e.FINAL_CONFIG.translations.nb) + " : ", 1),
-            a("b", mt, h(s.currentSelectionSpan.rows.length), 1)
+            _(h(r.dataset.header[s.currentSelectionSpan.col].name) + " ", 1),
+            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("span", bt, " / " + h(r.dataset.header[s.percentages[s.currentSelectionSpan.col].referenceIndex].name), 1)) : b("", !0)
           ]),
-          a("span", yt, [
-            w(h(e.FINAL_CONFIG.translations.sum) + " : ", 1),
-            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("b", bt, h(e.selectedCellsCalculations.sumPercentage), 1)) : (c(), u("b", ft, h(r.dataset.header[s.currentSelectionSpan.col].prefix) + " " + h(e.selectedCellsCalculations.sumRegular) + " " + h(r.dataset.header[s.currentSelectionSpan.col].suffix), 1)),
-            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("b", Nt, "%")) : b("", !0)
+          a("span", ft, [
+            _(h(e.FINAL_CONFIG.translations.nb) + " : ", 1),
+            a("b", Nt, h(s.currentSelectionSpan.rows.length), 1)
           ]),
-          a("span", pt, [
-            w(h(e.FINAL_CONFIG.translations.average) + " : ", 1),
-            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("b", Ct, h(e.selectedCellsCalculations.averagePercentage), 1)) : (c(), u("b", It, h(r.dataset.header[s.currentSelectionSpan.col].prefix) + " " + h(e.selectedCellsCalculations.averageRegular) + " " + h(r.dataset.header[s.currentSelectionSpan.col].suffix), 1)),
+          a("span", Ct, [
+            _(h(e.FINAL_CONFIG.translations.sum) + " : ", 1),
+            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("b", pt, h(e.selectedCellsCalculations.sumPercentage), 1)) : (c(), u("b", It, h(r.dataset.header[s.currentSelectionSpan.col].prefix) + " " + h(e.selectedCellsCalculations.sumRegular) + " " + h(r.dataset.header[s.currentSelectionSpan.col].suffix), 1)),
             r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("b", Ft, "%")) : b("", !0)
+          ]),
+          a("span", vt, [
+            _(h(e.FINAL_CONFIG.translations.average) + " : ", 1),
+            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("b", _t, h(e.selectedCellsCalculations.averagePercentage), 1)) : (c(), u("b", wt, h(r.dataset.header[s.currentSelectionSpan.col].prefix) + " " + h(e.selectedCellsCalculations.averageRegular) + " " + h(r.dataset.header[s.currentSelectionSpan.col].suffix), 1)),
+            r.dataset.header[s.currentSelectionSpan.col].isPercentage ? (c(), u("b", kt, "%")) : b("", !0)
           ])
         ]),
         a("button", {
@@ -1415,8 +1462,8 @@ function Zt(n, t, r, i, s, e) {
         }, " ✖ ", 4)
       ], 64)) : b("", !0)
     ], 6),
-    s.bodyCopy.length > 10 ? (c(), u("div", vt, [
-      w(h(e.FINAL_CONFIG.translations.totalRows) + " : " + h(r.dataset.body.length) + " | " + h(e.FINAL_CONFIG.translations.paginatorLabel) + " : ", 1),
+    s.bodyCopy.length > 10 ? (c(), u("div", Ot, [
+      _(h(e.FINAL_CONFIG.translations.totalRows) + " : " + h(r.dataset.body.length) + " | " + h(e.FINAL_CONFIG.translations.paginatorLabel) + " : ", 1),
       s.bodyCopy.length > 10 ? O((c(), u("select", {
         key: 0,
         id: "paginatorSelector",
@@ -1426,48 +1473,48 @@ function Zt(n, t, r, i, s, e) {
         }),
         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(p, null, k(s.paginatorOptions, (o, l) => (c(), u(p, null, [
+        (c(!0), u(C, null, k(s.paginatorOptions, (o, l) => (c(), u(C, null, [
           s.bodyCopy.length > o || r.dataset.body.length === o ? (c(), u("option", {
             key: `paginator_option_${l}`
           }, h(o), 1)) : b("", !0)
         ], 64))), 256))
       ], 36)), [
         [
-          P,
+          H,
           s.itemsPerPage,
           void 0,
           { number: !0 }
         ]
       ]) : b("", !0)
     ])) : b("", !0),
-    s.itemsPerPage >= 250 ? (c(), u("div", wt, [
+    s.itemsPerPage >= 250 ? (c(), u("div", Lt, [
       a("span", {
         innerHTML: e.icons.warning
-      }, null, 8, _t),
-      w(h(e.FINAL_CONFIG.translations.sizeWarning), 1)
+      }, null, 8, St),
+      _(h(e.FINAL_CONFIG.translations.sizeWarning), 1)
     ])) : b("", !0),
     e.pages.length > 1 && e.pages.length <= 10 ? (c(), u("div", {
       key: 3,
       class: "vue-ui-table-navigation-indicator",
       style: g(`background:${e.FINAL_CONFIG.style.pagination.navigationIndicator.backgroundColor};width:calc(${s.currentPage / (e.pages.length - 1) * 100}%)`)
     }, null, 4)) : b("", !0),
-    e.pages.length > 1 ? (c(), u("div", kt, [
+    e.pages.length > 1 ? (c(), u("div", At, [
       a("button", {
         class: "vue-ui-table-navigation",
         onClick: t[16] || (t[16] = S((o) => e.navigate("previous"), ["stop"])),
         innerHTML: e.icons.chevronLeft,
         disabled: s.currentPage === 0,
         style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${s.currentPage === 0 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-      }, null, 12, Ot),
-      e.pages.length > 3 ? (c(), u(p, { key: 0 }, [
+      }, null, 12, Mt),
+      e.pages.length > 3 ? (c(), u(C, { key: 0 }, [
         a("button", {
           class: "vue-ui-table-navigation",
           onClick: t[17] || (t[17] = S((o) => e.navigate(1), ["stop"])),
           disabled: s.currentPage === 0,
           style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${s.currentPage === 0 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-        }, " 1 ", 12, Lt),
-        e.pages.length > 10 ? (c(), u("div", St, [
-          a("label", At, h(e.FINAL_CONFIG.translations.page) + " " + h(s.currentPage + 1) + " / " + h(e.pages.length), 1),
+        }, " 1 ", 12, Gt),
+        e.pages.length > 10 ? (c(), u("div", xt, [
+          a("label", Dt, h(e.FINAL_CONFIG.translations.page) + " " + h(s.currentPage + 1) + " / " + h(e.pages.length), 1),
           a("input", {
             class: "vue-ui-table-page-scroller",
             id: "pageScroller",
@@ -1478,16 +1525,16 @@ function Zt(n, t, r, i, s, e) {
             onInput: t[18] || (t[18] = (o) => e.updateCurrentPage(o)),
             value: s.currentPage,
             style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border};accent-color:${e.FINAL_CONFIG.style.inputs.accentColor}`)
-          }, null, 44, Mt)
-        ])) : (c(), u("span", Gt, h(e.FINAL_CONFIG.translations.page) + " " + h(s.currentPage + 1) + " / " + h(e.pages.length), 1)),
+          }, null, 44, Tt)
+        ])) : (c(), u("span", Bt, h(e.FINAL_CONFIG.translations.page) + " " + h(s.currentPage + 1) + " / " + h(e.pages.length), 1)),
         a("button", {
           class: "vue-ui-table-navigation",
           onClick: t[19] || (t[19] = S((o) => e.navigate(e.pages.length), ["stop"])),
           disabled: s.currentPage === e.pages.length - 1,
           style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${s.currentPage === e.pages.length - 1 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-        }, h(e.pages.length), 13, xt)
-      ], 64)) : (c(), u(p, { key: 1 }, [
-        w(h(e.FINAL_CONFIG.translations.page) + " " + h(s.currentPage + 1) + " / " + h(e.pages.length), 1)
+        }, h(e.pages.length), 13, Et)
+      ], 64)) : (c(), u(C, { key: 1 }, [
+        _(h(e.FINAL_CONFIG.translations.page) + " " + h(s.currentPage + 1) + " / " + h(e.pages.length), 1)
       ], 64)),
       a("button", {
         class: "vue-ui-table-navigation",
@@ -1495,7 +1542,7 @@ function Zt(n, t, r, i, s, e) {
         innerHTML: e.icons.chevronRight,
         disabled: s.currentPage === e.pages.length - 1,
         style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${s.currentPage === e.pages.length - 1 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-      }, null, 12, Dt)
+      }, null, 12, Pt)
     ])) : b("", !0),
     s.showChart && e.canChart ? (c(), u("div", {
       key: 5,
@@ -1508,7 +1555,7 @@ function Zt(n, t, r, i, s, e) {
       }, [
         a("span", {
           innerHTML: e.icons.grip
-        }, null, 8, Tt),
+        }, null, 8, Ht),
         a("button", {
           class: "close-chart-modal",
           onClick: t[21] || (t[21] = (o) => s.showChart = !1)
@@ -1519,40 +1566,40 @@ function Zt(n, t, r, i, s, e) {
         class: "close-chart-modal",
         onClick: t[23] || (t[23] = (o) => s.showChart = !1)
       }, " ✖ ", 4),
-      a("div", Et, [
+      a("div", Rt, [
         e.availableDonutCategories.length ? (c(), u("button", {
           key: 0,
           onClick: t[24] || (t[24] = (o) => s.showDonutOptions = !0),
           innerHTML: e.icons.donut,
-          class: C({ "is-active-chart": s.chart.type === s.constants.DONUT || s.showDonutOptions }),
+          class: p({ "is-active-chart": s.chart.type === s.constants.DONUT || s.showDonutOptions }),
           style: g(`background:${s.chart.type === s.constants.DONUT || s.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${s.chart.type === s.constants.DONUT || s.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.color : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)
-        }, null, 14, Pt)) : b("", !0),
+        }, null, 14, zt)) : b("", !0),
         a("button", {
           onClick: t[25] || (t[25] = (o) => {
             s.chart.type = s.constants.LINE, s.showDonutOptions = !1;
           }),
           innerHTML: e.icons.chart,
-          class: C({ "is-active-chart": s.chart.type === s.constants.LINE && !s.showDonutOptions }),
+          class: p({ "is-active-chart": s.chart.type === s.constants.LINE && !s.showDonutOptions }),
           style: g(`background:${s.chart.type === s.constants.LINE && !s.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${s.chart.type === s.constants.LINE && !s.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.color : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)
-        }, null, 14, Bt),
+        }, null, 14, Ut),
         a("button", {
           onClick: t[26] || (t[26] = (o) => {
             s.chart.type = s.constants.BAR, s.showDonutOptions = !1;
           }),
           innerHTML: e.icons.bar,
-          class: C({ "is-active-chart": s.chart.type === s.constants.BAR && !s.showDonutOptions }),
+          class: p({ "is-active-chart": s.chart.type === s.constants.BAR && !s.showDonutOptions }),
           style: g(`background:${s.chart.type === s.constants.BAR && !s.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${s.chart.type === s.constants.BAR && !s.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.color : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)
-        }, null, 14, Ht)
+        }, null, 14, Vt)
       ]),
-      a("div", Rt, [
+      a("div", Xt, [
         s.showDonutOptions && e.availableDonutCategories.length ? (c(), u("div", {
           key: 0,
           style: g(`background:${e.FINAL_CONFIG.style.chart.modal.backgroundColor};color:${e.FINAL_CONFIG.style.chart.modal.color}`)
         }, [
-          a("fieldset", zt, [
+          a("fieldset", jt, [
             a("legend", null, h(e.FINAL_CONFIG.translations.chooseCategoryColumn), 1),
-            a("div", Ut, [
-              (c(!0), u(p, null, k(e.availableDonutCategories, (o, l) => (c(), u("div", {
+            a("div", Yt, [
+              (c(!0), u(C, null, k(e.availableDonutCategories, (o, l) => (c(), u("div", {
                 key: `donut_radio_${l}`,
                 class: "vue-ui-table-fieldset-option"
               }, [
@@ -1563,10 +1610,10 @@ function Zt(n, t, r, i, s, e) {
                   checked: s.selectedDonutCategory && o.name === s.selectedDonutCategory.name,
                   onInput: (d) => s.selectedDonutCategory = e.availableDonutCategories[l],
                   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, Vt),
+                }, null, 44, Wt),
                 a("label", {
                   for: o.name
-                }, h(o.name), 9, Xt)
+                }, h(o.name), 9, Jt)
               ]))), 128))
             ]),
             a("button", {
@@ -1578,29 +1625,29 @@ function Zt(n, t, r, i, s, e) {
               a("div", {
                 style: { "margin-bottom": "-3px" },
                 innerHTML: e.icons.donut
-              }, null, 8, Yt),
-              w(" " + h(e.FINAL_CONFIG.translations.makeDonut), 1)
-            ], 12, jt)
+              }, null, 8, Zt),
+              _(" " + h(e.FINAL_CONFIG.translations.makeDonut), 1)
+            ], 12, Kt)
           ])
         ], 4)) : b("", !0),
-        [s.constants.BAR, s.constants.LINE].includes(s.chart.type) && !s.showDonutOptions ? (c(), u(p, { key: 1 }, [
-          e.chartTimeLabelOptions.length > 1 ? (c(), u("label", Wt, [
-            w(h(e.FINAL_CONFIG.translations.xAxisLabels) + " ", 1),
+        [s.constants.BAR, s.constants.LINE].includes(s.chart.type) && !s.showDonutOptions ? (c(), u(C, { key: 1 }, [
+          e.chartTimeLabelOptions.length > 1 ? (c(), u("label", qt, [
+            _(h(e.FINAL_CONFIG.translations.xAxisLabels) + " ", 1),
             O(a("select", {
               "onUpdate:modelValue": t[28] || (t[28] = (o) => s.chartTimeLabelSourceModel = o)
             }, [
-              (c(!0), u(p, null, k(e.chartTimeLabelOptions, (o) => (c(), u("option", null, h(o), 1))), 256))
+              (c(!0), u(C, null, k(e.chartTimeLabelOptions, (o) => (c(), u("option", null, h(o), 1))), 256))
             ], 512), [
-              [P, s.chartTimeLabelSourceModel]
+              [H, s.chartTimeLabelSourceModel]
             ])
           ])) : b("", !0),
-          a("div", Jt, [
-            s.chart.type === s.constants.LINE ? (c(), B(f, {
+          a("div", Qt, [
+            s.chart.type === s.constants.LINE ? (c(), R(f, {
               key: `chart_line_${s.chartStep}`,
               dataset: e.chartData.xyDatasetLine,
               config: e.chartData.xyConfig
             }, null, 8, ["dataset", "config"])) : b("", !0),
-            s.chart.type === s.constants.BAR ? (c(), B(f, {
+            s.chart.type === s.constants.BAR ? (c(), R(f, {
               key: `chart_bar_${s.chartStep}`,
               dataset: e.chartData.xyDatasetBar,
               config: e.chartData.xyConfig
@@ -1612,15 +1659,15 @@ function Zt(n, t, r, i, s, e) {
             style: g(`color:${e.FINAL_CONFIG.style.chart.modal.color}`)
           }, [
             t[38] || (t[38] = a("span", null, "---", -1)),
-            w(" Trend: " + h(e.dataLabel({
+            _(" Trend: " + h(e.dataLabel({
               v: e.chartData.progression.trend * 100,
               s: "%",
               r: 1
             })), 1)
           ], 4)) : b("", !0)
         ], 64)) : b("", !0),
-        [s.constants.DONUT].includes(s.chart.type) && !s.showDonutOptions ? (c(), u("div", Kt, [
-          E(_, {
+        [s.constants.DONUT].includes(s.chart.type) && !s.showDonutOptions ? (c(), u("div", $t, [
+          P(w, {
             dataset: s.currentDonut,
             config: e.chartData.donutConfig
           }, null, 8, ["dataset", "config"])
@@ -1629,7 +1676,7 @@ function Zt(n, t, r, i, s, e) {
     ], 4)) : b("", !0)
   ], 4);
 }
-const ls = /* @__PURE__ */ re(le, [["render", Zt], ["__scopeId", "data-v-0b5e4eaf"]]);
+const cs = /* @__PURE__ */ ce(D, [["render", es], ["__scopeId", "data-v-021d6785"]]);
 export {
-  ls as default
+  cs as default
 };