vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-table-sparkline-UhaEz2jD.js → vue-ui-table-sparkline-Bo4nuBEx.js}

@@ -1,47 +1,51 @@
-import { useCssVars as Le, defineAsyncComponent as q, ref as f, useSlots as Re, onMounted as ge, computed as _, watch as me, shallowRef as je, onBeforeUnmount as He, createElementBlock as c, openBlock as v, unref as u, normalizeClass as J, createCommentVNode as m, createElementVNode as p, normalizeStyle as s, toDisplayString as A, withDirectives as Xe, createVNode as F, Fragment as K, renderList as Q, createBlock as qe, createSlots as Je, withCtx as z, renderSlot as O, mergeProps as ye, nextTick as Ke } from "vue";
-import { u as Qe, a as Y } from "./useNestedProp-BCt4DMkT.js";
-import { c as Ye, i as Ze, j as T, k as et, o as tt, g as ke, l as lt, ao as at, m as ot, a as B, d as V, v as nt, r as ut } from "./lib-2iaAPQ_c.js";
-import { u as rt } from "./usePrinter-ChVMpU2f.js";
-import { u as st } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as it } from "./useUserOptionState-BIvW1Kz7.js";
-import { v as dt } from "./vClickOutside-C6WiFswA.js";
-import { _ as vt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: { color: "#757575" } }, thead: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, tbody: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, Ce = { title: { backgroundColor: "#FFF8E1", color: "#424242", subtitle: { color: "#757575" } }, thead: { backgroundColor: "#FFF8E1", color: "#424242" }, tbody: { backgroundColor: "#FFF8E1", color: "#424242" } }, _e = { title: { backgroundColor: "#1E1E1E", color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, thead: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, tbody: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, Ae = { title: { backgroundColor: "#1A1A1A", color: "#66CC66", subtitle: { color: "#99AA99" } }, thead: { backgroundColor: "#1A1A1A", color: "#99AA99" }, tbody: { backgroundColor: "#1A1A1A", color: "#99AA99" } }, xe = { title: { backgroundColor: "#fbfafa", color: "#8A9892", subtitle: { color: "#99AA99" } }, thead: { backgroundColor: "#fbfafa", color: "#8A9892" }, tbody: { backgroundColor: "#fbfafa", color: "#A0AC94" } }, Se = { title: { backgroundColor: "#f6f6fb", color: "#50606C", subtitle: { color: "#718890" } }, thead: { backgroundColor: "#f6f6fb", color: "#50606C" }, tbody: { backgroundColor: "#f6f6fb", color: "#50606C" } }, we = {
+import { useCssVars as je, defineAsyncComponent as q, ref as f, useSlots as He, onMounted as ge, computed as _, watch as me, shallowRef as Xe, onBeforeUnmount as qe, createElementBlock as c, openBlock as v, unref as r, normalizeClass as J, createCommentVNode as m, createElementVNode as p, normalizeStyle as s, toDisplayString as A, withDirectives as Je, createVNode as F, Fragment as K, renderList as Q, createBlock as Ke, createSlots as Qe, withCtx as z, renderSlot as O, mergeProps as ye, nextTick as Ye } from "vue";
+import { u as Ze, a as Y } from "./useNestedProp-Ckf_2P_V.js";
+import { c as et, i as tt, j as T, k as lt, o as ot, g as ke, l as at, ao as nt, m as rt, a as B, d as V, v as ut, r as st } from "./lib-CVHM9FhP.js";
+import { u as it } from "./usePrinter-1NmjuP-i.js";
+import { u as dt } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as vt } from "./useUserOptionState-BIvW1Kz7.js";
+import { v as ct } from "./vClickOutside-C6WiFswA.js";
+import { _ as ft } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ce = { userOptions: { show: !1 } }, he = { userOptions: { show: !1 }, title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: { color: "#757575" } }, thead: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, tbody: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, _e = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: { color: "#757575" } }, thead: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, tbody: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, Ae = { title: { backgroundColor: "#FFF8E1", color: "#424242", subtitle: { color: "#757575" } }, thead: { backgroundColor: "#FFF8E1", color: "#424242" }, tbody: { backgroundColor: "#FFF8E1", color: "#424242" } }, xe = { title: { backgroundColor: "#1E1E1E", color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, thead: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, tbody: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, Se = { title: { backgroundColor: "#1A1A1A", color: "#66CC66", subtitle: { color: "#99AA99" } }, thead: { backgroundColor: "#1A1A1A", color: "#99AA99" }, tbody: { backgroundColor: "#1A1A1A", color: "#99AA99" } }, we = { title: { backgroundColor: "#fbfafa", color: "#8A9892", subtitle: { color: "#99AA99" } }, thead: { backgroundColor: "#fbfafa", color: "#8A9892" }, tbody: { backgroundColor: "#fbfafa", color: "#A0AC94" } }, Ie = { title: { backgroundColor: "#f6f6fb", color: "#50606C", subtitle: { color: "#718890" } }, thead: { backgroundColor: "#f6f6fb", color: "#50606C" }, tbody: { backgroundColor: "#f6f6fb", color: "#50606C" } }, Oe = {
   default: {},
-  dark: he,
-  celebration: Ce,
-  celebrationNight: _e,
-  hack: Ae,
-  zen: xe,
-  concrete: Se
-}, Nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: Ce,
+  minimalDark: he,
+  dark: _e,
+  celebration: Ae,
+  celebrationNight: xe,
+  hack: Se,
+  zen: we,
+  concrete: Ie
+}, Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: Ce,
-  celebrationNight: _e,
-  concrete: Se,
-  dark: he,
-  default: we,
-  hack: Ae,
-  zen: xe
-}, Symbol.toStringTag, { value: "Module" })), ct = ["id"], ft = { style: { "z-index": "1", "padding-right": "24px" } }, pt = {
+  celebration: Ae,
+  celebrationNight: xe,
+  concrete: Ie,
+  dark: _e,
+  default: Oe,
+  hack: Se,
+  minimal: Ce,
+  minimalDark: he,
+  zen: we
+}, Symbol.toStringTag, { value: "Module" })), pt = ["id"], bt = { style: { "z-index": "1", "padding-right": "24px" } }, gt = {
   key: 0,
   style: {
     display: "flex",
     flexDirection: "row",
     alignItems: "center"
   }
-}, bt = {
+}, mt = {
   key: 0,
   style: {
     display: "flex",
     flexDirection: "row",
     alignItems: "center"
   }
-}, gt = ["onClick"], mt = ["onClick"], yt = ["data-cell"], kt = ["data-cell", "onPointerenter"], ht = ["data-cell"], Ct = ["data-cell"], _t = ["data-cell"], At = ["data-cell"], xt = {
+}, yt = ["onClick"], kt = ["onClick"], Ct = ["data-cell"], ht = ["data-cell", "onPointerenter"], _t = ["data-cell"], At = ["data-cell"], xt = ["data-cell"], St = ["data-cell"], wt = {
   key: 1,
   ref: "source",
   dir: "auto"
-}, St = {
+}, It = {
   __name: "vue-ui-table-sparkline",
   props: {
     config: {
@@ -57,69 +61,69 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
       }
     }
   },
