vue-data-ui 2.12.8-beta.3 → 2.13.0

package/dist/{vue-ui-table-heatmap-DvyJx0j7.js → vue-ui-table-heatmap-BOFRFilm.js}

@@ -1,9 +1,9 @@
-import { useCssVars as ae, computed as c, defineAsyncComponent as oe, ref as h, useSlots as se, onMounted as z, watch as ne, createElementBlock as l, openBlock as n, unref as u, normalizeClass as E, normalizeStyle as C, createBlock as le, createCommentVNode as v, createElementVNode as g, createSlots as re, withCtx as b, renderSlot as r, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as ue, nextTick as ie } from "vue";
-import { u as de, c as A, a as pe, o as ce, e as ve, a5 as me, G as fe, O as he, q as ge, r as be } from "./index-CH_mJIWj.js";
-import { u as H } from "./useNestedProp-rMR-JeOJ.js";
-import { u as ye } from "./usePrinter-DJ7WfWUs.js";
+import { useCssVars as ae, computed as c, defineAsyncComponent as oe, ref as h, useSlots as se, onMounted as z, watch as ne, createElementBlock as r, openBlock as n, unref as i, normalizeClass as E, normalizeStyle as C, createBlock as le, createCommentVNode as v, createElementVNode as g, createSlots as re, withCtx as b, renderSlot as u, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as ue, nextTick as ie } from "vue";
+import { u as de, c as A, a as pe, o as ce, e as ve, a5 as me, G as fe, O as he, q as ge, r as be } from "./index-BXbyT0Qn.js";
+import { u as H } from "./useNestedProp-DVZpeH84.js";
+import { u as ye } from "./usePrinter-aKh5-HcK.js";
 import { u as Ce } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as ke } from "./Shape-DEWxbZ-l.js";
+import { _ as ke } from "./Shape-CnD-h_98.js";
 import { _ as _e } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell"], xe = {
   key: 0,
