vue-data-ui 3.6.0 → 3.7.0

package/dist/{vue-ui-table-sparkline-D5MckwMl.js → vue-ui-table-sparkline-CQJc0mJY.js}

@@ -1,30 +1,47 @@
-import { useCssVars as Fe, defineAsyncComponent as Q, ref as p, useSlots as Ve, onMounted as me, computed as _, watch as be, shallowRef as Te, onBeforeUnmount as We, createElementBlock as c, openBlock as v, unref as u, normalizeClass as J, createCommentVNode as g, createElementVNode as f, normalizeStyle as r, toDisplayString as C, withDirectives as Me, createVNode as P, Fragment as K, renderList as Y, createBlock as Ue, createSlots as Be, withCtx as D, renderSlot as O, mergeProps as ge, nextTick as Ee } from "vue";
-import { u as Ge, a as ye } from "./useNestedProp-CIoDlpHu.js";
-import { c as Le, b as Re, p as T, e as He, o as Xe, f as he, g as qe, ag as Qe, h as Je, a as W, d as M, P as Ke, Q as Ye } from "./lib-C_mNZmhD.js";
-import { u as Ze } from "./usePrinter-DTzqpYKF.js";
-import { u as je } from "./useUserOptionState-BIvW1Kz7.js";
-import { v as et } from "./vClickOutside-C6WiFswA.js";
-import { t as tt } from "./themes-DH-N_ePR.js";
-import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } }, nt = {
+import { useCssVars as Le, defineAsyncComponent as X, 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 qe, createVNode as F, Fragment as K, renderList as Q, createBlock as Xe, 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-CWo6bftQ.js";
+import { c as Ye, i as Ze, p as T, j as et, o as tt, g as ke, k as lt, ak as at, l as ot, a as B, d as V, u as nt, q as ut } from "./lib-C5BH09_g.js";
+import { u as rt } from "./usePrinter-DCJzEiS8.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 = {
+  default: {},
+  dark: he,
+  celebration: Ce,
+  celebrationNight: _e,
+  hack: Ae,
+  zen: xe,
+  concrete: Se
+}, Nt = /* @__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 = {
   key: 0,
   style: {
     display: "flex",
     flexDirection: "row",
     alignItems: "center"
   }
-}, ut = {
+}, bt = {
   key: 0,
   style: {
     display: "flex",
     flexDirection: "row",
     alignItems: "center"
   }
-}, st = ["onClick"], rt = ["onClick"], it = ["data-cell"], dt = ["data-cell", "onPointerenter"], vt = ["data-cell"], ct = ["data-cell"], pt = ["data-cell"], ft = ["data-cell"], mt = {
+}, gt = ["onClick"], mt = ["onClick"], yt = ["data-cell"], kt = ["data-cell", "onPointerenter"], ht = ["data-cell"], Ct = ["data-cell"], _t = ["data-cell"], At = ["data-cell"], xt = {
   key: 1,
   ref: "source",
   dir: "auto"
-}, bt = {
+}, St = {
   __name: "vue-ui-table-sparkline",
   props: {
     config: {
@@ -40,258 +57,265 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
       }
     }
   },
-  setup(ke, { expose: _e }) {
-    Fe((t) => ({
-      v310cbdc6: t.tdo
+  setup(Ie, { expose: Oe }) {
+    Le((t) => ({
+      v3ac96fca: t.tdo
     }));
-    const Ce = Q(() => import("./vue-ui-sparkline-D7Wx1ejg.js")), N = Q(() => import("./BaseIcon-DLFL0M4-.js")), xe = Q(() => import("./UserOptions-BqmUW9Kp.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
-    me(() => {
-      Se["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
+    const $e = X(() => import("./vue-ui-sparkline-BHHwO_cV.js").then((t) => t.b)), P = X(() => import("./BaseIcon-CofSxalQ.js")), De = X(() => import("./UserOptions-B3I-s3Lw.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();
+    ge(() => {
+      Ee["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
     });
     const e = _({
-      get: () => te(),
+      get: () => le(),
       set: (t) => t
-    }), { userOptionsVisible: G, setUserOptionsVisibility: j, keepUserOptionState: ee } = je({ config: e.value });
-    function te() {
-      const t = ye({
-        userConfig: x.config,
-        defaultConfig: we
+    }), { userOptionsVisible: G, setUserOptionsVisibility: ee, keepUserOptionState: te } = it({ 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;
+      const l = Y({
+        userConfig: we[a] || h.config,
+        defaultConfig: t
+      }), n = Y({
+        userConfig: h.config,
+        defaultConfig: l
       });
-      return t.theme ? {
-        ...ye({
-          userConfig: tt.vue_ui_table_sparkline[t.theme] || x.config,
-          defaultConfig: t
-        }),
-        customPalette: Re[t.theme] || T
-      } : t;
+      return {
+        ...n,
+        customPalette: n.customPalette.length ? n.customPalette : Ze[a] || T
+      };
     }
-    be(() => x.config, (t) => {
-      e.value = te(), G.value = !e.value.userOptions.showOnChartHover, ue(), B.value += 1;
-    }, { deep: !0 }), be(() => x.dataset, (t) => {
-      m.value = $.value, B.value += 1;
+    me(() => h.config, (t) => {
+      e.value = le(), G.value = !e.value.userOptions.showOnChartHover, re(), W.value += 1;
+    }, { deep: !0 }), me(() => h.dataset, (t) => {
+      b.value = $.value, W.value += 1;
     }, { deep: !0 });
-    const { isPrinting: ae, isImaging: le, generatePdf: oe, generateImage: ne } = Ze({
-      elementId: `table_${U.value}`,
+    const { isPrinting: ae, isImaging: oe, generatePdf: ne, generateImage: ue } = rt({
+      elementId: `table_${M.value}`,
       fileName: e.value.title.text || "vue-ui-table-sparkline",
       options: e.value.userOptions.print
-    }), Ie = _(() => He(e.value.customPalette)), F = p(null), L = p(!1), Ae = _(() => e.value.responsiveBreakpoint);
-    me(() => {
-      ue();
+    }), Ne = _(() => et(e.value.customPalette)), E = f(null), L = f(!1), Te = _(() => e.value.responsiveBreakpoint);
+    ge(() => {
+      re();
     });
-    const R = p(e.value.colNames), I = Te(null);
-    function ue() {
-      Xe(x.dataset) && he({
+    const R = f(e.value.colNames), w = je(null);
+    function re() {
+      tt(h.dataset) && ke({
         componentName: "VueUiTableSparkline",
         type: "dataset"
-      }), I.value && I.value.disconnect(), I.value = new ResizeObserver((t) => {
-        t.forEach((l) => {
-          L.value = l.contentRect.width < Ae.value;
+      }), w.value && w.value.disconnect(), w.value = new ResizeObserver((t) => {
+        t.forEach((a) => {
+          L.value = a.contentRect.width < Te.value;
         });
-      }), F.value && I.value.observe(F.value), R.value = [];
-      for (let t = 0; t < ie.value; t += 1)
+      }), 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}`);
     }
-    We(() => {
-      I.value && I.value.disconnect();
+    He(() => {
+      w.value && w.value.disconnect();
     });
-    const se = _(() => (x.dataset.forEach((t, l) => {
-      qe({
+    const se = _(() => (h.dataset.forEach((t, a) => {
+      lt({
         datasetObject: t,
         requiredAttributes: ["name", "values"]
-      }).forEach((a) => {
-        he({
+      }).forEach((l) => {
+        ke({
           componentName: "VueUiTableSparkline",
           type: "datasetSerieAttribute",
-          property: a,
-          index: l
+          property: l,
+          index: a
         });
       });
-    }), x.dataset.map((t, l) => {
-      const a = (t.values || []).map((d) => isNaN(d) ? 0 : d ?? 0), n = a.reduce((d, i) => d + i, 0), s = n / a.length, o = Qe(a);
+    }), 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);
       return {
         ...t,
         values: t.values || [],
-        color: Je(t.color) || Ie.value[l] || T[l] || T[l % T.length],
+        color: ot(t.color) || Ne.value[a] || T[a] || T[a % T.length],
         sum: n,
-        average: s,
+        average: r,
         median: o,
-        sparklineDataset: a.map((d, i) => ({
+        sparklineDataset: l.map((d, i) => ({
           period: e.value.colNames[i] || `col ${i}`,
           value: d || 0
         }))
       };
     })));
-    function Oe(t) {
-      const a = (t[0].values || []).map(
-        (s, o) => t.map((d) => d.values[o] || [])
+    function Be(t) {
+      const l = (t[0].values || []).map(
+        (r, o) => t.map((d) => d.values[o] || [])
       ).map(
-        (s) => s.map((o, d) => [o, d]).sort((o, d) => d[0] - o[0]).map((o) => o[1])
+        (r) => r.map((o, d) => [o, d]).sort((o, d) => d[0] - o[0]).map((o) => o[1])
       );
-      return t.map((s, o) => ({
-        ...s,
-        values: s.values || [],
-        orders: a[o]
+      return t.map((r, o) => ({
+        ...r,
+        values: r.values || [],
+        orders: l[o]
       }));
     }
-    const $ = _(() => Oe(se.value)), m = p($.value), $e = _(() => Math.max(...m.value.map((t) => (t.values || []).length))), H = p(void 0), X = p(!1), b = p(void 0), re = p(1);
-    function A() {
-      X.value = !1, b.value = void 0, y.value = void 0, re.value = 1, z.value.forEach((t) => t.state = 1), w.value = {
+    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);
+    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,
         sum: 1,
         average: 1,
         median: 1
-      }, m.value = $.value;
+      }, b.value = $.value;
     }
-    function V(t, l, a) {
+    function N(t, a, l) {
       if (["name", "sum", "average", "median"].includes(t.type)) {
-        ze(t.type, l, a);
+        Me(t.type, a, l);
         return;
       }
-      if (!ce(l)) return;
-      if (S.value = l, y.value = void 0, ![null, void 0].includes(b.value) && l !== b.value && (b.value = void 0, A()), z.value[l].state === a && b.value === l) {
-        b.value = void 0, A();
+      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) {
+        g.value = void 0, I();
         return;
       }
-      X.value = !0, b.value = l;
-      const n = $.value.map((i) => i.values[l] || []), s = a;
-      z.value[l].state = s, re.value = s, l === H.value ? H.value = void 0 : H.value = l;
-      const d = n.map((i, h) => [h, i]).sort((i, h) => s * (h[1] - i[1])).map((i) => i[0]).map((i) => $.value[i]);
-      m.value = d, B.value += 1;
+      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]);
+      b.value = d, W.value += 1;
     }
-    const ie = _(() => Math.max(...x.dataset.map((t) => (t.values || []).length))), k = _(() => {
-      let t = R.value.map((a) => ({
+    const de = _(() => Math.max(...h.dataset.map((t) => (t.values || []).length))), C = _(() => {
+      let t = R.value.map((l) => ({
         type: "reg",
-        value: a
+        value: l
       }));
       if (!t.length)
-        for (let a = 0; a < ie.value; a += 1)
-          t.push({ type: "reg", value: `col ${a + 1}` });
+        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 l;
-      return e.value.showAverage && e.value.showMedian ? l = [
+      let a;
+      return e.value.showAverage && e.value.showMedian ? a = [
         ...t,
         { type: "average", value: e.value.translations.average },
         { type: "median", value: e.value.translations.median }
-      ] : e.value.showAverage && !e.value.showMedian ? l = [...t, { type: "average", value: e.value.translations.average }] : !e.value.showAverage && e.value.showMedian ? l = [...t, { type: "median", value: e.value.translations.median }] : l = t, e.value.showSparklines ? [...l, { type: "chart", value: e.value.translations.chart }] : l;
-    }), w = p({
+      ] : 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;
+    }), x = f({
       name: 1,
       sum: 1,
       average: 1,
       median: 1
-    }), y = p(void 0);
-    function ze(t, l, a) {
-      if (!m.value || m.value.length === 0 || !pe(t)) return;
-      if (y.value !== t && (y.value = void 0), ![null, void 0].includes(b.value) && l !== b.value && A(), b.value = void 0, w.value[t] === a && y.value) {
-        y.value = void 0, A();
+    }), y = f(void 0);
+    function Me(t, a, 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) {
+        y.value = void 0, I();
         return;
       }
-      y.value = t, X.value = !0, w.value[t] = a, [null, void 0].includes(l) || (z.value[l].state = w.value[t]);
-      const n = w.value[t], s = [...m.value].sort((o, d) => {
-        const i = o[t] ?? (typeof o[t] == "number" ? 0 : ""), h = d[t] ?? (typeof d[t] == "number" ? 0 : "");
-        return typeof i == "string" && typeof h == "string" ? n === -1 ? i.localeCompare(h) : h.localeCompare(i) : typeof i == "number" && typeof h == "number" ? n === -1 ? i - h : h - i : 0;
+      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 : "");
+        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;
       });
-      m.value = s;
+      b.value = r;
     }
-    const S = p(void 0), q = p(void 0);
-    function Pe({ dataIndex: t, serieIndex: l }) {
-      S.value = t, q.value = l, E.value[t] && !L.value && E.value[t].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
+    const S = f(void 0), q = f(void 0);
+    function We({ dataIndex: t, serieIndex: a }) {
+      S.value = t, q.value = a, U.value[t] && !L.value && U.value[t].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
     }
-    const de = p(!1);
-    function De(t) {
-      de.value = t, Z.value += 1;
+    const ve = f(!1);
+    function Ue(t) {
+      ve.value = t, Z.value += 1;
     }
-    function ve(t = null) {
-      Ee(() => {
-        const l = [e.value.translations.serie].concat(k.value), a = se.value.map((o, d) => [
+    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 = [l].concat(a), s = Ke(n);
-        t ? t(s) : Ye({
-          csvContent: s,
+        ]), n = [a].concat(l), r = nt(n);
+        t ? t(r) : ut({
+          csvContent: r,
           title: e.value.title.text || "vue-ui-table-sparkline"
         });
       });
     }
-    function ce(t) {
+    function fe(t) {
       return e.value.sortedDataColumnIndices.includes(t);
     }
     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 fe(t, l, a) {
-      return ["sum", "average", "median"].includes(l.type) ? y.value === l.type && w.value[l.type] === a ? 1 : 0.3 : t === b.value && z.value[t].state === a ? 1 : 0.3;
+    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 Ne() {
-      e.value.resetSortOnClickOutside && A();
+    function Ge() {
+      e.value.resetSortOnClickOutside && I();
     }
-    const z = _({
-      get: () => k.value.map((t) => ({ state: 1 })),
+    const D = _({
+      get: () => C.value.map((t) => ({ state: 1 })),
       set: (t) => t
     });
-    return _e({
-      generatePdf: oe,
-      generateImage: ne,
-      generateCsv: ve,
-      restoreOrder: A
-    }), (t, l) => (v(), c("div", {
+    return Oe({
+      generatePdf: ne,
+      generateImage: ue,
+      generateCsv: ce,
+      restoreOrder: I
+    }), (t, a) => (v(), c("div", {
       ref_key: "tableContainer",
-      ref: F,
+      ref: E,
       class: J({ "vue-data-ui-component": !0, "vue-ui-table-sparkline": !0, "vue-ui-responsive": L.value }),
       style: { overflow: "hidden" },
-      id: `table_${U.value}`,
-      onMouseenter: l[3] || (l[3] = () => u(j)(!0)),
-      onMouseleave: l[4] || (l[4] = () => u(j)(!1))
+      id: `table_${M.value}`,
+      onMouseenter: a[3] || (a[3] = () => u(ee)(!0)),
+      onMouseleave: a[4] || (a[4] = () => u(ee)(!1))
     }, [
       e.value.title.text ? (v(), c("div", {
         key: 0,
         class: "vue-ui-table-sparkline-caption",
-        style: r({ backgroundColor: e.value.title.backgroundColor })
+        style: s({ backgroundColor: e.value.title.backgroundColor })
       }, [
-        f("div", {
+        p("div", {
           class: "atom-title",
-          style: r({
+          style: s({
             fontSize: `${e.value.title.fontSize}px`,
             fontWeight: e.value.title.bold ? "bold" : "normal",
             color: e.value.title.color,
             textAlign: e.value.title.textAlign
           })
-        }, C(e.value.title.text), 5),
+        }, A(e.value.title.text), 5),
         e.value.title.subtitle.text ? (v(), c("div", {
           key: 0,
           class: "atom-subtitle",
-          style: r({
+          style: s({
             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
           })
-        }, C(e.value.title.subtitle.text), 5)) : g("", !0)
-      ], 4)) : g("", !0),
-      f("div", {
+        }, A(e.value.title.subtitle.text), 5)) : m("", !0)
+      ], 4)) : m("", !0),
+      p("div", {
         style: { overflow: "auto" },
-        onPointerleave: l[2] || (l[2] = (a) => {
+        onPointerleave: a[2] || (a[2] = (l) => {
           q.value = void 0, S.value = void 0;
         })
       }, [
-        f("table", {
+        p("table", {
           class: "vue-ui-data-table",
-          style: r({ fontFamily: e.value.fontFamily, position: "relative" })
+          style: s({ fontFamily: e.value.fontFamily, position: "relative" })
         }, [
-          f("thead", ot, [
-            Me((v(), c("tr", {
+          p("thead", ft, [
+            qe((v(), c("tr", {
               role: "row",
               class: "vue-ui-data-table__thead-row",
-              style: r({
+              style: s({
                 backgroundColor: e.value.thead.backgroundColor,
                 color: e.value.thead.color
               })
             }, [
-              f("th", {
+              p("th", {
                 role: "cell",
-                style: r({
+                style: s({
                   backgroundColor: e.value.thead.backgroundColor,
                   border: e.value.thead.outline,
                   textAlign: e.value.thead.textAlign,
@@ -299,8 +323,8 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 class: "sticky-col-first"
               }, [
-                f("div", {
-                  style: r({
+                p("div", {
+                  style: s({
                     display: "flex",
                     flexDirection: "row",
                     alignItems: "center",
@@ -308,51 +332,51 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                     justifyContent: e.value.thead.textAlign
                   })
                 }, [
-                  f("span", null, C(e.value.translations.serie), 1),
-                  m.value.length > 1 && e.value.sortedSeriesName ? (v(), c("div", nt, [
-                    f("button", {
+                  p("span", null, A(e.value.translations.serie), 1),
+                  b.value.length > 1 && e.value.sortedSeriesName ? (v(), c("div", pt, [
+                    p("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",
-                      onClick: l[0] || (l[0] = (a) => V({ type: "name" }, null, -1))
+                      onClick: a[0] || (a[0] = (l) => N({ type: "name" }, null, -1))
                     }, [
-                      P(u(N), {
+                      F(u(P), {
                         size: 12,
                         name: "arrowBottom",
                         stroke: e.value.thead.color,
-                        style: r({
-                          opacity: y.value === "name" && w.value.name === -1 ? 1 : 0.3
+                        style: s({
+                          opacity: y.value === "name" && x.value.name === -1 ? 1 : 0.3
                         })
                       }, null, 8, ["stroke", "style"])
                     ]),
-                    f("button", {
+                    p("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",
-                      onClick: l[1] || (l[1] = (a) => V({ type: "name" }, null, 1))
+                      onClick: a[1] || (a[1] = (l) => N({ type: "name" }, null, 1))
                     }, [
-                      P(u(N), {
+                      F(u(P), {
                         size: 12,
                         name: "arrowTop",
                         stroke: e.value.thead.color,
-                        style: r({
-                          opacity: y.value === "name" && w.value.name === 1 ? 1 : 0.3
+                        style: s({
+                          opacity: y.value === "name" && x.value.name === 1 ? 1 : 0.3
                         })
                       }, null, 8, ["stroke", "style"])
                     ])
-                  ])) : g("", !0)
+                  ])) : m("", !0)
                 ], 4)
               ], 4),
-              (v(!0), c(K, null, Y(k.value, (a, n) => (v(), c("th", {
+              (v(!0), c(K, null, Q(C.value, (l, n) => (v(), c("th", {
                 role: "cell",
-                style: r({
+                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 === k.value.length - 1 ? `${e.value.sparkline.dimensions.width}px` : "48px",
-                  paddingRight: n === k.value.length - 1 && e.value.userOptions.show ? "36px" : ""
+                  minWidth: n === C.value.length - 1 ? `${e.value.sparkline.dimensions.width}px` : "48px",
+                  paddingRight: n === C.value.length - 1 && e.value.userOptions.show ? "36px" : ""
                 }),
-                class: J({ "sticky-col": n === k.value.length - 1 && e.value.showSparklines })
+                class: J({ "sticky-col": n === C.value.length - 1 && e.value.showSparklines })
               }, [
-                f("div", {
-                  style: r({
+                p("div", {
+                  style: s({
                     display: "flex",
                     flexDirection: "row",
                     alignItems: "center",
@@ -360,116 +384,116 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                     justifyContent: e.value.thead.textAlign
                   })
                 }, [
-                  f("span", null, C(a.value), 1),
-                  m.value.length > 1 && (ce(n) || pe(a)) ? (v(), c("div", ut, [
-                    f("button", {
+                  p("span", null, A(l.value), 1),
+                  b.value.length > 1 && (fe(n) || pe(l)) ? (v(), c("div", bt, [
+                    p("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",
-                      onClick: () => V(a, n, -1)
+                      onClick: () => N(l, n, -1)
                     }, [
-                      P(u(N), {
+                      F(u(P), {
                         size: 12,
                         name: "arrowBottom",
                         stroke: e.value.thead.color,
-                        style: r({
-                          opacity: fe(n, a, -1)
+                        style: s({
+                          opacity: be(n, l, -1)
                         })
                       }, null, 8, ["stroke", "style"])
-                    ], 8, st),
-                    f("button", {
+                    ], 8, gt),
+                    p("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",
-                      onClick: () => V(a, n, 1)
+                      onClick: () => N(l, n, 1)
                     }, [
-                      P(u(N), {
+                      F(u(P), {
                         size: 12,
                         name: "arrowTop",
                         stroke: e.value.thead.color,
-                        style: r({
-                          opacity: fe(n, a, 1)
+                        style: s({
+                          opacity: be(n, l, 1)
                         })
                       }, null, 8, ["stroke", "style"])
-                    ], 8, rt)
-                  ])) : g("", !0)
+                    ], 8, mt)
+                  ])) : m("", !0)
                 ], 4),
-                e.value.userOptions.show && n === k.value.length - 1 && (u(ee) || u(G)) ? (v(), Ue(u(xe), {
+                e.value.userOptions.show && n === C.value.length - 1 && (u(te) || u(G)) ? (v(), Xe(u(De), {
                   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(le),
-                  uid: U.value,
+                  isImaging: u(oe),
+                  uid: M.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: de.value,
+                  isFullscreen: ve.value,
                   titles: { ...e.value.userOptions.buttonTitles },
-                  chartElement: F.value,
+                  chartElement: E.value,
                   position: e.value.userOptions.position,
                   callbacks: e.value.userOptions.callbacks,
                   printScale: e.value.userOptions.print.scale,
-                  onToggleFullscreen: De,
-                  onGeneratePdf: u(oe),
-                  onGenerateImage: u(ne),
-                  onGenerateCsv: ve,
-                  style: r({
-                    visibility: u(ee) ? u(G) ? "visible" : "hidden" : "visible"
+                  onToggleFullscreen: Ue,
+                  onGeneratePdf: u(ne),
+                  onGenerateImage: u(ue),
+                  onGenerateCsv: ce,
+                  style: s({
+                    visibility: u(te) ? u(G) ? "visible" : "hidden" : "visible"
                   })
-                }, Be({ _: 2 }, [
+                }, Je({ _: 2 }, [
                   t.$slots.menuIcon ? {
                     name: "menuIcon",
-                    fn: D(({ isOpen: s, color: o }) => [
-                      O(t.$slots, "menuIcon", ge({ ref_for: !0 }, { isOpen: s, color: o }), void 0, !0)
+                    fn: z(({ isOpen: r, color: o }) => [
+                      O(t.$slots, "menuIcon", ye({ ref_for: !0 }, { isOpen: r, color: o }), void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
                   t.$slots.optionPdf ? {
                     name: "optionPdf",
-                    fn: D(() => [
+                    fn: z(() => [
                       O(t.$slots, "optionPdf", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0,
                   t.$slots.optionCsv ? {
                     name: "optionCsv",
-                    fn: D(() => [
+                    fn: z(() => [
                       O(t.$slots, "optionCsv", {}, void 0, !0)
                     ]),
                     key: "2"
                   } : void 0,
                   t.$slots.optionImg ? {
                     name: "optionImg",
-                    fn: D(() => [
+                    fn: z(() => [
                       O(t.$slots, "optionImg", {}, void 0, !0)
                     ]),
                     key: "3"
                   } : void 0,
                   t.$slots.optionFullscreen ? {
                     name: "optionFullscreen",
-                    fn: D(({ toggleFullscreen: s, isFullscreen: o }) => [
-                      O(t.$slots, "optionFullscreen", ge({ ref_for: !0 }, { toggleFullscreen: s, isFullscreen: o }), void 0, !0)
+                    fn: z(({ toggleFullscreen: r, isFullscreen: o }) => [
+                      O(t.$slots, "optionFullscreen", ye({ ref_for: !0 }, { toggleFullscreen: r, isFullscreen: o }), 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"])) : g("", !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(et), Ne]
+              [u(dt), Ge]
             ])
           ]),
-          f("tbody", null, [
-            (v(!0), c(K, null, Y(m.value, (a, n) => (v(), c("tr", {
+          p("tbody", null, [
+            (v(!0), c(K, null, Q(b.value, (l, n) => (v(), c("tr", {
               role: "row",
-              style: r({
+              style: s({
                 backgroundColor: e.value.tbody.backgroundColor,
                 color: e.value.tbody.color
               }),
               class: J({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": n % 2 === 0, "vue-ui-data-table__tbody__row-odd": n % 2 !== 0 })
             }, [
-              f("td", {
+              p("td", {
                 role: "cell",
-                style: r({
+                style: s({
                   backgroundColor: e.value.tbody.backgroundColor,
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
@@ -479,9 +503,9 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                 "data-cell": e.value.translations.serie,
                 class: "vue-ui-data-table__tbody__td sticky-col-first"
               }, [
-                f("div", {
+                p("div", {
                   dir: "auto",
-                  style: r({
+                  style: s({
                     display: "flex",
                     flexDirection: "row",
                     alignItems: "center",
@@ -491,45 +515,45 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                 }, [
                   e.value.tbody.showColorMarker ? (v(), c("span", {
                     key: 0,
-                    style: r({ color: a.color })
-                  }, "⬤", 4)) : g("", !0),
-                  f("span", null, C(a.name ?? "-"), 1)
+                    style: s({ color: l.color })
+                  }, "⬤", 4)) : m("", !0),
+                  p("span", null, A(l.name ?? "-"), 1)
                 ], 4)
-              ], 12, it),
-              (v(!0), c(K, null, Y($e.value, (s, o) => (v(), c("td", {
+              ], 12, yt),
+              (v(!0), c(K, null, Q(Ve.value, (r, o) => (v(), c("td", {
                 dir: "auto",
                 role: "cell",
                 ref_for: !0,
                 ref_key: "TD",
-                ref: E,
-                style: r({
+                ref: U,
+                style: s({
                   border: e.value.tbody.outline,
                   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 ? `${a.color.length > 7 ? a.color.slice(0, -2) : a.color}33` : e.value.tbody.selectedColor.fallback : ""
+                  background: S.value !== void 0 && o === S.value ? e.value.tbody.selectedColor.useSerieColor ? `${l.color.length > 7 ? l.color.slice(0, -2) : l.color}33` : e.value.tbody.selectedColor.fallback : ""
                 }),
-                "data-cell": k.value[o] ? k.value[o].value : "",
+                "data-cell": C.value[o] ? C.value[o].value : "",
                 class: "vue-ui-data-table__tbody__td",
                 onPointerenter: (d) => {
                   q.value = n, S.value = o;
                 }
-              }, C([null, void 0].includes(a.values[o]) ? "-" : u(W)(
+              }, A([null, void 0].includes(l.values[o]) ? "-" : u(B)(
                 e.value.formatter,
-                Number(a.values[o]),
-                u(M)({
+                Number(l.values[o]),
+                u(V)({
                   p: e.value.prefix,
-                  v: Number(a.values[o]),
+                  v: Number(l.values[o]),
                   s: e.value.suffix,
                   r: e.value.roundingValues
                 }),
-                { datapoint: a, seriesIndex: n, datapointIndex: o }
-              )), 45, dt))), 256)),
+                { datapoint: l, seriesIndex: n, datapointIndex: o }
+              )), 45, kt))), 256)),
               e.value.showTotal ? (v(), c("td", {
                 key: 0,
                 dir: "auto",
                 role: "cell",
-                style: r({
+                style: s({
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
@@ -537,22 +561,22 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 "data-cell": e.value.translations.total,
                 class: "vue-ui-data-table__tbody__td"
-              }, C(u(W)(
+              }, A(u(B)(
                 e.value.formatter,
-                a.sum,
-                u(M)({
+                l.sum,
+                u(V)({
                   p: e.value.prefix,
-                  v: a.sum,
+                  v: l.sum,
                   s: e.value.suffix,
                   r: e.value.roundingTotal
                 }),
-                { datapoint: a.sum, seriesIndex: n }
-              )), 13, vt)) : g("", !0),
+                { datapoint: l.sum, seriesIndex: n }
+              )), 13, ht)) : m("", !0),
               e.value.showAverage ? (v(), c("td", {
                 key: 1,
                 dir: "auto",
                 role: "cell",
-                style: r({
+                style: s({
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
@@ -560,22 +584,22 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 "data-cell": e.value.translations.average,
                 class: "vue-ui-data-table__tbody__td"
-              }, C(u(W)(
+              }, A(u(B)(
                 e.value.formatter,
-                a.average,
-                u(M)({
+                l.average,
+                u(V)({
                   p: e.value.prefix,
-                  v: a.average,
+                  v: l.average,
                   s: e.value.suffix,
                   r: e.value.roundingAverage
                 }),
-                { datapoint: a.average, seriesIndex: n }
-              )), 13, ct)) : g("", !0),
+                { datapoint: l.average, seriesIndex: n }
+              )), 13, Ct)) : m("", !0),
               e.value.showMedian ? (v(), c("td", {
                 key: 2,
                 dir: "auto",
                 role: "cell",
-                style: r({
+                style: s({
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
@@ -583,22 +607,22 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 "data-cell": e.value.translations.median,
                 class: "vue-ui-data-table__tbody__td"
-              }, C(u(W)(
+              }, A(u(B)(
                 e.value.formatter,
-                a.median,
-                u(M)({
+                l.median,
+                u(V)({
                   p: e.value.prefix,
-                  v: a.median,
+                  v: l.median,
                   s: e.value.suffix,
                   r: e.value.roundingMedian
                 }),
-                { datapoint: a.median, seriesIndex: n }
-              )), 13, pt)) : g("", !0),
+                { datapoint: l.median, seriesIndex: n }
+              )), 13, _t)) : m("", !0),
               e.value.showSparklines ? (v(), c("td", {
                 key: 3,
                 role: "cell",
                 "data-cell": e.value.translations.chart,
-                style: r({
+                style: s({
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
@@ -608,11 +632,11 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 class: "vue-ui-data-table__tbody__td sticky-col"
               }, [
-                P(u(Ce), {
-                  onHoverIndex: ({ index: s }) => Pe({ dataIndex: s, serieIndex: n }),
+                F(u($e), {
+                  onHoverIndex: ({ index: r }) => We({ dataIndex: r, serieIndex: n }),
                   "height-ratio": e.value.sparkline.dimensions.heightRatio,
                   "forced-padding": 30,
-                  dataset: a.sparklineDataset,
+                  dataset: l.sparklineDataset,
                   showInfo: !1,
                   selectedIndex: S.value,
                   config: {
@@ -620,27 +644,27 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                     style: {
                       backgroundColor: "transparent",
                       animation: {
-                        show: e.value.sparkline.animation.show && !u(ae) && !u(le),
+                        show: e.value.sparkline.animation.show && !u(ae) && !u(oe),
                         animationFrames: e.value.sparkline.animation.animationFrames
                       },
                       padding: {
                         right: 12
                       },
                       line: {
-                        color: a.color,
+                        color: l.color,
                         smooth: e.value.sparkline.smooth,
                         strokeWidth: e.value.sparkline.strokeWidth
                       },
                       bar: {
-                        color: a.color
+                        color: l.color
                       },
                       area: {
-                        color: a.color,
+                        color: l.color,
                         opacity: e.value.sparkline.showArea ? 16 : 0,
                         useGradient: e.value.sparkline.useGradient
                       },
                       verticalIndicator: {
-                        color: a.color
+                        color: l.color
                       },
                       plot: {
                         radius: 9,
@@ -650,17 +674,22 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                     }
                   }
                 }, null, 8, ["onHoverIndex", "height-ratio", "dataset", "selectedIndex", "config"])
-              ], 12, ft)) : g("", !0)
+              ], 12, At)) : m("", !0)
             ], 6))), 256))
           ])
         ], 4)
       ], 32),
-      t.$slots.source ? (v(), c("div", mt, [
+      t.$slots.source ? (v(), c("div", xt, [
         O(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : g("", !0)
-    ], 42, lt));
+      ], 512)) : m("", !0)
+    ], 42, ct));
   }
-}, St = /* @__PURE__ */ at(bt, [["__scopeId", "data-v-9e1b786d"]]);
+}, wt = /* @__PURE__ */ vt(St, [["__scopeId", "data-v-18b7aedc"]]), Tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: wt
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  St as default
+  Nt as a,
+  Tt as b,
+  wt as v
 };