vue-data-ui 2.4.29 → 2.4.30

package/dist/{vue-ui-table-sparkline-Dwtd4WwM.js → vue-ui-table-sparkline-CCldQeDk.js}

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