-  setup(Ie, { expose: Oe }) {
-    Le((t) => ({
+  setup($e, { expose: De }) {
+    je((t) => ({
       v3ac96fca: t.tdo
     }));
-    const $e = q(() => import("./vue-ui-sparkline-BWdvoOYj.js").then((t) => t.b)), P = q(() => import("./BaseIcon-B9bGT7HU.js")), De = q(() => import("./UserOptions-5pXc4J-c.js")), { vue_ui_table_sparkline: Fe } = Qe(), { isThemeValid: ze, warnInvalidTheme: Pe } = st(), h = Ie, M = f(Ye()), Z = f(0), W = f(0), U = f(null), Ee = Re();
+    const Fe = q(() => import("./vue-ui-sparkline-Bm0OmFUB.js").then((t) => t.b)), P = q(() => import("./BaseIcon-4uOct8re.js")), ze = q(() => import("./UserOptions-CX7Xsusk.js")), { vue_ui_table_sparkline: Pe } = Ze(), { isThemeValid: Ee, warnInvalidTheme: Ne } = dt(), C = $e, M = f(et()), Z = f(0), W = f(0), U = f(null), Te = He();
     ge(() => {
-      Ee["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
+      Te["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
     });
     const e = _({
       get: () => le(),
       set: (t) => t
-    }), { userOptionsVisible: G, setUserOptionsVisibility: ee, keepUserOptionState: te } = it({ config: e.value });
+    }), { userOptionsVisible: G, setUserOptionsVisibility: ee, keepUserOptionState: te } = vt({ config: e.value });
     function le() {
       const t = Y({
-        userConfig: h.config,
-        defaultConfig: Fe
-      }), a = t.theme;
-      if (!a) return t;
-      if (!ze.value(t))
-        return Pe(t), t;
+        userConfig: C.config,
+        defaultConfig: Pe
+      }), o = t.theme;
+      if (!o) return t;
+      if (!Ee.value(t))
+        return Ne(t), t;
       const l = Y({
-        userConfig: we[a] || h.config,
+        userConfig: Oe[o] || C.config,
         defaultConfig: t
       }), n = Y({
-        userConfig: h.config,
+        userConfig: C.config,
         defaultConfig: l
       });
       return {
         ...n,
-        customPalette: n.customPalette.length ? n.customPalette : Ze[a] || T
+        customPalette: n.customPalette.length ? n.customPalette : tt[o] || T
       };
     }
-    me(() => h.config, (t) => {
-      e.value = le(), G.value = !e.value.userOptions.showOnChartHover, re(), W.value += 1;
-    }, { deep: !0 }), me(() => h.dataset, (t) => {
+    me(() => C.config, (t) => {
+      e.value = le(), G.value = !e.value.userOptions.showOnChartHover, ue(), W.value += 1;
+    }, { deep: !0 }), me(() => C.dataset, (t) => {
       b.value = $.value, W.value += 1;
     }, { deep: !0 });
-    const { isPrinting: ae, isImaging: oe, generatePdf: ne, generateImage: ue } = rt({
+    const { isPrinting: oe, isImaging: ae, generatePdf: ne, generateImage: re } = it({
       elementId: `table_${M.value}`,
       fileName: e.value.title.text || "vue-ui-table-sparkline",
       options: e.value.userOptions.print
-    }), Ne = _(() => et(e.value.customPalette)), E = f(null), L = f(!1), Te = _(() => e.value.responsiveBreakpoint);
+    }), Be = _(() => lt(e.value.customPalette)), E = f(null), L = f(!1), Ve = _(() => e.value.responsiveBreakpoint);
     ge(() => {
-      re();
+      ue();
     });
-    const R = f(e.value.colNames), w = je(null);
-    function re() {
-      tt(h.dataset) && ke({
+    const R = f(e.value.colNames), w = Xe(null);
+    function ue() {
+      ot(C.dataset) && ke({
         componentName: "VueUiTableSparkline",
         type: "dataset"
       }), w.value && w.value.disconnect(), w.value = new ResizeObserver((t) => {
-        t.forEach((a) => {
-          L.value = a.contentRect.width < Te.value;
+        t.forEach((o) => {
+          L.value = o.contentRect.width < Ve.value;
         });
       }), E.value && w.value.observe(E.value), R.value = [];
       for (let t = 0; t < de.value; t += 1)
         R.value.push(e.value.colNames[t] || `col ${t}`);
     }
-    He(() => {
+    qe(() => {
       w.value && w.value.disconnect();
     });
-    const se = _(() => (h.dataset.forEach((t, a) => {
-      lt({
+    const se = _(() => (C.dataset.forEach((t, o) => {
+      at({
         datasetObject: t,
         requiredAttributes: ["name", "values"]
       }).forEach((l) => {
@@ -127,37 +131,37 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
           componentName: "VueUiTableSparkline",
           type: "datasetSerieAttribute",
           property: l,
-          index: a
+          index: o
         });
       });
-    }), h.dataset.map((t, a) => {
-      const l = (t.values || []).map((d) => isNaN(d) ? 0 : d ?? 0), n = l.reduce((d, i) => d + i, 0), r = n / l.length, o = at(l);
+    }), C.dataset.map((t, o) => {
+      const l = (t.values || []).map((d) => isNaN(d) ? 0 : d ?? 0), n = l.reduce((d, i) => d + i, 0), u = n / l.length, a = nt(l);
       return {
         ...t,
         values: t.values || [],
-        color: ot(t.color) || Ne.value[a] || T[a] || T[a % T.length],
+        color: rt(t.color) || Be.value[o] || T[o] || T[o % T.length],
         sum: n,
-        average: r,
-        median: o,
+        average: u,
+        median: a,
         sparklineDataset: l.map((d, i) => ({
           period: e.value.colNames[i] || `col ${i}`,
           value: d || 0
         }))
       };
     })));
-    function Be(t) {
+    function Me(t) {
       const l = (t[0].values || []).map(
-        (r, o) => t.map((d) => d.values[o] || [])
+        (u, a) => t.map((d) => d.values[a] || [])
       ).map(
-        (r) => r.map((o, d) => [o, d]).sort((o, d) => d[0] - o[0]).map((o) => o[1])
+        (u) => u.map((a, d) => [a, d]).sort((a, d) => d[0] - a[0]).map((a) => a[1])
       );
-      return t.map((r, o) => ({
-        ...r,
-        values: r.values || [],
-        orders: l[o]
+      return t.map((u, a) => ({
+        ...u,
+        values: u.values || [],
+        orders: l[a]
       }));
     }
-    const $ = _(() => Be(se.value)), b = f($.value), Ve = _(() => Math.max(...b.value.map((t) => (t.values || []).length))), j = f(void 0), H = f(!1), g = f(void 0), ie = f(1);
+    const $ = _(() => Me(se.value)), b = f($.value), We = _(() => Math.max(...b.value.map((t) => (t.values || []).length))), j = f(void 0), H = f(!1), g = f(void 0), ie = f(1);
     function I() {
       H.value = !1, g.value = void 0, y.value = void 0, ie.value = 1, D.value.forEach((t) => t.state = 1), x.value = {
         name: 1,
@@ -166,23 +170,23 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
         median: 1
       }, b.value = $.value;
     }
-    function N(t, a, l) {
+    function N(t, o, l) {
       if (["name", "sum", "average", "median"].includes(t.type)) {
-        Me(t.type, a, l);
+        Ue(t.type, o, l);
         return;
       }
-      if (!fe(a)) return;
-      if (S.value = a, y.value = void 0, ![null, void 0].includes(g.value) && a !== g.value && (g.value = void 0, I()), D.value[a].state === l && g.value === a) {
+      if (!fe(o)) return;
+      if (S.value = o, y.value = void 0, ![null, void 0].includes(g.value) && o !== g.value && (g.value = void 0, I()), D.value[o].state === l && g.value === o) {
         g.value = void 0, I();
         return;
       }
-      H.value = !0, g.value = a;
-      const n = $.value.map((i) => i.values[a] || []), r = l;
-      D.value[a].state = r, ie.value = r, a === j.value ? j.value = void 0 : j.value = a;
-      const d = n.map((i, k) => [k, i]).sort((i, k) => r * (k[1] - i[1])).map((i) => i[0]).map((i) => $.value[i]);
+      H.value = !0, g.value = o;
+      const n = $.value.map((i) => i.values[o] || []), u = l;
+      D.value[o].state = u, ie.value = u, o === j.value ? j.value = void 0 : j.value = o;
+      const d = n.map((i, k) => [k, i]).sort((i, k) => u * (k[1] - i[1])).map((i) => i[0]).map((i) => $.value[i]);
       b.value = d, W.value += 1;
     }
-    const de = _(() => Math.max(...h.dataset.map((t) => (t.values || []).length))), C = _(() => {
+    const de = _(() => Math.max(...C.dataset.map((t) => (t.values || []).length))), h = _(() => {
       let t = R.value.map((l) => ({
         type: "reg",
         value: l
@@ -191,50 +195,50 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
         for (let l = 0; l < de.value; l += 1)
           t.push({ type: "reg", value: `col ${l + 1}` });
       e.value.showTotal && (t = [...t, { type: "sum", value: e.value.translations.total }]);
-      let a;
-      return e.value.showAverage && e.value.showMedian ? a = [
+      let o;
+      return e.value.showAverage && e.value.showMedian ? o = [
         ...t,
         { type: "average", value: e.value.translations.average },
         { type: "median", value: e.value.translations.median }
-      ] : e.value.showAverage && !e.value.showMedian ? a = [...t, { type: "average", value: e.value.translations.average }] : !e.value.showAverage && e.value.showMedian ? a = [...t, { type: "median", value: e.value.translations.median }] : a = t, e.value.showSparklines ? [...a, { type: "chart", value: e.value.translations.chart }] : a;
+      ] : e.value.showAverage && !e.value.showMedian ? o = [...t, { type: "average", value: e.value.translations.average }] : !e.value.showAverage && e.value.showMedian ? o = [...t, { type: "median", value: e.value.translations.median }] : o = t, e.value.showSparklines ? [...o, { type: "chart", value: e.value.translations.chart }] : o;
     }), x = f({
       name: 1,
       sum: 1,
       average: 1,
       median: 1
     }), y = f(void 0);
-    function Me(t, a, l) {
+    function Ue(t, o, l) {
       if (!b.value || b.value.length === 0 || !pe(t)) return;
-      if (y.value !== t && (y.value = void 0), ![null, void 0].includes(g.value) && a !== g.value && I(), g.value = void 0, x.value[t] === l && y.value) {
+      if (y.value !== t && (y.value = void 0), ![null, void 0].includes(g.value) && o !== g.value && I(), g.value = void 0, x.value[t] === l && y.value) {
         y.value = void 0, I();
         return;
       }
-      y.value = t, H.value = !0, x.value[t] = l, [null, void 0].includes(a) || (D.value[a].state = x.value[t]);
-      const n = x.value[t], r = [...b.value].sort((o, d) => {
-        const i = o[t] ?? (typeof o[t] == "number" ? 0 : ""), k = d[t] ?? (typeof d[t] == "number" ? 0 : "");
+      y.value = t, H.value = !0, x.value[t] = l, [null, void 0].includes(o) || (D.value[o].state = x.value[t]);
+      const n = x.value[t], u = [...b.value].sort((a, d) => {
+        const i = a[t] ?? (typeof a[t] == "number" ? 0 : ""), k = d[t] ?? (typeof d[t] == "number" ? 0 : "");
         return typeof i == "string" && typeof k == "string" ? n === -1 ? i.localeCompare(k) : k.localeCompare(i) : typeof i == "number" && typeof k == "number" ? n === -1 ? i - k : k - i : 0;
       });
-      b.value = r;
+      b.value = u;
     }
     const S = f(void 0), X = f(void 0);
-    function We({ dataIndex: t, serieIndex: a }) {
-      S.value = t, X.value = a, U.value[t] && !L.value && U.value[t].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
+    function Ge({ dataIndex: t, serieIndex: o }) {
+      S.value = t, X.value = o, U.value[t] && !L.value && U.value[t].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
     }
     const ve = f(!1);
-    function Ue(t) {
+    function Le(t) {
       ve.value = t, Z.value += 1;
     }
     function ce(t = null) {
-      Ke(() => {
-        const a = [e.value.translations.serie].concat(C.value), l = se.value.map((o, d) => [
-          [o.name],
-          o.values,
-          [o.sum],
-          [o.average],
-          [o.median]
-        ]), n = [a].concat(l), r = nt(n);
-        t ? t(r) : ut({
-          csvContent: r,
+      Ye(() => {
+        const o = [e.value.translations.serie].concat(h.value), l = se.value.map((a, d) => [
+          [a.name],
+          a.values,
+          [a.sum],
+          [a.average],
+          [a.median]
+        ]), n = [o].concat(l), u = ut(n);
+        t ? t(u) : st({
+          csvContent: u,
           title: e.value.title.text || "vue-ui-table-sparkline"
         });
       });
@@ -245,29 +249,29 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
     function pe(t) {
       return t.type === "name" || t === "name" ? e.value.sortedSeriesName : t.type === "sum" || t === "sum" ? e.value.sortedSum : t.type === "average" || t === "average" ? e.value.sortedAverage : t.type === "median" || t === "median" ? e.value.sortedMedian : !1;
     }
-    function be(t, a, l) {
-      return ["sum", "average", "median"].includes(a.type) ? y.value === a.type && x.value[a.type] === l ? 1 : 0.3 : t === g.value && D.value[t].state === l ? 1 : 0.3;
+    function be(t, o, l) {
+      return ["sum", "average", "median"].includes(o.type) ? y.value === o.type && x.value[o.type] === l ? 1 : 0.3 : t === g.value && D.value[t].state === l ? 1 : 0.3;
     }
-    function Ge() {
+    function Re() {
       e.value.resetSortOnClickOutside && I();
     }
     const D = _({
-      get: () => C.value.map((t) => ({ state: 1 })),
+      get: () => h.value.map((t) => ({ state: 1 })),
       set: (t) => t
     });
-    return Oe({
+    return De({
       generatePdf: ne,
-      generateImage: ue,
+      generateImage: re,
       generateCsv: ce,
       restoreOrder: I
-    }), (t, a) => (v(), c("div", {
+    }), (t, o) => (v(), c("div", {
       ref_key: "tableContainer",
       ref: E,
       class: J({ "vue-data-ui-component": !0, "vue-ui-table-sparkline": !0, "vue-ui-responsive": L.value }),
       style: { overflow: "hidden" },
       id: `table_${M.value}`,
-      onMouseenter: a[3] || (a[3] = () => u(ee)(!0)),
-      onMouseleave: a[4] || (a[4] = () => u(ee)(!1))
+      onMouseenter: o[3] || (o[3] = () => r(ee)(!0)),
+      onMouseleave: o[4] || (o[4] = () => r(ee)(!1))
     }, [
       e.value.title.text ? (v(), c("div", {
         key: 0,
@@ -296,7 +300,7 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
       ], 4)) : m("", !0),
       p("div", {
         style: { overflow: "auto" },
-        onPointerleave: a[2] || (a[2] = (l) => {
+        onPointerleave: o[2] || (o[2] = (l) => {
           X.value = void 0, S.value = void 0;
         })
       }, [
@@ -304,8 +308,8 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
           class: "vue-ui-data-table",
           style: s({ fontFamily: e.value.fontFamily, position: "relative" })
         }, [
-          p("thead", ft, [
-            Xe((v(), c("tr", {
+          p("thead", bt, [
+            Je((v(), c("tr", {
               role: "row",
               class: "vue-ui-data-table__thead-row",
               style: s({
@@ -333,12 +337,12 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                   })
                 }, [
                   p("span", null, A(e.value.translations.serie), 1),
-                  b.value.length > 1 && e.value.sortedSeriesName ? (v(), c("div", pt, [
+                  b.value.length > 1 && e.value.sortedSeriesName ? (v(), c("div", gt, [
                     p("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",
-                      onClick: a[0] || (a[0] = (l) => N({ type: "name" }, null, -1))
+                      onClick: o[0] || (o[0] = (l) => N({ type: "name" }, null, -1))
                     }, [
-                      F(u(P), {
+                      F(r(P), {
                         size: 12,
                         name: "arrowBottom",
                         stroke: e.value.thead.color,
@@ -349,9 +353,9 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                     ]),
                     p("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",
-                      onClick: a[1] || (a[1] = (l) => N({ type: "name" }, null, 1))
+                      onClick: o[1] || (o[1] = (l) => N({ type: "name" }, null, 1))
                     }, [
-                      F(u(P), {
+                      F(r(P), {
                         size: 12,
                         name: "arrowTop",
                         stroke: e.value.thead.color,
@@ -363,17 +367,17 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                   ])) : m("", !0)
                 ], 4)
               ], 4),
-              (v(!0), c(K, null, Q(C.value, (l, n) => (v(), c("th", {
+              (v(!0), c(K, null, Q(h.value, (l, n) => (v(), c("th", {
                 role: "cell",
                 style: s({
                   background: e.value.thead.backgroundColor,
                   border: e.value.thead.outline,
                   textAlign: e.value.thead.textAlign,
                   fontWeight: e.value.thead.bold ? "bold" : "normal",
-                  minWidth: n === C.value.length - 1 ? `${e.value.sparkline.dimensions.width}px` : "48px",
-                  paddingRight: n === C.value.length - 1 && e.value.userOptions.show ? "36px" : ""
+                  minWidth: n === h.value.length - 1 ? `${e.value.sparkline.dimensions.width}px` : "48px",
+                  paddingRight: n === h.value.length - 1 && e.value.userOptions.show ? "36px" : ""
                 }),
-                class: J({ "sticky-col": n === C.value.length - 1 && e.value.showSparklines })
+                class: J({ "sticky-col": n === h.value.length - 1 && e.value.showSparklines })
               }, [
                 p("div", {
                   style: s({
@@ -385,12 +389,12 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                   })
                 }, [
                   p("span", null, A(l.value), 1),
-                  b.value.length > 1 && (fe(n) || pe(l)) ? (v(), c("div", bt, [
+                  b.value.length > 1 && (fe(n) || pe(l)) ? (v(), c("div", mt, [
                     p("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",
                       onClick: () => N(l, n, -1)
                     }, [
-                      F(u(P), {
+                      F(r(P), {
                         size: 12,
                         name: "arrowBottom",
                         stroke: e.value.thead.color,
@@ -398,12 +402,12 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                           opacity: be(n, l, -1)
                         })
                       }, null, 8, ["stroke", "style"])
-                    ], 8, gt),
+                    ], 8, yt),
                     p("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",
                       onClick: () => N(l, n, 1)
                     }, [
-                      F(u(P), {
+                      F(r(P), {
                         size: 12,
                         name: "arrowTop",
                         stroke: e.value.thead.color,
@@ -411,17 +415,17 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                           opacity: be(n, l, 1)
                         })
                       }, null, 8, ["stroke", "style"])
-                    ], 8, mt)
+                    ], 8, kt)
                   ])) : m("", !0)
                 ], 4),
-                e.value.userOptions.show && n === C.value.length - 1 && (u(te) || u(G)) ? (v(), qe(u(De), {
+                e.value.userOptions.show && n === h.value.length - 1 && (r(te) || r(G)) ? (v(), Ke(r(ze), {
                   ref_for: !0,
                   ref: "details",
                   key: `user_option_${Z.value}`,
                   backgroundColor: e.value.thead.backgroundColor,
                   color: e.value.thead.color,
-                  isPrinting: u(ae),
-                  isImaging: u(oe),
+                  isPrinting: r(oe),
+                  isImaging: r(ae),
                   uid: M.value,
                   hasPdf: e.value.userOptions.buttons.pdf,
                   hasXls: e.value.userOptions.buttons.csv,
@@ -433,18 +437,18 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                   position: e.value.userOptions.position,
                   callbacks: e.value.userOptions.callbacks,
                   printScale: e.value.userOptions.print.scale,
-                  onToggleFullscreen: Ue,
-                  onGeneratePdf: u(ne),
-                  onGenerateImage: u(ue),
+                  onToggleFullscreen: Le,
+                  onGeneratePdf: r(ne),
+                  onGenerateImage: r(re),
                   onGenerateCsv: ce,
                   style: s({
-                    visibility: u(te) ? u(G) ? "visible" : "hidden" : "visible"
+                    visibility: r(te) ? r(G) ? "visible" : "hidden" : "visible"
                   })
-                }, Je({ _: 2 }, [
+                }, Qe({ _: 2 }, [
                   t.$slots.menuIcon ? {
                     name: "menuIcon",
-                    fn: z(({ isOpen: r, color: o }) => [
-                      O(t.$slots, "menuIcon", ye({ ref_for: !0 }, { isOpen: r, color: o }), void 0, !0)
+                    fn: z(({ isOpen: u, color: a }) => [
+                      O(t.$slots, "menuIcon", ye({ ref_for: !0 }, { isOpen: u, color: a }), void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
@@ -471,15 +475,15 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                   } : void 0,
                   t.$slots.optionFullscreen ? {
                     name: "optionFullscreen",
-                    fn: z(({ toggleFullscreen: r, isFullscreen: o }) => [
-                      O(t.$slots, "optionFullscreen", ye({ ref_for: !0 }, { toggleFullscreen: r, isFullscreen: o }), void 0, !0)
+                    fn: z(({ toggleFullscreen: u, isFullscreen: a }) => [
+                      O(t.$slots, "optionFullscreen", ye({ ref_for: !0 }, { toggleFullscreen: u, isFullscreen: a }), void 0, !0)
                     ]),
                     key: "4"
                   } : void 0
                 ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : m("", !0)
               ], 6))), 256))
             ], 4)), [
-              [u(dt), Ge]
+              [r(ct), Re]
             ])
           ]),
           p("tbody", null, [
@@ -519,8 +523,8 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                   }, "⬤", 4)) : m("", !0),
                   p("span", null, A(l.name ?? "-"), 1)
                 ], 4)
-              ], 12, yt),
-              (v(!0), c(K, null, Q(Ve.value, (r, o) => (v(), c("td", {
+              ], 12, Ct),
+              (v(!0), c(K, null, Q(We.value, (u, a) => (v(), c("td", {
                 dir: "auto",
                 role: "cell",
                 ref_for: !0,
@@ -531,24 +535,24 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
                   textAlign: e.value.tbody.textAlign,
-                  background: S.value !== void 0 && o === S.value ? e.value.tbody.selectedColor.useSerieColor ? `${l.color.length > 7 ? l.color.slice(0, -2) : l.color}33` : e.value.tbody.selectedColor.fallback : ""
+                  background: S.value !== void 0 && a === S.value ? e.value.tbody.selectedColor.useSerieColor ? `${l.color.length > 7 ? l.color.slice(0, -2) : l.color}33` : e.value.tbody.selectedColor.fallback : ""
                 }),
-                "data-cell": C.value[o] ? C.value[o].value : "",
+                "data-cell": h.value[a] ? h.value[a].value : "",
                 class: "vue-ui-data-table__tbody__td",
                 onPointerenter: (d) => {
-                  X.value = n, S.value = o;
+                  X.value = n, S.value = a;
                 }
-              }, A([null, void 0].includes(l.values[o]) ? "-" : u(B)(
+              }, A([null, void 0].includes(l.values[a]) ? "-" : r(B)(
                 e.value.formatter,
-                Number(l.values[o]),
-                u(V)({
+                Number(l.values[a]),
+                r(V)({
                   p: e.value.prefix,
-                  v: Number(l.values[o]),
+                  v: Number(l.values[a]),
                   s: e.value.suffix,
                   r: e.value.roundingValues
                 }),
-                { datapoint: l, seriesIndex: n, datapointIndex: o }
-              )), 45, kt))), 256)),
+                { datapoint: l, seriesIndex: n, datapointIndex: a }
+              )), 45, ht))), 256)),
               e.value.showTotal ? (v(), c("td", {
                 key: 0,
                 dir: "auto",
@@ -561,17 +565,17 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                 }),
                 "data-cell": e.value.translations.total,
                 class: "vue-ui-data-table__tbody__td"
-              }, A(u(B)(
+              }, A(r(B)(
                 e.value.formatter,
                 l.sum,
-                u(V)({
+                r(V)({
                   p: e.value.prefix,
                   v: l.sum,
                   s: e.value.suffix,
                   r: e.value.roundingTotal
                 }),
                 { datapoint: l.sum, seriesIndex: n }
-              )), 13, ht)) : m("", !0),
+              )), 13, _t)) : m("", !0),
               e.value.showAverage ? (v(), c("td", {
                 key: 1,
                 dir: "auto",
@@ -584,17 +588,17 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                 }),
                 "data-cell": e.value.translations.average,
                 class: "vue-ui-data-table__tbody__td"
-              }, A(u(B)(
+              }, A(r(B)(
                 e.value.formatter,
                 l.average,
-                u(V)({
+                r(V)({
                   p: e.value.prefix,
                   v: l.average,
                   s: e.value.suffix,
                   r: e.value.roundingAverage
                 }),
                 { datapoint: l.average, seriesIndex: n }
-              )), 13, Ct)) : m("", !0),
+              )), 13, At)) : m("", !0),
               e.value.showMedian ? (v(), c("td", {
                 key: 2,
                 dir: "auto",
@@ -607,17 +611,17 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                 }),
                 "data-cell": e.value.translations.median,
                 class: "vue-ui-data-table__tbody__td"
-              }, A(u(B)(
+              }, A(r(B)(
                 e.value.formatter,
                 l.median,
-                u(V)({
+                r(V)({
                   p: e.value.prefix,
                   v: l.median,
                   s: e.value.suffix,
                   r: e.value.roundingMedian
                 }),
                 { datapoint: l.median, seriesIndex: n }
-              )), 13, _t)) : m("", !0),
+              )), 13, xt)) : m("", !0),
               e.value.showSparklines ? (v(), c("td", {
                 key: 3,
                 role: "cell",
@@ -632,8 +636,8 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                 }),
                 class: "vue-ui-data-table__tbody__td sticky-col"
               }, [
-                F(u($e), {
-                  onHoverIndex: ({ index: r }) => We({ dataIndex: r, serieIndex: n }),
+                F(r(Fe), {
+                  onHoverIndex: ({ index: u }) => Ge({ dataIndex: u, serieIndex: n }),
                   "height-ratio": e.value.sparkline.dimensions.heightRatio,
                   "forced-padding": 30,
                   dataset: l.sparklineDataset,
@@ -644,7 +648,7 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                     style: {
                       backgroundColor: "transparent",
                       animation: {
-                        show: e.value.sparkline.animation.show && !u(ae) && !u(oe),
+                        show: e.value.sparkline.animation.show && !r(oe) && !r(ae),
                         animationFrames: e.value.sparkline.animation.animationFrames
                       },
                       padding: {
@@ -674,22 +678,22 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                     }
                   }
                 }, null, 8, ["onHoverIndex", "height-ratio", "dataset", "selectedIndex", "config"])
-              ], 12, At)) : m("", !0)
+              ], 12, St)) : m("", !0)
             ], 6))), 256))
           ])
         ], 4)
       ], 32),
-      t.$slots.source ? (v(), c("div", xt, [
+      t.$slots.source ? (v(), c("div", wt, [
         O(t.$slots, "source", {}, void 0, !0)
       ], 512)) : m("", !0)
-    ], 42, ct));
+    ], 42, pt));
   }
-}, wt = /* @__PURE__ */ vt(St, [["__scopeId", "data-v-18b7aedc"]]), Tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ot = /* @__PURE__ */ ft(It, [["__scopeId", "data-v-18b7aedc"]]), Vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: wt
+  default: Ot
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Nt as a,
-  Tt as b,
-  wt as v
+  Bt as a,
+  Vt as b,
+  Ot as v
 };