vue-data-ui 2.4.33 → 2.4.35

package/dist/{vue-ui-table-sparkline-BM3Shv9L.js → vue-ui-table-sparkline-CDouca5D.js}

@@ -1,18 +1,15 @@
-import { useCssVars as ce, ref as d, computed as h, watch as Y, onMounted as fe, openBlock as u, createElementBlock as r, normalizeClass as M, createElementVNode as c, normalizeStyle as i, toDisplayString as b, createCommentVNode as p, Fragment as V, renderList as E, createBlock as G, unref as v, createSlots as pe, withCtx as A, renderSlot as C, normalizeProps as be, guardReactiveProps as me, nextTick as ge } from "vue";
-import { u as he, c as ye, t as _e, a as ke, p as $, b as xe, o as Ce, e as Z, g as Ie, d as Se, $ as we, i as P, f as z, q as Ae, r as $e } from "./index-Co2zPDEB.js";
-import { u as j } from "./useNestedProp-BkJbU8lx.js";
-import Pe from "./vue-ui-sparkline-nLSK___A.js";
-import ze from "./BaseIcon-XaP3Hk56.js";
-import { u as Fe, U as Oe } from "./usePrinter-B9fZzpeu.js";
-import { _ as Ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const We = ["id"], De = { style: { "z-index": "1", "padding-right": "24px" } }, Te = ["onClick"], Me = { style: { display: "flex", "flex-direction": "row", gap: "3px", "align-items": "center" } }, Ve = ["data-cell"], Ee = {
-  dir: "auto",
-  style: { display: "flex", "flex-direction": "row", "align-items": "center", gap: "6px" }
-}, Ge = ["data-cell", "onPointerenter"], Le = ["data-cell"], Be = ["data-cell"], Re = ["data-cell"], Ue = ["data-cell"], He = {
+import { useCssVars as fe, ref as d, computed as h, watch as ee, onMounted as pe, openBlock as s, createElementBlock as i, normalizeClass as V, createElementVNode as c, normalizeStyle as r, toDisplayString as b, createCommentVNode as p, withDirectives as be, Fragment as E, renderList as G, createBlock as L, unref as v, createSlots as ge, withCtx as A, renderSlot as C, normalizeProps as me, guardReactiveProps as he, nextTick as ye } from "vue";
+import { u as ke, c as _e, t as xe, a as Ce, p as $, b as Ie, o as we, e as te, g as Se, d as Ae, $ as $e, i as P, f as z, q as Pe, r as ze } from "./index-BVAtz1Jo.js";
+import { u as ae } from "./useNestedProp-agkwioM4.js";
+import Oe from "./vue-ui-sparkline-ws3MgzKD.js";
+import Fe from "./BaseIcon-I9TjIruT.js";
+import { u as Ne, U as De, v as We } from "./usePrinter-nkgmkVAa.js";
+import { _ as Te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Me = ["id"], Ve = { style: { "z-index": "1", "padding-right": "24px" } }, Ee = ["onClick"], Ge = ["data-cell"], Le = ["data-cell", "onPointerenter"], Re = ["data-cell"], Be = ["data-cell"], Ue = ["data-cell"], He = ["data-cell"], qe = {
   key: 0,
   ref: "source",
   dir: "auto"
-}, qe = {
+}, Xe = {
   __name: "vue-ui-table-sparkline",
   props: {
     config: {
@@ -28,174 +25,177 @@ const We = ["id"], De = { style: { "z-index": "1", "padding-right": "24px" } },
       }
     }
   },
-  setup(ee, { expose: te }) {
-    const m = ee;
-    ce((t) => ({
-      "2e20cf3e": t.tdo
+  setup(le, { expose: oe }) {
+    const g = le;
+    fe((t) => ({
+      "72de9ec2": t.tdo
     }));
-    const { vue_ui_table_sparkline: ae } = he(), F = d(ye()), L = d(0), I = d(0), O = d(null), e = h({
+    const { vue_ui_table_sparkline: ne } = ke(), O = d(_e()), R = d(0), I = d(0), F = d(null), e = h({
       get: () => B(),
       set: (t) => t
     });
     function B() {
-      const t = j({
-        userConfig: m.config,
-        defaultConfig: ae
+      const t = ae({
+        userConfig: g.config,
+        defaultConfig: ne
       });
       return t.theme ? {
-        ...j({
-          userConfig: _e.vue_ui_table_sparkline[t.theme] || m.config,
+        ...ae({
+          userConfig: xe.vue_ui_table_sparkline[t.theme] || g.config,
           defaultConfig: t
         }),
-        customPalette: ke[t.theme] || $
+        customPalette: Ce[t.theme] || $
       } : t;
     }
-    Y(() => m.config, (t) => {
-      e.value = B(), X(), I.value += 1;
-    }, { deep: !0 }), Y(() => m.dataset, (t) => {
-      k.value = y.value, I.value += 1;
+    ee(() => g.config, (t) => {
+      e.value = B(), J(), I.value += 1;
+    }, { deep: !0 }), ee(() => g.dataset, (t) => {
+      _.value = y.value, I.value += 1;
     }, { deep: !0 });
-    const { isPrinting: R, isImaging: U, generatePdf: H, generateImage: q } = Fe({
-      elementId: `table_${F.value}`,
+    const { isPrinting: U, isImaging: H, generatePdf: q, generateImage: X } = Ne({
+      elementId: `table_${O.value}`,
       fileName: e.value.title.text || "vue-ui-table-sparkline"
-    }), le = h(() => xe(e.value.customPalette)), S = d(null), N = d(!1), oe = h(() => e.value.responsiveBreakpoint);
-    fe(() => {
-      X();
+    }), ue = h(() => Ie(e.value.customPalette)), w = d(null), N = d(!1), se = h(() => e.value.responsiveBreakpoint);
+    pe(() => {
+      J();
     });
-    function X() {
-      Ce(m.dataset) && Z({
+    const D = d(e.value.colNames);
+    function J() {
+      we(g.dataset) && te({
         componentName: "VueUiTableSparkline",
         type: "dataset"
       });
-      const t = new ResizeObserver((s) => {
-        s.forEach((a) => {
-          N.value = a.contentRect.width < oe.value;
+      const t = new ResizeObserver((o) => {
+        o.forEach((a) => {
+          N.value = a.contentRect.width < se.value;
         });
       });
-      S.value && t.observe(S.value);
+      w.value && t.observe(w.value), D.value = [];
+      for (let o = 0; o < Y.value; o += 1)
+        D.value.push(e.value.colNames[o] || `col ${o}`);
     }
-    const J = h(() => (m.dataset.forEach((t, s) => {
-      Ie({
+    const K = h(() => (g.dataset.forEach((t, o) => {
+      Se({
         datasetObject: t,
         requiredAttributes: ["name", "values"]
       }).forEach((a) => {
-        Z({
+        te({
           componentName: "VueUiTableSparkline",
           type: "datasetSerieAttribute",
           property: a,
-          index: s
+          index: o
         });
       });
-    }), m.dataset.map((t, s) => {
-      const a = (t.values || []).map((n) => isNaN(n) ? 0 : n ?? 0), o = a.reduce((n, l) => n + l, 0);
+    }), g.dataset.map((t, o) => {
+      const a = (t.values || []).map((u) => isNaN(u) ? 0 : u ?? 0), n = a.reduce((u, l) => u + l, 0);
       return {
         ...t,
         values: t.values || [],
-        color: Se(t.color) || le.value[s] || $[s] || $[s % $.length],
-        sum: o,
-        average: o / a.length,
-        median: we(a),
-        sparklineDataset: a.map((n, l) => ({
+        color: Ae(t.color) || ue.value[o] || $[o] || $[o % $.length],
+        sum: n,
+        average: n / a.length,
+        median: $e(a),
+        sparklineDataset: a.map((u, l) => ({
           period: e.value.colNames[l] || `col ${l}`,
-          value: n || 0
+          value: u || 0
         }))
       };
     })));
-    function ne(t) {
+    function re(t) {
       const a = (t[0].values || []).map(
-        (n, l) => t.map((f) => f.values[l] || [])
+        (u, l) => t.map((f) => f.values[l] || [])
       ).map(
-        (n) => n.map((l, f) => [l, f]).sort((l, f) => f[0] - l[0]).map((l) => l[1])
+        (u) => u.map((l, f) => [l, f]).sort((l, f) => f[0] - l[0]).map((l) => l[1])
       );
-      return t.map((n, l) => ({
-        ...n,
-        values: n.values || [],
+      return t.map((u, l) => ({
+        ...u,
+        values: u.values || [],
         orders: a[l]
       }));
     }
-    const y = h(() => ne(J.value)), k = d(y.value), se = h(() => Math.max(...k.value.map((t) => (t.values || []).length))), w = d(void 0), W = d(!1), D = d(void 0), T = d(-1);
-    function ue() {
-      W.value = !1, D.value = void 0, T.value = -1, k.value = y.value;
+    const y = h(() => re(K.value)), _ = d(y.value), ie = h(() => Math.max(..._.value.map((t) => (t.values || []).length))), S = d(void 0), W = d(!1), T = d(void 0), M = d(-1);
+    function Q() {
+      W.value = !1, T.value = void 0, M.value = -1, _.value = y.value;
     }
-    function re(t) {
-      W.value = !0, D.value = t;
-      const s = y.value.map((l) => l.values[t] || []), a = w.value === t ? 1 : -1;
-      T.value = a, t === w.value ? w.value = void 0 : w.value = t;
-      const n = s.map((l, f) => [f, l]).sort((l, f) => a * (f[1] - l[1])).map((l) => l[0]).map((l) => y.value[l]);
-      k.value = n, I.value += 1;
+    function de(t) {
+      W.value = !0, T.value = t;
+      const o = y.value.map((l) => l.values[t] || []), a = S.value === t ? 1 : -1;
+      M.value = a, t === S.value ? S.value = void 0 : S.value = t;
+      const u = o.map((l, f) => [f, l]).sort((l, f) => a * (f[1] - l[1])).map((l) => l[0]).map((l) => y.value[l]);
+      _.value = u, I.value += 1;
     }
-    const ie = h(() => Math.max(...m.dataset.map((t) => (t.values || []).length))), _ = h(() => {
-      let t = e.value.colNames;
+    const Y = h(() => Math.max(...g.dataset.map((t) => (t.values || []).length))), k = h(() => {
+      let t = D.value;
       if (!t.length)
-        for (let a = 0; a < ie.value; a += 1)
+        for (let a = 0; a < Y.value; a += 1)
           t.push(`col ${a + 1}`);
       e.value.showTotal && (t = [...t, e.value.translations.total]);
-      let s;
-      return e.value.showAverage && e.value.showMedian ? s = [
+      let o;
+      return e.value.showAverage && e.value.showMedian ? o = [
         ...t,
         e.value.translations.average,
         e.value.translations.median
-      ] : e.value.showAverage && !e.value.showMedian ? s = [...t, e.value.translations.average] : !e.value.showAverage && e.value.showMedian ? s = [...t, e.value.translations.median] : s = t, e.value.showSparklines ? [...s, e.value.translations.chart] : s;
-    }), g = d(void 0), x = d(void 0);
-    function de({ dataIndex: t, serieIndex: s }) {
-      g.value = t, x.value = s, O.value[t] && !N.value && O.value[t].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
+      ] : e.value.showAverage && !e.value.showMedian ? o = [...t, e.value.translations.average] : !e.value.showAverage && e.value.showMedian ? o = [...t, e.value.translations.median] : o = t, e.value.showSparklines ? [...o, e.value.translations.chart] : o;
+    }), m = d(void 0), x = d(void 0);
+    function ve({ dataIndex: t, serieIndex: o }) {
+      m.value = t, x.value = o, F.value[t] && !N.value && F.value[t].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
     }
-    const K = d(!1);
-    function ve(t) {
-      K.value = t, L.value += 1;
+    const Z = d(!1);
+    function ce(t) {
+      Z.value = t, R.value += 1;
     }
-    function Q() {
-      ge(() => {
-        const t = [e.value.translations.serie].concat(_.value), s = J.value.map((n, l) => [
-          [n.name],
-          n.values,
-          [n.sum],
-          [n.average],
-          [n.median]
-        ]), a = [t].concat(s), o = Ae(a);
-        $e({
-          csvContent: o,
+    function j() {
+      ye(() => {
+        const t = [e.value.translations.serie].concat(k.value), o = K.value.map((u, l) => [
+          [u.name],
+          u.values,
+          [u.sum],
+          [u.average],
+          [u.median]
+        ]), a = [t].concat(o), n = Pe(a);
+        ze({
+          csvContent: n,
           title: e.value.title.text || "vue-ui-table-sparkline"
         });
       });
     }
-    return te({
-      generatePdf: H,
-      generateImage: q,
-      generateCsv: Q,
-      restoreOrder: ue
-    }), (t, s) => (u(), r("div", {
+    return oe({
+      generatePdf: q,
+      generateImage: X,
+      generateCsv: j,
+      restoreOrder: Q
+    }), (t, o) => (s(), i("div", {
       ref_key: "tableContainer",
-      ref: S,
-      class: M({ "vue-ui-responsive": N.value }),
+      ref: w,
+      class: V({ "vue-ui-responsive": N.value }),
       style: { overflow: "hidden" },
-      id: `table_${F.value}`
+      id: `table_${O.value}`
     }, [
       c("div", {
         style: { overflow: "auto" },
-        onPointerleave: s[0] || (s[0] = (a) => {
-          x.value = void 0, g.value = void 0;
+        onPointerleave: o[0] || (o[0] = (a) => {
+          x.value = void 0, m.value = void 0;
         })
       }, [
         c("table", {
           class: "vue-ui-data-table",
-          style: i({ fontFamily: e.value.fontFamily, position: "relative" })
+          style: r({ fontFamily: e.value.fontFamily, position: "relative" })
         }, [
-          e.value.title.text ? (u(), r("caption", {
+          e.value.title.text ? (s(), i("caption", {
             key: 0,
-            style: i({ backgroundColor: e.value.title.backgroundColor })
+            style: r({ backgroundColor: e.value.title.backgroundColor })
           }, [
             c("div", {
-              style: i({
+              style: r({
                 fontSize: `${e.value.title.fontSize}px`,
                 fontWeight: e.value.title.bold ? "bold" : "normal",
                 color: e.value.title.color,
                 textAlign: e.value.title.textAlign
               })
             }, b(e.value.title.text), 5),
-            e.value.title.subtitle.text ? (u(), r("div", {
+            e.value.title.subtitle.text ? (s(), i("div", {
               key: 0,
-              style: i({
+              style: r({
                 fontSize: `${e.value.title.subtitle.fontSize}px`,
                 fontWeight: e.value.title.subtitle.bold ? "bold" : "normal",
                 color: e.value.title.subtitle.color,
@@ -203,69 +203,78 @@ const We = ["id"], De = { style: { "z-index": "1", "padding-right": "24px" } },
               })
             }, b(e.value.title.subtitle.text), 5)) : p("", !0)
           ], 4)) : p("", !0),
-          c("thead", De, [
-            c("tr", {
+          c("thead", Ve, [
+            be((s(), i("tr", {
               role: "row",
               class: "vue-ui-data-table__thead-row",
-              style: i({
+              style: r({
                 backgroundColor: e.value.thead.backgroundColor,
                 color: e.value.thead.color
               })
             }, [
               c("th", {
                 role: "cell",
-                style: i({
+                style: r({
                   backgroundColor: e.value.thead.backgroundColor,
-                  outline: e.value.thead.outline,
+                  border: e.value.thead.outline,
                   textAlign: e.value.thead.textAlign,
                   fontWeight: e.value.thead.bold ? "bold" : "normal"
                 }),
                 class: "sticky-col-first"
               }, b(e.value.translations.serie), 5),
-              (u(!0), r(V, null, E(_.value, (a, o) => (u(), r("th", {
+              (s(!0), i(E, null, G(k.value, (a, n) => (s(), i("th", {
                 role: "cell",
-                style: i({
+                style: r({
                   background: e.value.thead.backgroundColor,
-                  outline: e.value.thead.outline,
+                  border: e.value.thead.outline,
                   textAlign: e.value.thead.textAlign,
                   fontWeight: e.value.thead.bold ? "bold" : "normal",
-                  minWidth: o === _.value.length - 1 ? "150px" : "",
-                  cursor: y.value[0].values[o] !== void 0 ? "pointer" : "default"
+                  minWidth: n === k.value.length - 1 ? "150px" : "48px",
+                  cursor: y.value[0].values[n] !== void 0 ? "pointer" : "default",
+                  paddingRight: n === k.value.length - 1 && e.value.userOptions.show ? "36px" : ""
                 }),
-                onClick: () => re(o),
-                class: M({ "sticky-col": o === _.value.length - 1 && e.value.showSparklines })
+                onClick: () => de(n),
+                class: V({ "sticky-col": n === k.value.length - 1 && e.value.showSparklines })
               }, [
-                c("div", Me, [
+                c("div", {
+                  style: r({
+                    display: "flex",
+                    flexDirection: "row",
+                    alignItems: "center",
+                    gap: "6px",
+                    justifyContent: e.value.thead.textAlign
+                  })
+                }, [
                   c("span", null, b(a), 1),
-                  W.value && o === D.value && y.value[0].values[o] !== void 0 ? (u(), G(ze, {
+                  W.value && n === T.value && y.value[0].values[n] !== void 0 ? (s(), L(Fe, {
                     key: 0,
                     size: 18,
-                    name: T.value === 1 ? "sort" : "sortReverse",
+                    name: M.value === 1 ? "sort" : "sortReverse",
                     stroke: e.value.thead.color
                   }, null, 8, ["name", "stroke"])) : p("", !0)
-                ]),
-                e.value.userOptions.show && o === _.value.length - 1 ? (u(), G(Oe, {
+                ], 4),
+                e.value.userOptions.show && n === k.value.length - 1 ? (s(), L(De, {
                   ref_for: !0,
                   ref: "details",
-                  key: `user_option_${L.value}`,
+                  key: `user_option_${R.value}`,
                   backgroundColor: e.value.thead.backgroundColor,
                   color: e.value.thead.color,
-                  isPrinting: v(R),
-                  isImaging: v(U),
-                  uid: F.value,
+                  isPrinting: v(U),
+                  isImaging: v(H),
+                  uid: O.value,
                   hasPdf: e.value.userOptions.buttons.pdf,
                   hasXls: e.value.userOptions.buttons.csv,
                   hasImg: e.value.userOptions.buttons.img,
                   hasFullscreen: e.value.userOptions.buttons.fullscreen,
-                  isFullscreen: K.value,
+                  isFullscreen: Z.value,
                   titles: { ...e.value.userOptions.buttonTitles },
-                  chartElement: S.value,
+                  chartElement: w.value,
                   position: e.value.userOptions.position,
-                  onToggleFullscreen: ve,
-                  onGeneratePdf: v(H),
-                  onGenerateImage: v(q),
-                  onGenerateCsv: Q
-                }, pe({ _: 2 }, [
+                  onToggleFullscreen: ce,
+                  onGeneratePdf: v(q),
+                  onGenerateImage: v(X),
+                  onGenerateCsv: j
+                }, ge({ _: 2 }, [
                   t.$slots.optionPdf ? {
                     name: "optionPdf",
                     fn: A(() => [
@@ -289,27 +298,29 @@ const We = ["id"], De = { style: { "z-index": "1", "padding-right": "24px" } },
                   } : void 0,
                   t.$slots.optionFullscreen ? {
                     name: "optionFullscreen",
-                    fn: A(({ toggleFullscreen: n, isFullscreen: l }) => [
-                      C(t.$slots, "optionFullscreen", be(me({ toggleFullscreen: n, isFullscreen: l })), void 0, !0)
+                    fn: A(({ toggleFullscreen: u, isFullscreen: l }) => [
+                      C(t.$slots, "optionFullscreen", me(he({ toggleFullscreen: u, isFullscreen: l })), void 0, !0)
                     ]),
                     key: "3"
                   } : void 0
                 ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage"])) : p("", !0)
-              ], 14, Te))), 256))
-            ], 4)
+              ], 14, Ee))), 256))
+            ], 4)), [
+              [v(We), Q]
+            ])
           ]),
           c("tbody", null, [
-            (u(!0), r(V, null, E(k.value, (a, o) => (u(), r("tr", {
+            (s(!0), i(E, null, G(_.value, (a, n) => (s(), i("tr", {
               role: "row",
-              style: i({
+              style: r({
                 backgroundColor: e.value.tbody.backgroundColor,
                 color: e.value.tbody.color
               }),
-              class: M({ "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: V({ "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 })
             }, [
               c("td", {
                 role: "cell",
-                style: i({
+                style: r({
                   backgroundColor: e.value.tbody.backgroundColor,
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
@@ -319,32 +330,41 @@ const We = ["id"], De = { style: { "z-index": "1", "padding-right": "24px" } },
                 "data-cell": e.value.translations.serie,
                 class: "vue-ui-data-table__tbody__td sticky-col-first"
               }, [
-                c("div", Ee, [
-                  e.value.tbody.showColorMarker ? (u(), r("span", {
+                c("div", {
+                  dir: "auto",
+                  style: r({
+                    display: "flex",
+                    flexDirection: "row",
+                    alignItems: "center",
+                    gap: "6px",
+                    justifyContent: e.value.tbody.textAlign
+                  })
+                }, [
+                  e.value.tbody.showColorMarker ? (s(), i("span", {
                     key: 0,
-                    style: i({ color: a.color })
+                    style: r({ color: a.color })
                   }, "⬤", 4)) : p("", !0),
                   c("span", null, b(a.name ?? "-"), 1)
-                ])
-              ], 12, Ve),
-              (u(!0), r(V, null, E(se.value, (n, l) => (u(), r("td", {
+                ], 4)
+              ], 12, Ge),
+              (s(!0), i(E, null, G(ie.value, (u, l) => (s(), i("td", {
                 dir: "auto",
                 role: "cell",
                 ref_for: !0,
                 ref_key: "TD",
-                ref: O,
-                style: i({
+                ref: F,
+                style: r({
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
                   textAlign: e.value.tbody.textAlign,
-                  background: g.value !== void 0 && l === g.value ? e.value.tbody.selectedColor.useSerieColor ? `${a.color.length > 7 ? a.color.slice(0, -2) : a.color}33` : e.value.tbody.selectedColor.fallback : "",
-                  borderRadius: g.value !== void 0 && x.value !== void 0 && l === g.value && x.value === o ? "3px" : ""
+                  background: m.value !== void 0 && l === m.value ? e.value.tbody.selectedColor.useSerieColor ? `${a.color.length > 7 ? a.color.slice(0, -2) : a.color}33` : e.value.tbody.selectedColor.fallback : "",
+                  borderRadius: m.value !== void 0 && x.value !== void 0 && l === m.value && x.value === n ? "3px" : ""
                 }),
-                "data-cell": _.value[l],
+                "data-cell": k.value[l],
                 class: "vue-ui-data-table__tbody__td",
                 onPointerenter: (f) => {
-                  x.value = o, g.value = l;
+                  x.value = n, m.value = l;
                 }
               }, b([null, void 0].includes(a.values[l]) ? "-" : v(P)(
                 e.value.formatter,
@@ -355,13 +375,13 @@ const We = ["id"], De = { style: { "z-index": "1", "padding-right": "24px" } },
                   s: e.value.suffix,
                   r: e.value.roundingValues
                 }),
-                { datapoint: a, seriesIndex: o, datapointIndex: l }
-              )), 45, Ge))), 256)),
-              e.value.showTotal ? (u(), r("td", {
+                { datapoint: a, seriesIndex: n, datapointIndex: l }
+              )), 45, Le))), 256)),
+              e.value.showTotal ? (s(), i("td", {
                 key: 0,
                 dir: "auto",
                 role: "cell",
-                style: i({
+                style: r({
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
@@ -378,13 +398,13 @@ const We = ["id"], De = { style: { "z-index": "1", "padding-right": "24px" } },
                   s: e.value.suffix,
                   r: e.value.roundingTotal
                 }),
-                { datapoint: a.sum, seriesIndex: o }
-              )), 13, Le)) : p("", !0),
-              e.value.showAverage ? (u(), r("td", {
+                { datapoint: a.sum, seriesIndex: n }
+              )), 13, Re)) : p("", !0),
+              e.value.showAverage ? (s(), i("td", {
                 key: 1,
                 dir: "auto",
                 role: "cell",
-                style: i({
+                style: r({
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
@@ -401,13 +421,13 @@ const We = ["id"], De = { 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, Be)) : p("", !0),
-              e.value.showMedian ? (u(), r("td", {
+              e.value.showMedian ? (s(), i("td", {
                 key: 2,
                 dir: "auto",
                 role: "cell",
-                style: i({
+                style: r({
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
@@ -424,33 +444,34 @@ const We = ["id"], De = { style: { "z-index": "1", "padding-right": "24px" } },
                   s: e.value.suffix,
                   r: e.value.roundingMedian
                 }),
-                { datapoint: a.median, seriesIndex: o }
-              )), 13, Re)) : p("", !0),
-              e.value.showSparklines ? (u(), r("td", {
+                { datapoint: a.median, seriesIndex: n }
+              )), 13, Ue)) : p("", !0),
+              e.value.showSparklines ? (s(), i("td", {
                 key: 3,
                 role: "cell",
                 "data-cell": e.value.translations.chart,
-                style: i({
+                style: r({
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
                   textAlign: e.value.tbody.textAlign,
-                  backgroundColor: e.value.tbody.backgroundColor
+                  backgroundColor: e.value.tbody.backgroundColor,
+                  padding: "0"
                 }),
                 class: "vue-ui-data-table__tbody__td sticky-col"
               }, [
-                (u(), G(Pe, {
-                  key: `sparkline_${o}_${I.value}`,
-                  onHoverIndex: ({ index: n }) => de({ dataIndex: n, serieIndex: o }),
+                (s(), L(Oe, {
+                  key: `sparkline_${n}_${I.value}`,
+                  onHoverIndex: ({ index: u }) => ve({ dataIndex: u, serieIndex: n }),
                   dataset: a.sparklineDataset,
                   showInfo: !1,
-                  selectedIndex: g.value,
+                  selectedIndex: m.value,
                   config: {
                     type: e.value.sparkline.type,
                     style: {
                       backgroundColor: e.value.tbody.backgroundColor,
                       animation: {
-                        show: e.value.sparkline.animation.show && !v(R) && !v(U),
+                        show: e.value.sparkline.animation.show && !v(U) && !v(H),
                         animationFrames: e.value.sparkline.animation.animationFrames
                       },
                       line: {
@@ -477,17 +498,17 @@ const We = ["id"], De = { style: { "z-index": "1", "padding-right": "24px" } },
                     }
                   }
                 }, null, 8, ["onHoverIndex", "dataset", "selectedIndex", "config"]))
-              ], 12, Ue)) : p("", !0)
+              ], 12, He)) : p("", !0)
             ], 6))), 256))
           ])
         ], 4)
       ], 32),
-      t.$slots.source ? (u(), r("div", He, [
+      t.$slots.source ? (s(), i("div", qe, [
         C(t.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0)
-    ], 10, We));
+    ], 10, Me));
   }
-}, et = /* @__PURE__ */ Ne(qe, [["__scopeId", "data-v-b0a2f2ee"]]);
+}, tt = /* @__PURE__ */ Te(Xe, [["__scopeId", "data-v-7bd49c24"]]);
 export {
-  et as default
+  tt as default
 };