vue-data-ui 2.12.5 → 2.12.7-beta.0

package/dist/{vue-ui-table-sparkline-CGAecOZh.js → vue-ui-table-sparkline-Di0MYR4p.js}

@@ -1,30 +1,29 @@
-import { useCssVars as ze, ref as p, useSlots as De, onMounted as pe, computed as _, watch as fe, createElementBlock as c, openBlock as d, unref as i, normalizeClass as X, createCommentVNode as g, createElementVNode as f, normalizeStyle as s, toDisplayString as C, withDirectives as Pe, createVNode as z, Fragment as J, renderList as K, createBlock as Ne, createSlots as Fe, withCtx as D, renderSlot as A, mergeProps as me, nextTick as Ve } from "vue";
-import { u as Te, c as We, t as Me, p as F, a as Ee, b as Ue, o as Be, e as be, g as Ge, a6 as Le, d as Re, i as V, f as T, q as He, r as qe } from "./index-vjCxtaM0.js";
-import { u as ge } from "./useNestedProp-Du1hnYFA.js";
-import Xe from "./vue-ui-sparkline-C2HuTMDz.js";
-import W from "./BaseIcon-CgSWwnK7.js";
-import { u as Je, U as Ke, v as Qe } from "./usePrinter-CcgJXHIK.js";
-import { u as Ye } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as Ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } }, tt = {
+import { useCssVars as Fe, defineAsyncComponent as J, ref as p, useSlots as Ve, onMounted as me, computed as _, watch as be, shallowRef as Te, onBeforeUnmount as We, createElementBlock as c, openBlock as d, unref as u, normalizeClass as K, createCommentVNode as g, createElementVNode as f, normalizeStyle as r, toDisplayString as C, withDirectives as Me, createVNode as D, Fragment as Q, renderList as Y, createBlock as Ue, createSlots as Be, withCtx as P, renderSlot as O, mergeProps as ge, nextTick as Ee } from "vue";
+import { u as ye } from "./useNestedProp-tRqS0ZAM.js";
+import { u as Ge, c as Le, t as Re, p as T, a as He, b as qe, o as Xe, e as he, g as Je, a5 as Ke, d as Qe, i as W, f as M, q as Ye, r as Ze } from "./index-BiHmNd1-.js";
+import { u as je } from "./usePrinter-CRCbl1WG.js";
+import { u as et } from "./useUserOptionState-BIvW1Kz7.js";
+import { v as tt } from "./vClickOutside-C6WiFswA.js";
+import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } }, nt = {
   key: 0,
   style: {
     display: "flex",
     flexDirection: "row",
     alignItems: "center"
   }
-}, at = {
+}, ut = {
   key: 0,
   style: {
     display: "flex",
     flexDirection: "row",
     alignItems: "center"
   }
-}, lt = ["onClick"], ot = ["onClick"], nt = ["data-cell"], ut = ["data-cell", "onPointerenter"], st = ["data-cell"], rt = ["data-cell"], it = ["data-cell"], dt = ["data-cell"], vt = {
+}, st = ["onClick"], rt = ["onClick"], it = ["data-cell"], dt = ["data-cell", "onPointerenter"], vt = ["data-cell"], ct = ["data-cell"], pt = ["data-cell"], ft = ["data-cell"], mt = {
   key: 1,
   ref: "source",
   dir: "auto"
-}, ct = {
+}, bt = {
   __name: "vue-ui-table-sparkline",
   props: {
     config: {
@@ -40,65 +39,66 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
       }
     }
   },
