vue-data-ui 3.17.2 → 3.17.4

package/dist/{vue-ui-table-BNmt2bQy.js → vue-ui-table-BPLypaeX.js}

@@ -1,9 +1,9 @@
 import { useCssVars as Gt, defineAsyncComponent as qt, ref as f, computed as x, onMounted as Qt, watch as Fe, openBlock as r, createElementBlock as i, normalizeStyle as h, createElementVNode as s, toDisplayString as d, withDirectives as le, withKeys as ve, withModifiers as de, vModelText as he, createVNode as je, createCommentVNode as b, Fragment as L, renderList as j, normalizeClass as D, createTextVNode as z, unref as V, vModelSelect as bt, withCtx as mt, createBlock as kt, nextTick as ke } from "vue";
-import { j as el, t as tl, y as ll, x as Ve, u as wt, W as al, Y as ol, l as ae, a0 as nl, a1 as sl, p as We } from "./lib-DBptbyyI.js";
-import { u as ul } from "./useConfig-C40HvGpD.js";
-import Ct from "./vue-ui-xy-BGC31q8v.js";
-import rl from "./vue-ui-donut-Cz7rvM7I.js";
-import il from "./BaseIcon-Cb3zzG6s.js";
+import { j as el, t as tl, y as ll, x as Ve, u as wt, W as al, Y as ol, l as ae, a0 as nl, a1 as sl, p as We } from "./lib-DMzrGQHK.js";
+import { u as ul } from "./useConfig-DTHxOX6V.js";
+import Ct from "./vue-ui-xy-Cv-50xHj.js";
+import rl from "./vue-ui-donut-d0LLrlKG.js";
+import il from "./BaseIcon-DX0hTWa-.js";
 import { _ as cl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const vl = ["innerHTML"], dl = ["data-is-open"], hl = { class: "vue-ui-table-export-hub-options" }, gl = { class: "vue-ui-table-export-hub-option-wrapper" }, pl = { class: "label" }, fl = ["innerHTML"], yl = { class: "vue-ui-table-export-hub-option-wrapper" }, bl = { class: "label" }, ml = ["innerHTML"], kl = { class: "vue-ui-table-dialog-field" }, wl = {
   class: "label vue-ui-table-dialog-input-label",
@@ -66,17 +66,19 @@ const vl = ["innerHTML"], dl = ["data-is-open"], hl = { class: "vue-ui-table-exp
   emits: ["page-change"],
   setup(m, { expose: $t, emit: Mt }) {
     Gt((e) => ({
-      v86d313de: Dt.value,
-      v5f87fb24: Et.value,
-      v57e0136c: At.value,
-      v1633ca2c: De.value,
-      v785d6714: Pt.value,
-      v79493d14: Ht.value,
-      v43f025bc: Ee.value,
-      v56d8582e: It.value,
-      v0057ee80: Bt.value
+      a526696e: Dt.value,
+      b37e1748: Et.value,
+      v5236f612: At.value,
+      v348e0d64: De.value,
+      v54377a3e: Pt.value,
+      ee49ce48: Ht.value,
+      v1ac4574c: Ee.value,
+      v4f070ff6: It.value,
+      v725e1288: Bt.value
     }));
-    const xt = qt(() => import("./BaseDraggableDialog-CIb-iD9g.js")), g = m, Tt = Mt, { vue_ui_table: Je } = ul(), G = el();
+    const xt = qt(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), g = m, Tt = Mt, { vue_ui_table: Je } = ul(), G = el();
     f(null);
     const Oe = f(null), se = f(null), S = f({
       height: 316,
@@ -102,30 +104,51 @@ const vl = ["innerHTML"], dl = ["data-is-open"], hl = { class: "vue-ui-table-exp
     }), we = f(void 0), Ce = f(void 0), v = f({
       col: void 0,
       rows: []
-    }), k = f(0), y = f(20), ge = f(!1), $e = f(!1), U = f({}), E = f({}), pe = f({}), W = f({}), C = f({}), J = f({}), H = f({}), P = f({}), w = f({}), oe = f(g.config.rowsPerPage ? g.config.rowsPerPage : 25), Ot = f([.../* @__PURE__ */ new Set([10, 25, 50, 100, 250, 500, g.config.rowsPerPage ? g.config.rowsPerPage : 25, g.dataset.body.length])].sort((e, t) => e - t)), ue = f(void 0), F = f(void 0), Lt = f(void 0), X = f(!1), Ke = f(0), Me = f(""), re = f(""), I = f(!1), N = f(JSON.parse(JSON.stringify(g.dataset.body)).map((e, t) => ({
-      ...e,
-      absoluteIndex: t
-    }))), Le = f(JSON.parse(JSON.stringify(g.dataset.body)).map((e, t) => ({
-      ...e,
-      absoluteIndex: t
-    }))), K = f(JSON.parse(JSON.stringify(g.dataset.header)).map((e, t) => ({
-      average: Object.hasOwn(e, "average") ? e.average : !1,
-      decimals: Object.hasOwn(e, "decimals") ? e.decimals : 0,
-      isMultiselect: Object.hasOwn(e, "isMultiselect") ? e.isMultiselect : !1,
-      isPercentage: Object.hasOwn(e, "isPercentage") ? e.isPercentage : !1,
-      isSearch: Object.hasOwn(e, "isSearch") ? e.isSearch : !1,
-      isSort: Object.hasOwn(e, "isSort") ? e.isSort : !1,
-      name: e.name,
-      // this attribute is mandatory
-      percentageTo: Object.hasOwn(e, "percentageTo") ? e.percentageTo : void 0,
-      prefix: Object.hasOwn(e, "prefix") ? e.prefix : "",
-      rangeFilter: Object.hasOwn(e, "rangeFilter") ? e.rangeFilter : !1,
-      suffix: Object.hasOwn(e, "suffix") ? e.suffix : "",
-      sum: Object.hasOwn(e, "sum") ? e.sum : !1,
-      type: e.type,
-      // this attribute is mandatory
-      index: t
-    }))), Xe = x(() => Oe.value ? Oe.value.getBoundingClientRect().height + 3 : 3), l = x(() => {
+    }), k = f(0), y = f(20), ge = f(!1), $e = f(!1), U = f({}), E = f({}), pe = f({}), W = f({}), C = f({}), J = f({}), H = f({}), P = f({}), w = f({}), oe = f(
+      g.config.rowsPerPage ? g.config.rowsPerPage : 25
+    ), Ot = f(
+      [
+        .../* @__PURE__ */ new Set([
+          10,
+          25,
+          50,
+          100,
+          250,
+          500,
+          g.config.rowsPerPage ? g.config.rowsPerPage : 25,
+          g.dataset.body.length
+        ])
+      ].sort((e, t) => e - t)
+    ), ue = f(void 0), F = f(void 0), Lt = f(void 0), X = f(!1), Ke = f(0), Me = f(""), re = f(""), I = f(!1), N = f(
+      JSON.parse(JSON.stringify(g.dataset.body)).map((e, t) => ({
+        ...e,
+        absoluteIndex: t
+      }))
+    ), Le = f(
+      JSON.parse(JSON.stringify(g.dataset.body)).map((e, t) => ({
+        ...e,
+        absoluteIndex: t
+      }))
+    ), K = f(
+      JSON.parse(JSON.stringify(g.dataset.header)).map((e, t) => ({
+        average: Object.hasOwn(e, "average") ? e.average : !1,
+        decimals: Object.hasOwn(e, "decimals") ? e.decimals : 0,
+        isMultiselect: Object.hasOwn(e, "isMultiselect") ? e.isMultiselect : !1,
+        isPercentage: Object.hasOwn(e, "isPercentage") ? e.isPercentage : !1,
+        isSearch: Object.hasOwn(e, "isSearch") ? e.isSearch : !1,
+        isSort: Object.hasOwn(e, "isSort") ? e.isSort : !1,
+        name: e.name,
+        // this attribute is mandatory
+        percentageTo: Object.hasOwn(e, "percentageTo") ? e.percentageTo : void 0,
+        prefix: Object.hasOwn(e, "prefix") ? e.prefix : "",
+        rangeFilter: Object.hasOwn(e, "rangeFilter") ? e.rangeFilter : !1,
+        suffix: Object.hasOwn(e, "suffix") ? e.suffix : "",
+        sum: Object.hasOwn(e, "sum") ? e.sum : !1,
+        type: e.type,
+        // this attribute is mandatory
+        index: t
+      }))
+    ), Xe = x(() => Oe.value ? Oe.value.getBoundingClientRect().height + 3 : 3), l = x(() => {
       if (!Object.keys(g.config || {}).length)
         return Je;
       const e = tl({
@@ -133,8 +156,33 @@ const vl = ["innerHTML"], dl = ["data-is-open"], hl = { class: "vue-ui-table-exp
         userConfig: g.config
       });
       return ll(e);
-    }), T = x(() => l.value.useCursorPointer), Dt = x(() => l.value.style.th.buttons.cancel.inactive.backgroundColor), Et = x(() => l.value.style.th.buttons.cancel.inactive.color), De = x(() => l.value.style.th.buttons.cancel.active.backgroundColor), Ee = x(() => l.value.style.th.buttons.filter.active.backgroundColor), It = x(() => l.value.style.th.buttons.filter.active.color), At = x(() => Ve(De.value, 0.33)), Pt = x(() => wt(De.value, 33)), Ht = x(() => Ve(Ee.value, 0.33)), Bt = x(() => wt(Ee, 33)), Ie = x(() => [...K.value].filter((e) => e.type === c.value.DATE)), Ye = x(() => ["", ...Ie.value.map((e) => e.name)]), Ze = x(() => {
-      const e = Ie.value.find((t) => t.name === Me.value);
+    }), T = x(() => l.value.useCursorPointer), Dt = x(
+      () => l.value.style.th.buttons.cancel.inactive.backgroundColor
+    ), Et = x(
+      () => l.value.style.th.buttons.cancel.inactive.color
+    ), De = x(
+      () => l.value.style.th.buttons.cancel.active.backgroundColor
+    ), Ee = x(
+      () => l.value.style.th.buttons.filter.active.backgroundColor
+    ), It = x(
+      () => l.value.style.th.buttons.filter.active.color
+    ), At = x(
+      () => Ve(De.value, 0.33)
+    ), Pt = x(
+      () => wt(De.value, 33)
+    ), Ht = x(
+      () => Ve(Ee.value, 0.33)
+    ), Bt = x(
+      () => wt(Ee, 33)
+    ), Ie = x(
+      () => [...K.value].filter((e) => e.type === c.value.DATE)
+    ), Ye = x(() => [
+      "",
+      ...Ie.value.map((e) => e.name)
+    ]), Ze = x(() => {
+      const e = Ie.value.find(
+        (t) => t.name === Me.value
+      );
       return e ? e.index : null;
     }), $ = x(() => {
       const e = [];
@@ -146,7 +194,11 @@ const vl = ["innerHTML"], dl = ["data-is-open"], hl = { class: "vue-ui-table-exp
       index: e,
       name: g.dataset.header[e].name,
       options: C.value[e]
-    }))), Ge = x(() => l.value.useChart && v.value.rows.length > 1), qe = x(() => g.dataset.header.map((e) => e.type).includes(c.value.NUMERIC)), M = x(() => ({
+    }))), Ge = x(
+      () => l.value.useChart && v.value.rows.length > 1
+    ), qe = x(
+      () => g.dataset.header.map((e) => e.type).includes(c.value.NUMERIC)
+    ), M = x(() => ({
       arrowSort: `<svg xmlns="http://www.w3.org/2000/svg" width="${y.value}" height="${y.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 9l4 -4l4 4m-4 -4v14" /><path d="M21 15l-4 4l-4 -4m4 4v-14" /></svg>`,
       bar: `<svg xmlns="http://www.w3.org/2000/svg" width="${y.value}" height="${y.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M9 8m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M15 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M4 20l14 0" /></svg>`,
       chart: `<svg xmlns="http://www.w3.org/2000/svg" width="${y.value}" height="${y.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 19l16 0" /><path d="M4 15l4 -6l4 2l4 -5l4 4" /></svg>`,
@@ -167,10 +219,26 @@ const vl = ["innerHTML"], dl = ["data-is-open"], hl = { class: "vue-ui-table-exp
       warning: `<svg xmlns="http://www.w3.org/2000/svg" width="${y.value * 0.8}" height="${y.value * 0.8}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,
       grip: `<svg xmlns="http://www.w3.org/2000/svg" width="${y.value}" height="${y.value}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M5 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>`
     })), Qe = x(() => N.value.map((e) => e.td)), Te = x(() => ({
-      sumPercentage: Number((v.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) * 100).toFixed(g.dataset.header[v.value.col].decimals)).toLocaleString(),
-      sumRegular: Number(v.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0).toFixed(g.dataset.header[v.value.col].decimals)).toLocaleString(),
-      averagePercentage: Number((v.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) / v.value.rows.length * 100).toFixed(g.dataset.header[v.value.col].decimals)).toLocaleString(),
-      averageRegular: Number((v.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) / v.value.rows.length).toFixed(g.dataset.header[v.value.col].decimals)).toLocaleString()
+      sumPercentage: Number(
+        (v.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) * 100).toFixed(
+          g.dataset.header[v.value.col].decimals
+        )
+      ).toLocaleString(),
+      sumRegular: Number(
+        v.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0).toFixed(
+          g.dataset.header[v.value.col].decimals
+        )
+      ).toLocaleString(),
+      averagePercentage: Number(
+        (v.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) / v.value.rows.length * 100).toFixed(
+          g.dataset.header[v.value.col].decimals
+        )
+      ).toLocaleString(),
+      averageRegular: Number(
+        (v.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) / v.value.rows.length).toFixed(
+          g.dataset.header[v.value.col].decimals
+        )
+      ).toLocaleString()
     })), Pe = f({
       width: 1e3,
       height: 500
@@ -180,7 +248,11 @@ const vl = ["innerHTML"], dl = ["data-is-open"], hl = { class: "vue-ui-table-exp
     }
     const ie = x(() => {
       if (!Ge.value) return [];
-      const e = Pe.value.height, t = Pe.value.width, o = v.value.rows.length, a = t / o, n = Math.max(...v.value.rows.map((R) => R.value)), u = Math.min(...v.value.rows.map((R) => R.value)), p = g.dataset.header[v.value.col].isPercentage && g.dataset.header[v.value.col].percentageTo, O = S.value.type === c.value.DONUT && F.value && F.value.name, Y = g.dataset.header[v.value.col].name + (p ? ` / ${g.dataset.header[J.value[v.value.col].referenceIndex].name}` : "") + (O ? ` ${l.value.translations.by} ${F.value.name}` : ""), Z = g.dataset.header[v.value.col].prefix, ee = g.dataset.header[v.value.col].suffix, be = [
+      const e = Pe.value.height, t = Pe.value.width, o = v.value.rows.length, a = t / o, n = Math.max(
+        ...v.value.rows.map((R) => R.value)
+      ), u = Math.min(
+        ...v.value.rows.map((R) => R.value)
+      ), p = g.dataset.header[v.value.col].isPercentage && g.dataset.header[v.value.col].percentageTo, O = S.value.type === c.value.DONUT && F.value && F.value.name, Y = g.dataset.header[v.value.col].name + (p ? ` / ${g.dataset.header[J.value[v.value.col].referenceIndex].name}` : "") + (O ? ` ${l.value.translations.by} ${F.value.name}` : ""), Z = g.dataset.header[v.value.col].prefix, ee = g.dataset.header[v.value.col].suffix, be = [
         {
           name: Y,
           series: v.value.rows.map((R) => R.value),
@@ -387,8 +459,14 @@ const vl = ["innerHTML"], dl = ["data-is-open"], hl = { class: "vue-ui-table-exp
       const e = F.value.options.map((t, o) => ({
         name: t,
         color: We[o] || We[o % We.length],
-        values: [ne.value.filter((a, n) => a.td[F.value.index] === t && v.value.rows.map((u) => u.index).includes(n)).map((a) => a.td[v.value.col]).reduce((a, n) => Math.abs(a) + Math.abs(n), 0)],
-        absoluteValue: ne.value.filter((a, n) => a.td[F.value.index] === t && v.value.rows.map((u) => u.index).includes(n)).map((a) => a.td[v.value.col]).reduce((a, n) => a + n, 0)
+        values: [
+          ne.value.filter(
+            (a, n) => a.td[F.value.index] === t && v.value.rows.map((u) => u.index).includes(n)
+          ).map((a) => a.td[v.value.col]).reduce((a, n) => Math.abs(a) + Math.abs(n), 0)
+        ],
+        absoluteValue: ne.value.filter(
+          (a, n) => a.td[F.value.index] === t && v.value.rows.map((u) => u.index).includes(n)
+        ).map((a) => a.td[v.value.col]).reduce((a, n) => a + n, 0)
       })).sort((t, o) => o.value - t.value);
       we.value = e, ke(() => {
         S.value.type = c.value.DONUT, I.value = !1;
@@ -472,7 +550,11 @@ const vl = ["innerHTML"], dl = ["data-is-open"], hl = { class: "vue-ui-table-exp
       };
     }
     function B(e) {
-      return [...new Set(g.dataset.body.map((t) => t.td[e]))];
+      return [
+        ...new Set(
+          g.dataset.body.map((t) => t.td[e])
+        )
+      ];
     }
     function ce(e) {
       return Qe.value.map((t) => t[e]).map((t) => isNaN(Number(t)) ? 0 : t).reduce((t, o) => t + o, 0);
@@ -557,7 +639,15 @@ const vl = ["innerHTML"], dl = ["data-is-open"], hl = { class: "vue-ui-table-exp
       e.preventDefault();
       const t = e.keyCode, o = 38, a = 40, n = 37, u = 39;
       if (![o, a, n, u].includes(t)) return;
-      const p = e.target.id, O = /cell_(\d+)_(\d+)_([0-9a-fA-F-]{36})/, Y = p.match(O), Z = parseInt(Y[1]), ee = parseInt(Y[2]), be = document.getElementById(`cell_${Z}_${ee + 1}_${G}`), me = document.getElementById(`cell_${Z}_${ee - 1}_${G}`), te = document.getElementById(`cell_${Z + 1}_${ee}_${G}`), _ = document.getElementById(`cell_${Z - 1}_${ee}_${G}`);
+      const p = e.target.id, O = /cell_(\d+)_(\d+)_([0-9a-fA-F-]{36})/, Y = p.match(O), Z = parseInt(Y[1]), ee = parseInt(Y[2]), be = document.getElementById(
+        `cell_${Z}_${ee + 1}_${G}`
+      ), me = document.getElementById(
+        `cell_${Z}_${ee - 1}_${G}`
+      ), te = document.getElementById(
+        `cell_${Z + 1}_${ee}_${G}`
+      ), _ = document.getElementById(
+        `cell_${Z - 1}_${ee}_${G}`
+      );
       let A;
       switch (!0) {
         case t === u:
@@ -587,26 +677,48 @@ const vl = ["innerHTML"], dl = ["data-is-open"], hl = { class: "vue-ui-table-exp
       return new Promise((e) => {
         const t = [];
         K.value.forEach((o, a) => {
-          if (o.isSearch && Object.assign(P.value, { [a]: "" }), o.isMultiselect && Object.assign(C.value, { [a]: B(a) }), o.type === c.value.DATE && (Object.assign(U.value, { [a]: fe(a) }), Object.assign(pe.value, { [a]: !1 })), (o.isPercentage || o.percentageTo) && Object.assign(J.value, {
+          if (o.isSearch && Object.assign(P.value, { [a]: "" }), o.isMultiselect && Object.assign(C.value, {
+            [a]: B(a)
+          }), o.type === c.value.DATE && (Object.assign(U.value, { [a]: fe(a) }), Object.assign(pe.value, { [a]: !1 })), (o.isPercentage || o.percentageTo) && Object.assign(J.value, {
             [a]: {
               reference: o.percentageTo,
               referenceIndex: g.dataset.header.map((n) => n.name).indexOf(o.percentageTo)
             }
           }), o.rangeFilter && (Object.assign(H.value, {
             [a]: {
-              min: Math.round(Math.min(...g.dataset.body.map((n) => n.td).map((n) => n[a]))),
-              max: Math.round(Math.max(...g.dataset.body.map((n) => n.td).map((n) => n[a])))
+              min: Math.round(
+                Math.min(
+                  ...g.dataset.body.map((n) => n.td).map((n) => n[a])
+                )
+              ),
+              max: Math.round(
+                Math.max(
+                  ...g.dataset.body.map((n) => n.td).map((n) => n[a])
+                )
+              )
             }
           }), Object.assign(W.value, {
             [a]: {
-              min: Math.round(Math.min(...g.dataset.body.map((n) => n.td).map((n) => n[a]))),
-              max: Math.round(Math.max(...g.dataset.body.map((n) => n.td).map((n) => n[a])))
+              min: Math.round(
+                Math.min(
+                  ...g.dataset.body.map((n) => n.td).map((n) => n[a])
+                )
+              ),
+              max: Math.round(
+                Math.max(
+                  ...g.dataset.body.map((n) => n.td).map((n) => n[a])
+                )
+              )
             }
           })), o.isPercentage) {
             const n = g.dataset.header.map((p) => p.name).indexOf(o.percentageTo), u = g.dataset.body.map((p) => p.td[n]).reduce((p, O) => p + O, 0);
             t.push([a, n, u]);
           }
-          o.type === c.value.NUMERIC && !o.isPercentage && Object.assign(E.value, { [a]: jt(g.dataset.body.map((n) => Number(n.td[a]))) });
+          o.type === c.value.NUMERIC && !o.isPercentage && Object.assign(E.value, {
+            [a]: jt(
+              g.dataset.body.map((n) => Number(n.td[a]))
+            )
+          });
         }), N.value.forEach((o, a) => {
           t.map((n) => {
             const [u, p, O] = n;
@@ -650,14 +762,18 @@ const vl = ["innerHTML"], dl = ["data-is-open"], hl = { class: "vue-ui-table-exp
       }
       v.value.col !== o && q();
       const u = n.currentTarget.parentNode;
-      v.value.col = o, v.value.rows.map((p) => p.index).includes(t) ? (u.dataset.selected = "false", v.value.rows = v.value.rows.filter((p) => p.index !== t), n.currentTarget.classList.remove(Nt.value.CELL), Array.from(u.children).forEach((p, O) => {
+      v.value.col = o, v.value.rows.map((p) => p.index).includes(t) ? (u.dataset.selected = "false", v.value.rows = v.value.rows.filter(
+        (p) => p.index !== t
+      ), n.currentTarget.classList.remove(Nt.value.CELL), Array.from(u.children).forEach((p, O) => {
         p.dataset.row === "even" ? (p.style.background = l.value.style.rows.even.backgroundColor, p.style.color = l.value.style.rows.even.olor) : (p.style.background = l.value.style.rows.odd.backgroundColor, p.style.color = l.value.style.rows.odd.color);
       }), n.currentTarget.dataset.row === "even" ? (n.currentTarget.style.background = l.value.style.rows.even.backgroundColor, n.currentTarget.style.color = l.value.style.rows.even.color) : (n.currentTarget.style.background = l.value.style.rows.odd.backgroundColor, n.currentTarget.style.color = l.value.style.rows.odd.color)) : (u.dataset.selected = "true", v.value.rows.push({
         index: t,
         value: e
       }), Array.from(u.children).forEach((p, O) => {
         p.dataset.row === "even" ? (p.style.background = l.value.style.rows.even.selectedNeighbors.backgroundColor, p.style.color = l.value.style.rows.even.selectedNeighbors.color) : (p.style.background = l.value.style.rows.odd.selectedNeighbors.backgroundColor, p.style.color = l.value.style.rows.odd.selectedNeighbors.color);
-      }), n.currentTarget.dataset.row === "odd" ? (n.currentTarget.style.background = l.value.style.rows.odd.selectedCell.backgroundColor, n.currentTarget.style.color = l.value.style.rows.odd.selectedCell.color) : (n.currentTarget.style.background = l.value.style.rows.even.selectedCell.backgroundColor, n.currentTarget.style.color = l.value.style.rows.even.selectedCell.color)), v.value.rows = v.value.rows.sort((p, O) => p.index - O.index), S.value.type === c.value.DONUT && v.value.rows.length > 0 && et();
+      }), n.currentTarget.dataset.row === "odd" ? (n.currentTarget.style.background = l.value.style.rows.odd.selectedCell.backgroundColor, n.currentTarget.style.color = l.value.style.rows.odd.selectedCell.color) : (n.currentTarget.style.background = l.value.style.rows.even.selectedCell.backgroundColor, n.currentTarget.style.color = l.value.style.rows.even.selectedCell.color)), v.value.rows = v.value.rows.sort(
+        (p, O) => p.index - O.index
+      ), S.value.type === c.value.DONUT && v.value.rows.length > 0 && et();
     }
     function vt(e) {
       v.value.col !== e ? (ne.value.forEach((t, o) => {
@@ -667,13 +783,17 @@ const vl = ["innerHTML"], dl = ["data-is-open"], hl = { class: "vue-ui-table-exp
           colIndex: e,
           headerType: c.value.NUMERIC,
           event: {
-            currentTarget: document.getElementById(`cell_${o}_${e}_${G}`)
+            currentTarget: document.getElementById(
+              `cell_${o}_${e}_${G}`
+            )
           }
         });
       }), ue.value = e) : (ue.value = void 0, q());
     }
     async function ze(e, t) {
-      C.value[t].includes(e) ? C.value[t] = C.value[t].filter((o) => o !== e) : C.value[t].push(e), await ke(), Q();
+      C.value[t].includes(e) ? C.value[t] = C.value[t].filter(
+        (o) => o !== e
+      ) : C.value[t].push(e), await ke(), Q();
     }
     function dt(e) {
       pe.value[e] = !(fe(e).from === U.value[e].from && fe(e).to === U.value[e].to);
@@ -699,7 +819,8 @@ const vl = ["innerHTML"], dl = ["data-is-open"], hl = { class: "vue-ui-table-exp
     const ye = f(null);
     Qt(() => {
       if (g.dataset.header.length === 0)
-        throw new Error(`vue-ui-table error: missing header data.
+        throw new Error(
+          `vue-ui-table error: missing header data.
 Provide an array of objects of type:
 {
  name: string;
@@ -712,7 +833,8 @@ Provide an array of objects of type:
  isMultiselect: boolean;
  isPercentage: boolean;
  percentageTo: string; (or '')
-}`);
+}`
+        );
       if (g.dataset.body.length === 0)
         throw new Error("vue-ui-table error: missing body data");
       $e.value = !0, it(rt, async () => {
@@ -721,32 +843,42 @@ Provide an array of objects of type:
         const t = document.activeElement;
         (t && Array.from(t.classList).includes("td-focusable") && e.key.includes("Arrow") || e.code === "Space") && e.preventDefault();
       }), re.value = l.value.style.exportMenu.filename, Me.value = Ie.value[0]?.name ?? "";
-    }), Fe(() => g.dataset, (e) => {
-      $e.value = !0, N.value = JSON.parse(JSON.stringify(e.body)).map((t, o) => ({
-        ...t,
-        absoluteIndex: o
-      })), Le.value = JSON.parse(JSON.stringify(e.body)).map((t, o) => ({
-        ...t,
-        absoluteIndex: o
-      })), K.value = JSON.parse(JSON.stringify(e.header)).map((t, o) => ({
-        average: Object.hasOwn(t, "average") ? t.average : !1,
-        decimals: Object.hasOwn(t, "decimals") ? t.decimals : 0,
-        isMultiselect: Object.hasOwn(t, "isMultiselect") ? t.isMultiselect : !1,
-        isPercentage: Object.hasOwn(t, "isPercentage") ? t.isPercentage : !1,
-        isSearch: Object.hasOwn(t, "isSearch") ? t.isSearch : !1,
-        isSort: Object.hasOwn(t, "isSort") ? t.isSort : !1,
-        name: t.name,
-        percentageTo: Object.hasOwn(t, "percentageTo") ? t.percentageTo : void 0,
-        prefix: Object.hasOwn(t, "prefix") ? t.prefix : "",
-        rangeFilter: Object.hasOwn(t, "rangeFilter") ? t.rangeFilter : !1,
-        suffix: Object.hasOwn(t, "suffix") ? t.suffix : "",
-        sum: Object.hasOwn(t, "sum") ? t.sum : !1,
-        type: t.type,
-        index: o
-      })), v.value = { col: void 0, rows: [] }, ue.value = void 0, oe.value = g.config.rowsPerPage ? g.config.rowsPerPage : 25, J.value = {}, U.value = {}, pe.value = {}, E.value = {}, W.value = {}, H.value = {}, C.value = {}, P.value = {}, w.value = {}, X.value = !1, we.value = void 0, F.value = void 0, Lt.value = void 0, I.value = !1, v.value.col = void 0, v.value.rows = [], it(rt, async () => {
-        pt(), await ke(), $e.value = !1;
-      });
-    }, { immediate: !0, deep: !0 });
+    }), Fe(
+      () => g.dataset,
+      (e) => {
+        $e.value = !0, N.value = JSON.parse(JSON.stringify(e.body)).map(
+          (t, o) => ({
+            ...t,
+            absoluteIndex: o
+          })
+        ), Le.value = JSON.parse(JSON.stringify(e.body)).map(
+          (t, o) => ({
+            ...t,
+            absoluteIndex: o
+          })
+        ), K.value = JSON.parse(JSON.stringify(e.header)).map(
+          (t, o) => ({
+            average: Object.hasOwn(t, "average") ? t.average : !1,
+            decimals: Object.hasOwn(t, "decimals") ? t.decimals : 0,
+            isMultiselect: Object.hasOwn(t, "isMultiselect") ? t.isMultiselect : !1,
+            isPercentage: Object.hasOwn(t, "isPercentage") ? t.isPercentage : !1,
+            isSearch: Object.hasOwn(t, "isSearch") ? t.isSearch : !1,
+            isSort: Object.hasOwn(t, "isSort") ? t.isSort : !1,
+            name: t.name,
+            percentageTo: Object.hasOwn(t, "percentageTo") ? t.percentageTo : void 0,
+            prefix: Object.hasOwn(t, "prefix") ? t.prefix : "",
+            rangeFilter: Object.hasOwn(t, "rangeFilter") ? t.rangeFilter : !1,
+            suffix: Object.hasOwn(t, "suffix") ? t.suffix : "",
+            sum: Object.hasOwn(t, "sum") ? t.sum : !1,
+            type: t.type,
+            index: o
+          })
+        ), v.value = { col: void 0, rows: [] }, ue.value = void 0, oe.value = g.config.rowsPerPage ? g.config.rowsPerPage : 25, J.value = {}, U.value = {}, pe.value = {}, E.value = {}, W.value = {}, H.value = {}, C.value = {}, P.value = {}, w.value = {}, X.value = !1, we.value = void 0, F.value = void 0, Lt.value = void 0, I.value = !1, v.value.col = void 0, v.value.rows = [], it(rt, async () => {
+          pt(), await ke(), $e.value = !1;
+        });
+      },
+      { immediate: !0, deep: !0 }
+    );
     const Ue = f(null);
     return Fe(ge, (e) => {
       e && Ue.value && Ue.value.focus();
@@ -825,7 +957,9 @@ Provide an array of objects of type:
                 key: 0,
                 class: "vue-ui-table-dialog-field-button",
                 onClick: t[6] || (t[6] = (o) => re.value = ""),
-                style: h({ cursor: T.value ? "pointer" : "default" })
+                style: h({
+                  cursor: T.value ? "pointer" : "default"
+                })
               }, [
                 je(il, {
                   name: "close",
@@ -891,7 +1025,9 @@ Provide an array of objects of type:
                 style: h(`overflow: visible;background:${l.value.style.th.backgroundColor};color:${l.value.style.th.color};outline:${l.value.style.th.outline}`),
                 class: D({ "th-has-nan": E.value[a] })
               }, [
-                qe.value && ([c.value.TEXT, c.value.DATE].includes(o.type) || o.isPercentage) ? (r(), i("span", Ml, [
+                qe.value && ([c.value.TEXT, c.value.DATE].includes(
+                  o.type
+                ) || o.isPercentage) ? (r(), i("span", Ml, [
                   z(d(o.name) + " ", 1),
                   o.isPercentage ? (r(), i("span", xl, " / " + d(o.percentageTo), 1)) : b("", !0)
                 ])) : (r(), i("span", Tl, d(o.name), 1))
@@ -902,7 +1038,10 @@ Provide an array of objects of type:
                 t[27] || (t[27] = s("th", { class: "invisible-cell" }, null, -1)),
                 (r(!0), i(L, null, j(K.value, (o, a) => (r(), i("th", {
                   key: `thead_${a}`,
-                  class: D({ "th-numeric": !0, "th-has-nan": E.value[a] }),
+                  class: D({
+                    "th-numeric": !0,
+                    "th-has-nan": E.value[a]
+                  }),
                   style: h(`background:${l.value.style.th.backgroundColor};color:${l.value.style.th.color};outline:${l.value.style.th.outline}`)
                 }, [
                   o.sum && !E.value[a] ? (r(), i("span", _l, [
@@ -916,8 +1055,14 @@ Provide an array of objects of type:
                       s: o.suffix,
                       r: o.decimals
                     })) + " ", 1),
-                    J.value[a] && o.percentageTo && !o.isPercentage ? (r(), i("span", Nl, " (" + d(isNaN(ce(a) / ce(J.value[a].referenceIndex)) ? "-" : V(ae)({
-                      v: ce(a) / ce(J.value[a].referenceIndex) * 100,
+                    J.value[a] && o.percentageTo && !o.isPercentage ? (r(), i("span", Nl, " (" + d(isNaN(
+                      ce(a) / ce(
+                        J.value[a].referenceIndex
+                      )
+                    ) ? "-" : V(ae)({
+                      v: ce(a) / ce(
+                        J.value[a].referenceIndex
+                      ) * 100,
                       s: "%",
                       r: o.decimals
                     })) + ") ", 1)) : b("", !0)
@@ -928,7 +1073,10 @@ Provide an array of objects of type:
                 t[28] || (t[28] = s("th", { class: "invisible-cell" }, null, -1)),
                 (r(!0), i(L, null, j(K.value, (o, a) => (r(), i("th", {
                   key: `thead_${a}`,
-                  class: D({ "th-numeric": !0, "th-has-nan": E.value[a] }),
+                  class: D({
+                    "th-numeric": !0,
+                    "th-has-nan": E.value[a]
+                  }),
                   style: h(`background:${l.value.style.th.backgroundColor};color:${l.value.style.th.color};outline:${l.value.style.th.outline}`)
                 }, [
                   o.average && !E.value[a] ? (r(), i("span", Ol, " ~ " + d(isNaN(ot(a)) ? "" : V(ae)({
@@ -958,7 +1106,9 @@ Provide an array of objects of type:
                             type: "date",
                             "onUpdate:modelValue": (n) => U.value[a].from = n,
                             onInput: (n) => {
-                              Q(), dt(a);
+                              Q(), dt(
+                                a
+                              );
                             },
                             style: h(`background:${l.value.style.inputs.backgroundColor};color:${l.value.style.inputs.color};border:${l.value.style.inputs.border}`)
                           }, null, 44, Pl), [
@@ -974,7 +1124,9 @@ Provide an array of objects of type:
                             type: "date",
                             "onUpdate:modelValue": (n) => U.value[a].to = n,
                             onInput: (n) => {
-                              Q(), dt(a);
+                              Q(), dt(
+                                a
+                              );
                             },
                             style: h(`background:${l.value.style.inputs.backgroundColor};color:${l.value.style.inputs.color};border:${l.value.style.inputs.border}`)
                           }, null, 44, Rl), [
@@ -986,15 +1138,24 @@ Provide an array of objects of type:
                         o.isSort ? (r(), i("button", {
                           key: 0,
                           onClick: (n) => ht(a, n),
-                          class: D({ "th-button-active": [c.value.DESC, c.value.ASC].includes(w.value[a]) }),
+                          class: D({
+                            "th-button-active": [
+                              c.value.DESC,
+                              c.value.ASC
+                            ].includes(w.value[a])
+                          }),
                           style: h(`cursor:${T.value ? "pointer" : "default"}; background:${[c.value.DESC, c.value.ASC].includes(w.value[a]) ? "" : l.value.style.th.buttons.filter.inactive.backgroundColor};color:${[c.value.DESC, c.value.ASC].includes(w.value[a]) ? "" : l.value.style.th.buttons.filter.inactive.color}`)
                         }, [
                           w.value[a] === c.value.ASC ? (r(), i("span", {
                             key: 0,
-                            innerHTML: [c.value.DATE].includes(o.type) ? M.value.sort09 : M.value.sortAZ
+                            innerHTML: [
+                              c.value.DATE
+                            ].includes(o.type) ? M.value.sort09 : M.value.sortAZ
                           }, null, 8, Fl)) : w.value[a] === c.value.DESC ? (r(), i("span", {
                             key: 1,
-                            innerHTML: [c.value.DATE].includes(o.type) ? M.value.sort90 : M.value.sortZA
+                            innerHTML: [
+                              c.value.DATE
+                            ].includes(o.type) ? M.value.sort90 : M.value.sortZA
                           }, null, 8, jl)) : (r(), i("span", {
                             key: 2,
                             innerHTML: M.value.arrowSort
@@ -1002,11 +1163,17 @@ Provide an array of objects of type:
                         ], 14, Ul)) : b("", !0),
                         s("button", {
                           onClick: (n) => {
-                            Kt(a), ct(a, o, n);
+                            Kt(a), ct(
+                              a,
+                              o,
+                              n
+                            );
                           },
                           disabled: !pe.value[a] && st(a, o),
                           class: "th-reset",
-                          style: h({ cursor: T.value ? "pointer" : "default" })
+                          style: h({
+                            cursor: T.value ? "pointer" : "default"
+                          })
                         }, " ✖ ", 12, Wl)
                       ])
                     ])) : b("", !0),
@@ -1023,15 +1190,24 @@ Provide an array of objects of type:
                     !E.value[a] && o.isSort && o.type !== c.value.DATE ? (r(), i("button", {
                       key: 2,
                       onClick: (n) => ht(a, n),
-                      class: D({ "th-button-active": [c.value.DESC, c.value.ASC].includes(w.value[a]) }),
+                      class: D({
+                        "th-button-active": [
+                          c.value.DESC,
+                          c.value.ASC
+                        ].includes(w.value[a])
+                      }),
                       style: h(`cursor:${T.value ? "pointer" : "default"};background:${[c.value.DESC, c.value.ASC].includes(w.value[a]) ? "" : l.value.style.th.buttons.filter.inactive.backgroundColor};color:${[c.value.DESC, c.value.ASC].includes(w.value[a]) ? "" : l.value.style.th.buttons.filter.inactive.color}`)
                     }, [
                       w.value[a] === c.value.ASC ? (r(), i("span", {
                         key: 0,
-                        innerHTML: [c.value.NUMERIC].includes(o.type) ? M.value.sort09 : M.value.sortZA
+                        innerHTML: [c.value.NUMERIC].includes(
+                          o.type
+                        ) ? M.value.sort09 : M.value.sortZA
                       }, null, 8, Xl)) : w.value[a] === c.value.DESC ? (r(), i("span", {
                         key: 1,
-                        innerHTML: [c.value.NUMERIC].includes(o.type) ? M.value.sort90 : M.value.sortAZ
+                        innerHTML: [c.value.NUMERIC].includes(
+                          o.type
+                        ) ? M.value.sort90 : M.value.sortAZ
                       }, null, 8, Yl)) : (r(), i("span", {
                         key: 2,
                         innerHTML: M.value.arrowSort
@@ -1041,14 +1217,18 @@ Provide an array of objects of type:
                       key: 3,
                       onClick: (n) => gt(a, o, n),
                       innerHTML: M.value.filter,
-                      class: D({ "th-button-active": C.value[a] && C.value[a].length !== B(a).length }),
+                      class: D({
+                        "th-button-active": C.value[a] && C.value[a].length !== B(a).length
+                      }),
                       style: h(`cursor:${T.value ? "pointer" : "default"};background:${C.value[a] && C.value[a].length !== B(a).length ? "" : l.value.style.th.buttons.filter.inactive.backgroundColor};color:${C.value[a] && C.value[a].length !== B(a).length ? "" : l.value.style.th.buttons.filter.inactive.color}`)
                     }, null, 14, Gl)) : b("", !0),
                     v.value.col === a && Ge.value ? (r(), i("button", {
                       key: 4,
                       onClick: t[8] || (t[8] = (n) => X.value = !X.value),
                       innerHTML: M.value.chart,
-                      class: D({ "th-button-active": X.value }),
+                      class: D({
+                        "th-button-active": X.value
+                      }),
                       style: h(`cursor:${T.value ? "pointer" : "default"};background:${X.value ? "" : l.value.style.th.buttons.filter.inactive.backgroundColor};color:${X.value ? "" : l.value.style.th.buttons.filter.inactive.color}`)
                     }, null, 14, ql)) : b("", !0),
                     o.rangeFilter && H.value[a] && !E.value[a] ? (r(), i("div", Ql, [
@@ -1104,7 +1284,9 @@ Provide an array of objects of type:
                       onClick: (n) => ct(a, o, n),
                       disabled: st(a, o),
                       class: "th-reset",
-                      style: h({ cursor: T.value ? "pointer" : "default" })
+                      style: h({
+                        cursor: T.value ? "pointer" : "default"
+                      })
                     }, " ✖ ", 12, oa)) : b("", !0),
                     o.isMultiselect ? (r(), i("div", {
                       key: 7,
@@ -1129,7 +1311,10 @@ Provide an array of objects of type:
                         style: h(`opacity:${nt(n, a) ? 1 : 0.5}`),
                         tabindex: "0"
                       }, [
-                        nt(n, a) ? (r(), i("span", {
+                        nt(
+                          n,
+                          a
+                        ) ? (r(), i("span", {
                           key: 0,
                           style: h(`color:${l.value.style.dropdowns.icons.selected.color};margin-right:5px`),
                           class: "th-icon-green"
@@ -1149,15 +1334,22 @@ Provide an array of objects of type:
               t[32] || (t[32] = s("th", { class: "invisible-cell" }, null, -1)),
               (r(!0), i(L, null, j(K.value, (o, a) => (r(), i("th", {
                 key: `col_selector_${a}`,
-                class: D({ "vue-ui-table-col-selector": !E.value[a], "th-has-nan": E.value[a] }),
+                class: D({
+                  "vue-ui-table-col-selector": !E.value[a],
+                  "th-has-nan": E.value[a]
+                }),
                 style: h(`background:${a === ue.value && !E.value[a] ? l.value.style.th.selected.backgroundColor : l.value.style.th.backgroundColor};color:${a === ue.value && !E.value[a] ? l.value.style.th.selected.color : l.value.style.th.color};outline:${l.value.style.th.outline}`)
               }, [
                 E.value[a] ? b("", !0) : (r(), i("div", {
                   key: 0,
                   innerHTML: K.value[a].type === c.value.NUMERIC ? M.value.chevronDown : "",
-                  class: D({ "col-selector": K.value[a].type === c.value.NUMERIC }),
+                  class: D({
+                    "col-selector": K.value[a].type === c.value.NUMERIC
+                  }),
                   tabindex: "0",
-                  style: h({ cursor: T.value ? "pointer" : "default" }),
+                  style: h({
+                    cursor: T.value ? "pointer" : "default"
+                  }),
                   onClick: de((n) => vt(a), ["stop"]),
                   onKeyup: ve((n) => vt(a), ["enter"])
                 }, null, 46, ra))
@@ -1184,7 +1376,9 @@ Provide an array of objects of type:
               (r(!0), i(L, null, j(o.td, (n, u) => (r(), i("td", {
                 "data-row": a % 2 === 0 ? "odd" : "even",
                 key: `td_${a}_${u}`,
-                style: h(Vt(n) || m.dataset.header[u].type === c.value.DATE ? `text-align:right;font-variant-numeric: tabular-nums;outline:${l.value.style.rows.outline}` : `outline:${l.value.style.rows.outline}`),
+                style: h(
+                  Vt(n) || m.dataset.header[u].type === c.value.DATE ? `text-align:right;font-variant-numeric: tabular-nums;outline:${l.value.style.rows.outline}` : `outline:${l.value.style.rows.outline}`
+                ),
                 onClick: (p) => Se({
                   td: n,
                   rowIndex: a,
@@ -1208,7 +1402,11 @@ Provide an array of objects of type:
                     event: p
                   }), ["space"])
                 ],
-                class: D({ "td-numeric": m.dataset.header[u].type === c.value.NUMERIC, "td-focusable": !0, "td-has-nan": E.value[u] }),
+                class: D({
+                  "td-numeric": m.dataset.header[u].type === c.value.NUMERIC,
+                  "td-focusable": !0,
+                  "td-has-nan": E.value[u]
+                }),
                 id: `cell_${a}_${u}_${V(G)}`,
                 tabindex: "0"
               }, [
@@ -1230,7 +1428,11 @@ Provide an array of objects of type:
                   s: m.dataset.header[u].suffix,
                   r: m.dataset.header[u].decimals
                 })) + " (" + d(isNaN(Number(n)) ? "" : V(ae)({
-                  v: Number(n / ce(J.value[u].referenceIndex) * 100),
+                  v: Number(
+                    n / ce(
+                      J.value[u].referenceIndex
+                    ) * 100
+                  ),
                   s: "%",
                   r: m.dataset.header[u].decimals
                 })) + ") ", 3)) : m.dataset.header[u].type === c.value.NUMERIC ? (r(), i("span", {
@@ -1238,7 +1440,11 @@ Provide an array of objects of type:
                   class: D({ "td-nan": isNaN(Number(n)) })
                 }, d(isNaN(Number(n)) ? `${n} is not ${c.value.NUMERIC}` : V(ae)({
                   p: m.dataset.header[u].prefix,
-                  v: Number(n.toFixed(m.dataset.header[u].decimals)),
+                  v: Number(
+                    n.toFixed(
+                      m.dataset.header[u].decimals
+                    )
+                  ),
                   s: m.dataset.header[u].suffix,
                   r: m.dataset.header[u].decimals
                 })), 3)) : (r(), i("span", pa, d(m.dataset.header[u].prefix) + " " + d(n) + " " + d(m.dataset.header[u].suffix), 1))
@@ -1248,7 +1454,10 @@ Provide an array of objects of type:
         ])
       ], 4),
       s("div", {
-        class: D({ "td-selector-info": !0, "td-selector-info--active": v.value.col !== void 0 && v.value.rows.length }),
+        class: D({
+          "td-selector-info": !0,
+          "td-selector-info--active": v.value.col !== void 0 && v.value.rows.length
+        }),
         style: h(`background:${l.value.style.infoBar.backgroundColor};color:${l.value.style.infoBar.color}`)
       }, [
         v.value.col !== void 0 && v.value.rows.length ? (r(), i(L, { key: 0 }, [
@@ -1389,7 +1598,9 @@ Provide an array of objects of type:
               key: 0,
               onClick: t[19] || (t[19] = (o) => I.value = !0),
               innerHTML: M.value.donut,
-              class: D({ "is-active-chart": S.value.type === c.value.DONUT || I.value }),
+              class: D({
+                "is-active-chart": S.value.type === c.value.DONUT || I.value
+              }),
               style: h(`cursor:${T.value ? "pointer" : "default"};background:${S.value.type === c.value.DONUT || I.value ? l.value.style.chart.modal.buttons.selected.backgroundColor : l.value.style.chart.modal.buttons.unselected.backgroundColor};color:${S.value.type === c.value.DONUT || I.value ? l.value.style.chart.modal.buttons.selected.color : l.value.style.chart.modal.buttons.unselected.color}`)
             }, null, 14, za)) : b("", !0),
             s("button", {
@@ -1397,7 +1608,9 @@ Provide an array of objects of type:
                 S.value.type = c.value.LINE, I.value = !1;
               }),
               innerHTML: M.value.chart,
-              class: D({ "is-active-chart": S.value.type === c.value.LINE && !I.value }),
+              class: D({
+                "is-active-chart": S.value.type === c.value.LINE && !I.value
+              }),
               style: h(`cursor:${T.value ? "pointer" : "default"};background:${S.value.type === c.value.LINE && !I.value ? l.value.style.chart.modal.buttons.selected.backgroundColor : l.value.style.chart.modal.buttons.unselected.backgroundColor};color:${S.value.type === c.value.LINE && !I.value ? l.value.style.chart.modal.buttons.selected.color : l.value.style.chart.modal.buttons.unselected.color}`)
             }, null, 14, Ua),
             s("button", {
@@ -1405,7 +1618,9 @@ Provide an array of objects of type:
                 S.value.type = c.value.BAR, I.value = !1;
               }),
               innerHTML: M.value.bar,
-              class: D({ "is-active-chart": S.value.type === c.value.BAR && !I.value }),
+              class: D({
+                "is-active-chart": S.value.type === c.value.BAR && !I.value
+              }),
               style: h(`cursor:${T.value ? "pointer" : "default"};background:${S.value.type === c.value.BAR && !I.value ? l.value.style.chart.modal.buttons.selected.backgroundColor : l.value.style.chart.modal.buttons.unselected.backgroundColor};color:${S.value.type === c.value.BAR && !I.value ? l.value.style.chart.modal.buttons.selected.color : l.value.style.chart.modal.buttons.unselected.color}`)
             }, null, 14, Fa)
           ])
@@ -1450,7 +1665,9 @@ Provide an array of objects of type:
                 ], 12, Xa)
               ])
             ], 4)) : b("", !0),
-            [c.value.BAR, c.value.LINE].includes(S.value.type) && !I.value ? (r(), i(L, { key: 1 }, [
+            [c.value.BAR, c.value.LINE].includes(
+              S.value.type
+            ) && !I.value ? (r(), i(L, { key: 1 }, [
               Ye.value.length > 1 ? (r(), i("label", {
                 key: 0,
                 style: h({
@@ -1503,7 +1720,7 @@ Provide an array of objects of type:
       }, 8, ["backgroundColor", "headerColor", "color", "isCursorPointer"])
     ], 4));
   }
-}, uo = /* @__PURE__ */ cl(qa, [["__scopeId", "data-v-760e1817"]]);
+}, uo = /* @__PURE__ */ cl(qa, [["__scopeId", "data-v-5db1d7a9"]]);
 export {
   uo as default
 };