@@ -42,10 +42,10 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
   },
   setup(D, { expose: L }) {
     ae((e) => ({
-      a9ac4c2a: ee.value,
-      "9ba12974": j.value
+      "6b4a429e": ee.value,
+      "14249d0c": j.value
     }));
-    const X = oe(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), i = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
+    const X = oe(() => import("./UserOptions-B3q-xfQV.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), d = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
     z(() => {
       q["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
     });
@@ -83,13 +83,13 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       });
       const e = new ResizeObserver((o) => {
         o.forEach((a) => {
-          i.value = a.contentRect.width < Q.value;
+          d.value = a.contentRect.width < Q.value;
         });
       });
       y.value && e.observe(y.value);
     }
     const M = c(() => m.dataset.map((e) => {
-      const o = e.values.map((s) => isNaN(s) ? 0 : s), a = o.reduce((s, p) => s + p, 0);
+      const o = e.values.map((s) => isNaN(s) ? 0 : s), a = o.reduce((s, l) => s + l, 0);
       return {
         ...e,
         values: o,
@@ -118,16 +118,16 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       ...e,
       colors: e.displayValues.map((o) => isNaN(o) ? t.value.style.backgroundColor : Z(o, e.serieExtremes))
     }))), j = c(() => t.value.style.backgroundColor), ee = c(() => `${t.value.table.borderWidth}px`);
-    function U() {
+    function U(e = null) {
       ie(() => {
-        const e = T.value.map((s) => [
-          [s.name],
-          s.displayValues,
-          [s.sum],
-          [s.average],
-          [s.median]
-        ]), o = [[[""], t.value.table.head.values, ["sum"], ["average"], ["median"]]].concat(e), a = ge(o);
-        be({ csvContent: a, title: "vue-ui-table-heatmap" });
+        const o = T.value.map((l) => [
+          [l.name],
+          l.displayValues,
+          [l.sum],
+          [l.average],
+          [l.median]
+        ]), a = [[[""], t.value.table.head.values, ["sum"], ["average"], ["median"]]].concat(o), s = ge(a);
+        e ? e(s) : be({ csvContent: s, title: "vue-ui-table-heatmap" });
       });
     }
     function te(e) {
@@ -137,22 +137,22 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       generatePdf: N,
       generateCsv: U,
       generateImage: V
-    }), (e, o) => (n(), l("div", {
+    }), (e, o) => (n(), r("div", {
       ref_key: "tableContainer",
       ref: y,
       style: C(`width:100%; overflow-x:auto; container-type: inline-size;padding-top:${t.value.userOptions.show ? "36px" : ""}; ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}; position:relative;`),
-      class: E({ "vue-ui-responsive": i.value }),
+      class: E({ "vue-ui-responsive": d.value }),
       id: `table_heatmap_${_.value}`,
-      onMouseenter: o[0] || (o[0] = () => u(x)(!0)),
-      onMouseleave: o[1] || (o[1] = () => u(x)(!1))
+      onMouseenter: o[0] || (o[0] = () => i(x)(!0)),
+      onMouseleave: o[1] || (o[1] = () => i(x)(!1))
     }, [
-      t.value.userOptions.show && Y.value && (u(F) || u($)) ? (n(), le(u(X), {
+      t.value.userOptions.show && Y.value && (i(F) || i($)) ? (n(), le(i(X), {
         ref: "details",
         key: `user_option_${O.value}`,
         backgroundColor: t.value.style.backgroundColor,
         color: t.value.style.color,
-        isPrinting: u(J),
-        isImaging: u(K),
+        isPrinting: i(J),
+        isImaging: i(K),
         uid: _.value,
         hasPdf: t.value.userOptions.buttons.pdf,
         hasXls: t.value.userOptions.buttons.csv,
@@ -164,45 +164,45 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
         position: t.value.userOptions.position,
         callbacks: t.value.userOptions.callbacks,
         onToggleFullscreen: te,
-        onGeneratePdf: u(N),
+        onGeneratePdf: i(N),
         onGenerateCsv: U,
-        onGenerateImage: u(V),
+        onGenerateImage: i(V),
         style: C({
-          visibility: u(F) ? u($) ? "visible" : "hidden" : "visible"
+          visibility: i(F) ? i($) ? "visible" : "hidden" : "visible"
         })
       }, re({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
           fn: b(({ isOpen: a, color: s }) => [
-            r(e.$slots, "menuIcon", G(B({ isOpen: a, color: s })), void 0, !0)
+            u(e.$slots, "menuIcon", G(B({ isOpen: a, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.optionPdf ? {
           name: "optionPdf",
           fn: b(() => [
-            r(e.$slots, "optionPdf", {}, void 0, !0)
+            u(e.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.optionCsv ? {
           name: "optionCsv",
           fn: b(() => [
-            r(e.$slots, "optionCsv", {}, void 0, !0)
+            u(e.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.$slots.optionImg ? {
           name: "optionImg",
           fn: b(() => [
-            r(e.$slots, "optionImg", {}, void 0, !0)
+            u(e.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: b(({ toggleFullscreen: a, isFullscreen: s }) => [
-            r(e.$slots, "optionFullscreen", G(B({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+            u(e.$slots, "optionFullscreen", G(B({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "4"
         } : void 0
@@ -212,26 +212,26 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
         style: C(`width:100%;font-family:${t.value.style.fontFamily};background:${t.value.style.backgroundColor};`)
       }, [
         g("caption", null, [
-          r(e.$slots, "caption", {}, void 0, !0)
+          u(e.$slots, "caption", {}, void 0, !0)
         ]),
         g("thead", null, [
           g("tr", {
             role: "row",
             style: C(`background:${t.value.table.head.backgroundColor};color:${t.value.table.head.color}`)
           }, [
-            (n(!0), l(k, null, w(t.value.table.head.values, (a, s) => (n(), l("th", $e, [
-              r(e.$slots, "head", f({ ref_for: !0 }, { value: a, rowIndex: s, type: typeof a, isResponsive: i.value }), void 0, !0)
+            (n(!0), r(k, null, w(t.value.table.head.values, (a, s) => (n(), r("th", $e, [
+              u(e.$slots, "head", f({ ref_for: !0 }, { value: a, rowIndex: s, type: typeof a, isResponsive: d.value }), void 0, !0)
             ]))), 256))
           ], 4)
         ]),
         g("tbody", null, [
-          (n(!0), l(k, null, w(T.value, (a, s) => (n(), l("tr", we, [
-            (n(!0), l(k, null, w(a.displayValues, (p, d) => (n(), l("td", {
+          (n(!0), r(k, null, w(T.value, (a, s) => (n(), r("tr", we, [
+            (n(!0), r(k, null, w(a.displayValues, (l, p) => (n(), r("td", {
               role: "cell",
-              "data-cell": t.value.table.head.values[d]
+              "data-cell": t.value.table.head.values[p]
             }, [
-              a.color && d === 0 ? (n(), l("div", xe, [
-                a.color ? (n(), l("svg", {
+              a.color && p === 0 ? (n(), r("div", xe, [
+                a.color ? (n(), r("svg", {
                   key: 0,
                   height: t.value.style.shapeSize,
                   width: t.value.style.shapeSize,
@@ -245,36 +245,36 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
                     shape: a.shape || "circle"
                   }, null, 8, ["color", "shape"])
                 ], 8, Fe)) : v("", !0),
-                r(e.$slots, "rowTitle", f({ ref_for: !0 }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value }), void 0, !0)
-              ])) : (n(), l(k, { key: 1 }, [
-                d === 0 ? r(e.$slots, "rowTitle", f({
+                u(e.$slots, "rowTitle", f({ ref_for: !0 }, { value: l, rowIndex: s, colIndex: p, type: typeof l, isResponsive: d.value }), void 0, !0)
+              ])) : (n(), r(k, { key: 1 }, [
+                p === 0 ? u(e.$slots, "rowTitle", f({
                   key: 0,
                   ref_for: !0
-                }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value }), void 0, !0) : v("", !0),
-                d > 0 ? r(e.$slots, "cell", f({
+                }, { value: l, rowIndex: s, colIndex: p, type: typeof l, isResponsive: d.value }), void 0, !0) : v("", !0),
+                p > 0 ? u(e.$slots, "cell", f({
                   key: 1,
                   ref_for: !0
-                }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value, color: a.colors[d], textColor: u(fe)(a.colors[d]) }), void 0, !0) : v("", !0)
+                }, { value: l, rowIndex: s, colIndex: p, type: typeof l, isResponsive: d.value, color: a.colors[p], textColor: i(fe)(a.colors[p]) }), void 0, !0) : v("", !0)
               ], 64))
             ], 8, Oe))), 256)),
-            t.value.table.showSum ? (n(), l("td", Pe, [
-              r(e.$slots, "sum", f({ ref_for: !0 }, { value: a.sum, rowIndex: s, isResponsive: i.value }), void 0, !0)
+            t.value.table.showSum ? (n(), r("td", Pe, [
+              u(e.$slots, "sum", f({ ref_for: !0 }, { value: a.sum, rowIndex: s, isResponsive: d.value }), void 0, !0)
             ])) : v("", !0),
-            t.value.table.showAverage ? (n(), l("td", Ne, [
-              r(e.$slots, "average", f({ ref_for: !0 }, { value: a.average, rowIndex: s, isResponsive: i.value }), void 0, !0)
+            t.value.table.showAverage ? (n(), r("td", Ne, [
+              u(e.$slots, "average", f({ ref_for: !0 }, { value: a.average, rowIndex: s, isResponsive: d.value }), void 0, !0)
             ])) : v("", !0),
-            t.value.table.showMedian ? (n(), l("td", Ve, [
-              r(e.$slots, "median", f({ ref_for: !0 }, { value: a.median, rowIndex: s, isResponsive: i.value }), void 0, !0)
+            t.value.table.showMedian ? (n(), r("td", Ve, [
+              u(e.$slots, "median", f({ ref_for: !0 }, { value: a.median, rowIndex: s, isResponsive: d.value }), void 0, !0)
             ])) : v("", !0)
           ]))), 256))
         ])
       ], 4),
-      e.$slots.source ? (n(), l("div", Re, [
-        r(e.$slots, "source", {}, void 0, !0)
+      e.$slots.source ? (n(), r("div", Re, [
+        u(e.$slots, "source", {}, void 0, !0)
       ], 512)) : v("", !0)
     ], 46, Ie));
   }
-}, Ae = /* @__PURE__ */ _e(Me, [["__scopeId", "data-v-cf68b424"]]);
+}, Ae = /* @__PURE__ */ _e(Me, [["__scopeId", "data-v-879ed7b7"]]);
 export {
   Ae as default
 };

package/dist/{vue-ui-table-sparkline-SGsBnQTK.js → vue-ui-table-sparkline-CMhk8rpj.js}

@@ -1,7 +1,7 @@
-import { useCssVars as Fe, defineAsyncComponent as J, ref as p, useSlots as Ve, onMounted as me, computed as _, watch as be, shallowRef as Te, onBeforeUnmount as We, createElementBlock as c, openBlock as d, unref as u, normalizeClass as K, createCommentVNode as g, createElementVNode as f, normalizeStyle as r, toDisplayString as C, withDirectives as Me, createVNode as D, Fragment as Q, renderList as Y, createBlock as Ue, createSlots as Be, withCtx as P, renderSlot as O, mergeProps as ge, nextTick as Ee } from "vue";
-import { u as ye } from "./useNestedProp-rMR-JeOJ.js";
-import { u as Ge, c as Le, t as Re, p as T, a as He, b as qe, o as Xe, e as he, g as Je, a5 as Ke, d as Qe, i as W, f as M, q as Ye, r as Ze } from "./index-CH_mJIWj.js";
-import { u as je } from "./usePrinter-DJ7WfWUs.js";
+import { useCssVars as Fe, defineAsyncComponent as J, ref as p, useSlots as Ve, onMounted as me, computed as _, watch as be, shallowRef as Te, onBeforeUnmount as We, createElementBlock as c, openBlock as v, unref as u, normalizeClass as K, createCommentVNode as g, createElementVNode as f, normalizeStyle as r, toDisplayString as C, withDirectives as Me, createVNode as D, Fragment as Q, renderList as Y, createBlock as Ue, createSlots as Be, withCtx as P, renderSlot as O, mergeProps as ge, nextTick as Ee } from "vue";
+import { u as ye } from "./useNestedProp-DVZpeH84.js";
+import { u as Ge, c as Le, t as Re, p as T, a as He, b as qe, o as Xe, e as he, g as Je, a5 as Ke, d as Qe, i as W, f as M, q as Ye, r as Ze } from "./index-BXbyT0Qn.js";
+import { u as je } from "./usePrinter-aKh5-HcK.js";
 import { u as et } from "./useUserOptionState-BIvW1Kz7.js";
 import { v as tt } from "./vClickOutside-C6WiFswA.js";
 import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -41,9 +41,9 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
   },
   setup(ke, { expose: _e }) {
     Fe((t) => ({
-      "130513d6": t.tdo
+      c3f77e6e: t.tdo
     }));
-    const Ce = J(() => import("./vue-ui-sparkline-DwzCA8d6.js")), N = J(() => import("./BaseIcon-DaR0sIWZ.js")), xe = J(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
+    const Ce = J(() => import("./vue-ui-sparkline-POYMl6cO.js")), N = J(() => import("./BaseIcon-P7wV92Er.js")), xe = J(() => import("./UserOptions-B3q-xfQV.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
     me(() => {
       Se["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
     });
@@ -106,30 +106,30 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
         });
       });
     }), x.dataset.map((t, l) => {
-      const a = (t.values || []).map((v) => isNaN(v) ? 0 : v ?? 0), o = a.reduce((v, i) => v + i, 0), s = o / a.length, n = Ke(a);
+      const a = (t.values || []).map((d) => isNaN(d) ? 0 : d ?? 0), n = a.reduce((d, i) => d + i, 0), s = n / a.length, o = Ke(a);
       return {
         ...t,
         values: t.values || [],
         color: Qe(t.color) || Ie.value[l] || T[l] || T[l % T.length],
-        sum: o,
+        sum: n,
         average: s,
-        median: n,
-        sparklineDataset: a.map((v, i) => ({
+        median: o,
+        sparklineDataset: a.map((d, i) => ({
           period: e.value.colNames[i] || `col ${i}`,
-          value: v || 0
+          value: d || 0
         }))
       };
     })));
     function Oe(t) {
       const a = (t[0].values || []).map(
-        (s, n) => t.map((v) => v.values[n] || [])
+        (s, o) => t.map((d) => d.values[o] || [])
       ).map(
-        (s) => s.map((n, v) => [n, v]).sort((n, v) => v[0] - n[0]).map((n) => n[1])
+        (s) => s.map((o, d) => [o, d]).sort((o, d) => d[0] - o[0]).map((o) => o[1])
       );
-      return t.map((s, n) => ({
+      return t.map((s, o) => ({
         ...s,
         values: s.values || [],
-        orders: a[n]
+        orders: a[o]
       }));
     }
     const $ = _(() => Oe(se.value)), m = p($.value), $e = _(() => Math.max(...m.value.map((t) => (t.values || []).length))), H = p(void 0), q = p(!1), b = p(void 0), re = p(1);
@@ -152,10 +152,10 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
         return;
       }
       q.value = !0, b.value = l;
-      const o = $.value.map((i) => i.values[l] || []), s = a;
+      const n = $.value.map((i) => i.values[l] || []), s = a;
       z.value[l].state = s, re.value = s, l === H.value ? H.value = void 0 : H.value = l;
-      const v = o.map((i, h) => [h, i]).sort((i, h) => s * (h[1] - i[1])).map((i) => i[0]).map((i) => $.value[i]);
-      m.value = v, B.value += 1;
+      const d = n.map((i, h) => [h, i]).sort((i, h) => s * (h[1] - i[1])).map((i) => i[0]).map((i) => $.value[i]);
+      m.value = d, B.value += 1;
     }
     const ie = _(() => Math.max(...x.dataset.map((t) => (t.values || []).length))), k = _(() => {
       let t = R.value.map((a) => ({
@@ -185,9 +185,9 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
         return;
       }
       y.value = t, q.value = !0, w.value[t] = a, [null, void 0].includes(l) || (z.value[l].state = w.value[t]);
-      const o = w.value[t], s = [...m.value].sort((n, v) => {
-        const i = n[t] ?? (typeof n[t] == "number" ? 0 : ""), h = v[t] ?? (typeof v[t] == "number" ? 0 : "");
-        return typeof i == "string" && typeof h == "string" ? o === -1 ? i.localeCompare(h) : h.localeCompare(i) : typeof i == "number" && typeof h == "number" ? o === -1 ? i - h : h - i : 0;
+      const n = w.value[t], s = [...m.value].sort((o, d) => {
+        const i = o[t] ?? (typeof o[t] == "number" ? 0 : ""), h = d[t] ?? (typeof d[t] == "number" ? 0 : "");
+        return typeof i == "string" && typeof h == "string" ? n === -1 ? i.localeCompare(h) : h.localeCompare(i) : typeof i == "number" && typeof h == "number" ? n === -1 ? i - h : h - i : 0;
       });
       m.value = s;
     }
@@ -199,17 +199,17 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
     function Pe(t) {
       de.value = t, Z.value += 1;
     }
-    function ve() {
+    function ve(t = null) {
       Ee(() => {
-        const t = [e.value.translations.serie].concat(k.value), l = se.value.map((s, n) => [
-          [s.name],
-          s.values,
-          [s.sum],
-          [s.average],
-          [s.median]
-        ]), a = [t].concat(l), o = Ye(a);
-        Ze({
-          csvContent: o,
+        const l = [e.value.translations.serie].concat(k.value), a = se.value.map((o, d) => [
+          [o.name],
+          o.values,
+          [o.sum],
+          [o.average],
+          [o.median]
+        ]), n = [l].concat(a), s = Ye(n);
+        t ? t(s) : Ze({
+          csvContent: s,
           title: e.value.title.text || "vue-ui-table-sparkline"
         });
       });
@@ -235,7 +235,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
       generateImage: ne,
       generateCsv: ve,
       restoreOrder: A
-    }), (t, l) => (d(), c("div", {
+    }), (t, l) => (v(), c("div", {
       ref_key: "tableContainer",
       ref: F,
       class: K({ "vue-ui-table-sparkline": !0, "vue-ui-responsive": L.value }),
@@ -244,7 +244,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
       onMouseenter: l[3] || (l[3] = () => u(j)(!0)),
       onMouseleave: l[4] || (l[4] = () => u(j)(!1))
     }, [
-      e.value.title.text ? (d(), c("div", {
+      e.value.title.text ? (v(), c("div", {
         key: 0,
         class: "vue-ui-table-sparkline-caption",
         style: r({ backgroundColor: e.value.title.backgroundColor })
@@ -258,7 +258,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
             textAlign: e.value.title.textAlign
           })
         }, C(e.value.title.text), 5),
-        e.value.title.subtitle.text ? (d(), c("div", {
+        e.value.title.subtitle.text ? (v(), c("div", {
           key: 0,
           class: "atom-subtitle",
           style: r({
@@ -280,7 +280,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
           style: r({ fontFamily: e.value.fontFamily, position: "relative" })
         }, [
           f("thead", ot, [
-            Me((d(), c("tr", {
+            Me((v(), c("tr", {
               role: "row",
               class: "vue-ui-data-table__thead-row",
               style: r({
@@ -308,7 +308,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   })
                 }, [
                   f("span", null, C(e.value.translations.serie), 1),
-                  m.value.length > 1 && e.value.sortedSeriesName ? (d(), c("div", nt, [
+                  m.value.length > 1 && e.value.sortedSeriesName ? (v(), c("div", nt, [
                     f("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",
                       onClick: l[0] || (l[0] = (a) => V({ type: "name" }, null, -1))
@@ -338,17 +338,17 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   ])) : g("", !0)
                 ], 4)
               ], 4),
-              (d(!0), c(Q, null, Y(k.value, (a, o) => (d(), c("th", {
+              (v(!0), c(Q, null, Y(k.value, (a, n) => (v(), c("th", {
                 role: "cell",
                 style: r({
                   background: e.value.thead.backgroundColor,
                   border: e.value.thead.outline,
                   textAlign: e.value.thead.textAlign,
                   fontWeight: e.value.thead.bold ? "bold" : "normal",
-                  minWidth: o === k.value.length - 1 ? `${e.value.sparkline.dimensions.width}px` : "48px",
-                  paddingRight: o === k.value.length - 1 && e.value.userOptions.show ? "36px" : ""
+                  minWidth: n === k.value.length - 1 ? `${e.value.sparkline.dimensions.width}px` : "48px",
+                  paddingRight: n === k.value.length - 1 && e.value.userOptions.show ? "36px" : ""
                 }),
-                class: K({ "sticky-col": o === k.value.length - 1 && e.value.showSparklines })
+                class: K({ "sticky-col": n === k.value.length - 1 && e.value.showSparklines })
               }, [
                 f("div", {
                   style: r({
@@ -360,36 +360,36 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   })
                 }, [
                   f("span", null, C(a.value), 1),
-                  m.value.length > 1 && (ce(o) || pe(a)) ? (d(), c("div", ut, [
+                  m.value.length > 1 && (ce(n) || pe(a)) ? (v(), c("div", ut, [
                     f("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",
-                      onClick: () => V(a, o, -1)
+                      onClick: () => V(a, n, -1)
                     }, [
                       D(u(N), {
                         size: 12,
                         name: "arrowBottom",
                         stroke: e.value.thead.color,
                         style: r({
-                          opacity: fe(o, a, -1)
+                          opacity: fe(n, a, -1)
                         })
                       }, null, 8, ["stroke", "style"])
                     ], 8, st),
                     f("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",
-                      onClick: () => V(a, o, 1)
+                      onClick: () => V(a, n, 1)
                     }, [
                       D(u(N), {
                         size: 12,
                         name: "arrowTop",
                         stroke: e.value.thead.color,
                         style: r({
-                          opacity: fe(o, a, 1)
+                          opacity: fe(n, a, 1)
                         })
                       }, null, 8, ["stroke", "style"])
                     ], 8, rt)
                   ])) : g("", !0)
                 ], 4),
-                e.value.userOptions.show && o === k.value.length - 1 && (u(ee) || u(G)) ? (d(), Ue(u(xe), {
+                e.value.userOptions.show && n === k.value.length - 1 && (u(ee) || u(G)) ? (v(), Ue(u(xe), {
                   ref_for: !0,
                   ref: "details",
                   key: `user_option_${Z.value}`,
@@ -417,8 +417,8 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                 }, Be({ _: 2 }, [
                   t.$slots.menuIcon ? {
                     name: "menuIcon",
-                    fn: P(({ isOpen: s, color: n }) => [
-                      O(t.$slots, "menuIcon", ge({ ref_for: !0 }, { isOpen: s, color: n }), void 0, !0)
+                    fn: P(({ isOpen: s, color: o }) => [
+                      O(t.$slots, "menuIcon", ge({ ref_for: !0 }, { isOpen: s, color: o }), void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
@@ -445,8 +445,8 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   } : void 0,
                   t.$slots.optionFullscreen ? {
                     name: "optionFullscreen",
-                    fn: P(({ toggleFullscreen: s, isFullscreen: n }) => [
-                      O(t.$slots, "optionFullscreen", ge({ ref_for: !0 }, { toggleFullscreen: s, isFullscreen: n }), void 0, !0)
+                    fn: P(({ toggleFullscreen: s, isFullscreen: o }) => [
+                      O(t.$slots, "optionFullscreen", ge({ ref_for: !0 }, { toggleFullscreen: s, isFullscreen: o }), void 0, !0)
                     ]),
                     key: "4"
                   } : void 0
@@ -457,13 +457,13 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
             ])
           ]),
           f("tbody", null, [
-            (d(!0), c(Q, null, Y(m.value, (a, o) => (d(), c("tr", {
+            (v(!0), c(Q, null, Y(m.value, (a, n) => (v(), c("tr", {
               role: "row",
               style: r({
                 backgroundColor: e.value.tbody.backgroundColor,
                 color: e.value.tbody.color
               }),
-              class: K({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": o % 2 === 0, "vue-ui-data-table__tbody__row-odd": o % 2 !== 0 })
+              class: K({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": n % 2 === 0, "vue-ui-data-table__tbody__row-odd": n % 2 !== 0 })
             }, [
               f("td", {
                 role: "cell",
@@ -487,14 +487,14 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                     justifyContent: e.value.tbody.textAlign
                   })
                 }, [
-                  e.value.tbody.showColorMarker ? (d(), c("span", {
+                  e.value.tbody.showColorMarker ? (v(), c("span", {
                     key: 0,
                     style: r({ color: a.color })
                   }, "⬤", 4)) : g("", !0),
                   f("span", null, C(a.name ?? "-"), 1)
                 ], 4)
               ], 12, it),
-              (d(!0), c(Q, null, Y($e.value, (s, n) => (d(), c("td", {
+              (v(!0), c(Q, null, Y($e.value, (s, o) => (v(), c("td", {
                 dir: "auto",
                 role: "cell",
                 ref_for: !0,
@@ -505,25 +505,25 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
                   textAlign: e.value.tbody.textAlign,
-                  background: S.value !== void 0 && n === S.value ? e.value.tbody.selectedColor.useSerieColor ? `${a.color.length > 7 ? a.color.slice(0, -2) : a.color}33` : e.value.tbody.selectedColor.fallback : ""
+                  background: S.value !== void 0 && o === S.value ? e.value.tbody.selectedColor.useSerieColor ? `${a.color.length > 7 ? a.color.slice(0, -2) : a.color}33` : e.value.tbody.selectedColor.fallback : ""
                 }),
-                "data-cell": k.value[n] ? k.value[n].value : "",
+                "data-cell": k.value[o] ? k.value[o].value : "",
                 class: "vue-ui-data-table__tbody__td",
-                onPointerenter: (v) => {
-                  X.value = o, S.value = n;
+                onPointerenter: (d) => {
+                  X.value = n, S.value = o;
                 }
-              }, C([null, void 0].includes(a.values[n]) ? "-" : u(W)(
+              }, C([null, void 0].includes(a.values[o]) ? "-" : u(W)(
                 e.value.formatter,
-                Number(a.values[n]),
+                Number(a.values[o]),
                 u(M)({
                   p: e.value.prefix,
-                  v: Number(a.values[n]),
+                  v: Number(a.values[o]),
                   s: e.value.suffix,
                   r: e.value.roundingValues
                 }),
-                { datapoint: a, seriesIndex: o, datapointIndex: n }
+                { datapoint: a, seriesIndex: n, datapointIndex: o }
               )), 45, dt))), 256)),
-              e.value.showTotal ? (d(), c("td", {
+              e.value.showTotal ? (v(), c("td", {
                 key: 0,
                 dir: "auto",
                 role: "cell",
@@ -544,9 +544,9 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   s: e.value.suffix,
                   r: e.value.roundingTotal
                 }),
-                { datapoint: a.sum, seriesIndex: o }
+                { datapoint: a.sum, seriesIndex: n }
               )), 13, vt)) : g("", !0),
-              e.value.showAverage ? (d(), c("td", {
+              e.value.showAverage ? (v(), c("td", {
                 key: 1,
                 dir: "auto",
                 role: "cell",
@@ -567,9 +567,9 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   s: e.value.suffix,
                   r: e.value.roundingAverage
                 }),
-                { datapoint: a.average, seriesIndex: o }
+                { datapoint: a.average, seriesIndex: n }
               )), 13, ct)) : g("", !0),
-              e.value.showMedian ? (d(), c("td", {
+              e.value.showMedian ? (v(), c("td", {
                 key: 2,
                 dir: "auto",
                 role: "cell",
@@ -590,9 +590,9 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   s: e.value.suffix,
                   r: e.value.roundingMedian
                 }),
-                { datapoint: a.median, seriesIndex: o }
+                { datapoint: a.median, seriesIndex: n }
               )), 13, pt)) : g("", !0),
-              e.value.showSparklines ? (d(), c("td", {
+              e.value.showSparklines ? (v(), c("td", {
                 key: 3,
                 role: "cell",
                 "data-cell": e.value.translations.chart,
@@ -607,7 +607,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                 class: "vue-ui-data-table__tbody__td sticky-col"
               }, [
                 D(u(Ce), {
-                  onHoverIndex: ({ index: s }) => De({ dataIndex: s, serieIndex: o }),
+                  onHoverIndex: ({ index: s }) => De({ dataIndex: s, serieIndex: n }),
                   "height-ratio": e.value.sparkline.dimensions.heightRatio,
                   "forced-padding": 30,
                   dataset: a.sparklineDataset,
@@ -650,12 +650,12 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
           ])
         ], 4)
       ], 32),
-      t.$slots.source ? (d(), c("div", mt, [
+      t.$slots.source ? (v(), c("div", mt, [
         O(t.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0)
     ], 42, lt));
   }
-}, wt = /* @__PURE__ */ at(bt, [["__scopeId", "data-v-3be5a698"]]);
+}, wt = /* @__PURE__ */ at(bt, [["__scopeId", "data-v-92eaf0de"]]);
 export {
   wt as default
 };