-  setup(ye, { expose: he }) {
-    ze((t) => ({
-      "8765d8b0": t.tdo
+  setup(ke, { expose: _e }) {
+    Fe((t) => ({
+      "6e3712b2": t.tdo
     }));
-    const { vue_ui_table_sparkline: ke } = Te(), x = ye, M = p(We()), Q = p(0), E = p(0), U = p(null), _e = De();
-    pe(() => {
-      _e["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
+    const Ce = J(() => import("./vue-ui-sparkline-CoL8jiX8.js")), N = J(() => import("./BaseIcon-CZdMutjs.js")), xe = J(() => import("./UserOptions-Ddy6CuLC.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 = _({
-      get: () => j(),
+      get: () => te(),
       set: (t) => t
-    }), { userOptionsVisible: B, setUserOptionsVisibility: Y, keepUserOptionState: Z } = Ye({ config: e.value });
-    function j() {
-      const t = ge({
+    }), { userOptionsVisible: G, setUserOptionsVisibility: j, keepUserOptionState: ee } = et({ config: e.value });
+    function te() {
+      const t = ye({
         userConfig: x.config,
-        defaultConfig: ke
+        defaultConfig: we
       });
       return t.theme ? {
-        ...ge({
-          userConfig: Ee.vue_ui_table_sparkline[t.theme] || x.config,
+        ...ye({
+          userConfig: He.vue_ui_table_sparkline[t.theme] || x.config,
           defaultConfig: t
         }),
-        customPalette: Me[t.theme] || F
+        customPalette: Re[t.theme] || T
       } : t;
     }
-    fe(() => x.config, (t) => {
-      e.value = j(), B.value = !e.value.userOptions.showOnChartHover, oe(), E.value += 1;
-    }, { deep: !0 }), fe(() => x.dataset, (t) => {
-      m.value = O.value, E.value += 1;
+    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;
     }, { deep: !0 });
-    const { isPrinting: ee, isImaging: te, generatePdf: ae, generateImage: le } = Je({
-      elementId: `table_${M.value}`,
+    const { isPrinting: ae, isImaging: le, generatePdf: oe, generateImage: ne } = je({
+      elementId: `table_${U.value}`,
       fileName: e.value.title.text || "vue-ui-table-sparkline",
       options: e.value.userOptions.print
-    }), Ce = _(() => Ue(e.value.customPalette)), P = p(null), G = p(!1), xe = _(() => e.value.responsiveBreakpoint);
-    pe(() => {
-      oe();
+    }), Ie = _(() => qe(e.value.customPalette)), F = p(null), L = p(!1), Ae = _(() => e.value.responsiveBreakpoint);
+    me(() => {
+      ue();
     });
-    const L = p(e.value.colNames);
-    function oe() {
-      Be(x.dataset) && be({
+    const R = p(e.value.colNames), I = Te(null);
+    function ue() {
+      Xe(x.dataset) && he({
         componentName: "VueUiTableSparkline",
         type: "dataset"
-      });
-      const t = new ResizeObserver((l) => {
-        l.forEach((a) => {
-          G.value = a.contentRect.width < xe.value;
+      }), I.value && I.value.disconnect(), I.value = new ResizeObserver((t) => {
+        t.forEach((l) => {
+          L.value = l.contentRect.width < Ae.value;
         });
-      });
-      P.value && t.observe(P.value), L.value = [];
-      for (let l = 0; l < se.value; l += 1)
-        L.value.push(e.value.colNames[l] || `col ${l}`);
+      }), F.value && I.value.observe(F.value), R.value = [];
+      for (let t = 0; t < ie.value; t += 1)
+        R.value.push(e.value.colNames[t] || `col ${t}`);
     }
-    const ne = _(() => (x.dataset.forEach((t, l) => {
-      Ge({
+    We(() => {
+      I.value && I.value.disconnect();
+    });
+    const se = _(() => (x.dataset.forEach((t, l) => {
+      Je({
         datasetObject: t,
         requiredAttributes: ["name", "values"]
       }).forEach((a) => {
-        be({
+        he({
           componentName: "VueUiTableSparkline",
           type: "datasetSerieAttribute",
           property: a,
@@ -106,64 +106,64 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
         });
       });
     }), x.dataset.map((t, l) => {
-      const a = (t.values || []).map((v) => isNaN(v) ? 0 : v ?? 0), o = a.reduce((v, r) => v + r, 0), u = o / a.length, n = Le(a);
+      const a = (t.values || []).map((v) => isNaN(v) ? 0 : v ?? 0), o = a.reduce((v, i) => v + i, 0), s = o / a.length, n = Ke(a);
       return {
         ...t,
         values: t.values || [],
-        color: Re(t.color) || Ce.value[l] || F[l] || F[l % F.length],
+        color: Qe(t.color) || Ie.value[l] || T[l] || T[l % T.length],
         sum: o,
-        average: u,
+        average: s,
         median: n,
-        sparklineDataset: a.map((v, r) => ({
-          period: e.value.colNames[r] || `col ${r}`,
+        sparklineDataset: a.map((v, i) => ({
+          period: e.value.colNames[i] || `col ${i}`,
           value: v || 0
         }))
       };
     })));
-    function we(t) {
+    function Oe(t) {
       const a = (t[0].values || []).map(
-        (u, n) => t.map((v) => v.values[n] || [])
+        (s, n) => t.map((v) => v.values[n] || [])
       ).map(
-        (u) => u.map((n, v) => [n, v]).sort((n, v) => v[0] - n[0]).map((n) => n[1])
+        (s) => s.map((n, v) => [n, v]).sort((n, v) => v[0] - n[0]).map((n) => n[1])
       );
-      return t.map((u, n) => ({
-        ...u,
-        values: u.values || [],
+      return t.map((s, n) => ({
+        ...s,
+        values: s.values || [],
         orders: a[n]
       }));
     }
-    const O = _(() => we(ne.value)), m = p(O.value), Se = _(() => Math.max(...m.value.map((t) => (t.values || []).length))), R = p(void 0), H = p(!1), b = p(void 0), ue = p(1);
-    function I() {
-      H.value = !1, b.value = void 0, y.value = void 0, ue.value = 1, $.value.forEach((t) => t.state = 1), w.value = {
+    const $ = _(() => Oe(se.value)), m = p($.value), $e = _(() => Math.max(...m.value.map((t) => (t.values || []).length))), H = p(void 0), q = p(!1), b = p(void 0), re = p(1);
+    function A() {
+      q.value = !1, b.value = void 0, y.value = void 0, re.value = 1, z.value.forEach((t) => t.state = 1), w.value = {
         name: 1,
         sum: 1,
         average: 1,
         median: 1
-      }, m.value = O.value;
+      }, m.value = $.value;
     }
-    function N(t, l, a) {
+    function V(t, l, a) {
       if (["name", "sum", "average", "median"].includes(t.type)) {
-        Ie(t.type, l, a);
+        ze(t.type, l, a);
         return;
       }
-      if (!de(l)) return;
-      if (S.value = l, y.value = void 0, ![null, void 0].includes(b.value) && l !== b.value && (b.value = void 0, I()), $.value[l].state === a && b.value === l) {
-        b.value = void 0, I();
+      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();
         return;
       }
-      H.value = !0, b.value = l;
-      const o = O.value.map((r) => r.values[l] || []), u = a;
-      $.value[l].state = u, ue.value = u, l === R.value ? R.value = void 0 : R.value = l;
-      const v = o.map((r, h) => [h, r]).sort((r, h) => u * (h[1] - r[1])).map((r) => r[0]).map((r) => O.value[r]);
-      m.value = v, E.value += 1;
+      q.value = !0, b.value = l;
+      const o = $.value.map((i) => i.values[l] || []), s = a;
+      z.value[l].state = s, re.value = s, l === H.value ? H.value = void 0 : H.value = l;
+      const v = o.map((i, h) => [h, i]).sort((i, h) => s * (h[1] - i[1])).map((i) => i[0]).map((i) => $.value[i]);
+      m.value = v, B.value += 1;
     }
-    const se = _(() => Math.max(...x.dataset.map((t) => (t.values || []).length))), k = _(() => {
-      let t = L.value.map((a) => ({
+    const ie = _(() => Math.max(...x.dataset.map((t) => (t.values || []).length))), k = _(() => {
+      let t = R.value.map((a) => ({
         type: "reg",
         value: a
       }));
       if (!t.length)
-        for (let a = 0; a < se.value; a += 1)
+        for (let a = 0; a < ie.value; a += 1)
           t.push({ type: "reg", value: `col ${a + 1}` });
       e.value.showTotal && (t = [...t, { type: "sum", value: e.value.translations.total }]);
       let l;
@@ -178,80 +178,80 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
       average: 1,
       median: 1
     }), y = p(void 0);
-    function Ie(t, l, a) {
-      if (!m.value || m.value.length === 0 || !ve(t)) return;
-      if (y.value !== t && (y.value = void 0), ![null, void 0].includes(b.value) && l !== b.value && I(), b.value = void 0, w.value[t] === a && y.value) {
-        y.value = void 0, I();
+    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();
         return;
       }
-      y.value = t, H.value = !0, w.value[t] = a, [null, void 0].includes(l) || ($.value[l].state = w.value[t]);
-      const o = w.value[t], u = [...m.value].sort((n, v) => {
-        const r = n[t] ?? (typeof n[t] == "number" ? 0 : ""), h = v[t] ?? (typeof v[t] == "number" ? 0 : "");
-        return typeof r == "string" && typeof h == "string" ? o === -1 ? r.localeCompare(h) : h.localeCompare(r) : typeof r == "number" && typeof h == "number" ? o === -1 ? r - h : h - r : 0;
+      y.value = t, q.value = !0, w.value[t] = a, [null, void 0].includes(l) || (z.value[l].state = w.value[t]);
+      const o = w.value[t], s = [...m.value].sort((n, v) => {
+        const i = n[t] ?? (typeof n[t] == "number" ? 0 : ""), h = v[t] ?? (typeof v[t] == "number" ? 0 : "");
+        return typeof i == "string" && typeof h == "string" ? o === -1 ? i.localeCompare(h) : h.localeCompare(i) : typeof i == "number" && typeof h == "number" ? o === -1 ? i - h : h - i : 0;
       });
-      m.value = u;
+      m.value = s;
     }
-    const S = p(void 0), q = p(void 0);
-    function Ae({ dataIndex: t, serieIndex: l }) {
-      S.value = t, q.value = l, U.value[t] && !G.value && U.value[t].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
+    const S = p(void 0), X = p(void 0);
+    function De({ dataIndex: t, serieIndex: l }) {
+      S.value = t, X.value = l, E.value[t] && !L.value && E.value[t].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
     }
-    const re = p(!1);
-    function Oe(t) {
-      re.value = t, Q.value += 1;
+    const de = p(!1);
+    function Pe(t) {
+      de.value = t, Z.value += 1;
     }
-    function ie() {
-      Ve(() => {
-        const t = [e.value.translations.serie].concat(k.value), l = ne.value.map((u, n) => [
-          [u.name],
-          u.values,
-          [u.sum],
-          [u.average],
-          [u.median]
-        ]), a = [t].concat(l), o = He(a);
-        qe({
+    function ve() {
+      Ee(() => {
+        const t = [e.value.translations.serie].concat(k.value), l = se.value.map((s, n) => [
+          [s.name],
+          s.values,
+          [s.sum],
+          [s.average],
+          [s.median]
+        ]), a = [t].concat(l), o = Ye(a);
+        Ze({
           csvContent: o,
           title: e.value.title.text || "vue-ui-table-sparkline"
         });
       });
     }
-    function de(t) {
+    function ce(t) {
       return e.value.sortedDataColumnIndices.includes(t);
     }
-    function ve(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 ce(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 && $.value[t].state === a ? 1 : 0.3;
+    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 $e() {
-      e.value.resetSortOnClickOutside && I();
+    function Ne() {
+      e.value.resetSortOnClickOutside && A();
     }
-    const $ = _({
+    const z = _({
       get: () => k.value.map((t) => ({ state: 1 })),
       set: (t) => t
     });
-    return he({
-      generatePdf: ae,
-      generateImage: le,
-      generateCsv: ie,
-      restoreOrder: I
+    return _e({
+      generatePdf: oe,
+      generateImage: ne,
+      generateCsv: ve,
+      restoreOrder: A
     }), (t, l) => (d(), c("div", {
       ref_key: "tableContainer",
-      ref: P,
-      class: X({ "vue-ui-table-sparkline": !0, "vue-ui-responsive": G.value }),
+      ref: F,
+      class: K({ "vue-ui-table-sparkline": !0, "vue-ui-responsive": L.value }),
       style: { overflow: "hidden" },
-      id: `table_${M.value}`,
-      onMouseenter: l[3] || (l[3] = () => i(Y)(!0)),
-      onMouseleave: l[4] || (l[4] = () => i(Y)(!1))
+      id: `table_${U.value}`,
+      onMouseenter: l[3] || (l[3] = () => u(j)(!0)),
+      onMouseleave: l[4] || (l[4] = () => u(j)(!1))
     }, [
       e.value.title.text ? (d(), c("div", {
         key: 0,
         class: "vue-ui-table-sparkline-caption",
-        style: s({ backgroundColor: e.value.title.backgroundColor })
+        style: r({ backgroundColor: e.value.title.backgroundColor })
       }, [
         f("div", {
           class: "atom-title",
-          style: s({
+          style: r({
             fontSize: `${e.value.title.fontSize}px`,
             fontWeight: e.value.title.bold ? "bold" : "normal",
             color: e.value.title.color,
@@ -261,7 +261,7 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
         e.value.title.subtitle.text ? (d(), c("div", {
           key: 0,
           class: "atom-subtitle",
-          style: s({
+          style: r({
             fontSize: `${e.value.title.subtitle.fontSize}px`,
             fontWeight: e.value.title.subtitle.bold ? "bold" : "normal",
             color: e.value.title.subtitle.color,
@@ -272,25 +272,25 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
       f("div", {
         style: { overflow: "auto" },
         onPointerleave: l[2] || (l[2] = (a) => {
-          q.value = void 0, S.value = void 0;
+          X.value = void 0, S.value = void 0;
         })
       }, [
         f("table", {
           class: "vue-ui-data-table",
-          style: s({ fontFamily: e.value.fontFamily, position: "relative" })
+          style: r({ fontFamily: e.value.fontFamily, position: "relative" })
         }, [
-          f("thead", et, [
-            Pe((d(), c("tr", {
+          f("thead", ot, [
+            Me((d(), c("tr", {
               role: "row",
               class: "vue-ui-data-table__thead-row",
-              style: s({
+              style: r({
                 backgroundColor: e.value.thead.backgroundColor,
                 color: e.value.thead.color
               })
             }, [
               f("th", {
                 role: "cell",
-                style: s({
+                style: r({
                   backgroundColor: e.value.thead.backgroundColor,
                   border: e.value.thead.outline,
                   textAlign: e.value.thead.textAlign,
@@ -299,7 +299,7 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
                 class: "sticky-col-first"
               }, [
                 f("div", {
-                  style: s({
+                  style: r({
                     display: "flex",
                     flexDirection: "row",
                     alignItems: "center",
@@ -308,29 +308,29 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
                   })
                 }, [
                   f("span", null, C(e.value.translations.serie), 1),
-                  m.value.length > 1 && e.value.sortedSeriesName ? (d(), c("div", tt, [
+                  m.value.length > 1 && e.value.sortedSeriesName ? (d(), c("div", nt, [
                     f("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",
-                      onClick: l[0] || (l[0] = (a) => N({ type: "name" }, null, -1))
+                      onClick: l[0] || (l[0] = (a) => V({ type: "name" }, null, -1))
                     }, [
-                      z(W, {
+                      D(u(N), {
                         size: 12,
                         name: "arrowBottom",
                         stroke: e.value.thead.color,
-                        style: s({
+                        style: r({
                           opacity: y.value === "name" && w.value.name === -1 ? 1 : 0.3
                         })
                       }, null, 8, ["stroke", "style"])
                     ]),
                     f("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",
-                      onClick: l[1] || (l[1] = (a) => N({ type: "name" }, null, 1))
+                      onClick: l[1] || (l[1] = (a) => V({ type: "name" }, null, 1))
                     }, [
-                      z(W, {
+                      D(u(N), {
                         size: 12,
                         name: "arrowTop",
                         stroke: e.value.thead.color,
-                        style: s({
+                        style: r({
                           opacity: y.value === "name" && w.value.name === 1 ? 1 : 0.3
                         })
                       }, null, 8, ["stroke", "style"])
@@ -338,9 +338,9 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
                   ])) : g("", !0)
                 ], 4)
               ], 4),
-              (d(!0), c(J, null, K(k.value, (a, o) => (d(), c("th", {
+              (d(!0), c(Q, null, Y(k.value, (a, o) => (d(), c("th", {
                 role: "cell",
-                style: s({
+                style: r({
                   background: e.value.thead.backgroundColor,
                   border: e.value.thead.outline,
                   textAlign: e.value.thead.textAlign,
@@ -348,10 +348,10 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
                   minWidth: o === k.value.length - 1 ? `${e.value.sparkline.dimensions.width}px` : "48px",
                   paddingRight: o === k.value.length - 1 && e.value.userOptions.show ? "36px" : ""
                 }),
-                class: X({ "sticky-col": o === k.value.length - 1 && e.value.showSparklines })
+                class: K({ "sticky-col": o === k.value.length - 1 && e.value.showSparklines })
               }, [
                 f("div", {
-                  style: s({
+                  style: r({
                     display: "flex",
                     flexDirection: "row",
                     alignItems: "center",
@@ -360,113 +360,113 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
                   })
                 }, [
                   f("span", null, C(a.value), 1),
-                  m.value.length > 1 && (de(o) || ve(a)) ? (d(), c("div", at, [
+                  m.value.length > 1 && (ce(o) || pe(a)) ? (d(), c("div", ut, [
                     f("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",
-                      onClick: () => N(a, o, -1)
+                      onClick: () => V(a, o, -1)
                     }, [
-                      z(W, {
+                      D(u(N), {
                         size: 12,
                         name: "arrowBottom",
                         stroke: e.value.thead.color,
-                        style: s({
-                          opacity: ce(o, a, -1)
+                        style: r({
+                          opacity: fe(o, a, -1)
                         })
                       }, null, 8, ["stroke", "style"])
-                    ], 8, lt),
+                    ], 8, st),
                     f("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",
-                      onClick: () => N(a, o, 1)
+                      onClick: () => V(a, o, 1)
                     }, [
-                      z(W, {
+                      D(u(N), {
                         size: 12,
                         name: "arrowTop",
                         stroke: e.value.thead.color,
-                        style: s({
-                          opacity: ce(o, a, 1)
+                        style: r({
+                          opacity: fe(o, a, 1)
                         })
                       }, null, 8, ["stroke", "style"])
-                    ], 8, ot)
+                    ], 8, rt)
                   ])) : g("", !0)
                 ], 4),
-                e.value.userOptions.show && o === k.value.length - 1 && (i(Z) || i(B)) ? (d(), Ne(Ke, {
+                e.value.userOptions.show && o === k.value.length - 1 && (u(ee) || u(G)) ? (d(), Ue(u(xe), {
                   ref_for: !0,
                   ref: "details",
-                  key: `user_option_${Q.value}`,
+                  key: `user_option_${Z.value}`,
                   backgroundColor: e.value.thead.backgroundColor,
                   color: e.value.thead.color,
-                  isPrinting: i(ee),
-                  isImaging: i(te),
-                  uid: M.value,
+                  isPrinting: u(ae),
+                  isImaging: u(le),
+                  uid: U.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: re.value,
+                  isFullscreen: de.value,
                   titles: { ...e.value.userOptions.buttonTitles },
-                  chartElement: P.value,
+                  chartElement: F.value,
                   position: e.value.userOptions.position,
-                  onToggleFullscreen: Oe,
-                  onGeneratePdf: i(ae),
-                  onGenerateImage: i(le),
-                  onGenerateCsv: ie,
-                  style: s({
-                    visibility: i(Z) ? i(B) ? "visible" : "hidden" : "visible"
+                  onToggleFullscreen: Pe,
+                  onGeneratePdf: u(oe),
+                  onGenerateImage: u(ne),
+                  onGenerateCsv: ve,
+                  style: r({
+                    visibility: u(ee) ? u(G) ? "visible" : "hidden" : "visible"
                   })
-                }, Fe({ _: 2 }, [
+                }, Be({ _: 2 }, [
                   t.$slots.menuIcon ? {
                     name: "menuIcon",
-                    fn: D(({ isOpen: u, color: n }) => [
-                      A(t.$slots, "menuIcon", me({ ref_for: !0 }, { isOpen: u, color: n }), void 0, !0)
+                    fn: P(({ isOpen: s, color: n }) => [
+                      O(t.$slots, "menuIcon", ge({ ref_for: !0 }, { isOpen: s, color: n }), void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
                   t.$slots.optionPdf ? {
                     name: "optionPdf",
-                    fn: D(() => [
-                      A(t.$slots, "optionPdf", {}, void 0, !0)
+                    fn: P(() => [
+                      O(t.$slots, "optionPdf", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0,
                   t.$slots.optionCsv ? {
                     name: "optionCsv",
-                    fn: D(() => [
-                      A(t.$slots, "optionCsv", {}, void 0, !0)
+                    fn: P(() => [
+                      O(t.$slots, "optionCsv", {}, void 0, !0)
                     ]),
                     key: "2"
                   } : void 0,
                   t.$slots.optionImg ? {
                     name: "optionImg",
-                    fn: D(() => [
-                      A(t.$slots, "optionImg", {}, void 0, !0)
+                    fn: P(() => [
+                      O(t.$slots, "optionImg", {}, void 0, !0)
                     ]),
                     key: "3"
                   } : void 0,
                   t.$slots.optionFullscreen ? {
                     name: "optionFullscreen",
-                    fn: D(({ toggleFullscreen: u, isFullscreen: n }) => [
-                      A(t.$slots, "optionFullscreen", me({ ref_for: !0 }, { toggleFullscreen: u, isFullscreen: n }), void 0, !0)
+                    fn: P(({ toggleFullscreen: s, isFullscreen: n }) => [
+                      O(t.$slots, "optionFullscreen", ge({ ref_for: !0 }, { toggleFullscreen: s, isFullscreen: n }), void 0, !0)
                     ]),
                     key: "4"
                   } : void 0
                 ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0)
               ], 6))), 256))
             ], 4)), [
-              [i(Qe), $e]
+              [u(tt), Ne]
             ])
           ]),
           f("tbody", null, [
-            (d(!0), c(J, null, K(m.value, (a, o) => (d(), c("tr", {
+            (d(!0), c(Q, null, Y(m.value, (a, o) => (d(), c("tr", {
               role: "row",
-              style: s({
+              style: r({
                 backgroundColor: e.value.tbody.backgroundColor,
                 color: e.value.tbody.color
               }),
-              class: X({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": o % 2 === 0, "vue-ui-data-table__tbody__row-odd": o % 2 !== 0 })
+              class: K({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": o % 2 === 0, "vue-ui-data-table__tbody__row-odd": o % 2 !== 0 })
             }, [
               f("td", {
                 role: "cell",
-                style: s({
+                style: r({
                   backgroundColor: e.value.tbody.backgroundColor,
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
@@ -478,7 +478,7 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
               }, [
                 f("div", {
                   dir: "auto",
-                  style: s({
+                  style: r({
                     display: "flex",
                     flexDirection: "row",
                     alignItems: "center",
@@ -488,18 +488,18 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
                 }, [
                   e.value.tbody.showColorMarker ? (d(), c("span", {
                     key: 0,
-                    style: s({ color: a.color })
+                    style: r({ color: a.color })
                   }, "⬤", 4)) : g("", !0),
                   f("span", null, C(a.name ?? "-"), 1)
                 ], 4)
-              ], 12, nt),
-              (d(!0), c(J, null, K(Se.value, (u, n) => (d(), c("td", {
+              ], 12, it),
+              (d(!0), c(Q, null, Y($e.value, (s, n) => (d(), c("td", {
                 dir: "auto",
                 role: "cell",
                 ref_for: !0,
                 ref_key: "TD",
-                ref: U,
-                style: s({
+                ref: E,
+                style: r({
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
@@ -509,24 +509,24 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
                 "data-cell": k.value[n] ? k.value[n].value : "",
                 class: "vue-ui-data-table__tbody__td",
                 onPointerenter: (v) => {
-                  q.value = o, S.value = n;
+                  X.value = o, S.value = n;
                 }
-              }, C([null, void 0].includes(a.values[n]) ? "-" : i(V)(
+              }, C([null, void 0].includes(a.values[n]) ? "-" : u(W)(
                 e.value.formatter,
                 Number(a.values[n]),
-                i(T)({
+                u(M)({
                   p: e.value.prefix,
                   v: Number(a.values[n]),
                   s: e.value.suffix,
                   r: e.value.roundingValues
                 }),
                 { datapoint: a, seriesIndex: o, datapointIndex: n }
-              )), 45, ut))), 256)),
+              )), 45, dt))), 256)),
               e.value.showTotal ? (d(), c("td", {
                 key: 0,
                 dir: "auto",
                 role: "cell",
-                style: s({
+                style: r({
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
@@ -534,22 +534,22 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 "data-cell": e.value.translations.total,
                 class: "vue-ui-data-table__tbody__td"
-              }, C(i(V)(
+              }, C(u(W)(
                 e.value.formatter,
                 a.sum,
-                i(T)({
+                u(M)({
                   p: e.value.prefix,
                   v: a.sum,
                   s: e.value.suffix,
                   r: e.value.roundingTotal
                 }),
                 { datapoint: a.sum, seriesIndex: o }
-              )), 13, st)) : g("", !0),
+              )), 13, vt)) : g("", !0),
               e.value.showAverage ? (d(), c("td", {
                 key: 1,
                 dir: "auto",
                 role: "cell",
-                style: s({
+                style: r({
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
@@ -557,22 +557,22 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 "data-cell": e.value.translations.average,
                 class: "vue-ui-data-table__tbody__td"
-              }, C(i(V)(
+              }, C(u(W)(
                 e.value.formatter,
                 a.average,
-                i(T)({
+                u(M)({
                   p: e.value.prefix,
                   v: a.average,
                   s: e.value.suffix,
                   r: e.value.roundingAverage
                 }),
                 { datapoint: a.average, seriesIndex: o }
-              )), 13, rt)) : g("", !0),
+              )), 13, ct)) : g("", !0),
               e.value.showMedian ? (d(), c("td", {
                 key: 2,
                 dir: "auto",
                 role: "cell",
-                style: s({
+                style: r({
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
@@ -580,22 +580,22 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 "data-cell": e.value.translations.median,
                 class: "vue-ui-data-table__tbody__td"
-              }, C(i(V)(
+              }, C(u(W)(
                 e.value.formatter,
                 a.median,
-                i(T)({
+                u(M)({
                   p: e.value.prefix,
                   v: a.median,
                   s: e.value.suffix,
                   r: e.value.roundingMedian
                 }),
                 { datapoint: a.median, seriesIndex: o }
-              )), 13, it)) : g("", !0),
+              )), 13, pt)) : g("", !0),
               e.value.showSparklines ? (d(), c("td", {
                 key: 3,
                 role: "cell",
                 "data-cell": e.value.translations.chart,
-                style: s({
+                style: r({
                   border: e.value.tbody.outline,
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
@@ -605,8 +605,8 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 class: "vue-ui-data-table__tbody__td sticky-col"
               }, [
-                z(Xe, {
-                  onHoverIndex: ({ index: u }) => Ae({ dataIndex: u, serieIndex: o }),
+                D(u(Ce), {
+                  onHoverIndex: ({ index: s }) => De({ dataIndex: s, serieIndex: o }),
                   "height-ratio": e.value.sparkline.dimensions.heightRatio,
                   "forced-padding": 30,
                   dataset: a.sparklineDataset,
@@ -617,7 +617,7 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
                     style: {
                       backgroundColor: "transparent",
                       animation: {
-                        show: e.value.sparkline.animation.show && !i(ee) && !i(te),
+                        show: e.value.sparkline.animation.show && !u(ae) && !u(le),
                         animationFrames: e.value.sparkline.animation.animationFrames
                       },
                       line: {
@@ -644,17 +644,17 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
                     }
                   }
                 }, null, 8, ["onHoverIndex", "height-ratio", "dataset", "selectedIndex", "config"])
-              ], 12, dt)) : g("", !0)
+              ], 12, ft)) : g("", !0)
             ], 6))), 256))
           ])
         ], 4)
       ], 32),
-      t.$slots.source ? (d(), c("div", vt, [
-        A(t.$slots, "source", {}, void 0, !0)
+      t.$slots.source ? (d(), c("div", mt, [
+        O(t.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0)
-    ], 42, je));
+    ], 42, lt));
   }
-}, _t = /* @__PURE__ */ Ze(ct, [["__scopeId", "data-v-6ebcec2e"]]);
+}, wt = /* @__PURE__ */ at(bt, [["__scopeId", "data-v-0812843e"]]);
 export {
-  _t as default
+  wt as default
 };