vue-data-ui 2.3.74 → 2.3.76

package/dist/{vue-ui-table-sparkline-C0v2r4Kf.js → vue-ui-table-sparkline-B3zEeq6Z.js}

@@ -1,14 +1,14 @@
-import { useCssVars as re, ref as d, computed as b, onMounted as ie, openBlock as u, createElementBlock as v, normalizeClass as W, createElementVNode as c, normalizeStyle as r, toDisplayString as p, createCommentVNode as g, Fragment as D, renderList as T, createBlock as M, unref as i, createSlots as de, withCtx as S, renderSlot as A, normalizeProps as ve, guardReactiveProps as ce, nextTick as fe } from "vue";
-import { u as pe, c as me, t as be, a as ge, p as w, b as he, o as ye, e as J, g as _e, d as ke, U as xe, i as $, f as P, q as Ce, r as Ie } from "./index-C8SH0f2u.js";
-import { u as K } from "./useNestedProp-lS_T5lM3.js";
-import Se from "./vue-ui-sparkline-CeqNV6Re.js";
-import Ae from "./BaseIcon-kBIAYqUO.js";
-import { u as we, U as $e } from "./usePrinter-Dj50NAxo.js";
-import { _ as Pe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } }, Oe = ["onClick"], Ne = { style: { display: "flex", "flex-direction": "row", gap: "3px", "align-items": "center" } }, We = ["data-cell"], De = {
+import { useCssVars as ve, ref as d, computed as g, watch as Q, onMounted as ce, openBlock as s, createElementBlock as v, normalizeClass as D, createElementVNode as c, normalizeStyle as r, toDisplayString as p, createCommentVNode as h, Fragment as T, renderList as M, createBlock as V, unref as i, createSlots as fe, withCtx as w, renderSlot as A, normalizeProps as pe, guardReactiveProps as be, nextTick as me } from "vue";
+import { u as ge, c as he, t as ye, a as _e, p as $, b as ke, o as xe, e as Y, g as Ce, d as Ie, U as Se, i as P, f as z, q as we, r as Ae } from "./index-CaV1s-yZ.js";
+import { u as Z } from "./useNestedProp-tWCzZrLx.js";
+import $e from "./vue-ui-sparkline-DjN1SVdO.js";
+import Pe from "./BaseIcon-rwm-10Hu.js";
+import { u as ze, U as Fe } from "./usePrinter-rvJyT65A.js";
+import { _ as Oe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } }, De = ["onClick"], Te = { style: { display: "flex", "flex-direction": "row", gap: "3px", "align-items": "center" } }, Me = ["data-cell"], Ve = {
   dir: "auto",
   style: { display: "flex", "flex-direction": "row", "align-items": "center", gap: "6px" }
-}, Te = ["data-cell", "onPointerenter"], Me = ["data-cell"], Ve = ["data-cell"], Ee = ["data-cell"], Ge = ["data-cell"], Le = {
+}, Ee = ["data-cell", "onPointerenter"], Ge = ["data-cell"], Le = ["data-cell"], Ue = ["data-cell"], Be = ["data-cell"], Re = {
   __name: "vue-ui-table-sparkline",
   props: {
     config: {
@@ -24,67 +24,80 @@ const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } },
       }
     }
   },
-  setup(Q, { expose: Y }) {
-    const y = Q;
-    re((t) => ({
-      "328044aa": t.tdo
+  setup(j, { expose: ee }) {
+    const b = j;
+    ve((t) => ({
+      "470f7d5c": t.tdo
     }));
-    const { vue_ui_table_sparkline: Z } = pe(), z = d(me()), V = d(0), E = d(0), e = b(() => {
-      const t = K({
-        userConfig: y.config,
-        defaultConfig: Z
+    const { vue_ui_table_sparkline: te } = ge(), F = d(he()), E = d(0), C = d(0), e = g({
+      get: () => G(),
+      set: (t) => t
+    });
+    function G() {
+      const t = Z({
+        userConfig: b.config,
+        defaultConfig: te
       });
       return t.theme ? {
-        ...K({
-          userConfig: be.vue_ui_table_sparkline[t.theme] || y.config,
+        ...Z({
+          userConfig: ye.vue_ui_table_sparkline[t.theme] || b.config,
           defaultConfig: t
         }),
-        customPalette: ge[t.theme] || w
+        customPalette: _e[t.theme] || $
       } : t;
-    }), { isPrinting: G, isImaging: L, generatePdf: U, generateImage: B } = we({
-      elementId: `table_${z.value}`,
+    }
+    Q(() => b.config, (t) => {
+      e.value = G(), q(), C.value += 1;
+    }, { deep: !0 }), Q(() => b.dataset, (t) => {
+      x.value = y.value, C.value += 1;
+    }, { deep: !0 });
+    const { isPrinting: L, isImaging: U, generatePdf: B, generateImage: R } = ze({
+      elementId: `table_${F.value}`,
       fileName: e.value.title.text || "vue-ui-table-sparkline"
-    }), j = b(() => he(e.value.customPalette)), x = d(null), R = d(!1), ee = b(() => e.value.responsiveBreakpoint);
-    ie(() => {
-      ye(y.dataset) && J({
+    }), ae = g(() => ke(e.value.customPalette)), I = d(null), H = d(!1), le = g(() => e.value.responsiveBreakpoint);
+    ce(() => {
+      q();
+    });
+    function q() {
+      xe(b.dataset) && Y({
         componentName: "VueUiTableSparkline",
         type: "dataset"
       });
-      const t = new ResizeObserver((s) => {
-        s.forEach((a) => {
-          R.value = a.contentRect.width < ee.value;
+      const t = new ResizeObserver((u) => {
+        u.forEach((a) => {
+          H.value = a.contentRect.width < le.value;
         });
       });
-      x.value && t.observe(x.value);
-    });
-    const H = b(() => (y.dataset.forEach((t, s) => {
-      _e({
+      I.value && t.observe(I.value);
+    }
+    const X = g(() => (b.dataset.forEach((t, u) => {
+      Ce({
         datasetObject: t,
         requiredAttributes: ["name", "values"]
       }).forEach((a) => {
-        J({
+        Y({
           componentName: "VueUiTableSparkline",
           type: "datasetSerieAttribute",
           property: a,
-          index: s
+          index: u
         });
       });
-    }), y.dataset.map((t, s) => {
+    }), b.dataset.map((t, u) => {
       const a = (t.values || []).map((n) => isNaN(n) ? 0 : n ?? 0), o = a.reduce((n, l) => n + l, 0);
       return {
         ...t,
         values: t.values || [],
-        color: ke(t.color) || j.value[s] || w[s] || w[s % w.length],
+        color: Ie(t.color) || ae.value[u] || $[u] || $[u % $.length],
         sum: o,
         average: o / a.length,
-        median: xe(a),
+        median: Se(a),
         sparklineDataset: a.map((n, l) => ({
           period: e.value.colNames[l] || `col ${l}`,
           value: n || 0
         }))
       };
     })));
-    function te(t) {
+    function oe(t) {
       const a = (t[0].values || []).map(
         (n, l) => t.map((f) => f.values[l] || [])
       ).map(
@@ -96,75 +109,75 @@ const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } },
         orders: a[l]
       }));
     }
-    const _ = b(() => te(H.value)), C = d(_.value), ae = b(() => Math.max(...C.value.map((t) => (t.values || []).length))), I = d(void 0), F = d(!1), O = d(void 0), N = d(-1);
-    function le() {
-      F.value = !1, O.value = void 0, N.value = -1, C.value = _.value;
+    const y = g(() => oe(X.value)), x = d(y.value), ne = g(() => Math.max(...x.value.map((t) => (t.values || []).length))), S = d(void 0), O = d(!1), N = d(void 0), W = d(-1);
+    function ue() {
+      O.value = !1, N.value = void 0, W.value = -1, x.value = y.value;
     }
-    function oe(t) {
-      F.value = !0, O.value = t;
-      const s = _.value.map((l) => l.values[t] || []), a = I.value === t ? 1 : -1;
-      N.value = a, t === I.value ? I.value = void 0 : I.value = t;
-      const n = s.map((l, f) => [f, l]).sort((l, f) => a * (f[1] - l[1])).map((l) => l[0]).map((l) => _.value[l]);
-      C.value = n, E.value += 1;
+    function se(t) {
+      O.value = !0, N.value = t;
+      const u = y.value.map((l) => l.values[t] || []), a = S.value === t ? 1 : -1;
+      W.value = a, t === S.value ? S.value = void 0 : S.value = t;
+      const n = u.map((l, f) => [f, l]).sort((l, f) => a * (f[1] - l[1])).map((l) => l[0]).map((l) => y.value[l]);
+      x.value = n, C.value += 1;
     }
-    const ne = b(() => Math.max(...y.dataset.map((t) => (t.values || []).length))), k = b(() => {
+    const re = g(() => Math.max(...b.dataset.map((t) => (t.values || []).length))), k = g(() => {
       let t = e.value.colNames;
       if (!t.length)
-        for (let a = 0; a < ne.value; a += 1)
+        for (let a = 0; a < re.value; a += 1)
           t.push(`col ${a + 1}`);
       e.value.showTotal && (t = [...t, e.value.translations.total]);
-      let s;
-      return e.value.showAverage && e.value.showMedian ? s = [
+      let u;
+      return e.value.showAverage && e.value.showMedian ? u = [
         ...t,
         e.value.translations.average,
         e.value.translations.median
-      ] : e.value.showAverage && !e.value.showMedian ? s = [...t, e.value.translations.average] : !e.value.showAverage && e.value.showMedian ? s = [...t, e.value.translations.median] : s = t, e.value.showSparklines ? [...s, e.value.translations.chart] : s;
-    }), m = d(void 0), h = d(void 0);
-    function se({ dataIndex: t, serieIndex: s }) {
-      m.value = t, h.value = s;
+      ] : e.value.showAverage && !e.value.showMedian ? u = [...t, e.value.translations.average] : !e.value.showAverage && e.value.showMedian ? u = [...t, e.value.translations.median] : u = t, e.value.showSparklines ? [...u, e.value.translations.chart] : u;
+    }), m = d(void 0), _ = d(void 0);
+    function ie({ dataIndex: t, serieIndex: u }) {
+      m.value = t, _.value = u;
     }
-    const q = d(!1);
-    function ue(t) {
-      q.value = t, V.value += 1;
+    const J = d(!1);
+    function de(t) {
+      J.value = t, E.value += 1;
     }
-    function X() {
-      fe(() => {
-        const t = [e.value.translations.serie].concat(k.value), s = H.value.map((n, l) => [
+    function K() {
+      me(() => {
+        const t = [e.value.translations.serie].concat(k.value), u = X.value.map((n, l) => [
           [n.name],
           n.values,
           [n.sum],
           [n.average],
           [n.median]
-        ]), a = [t].concat(s), o = Ce(a);
-        Ie({
+        ]), a = [t].concat(u), o = we(a);
+        Ae({
           csvContent: o,
           title: e.value.title.text || "vue-ui-table-sparkline"
         });
       });
     }
-    return Y({
-      generatePdf: U,
-      generateImage: B,
-      generateCsv: X,
-      restoreOrder: le
-    }), (t, s) => (u(), v("div", {
+    return ee({
+      generatePdf: B,
+      generateImage: R,
+      generateCsv: K,
+      restoreOrder: ue
+    }), (t, u) => (s(), v("div", {
       ref_key: "tableContainer",
-      ref: x,
-      class: W({ "vue-ui-responsive": R.value }),
+      ref: I,
+      class: D({ "vue-ui-responsive": H.value }),
       style: { overflow: "hidden" },
-      id: `table_${z.value}`
+      id: `table_${F.value}`
     }, [
       c("div", {
         style: { overflow: "auto" },
-        onPointerleave: s[0] || (s[0] = (a) => {
-          h.value = void 0, m.value = void 0;
+        onPointerleave: u[0] || (u[0] = (a) => {
+          _.value = void 0, m.value = void 0;
         })
       }, [
         c("table", {
           class: "vue-ui-data-table",
           style: r({ fontFamily: e.value.fontFamily, position: "relative" })
         }, [
-          e.value.title.text ? (u(), v("caption", {
+          e.value.title.text ? (s(), v("caption", {
             key: 0,
             style: r({ backgroundColor: e.value.title.backgroundColor })
           }, [
@@ -176,7 +189,7 @@ const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } },
                 textAlign: e.value.title.textAlign
               })
             }, p(e.value.title.text), 5),
-            e.value.title.subtitle.text ? (u(), v("div", {
+            e.value.title.subtitle.text ? (s(), v("div", {
               key: 0,
               style: r({
                 fontSize: `${e.value.title.subtitle.fontSize}px`,
@@ -184,9 +197,9 @@ const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } },
                 color: e.value.title.subtitle.color,
                 textAlign: e.value.title.textAlign
               })
-            }, p(e.value.title.subtitle.text), 5)) : g("", !0)
-          ], 4)) : g("", !0),
-          c("thead", Fe, [
+            }, p(e.value.title.subtitle.text), 5)) : h("", !0)
+          ], 4)) : h("", !0),
+          c("thead", We, [
             c("tr", {
               role: "row",
               class: "vue-ui-data-table__thead-row",
@@ -205,7 +218,7 @@ const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 class: "sticky-col-first"
               }, p(e.value.translations.serie), 5),
-              (u(!0), v(D, null, T(k.value, (a, o) => (u(), v("th", {
+              (s(!0), v(T, null, M(k.value, (a, o) => (s(), v("th", {
                 role: "cell",
                 style: r({
                   background: e.value.thead.backgroundColor,
@@ -213,81 +226,81 @@ const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } },
                   textAlign: e.value.thead.textAlign,
                   fontWeight: e.value.thead.bold ? "bold" : "normal",
                   minWidth: o === k.value.length - 1 ? "150px" : "",
-                  cursor: _.value[0].values[o] !== void 0 ? "pointer" : "default"
+                  cursor: y.value[0].values[o] !== void 0 ? "pointer" : "default"
                 }),
-                onClick: () => oe(o),
-                class: W({ "sticky-col": o === k.value.length - 1 && e.value.showSparklines })
+                onClick: () => se(o),
+                class: D({ "sticky-col": o === k.value.length - 1 && e.value.showSparklines })
               }, [
-                c("div", Ne, [
+                c("div", Te, [
                   c("span", null, p(a), 1),
-                  F.value && o === O.value && _.value[0].values[o] !== void 0 ? (u(), M(Ae, {
+                  O.value && o === N.value && y.value[0].values[o] !== void 0 ? (s(), V(Pe, {
                     key: 0,
                     size: 18,
-                    name: N.value === 1 ? "sort" : "sortReverse",
+                    name: W.value === 1 ? "sort" : "sortReverse",
                     stroke: e.value.thead.color
-                  }, null, 8, ["name", "stroke"])) : g("", !0)
+                  }, null, 8, ["name", "stroke"])) : h("", !0)
                 ]),
-                e.value.userOptions.show && o === k.value.length - 1 ? (u(), M($e, {
+                e.value.userOptions.show && o === k.value.length - 1 ? (s(), V(Fe, {
                   ref_for: !0,
                   ref: "details",
-                  key: `user_option_${V.value}`,
+                  key: `user_option_${E.value}`,
                   backgroundColor: e.value.thead.backgroundColor,
                   color: e.value.thead.color,
-                  isPrinting: i(G),
-                  isImaging: i(L),
-                  uid: z.value,
+                  isPrinting: i(L),
+                  isImaging: i(U),
+                  uid: F.value,
                   hasPdf: e.value.userOptions.buttons.pdf,
                   hasXls: e.value.userOptions.buttons.csv,
                   hasImg: e.value.userOptions.buttons.img,
                   hasFullscreen: e.value.userOptions.buttons.fullscreen,
-                  isFullscreen: q.value,
+                  isFullscreen: J.value,
                   titles: { ...e.value.userOptions.buttonTitles },
-                  chartElement: x.value,
-                  onToggleFullscreen: ue,
-                  onGeneratePdf: i(U),
-                  onGenerateImage: i(B),
-                  onGenerateCsv: X
-                }, de({ _: 2 }, [
+                  chartElement: I.value,
+                  onToggleFullscreen: de,
+                  onGeneratePdf: i(B),
+                  onGenerateImage: i(R),
+                  onGenerateCsv: K
+                }, fe({ _: 2 }, [
                   t.$slots.optionPdf ? {
                     name: "optionPdf",
-                    fn: S(() => [
+                    fn: w(() => [
                       A(t.$slots, "optionPdf", {}, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
                   t.$slots.optionCsv ? {
                     name: "optionCsv",
-                    fn: S(() => [
+                    fn: w(() => [
                       A(t.$slots, "optionCsv", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0,
                   t.$slots.optionImg ? {
                     name: "optionImg",
-                    fn: S(() => [
+                    fn: w(() => [
                       A(t.$slots, "optionImg", {}, void 0, !0)
                     ]),
                     key: "2"
                   } : void 0,
                   t.$slots.optionFullscreen ? {
                     name: "optionFullscreen",
-                    fn: S(({ toggleFullscreen: n, isFullscreen: l }) => [
-                      A(t.$slots, "optionFullscreen", ve(ce({ toggleFullscreen: n, isFullscreen: l })), void 0, !0)
+                    fn: w(({ toggleFullscreen: n, isFullscreen: l }) => [
+                      A(t.$slots, "optionFullscreen", pe(be({ toggleFullscreen: n, isFullscreen: l })), void 0, !0)
                     ]),
                     key: "3"
                   } : void 0
-                ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : g("", !0)
-              ], 14, Oe))), 256))
+                ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : h("", !0)
+              ], 14, De))), 256))
             ], 4)
           ]),
           c("tbody", null, [
-            (u(!0), v(D, null, T(C.value, (a, o) => (u(), v("tr", {
+            (s(!0), v(T, null, M(x.value, (a, o) => (s(), v("tr", {
               role: "row",
               style: r({
                 backgroundColor: e.value.tbody.backgroundColor,
                 color: e.value.tbody.color
               }),
-              class: W({ "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: D({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": o % 2 === 0, "vue-ui-data-table__tbody__row-odd": o % 2 !== 0 })
             }, [
               c("td", {
                 role: "cell",
@@ -301,14 +314,14 @@ const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } },
                 "data-cell": e.value.translations.serie,
                 class: "vue-ui-data-table__tbody__td sticky-col-first"
               }, [
-                c("div", De, [
+                c("div", Ve, [
                   c("span", {
                     style: r({ color: a.color })
                   }, "⬤", 4),
                   c("span", null, p(a.name ?? "-"), 1)
                 ])
-              ], 12, We),
-              (u(!0), v(D, null, T(ae.value, (n, l) => (u(), v("td", {
+              ], 12, Me),
+              (s(!0), v(T, null, M(ne.value, (n, l) => (s(), v("td", {
                 dir: "auto",
                 role: "cell",
                 style: r({
@@ -316,26 +329,26 @@ const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } },
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
                   textAlign: e.value.tbody.textAlign,
-                  backgroundColor: m.value !== void 0 && h.value !== void 0 && l === m.value && h.value === o ? `${a.color}33` : "",
-                  borderRadius: m.value !== void 0 && h.value !== void 0 && l === m.value && h.value === o ? "3px" : ""
+                  backgroundColor: m.value !== void 0 && _.value !== void 0 && l === m.value && _.value === o ? `${a.color}33` : "",
+                  borderRadius: m.value !== void 0 && _.value !== void 0 && l === m.value && _.value === o ? "3px" : ""
                 }),
                 "data-cell": k.value[l],
                 class: "vue-ui-data-table__tbody__td",
                 onPointerenter: (f) => {
-                  h.value = o, m.value = l;
+                  _.value = o, m.value = l;
                 }
-              }, p([null, void 0].includes(a.values[l]) ? "-" : i($)(
+              }, p([null, void 0].includes(a.values[l]) ? "-" : i(P)(
                 e.value.formatter,
                 Number(a.values[l]),
-                i(P)({
+                i(z)({
                   p: e.value.prefix,
                   v: Number(a.values[l]),
                   s: e.value.suffix,
                   r: e.value.roundingValues
                 }),
                 { datapoint: a, seriesIndex: o, datapointIndex: l }
-              )), 45, Te))), 256)),
-              e.value.showTotal ? (u(), v("td", {
+              )), 45, Ee))), 256)),
+              e.value.showTotal ? (s(), v("td", {
                 key: 0,
                 dir: "auto",
                 role: "cell",
@@ -347,18 +360,18 @@ const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 "data-cell": e.value.translations.total,
                 class: "vue-ui-data-table__tbody__td"
-              }, p(i($)(
+              }, p(i(P)(
                 e.value.formatter,
                 a.sum,
-                i(P)({
+                i(z)({
                   p: e.value.prefix,
                   v: a.sum,
                   s: e.value.suffix,
                   r: e.value.roundingTotal
                 }),
                 { datapoint: a.sum, seriesIndex: o }
-              )), 13, Me)) : g("", !0),
-              e.value.showAverage ? (u(), v("td", {
+              )), 13, Ge)) : h("", !0),
+              e.value.showAverage ? (s(), v("td", {
                 key: 1,
                 dir: "auto",
                 role: "cell",
@@ -370,18 +383,18 @@ const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 "data-cell": e.value.translations.average,
                 class: "vue-ui-data-table__tbody__td"
-              }, p(i($)(
+              }, p(i(P)(
                 e.value.formatter,
                 a.average,
-                i(P)({
+                i(z)({
                   p: e.value.prefix,
                   v: a.average,
                   s: e.value.suffix,
                   r: e.value.roundingAverage
                 }),
                 { datapoint: a.average, seriesIndex: o }
-              )), 13, Ve)) : g("", !0),
-              e.value.showMedian ? (u(), v("td", {
+              )), 13, Le)) : h("", !0),
+              e.value.showMedian ? (s(), v("td", {
                 key: 2,
                 dir: "auto",
                 role: "cell",
@@ -393,18 +406,18 @@ const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 "data-cell": e.value.translations.median,
                 class: "vue-ui-data-table__tbody__td"
-              }, p(i($)(
+              }, p(i(P)(
                 e.value.formatter,
                 a.median,
-                i(P)({
+                i(z)({
                   p: e.value.prefix,
                   v: a.median,
                   s: e.value.suffix,
                   r: e.value.roundingMedian
                 }),
                 { datapoint: a.median, seriesIndex: o }
-              )), 13, Ee)) : g("", !0),
-              e.value.showSparklines ? (u(), v("td", {
+              )), 13, Ue)) : h("", !0),
+              e.value.showSparklines ? (s(), v("td", {
                 key: 3,
                 role: "cell",
                 "data-cell": e.value.translations.chart,
@@ -416,9 +429,9 @@ const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 class: "vue-ui-data-table__tbody__td sticky-col"
               }, [
-                (u(), M(Se, {
-                  key: `sparkline_${o}_${E.value}`,
-                  onHoverIndex: ({ index: n }) => se({ dataIndex: n, serieIndex: o }),
+                (s(), V($e, {
+                  key: `sparkline_${o}_${C.value}`,
+                  onHoverIndex: ({ index: n }) => ie({ dataIndex: n, serieIndex: o }),
                   dataset: a.sparklineDataset,
                   showInfo: !1,
                   selectedIndex: m.value,
@@ -427,7 +440,7 @@ const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } },
                     style: {
                       backgroundColor: e.value.tbody.backgroundColor,
                       animation: {
-                        show: e.value.sparkline.animation.show && !i(G) && !i(L),
+                        show: e.value.sparkline.animation.show && !i(L) && !i(U),
                         animationFrames: e.value.sparkline.animation.animationFrames
                       },
                       line: {
@@ -454,14 +467,14 @@ const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } },
                     }
                   }
                 }, null, 8, ["onHoverIndex", "dataset", "selectedIndex", "config"]))
-              ], 12, Ge)) : g("", !0)
+              ], 12, Be)) : h("", !0)
             ], 6))), 256))
           ])
         ], 4)
       ], 32)
-    ], 10, ze));
+    ], 10, Ne));
   }
-}, Ke = /* @__PURE__ */ Pe(Le, [["__scopeId", "data-v-d3c784ed"]]);
+}, Ze = /* @__PURE__ */ Oe(Re, [["__scopeId", "data-v-7094f9b2"]]);
 export {
-  Ke as default
+  Ze as default
 };

package/dist/vue-ui-table-sparkline-DYmgfHz4.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-BTgtr0F8.cjs"),$=require("./useNestedProp-CisbRRo_.cjs"),J=require("./vue-ui-sparkline-CDowaDRS.cjs"),K=require("./BaseIcon-DB7Apwv_.cjs"),D=require("./usePrinter-DzTaA1eh.cjs"),Q=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Y=["id"],Z={style:{"z-index":"1","padding-right":"24px"}},j=["onClick"],ee={style:{display:"flex","flex-direction":"row",gap:"3px","align-items":"center"}},te=["data-cell"],le={dir:"auto",style:{display:"flex","flex-direction":"row","align-items":"center",gap:"6px"}},ae=["data-cell","onPointerenter"],oe=["data-cell"],ne=["data-cell"],re=["data-cell"],ue=["data-cell"],se={__name:"vue-ui-table-sparkline",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(F,{expose:O}){const d=F;e.useCssVars(l=>({"470f7d5c":l.tdo}));const{vue_ui_table_sparkline:W}=u.useConfig(),h=e.ref(u.createUid()),S=e.ref(0),b=e.ref(0),t=e.computed({get:()=>C(),set:l=>l});function C(){const l=$.useNestedProp({userConfig:d.config,defaultConfig:W});return l.theme?{...$.useNestedProp({userConfig:u.themes.vue_ui_table_sparkline[l.theme]||d.config,defaultConfig:l}),customPalette:u.themePalettes[l.theme]||u.palette}:l}e.watch(()=>d.config,l=>{t.value=C(),A(),b.value+=1},{deep:!0}),e.watch(()=>d.dataset,l=>{f.value=v.value,b.value+=1},{deep:!0});const{isPrinting:w,isImaging:z,generatePdf:I,generateImage:N}=D.usePrinter({elementId:`table_${h.value}`,fileName:t.value.title.text||"vue-ui-table-sparkline"}),L=e.computed(()=>u.convertCustomPalette(t.value.customPalette)),g=e.ref(null),B=e.ref(!1),T=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{A()});function A(){u.objectIsEmpty(d.dataset)&&u.error({componentName:"VueUiTableSparkline",type:"dataset"});const l=new ResizeObserver(s=>{s.forEach(a=>{B.value=a.contentRect.width<T.value})});g.value&&l.observe(g.value)}const E=e.computed(()=>(d.dataset.forEach((l,s)=>{u.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","values"]}).forEach(a=>{u.error({componentName:"VueUiTableSparkline",type:"datasetSerieAttribute",property:a,index:s})})}),d.dataset.map((l,s)=>{const a=(l.values||[]).map(r=>isNaN(r)?0:r??0),n=a.reduce((r,o)=>r+o,0);return{...l,values:l.values||[],color:u.convertColorToHex(l.color)||L.value[s]||u.palette[s]||u.palette[s%u.palette.length],sum:n,average:n/a.length,median:u.calcMedian(a),sparklineDataset:a.map((r,o)=>({period:t.value.colNames[o]||`col ${o}`,value:r||0}))}})));function M(l){const a=(l[0].values||[]).map((r,o)=>l.map(i=>i.values[o]||[])).map(r=>r.map((o,i)=>[o,i]).sort((o,i)=>i[0]-o[0]).map(o=>o[1]));return l.map((r,o)=>({...r,values:r.values||[],orders:a[o]}))}const v=e.computed(()=>M(E.value)),f=e.ref(v.value),G=e.computed(()=>Math.max(...f.value.map(l=>(l.values||[]).length))),y=e.ref(void 0),k=e.ref(!1),_=e.ref(void 0),x=e.ref(-1);function q(){k.value=!1,_.value=void 0,x.value=-1,f.value=v.value}function R(l){k.value=!0,_.value=l;const s=v.value.map(o=>o.values[l]||[]),a=y.value===l?1:-1;x.value=a,l===y.value?y.value=void 0:y.value=l;const r=s.map((o,i)=>[i,o]).sort((o,i)=>a*(i[1]-o[1])).map(o=>o[0]).map(o=>v.value[o]);f.value=r,b.value+=1}const U=e.computed(()=>Math.max(...d.dataset.map(l=>(l.values||[]).length))),m=e.computed(()=>{let l=t.value.colNames;if(!l.length)for(let a=0;a<U.value;a+=1)l.push(`col ${a+1}`);t.value.showTotal&&(l=[...l,t.value.translations.total]);let s;return t.value.showAverage&&t.value.showMedian?s=[...l,t.value.translations.average,t.value.translations.median]:t.value.showAverage&&!t.value.showMedian?s=[...l,t.value.translations.average]:!t.value.showAverage&&t.value.showMedian?s=[...l,t.value.translations.median]:s=l,t.value.showSparklines?[...s,t.value.translations.chart]:s}),c=e.ref(void 0),p=e.ref(void 0);function H({dataIndex:l,serieIndex:s}){c.value=l,p.value=s}const V=e.ref(!1);function X(l){V.value=l,S.value+=1}function P(){e.nextTick(()=>{const l=[t.value.translations.serie].concat(m.value),s=E.value.map((r,o)=>[[r.name],r.values,[r.sum],[r.average],[r.median]]),a=[l].concat(s),n=u.createCsvContent(a);u.downloadCsv({csvContent:n,title:t.value.title.text||"vue-ui-table-sparkline"})})}return O({generatePdf:I,generateImage:N,generateCsv:P,restoreOrder:q}),(l,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableContainer",ref:g,class:e.normalizeClass({"vue-ui-responsive":B.value}),style:{overflow:"hidden"},id:`table_${h.value}`},[e.createElementVNode("div",{style:{overflow:"auto"},onPointerleave:s[0]||(s[0]=a=>{p.value=void 0,c.value=void 0})},[e.createElementVNode("table",{class:"vue-ui-data-table",style:e.normalizeStyle({fontFamily:t.value.fontFamily,position:"relative"})},[t.value.title.text?(e.openBlock(),e.createElementBlock("caption",{key:0,style:e.normalizeStyle({backgroundColor:t.value.title.backgroundColor})},[e.createElementVNode("div",{style:e.normalizeStyle({fontSize:`${t.value.title.fontSize}px`,fontWeight:t.value.title.bold?"bold":"normal",color:t.value.title.color,textAlign:t.value.title.textAlign})},e.toDisplayString(t.value.title.text),5),t.value.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({fontSize:`${t.value.title.subtitle.fontSize}px`,fontWeight:t.value.title.subtitle.bold?"bold":"normal",color:t.value.title.subtitle.color,textAlign:t.value.title.textAlign})},e.toDisplayString(t.value.title.subtitle.text),5)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),e.createElementVNode("thead",Z,[e.createElementVNode("tr",{role:"row",class:"vue-ui-data-table__thead-row",style:e.normalizeStyle({backgroundColor:t.value.thead.backgroundColor,color:t.value.thead.color})},[e.createElementVNode("th",{role:"cell",style:e.normalizeStyle({backgroundColor:t.value.thead.backgroundColor,outline:t.value.thead.outline,textAlign:t.value.thead.textAlign,fontWeight:t.value.thead.bold?"bold":"normal"}),class:"sticky-col-first"},e.toDisplayString(t.value.translations.serie),5),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(a,n)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",style:e.normalizeStyle({background:t.value.thead.backgroundColor,outline:t.value.thead.outline,textAlign:t.value.thead.textAlign,fontWeight:t.value.thead.bold?"bold":"normal",minWidth:n===m.value.length-1?"150px":"",cursor:v.value[0].values[n]!==void 0?"pointer":"default"}),onClick:()=>R(n),class:e.normalizeClass({"sticky-col":n===m.value.length-1&&t.value.showSparklines})},[e.createElementVNode("div",ee,[e.createElementVNode("span",null,e.toDisplayString(a),1),k.value&&n===_.value&&v.value[0].values[n]!==void 0?(e.openBlock(),e.createBlock(K.default,{key:0,size:18,name:x.value===1?"sort":"sortReverse",stroke:t.value.thead.color},null,8,["name","stroke"])):e.createCommentVNode("",!0)]),t.value.userOptions.show&&n===m.value.length-1?(e.openBlock(),e.createBlock(D.UserOptions,{ref_for:!0,ref:"details",key:`user_option_${S.value}`,backgroundColor:t.value.thead.backgroundColor,color:t.value.thead.color,isPrinting:e.unref(w),isImaging:e.unref(z),uid:h.value,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:V.value,titles:{...t.value.userOptions.buttonTitles},chartElement:g.value,onToggleFullscreen:X,onGeneratePdf:e.unref(I),onGenerateImage:e.unref(N),onGenerateCsv:P},e.createSlots({_:2},[l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:r,isFullscreen:o})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:r,isFullscreen:o})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasFullscreen","isFullscreen","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0)],14,j))),256))],4)]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(a,n)=>(e.openBlock(),e.createElementBlock("tr",{role:"row",style:e.normalizeStyle({backgroundColor:t.value.tbody.backgroundColor,color:t.value.tbody.color}),class:e.normalizeClass({"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})},[e.createElementVNode("td",{role:"cell",style:e.normalizeStyle({backgroundColor:t.value.tbody.backgroundColor,outline:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.serie,class:"vue-ui-data-table__tbody__td sticky-col-first"},[e.createElementVNode("div",le,[e.createElementVNode("span",{style:e.normalizeStyle({color:a.color})},"⬤",4),e.createElementVNode("span",null,e.toDisplayString(a.name??"-"),1)])],12,te),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(G.value,(r,o)=>(e.openBlock(),e.createElementBlock("td",{dir:"auto",role:"cell",style:e.normalizeStyle({outline:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign,backgroundColor:c.value!==void 0&&p.value!==void 0&&o===c.value&&p.value===n?`${a.color}33`:"",borderRadius:c.value!==void 0&&p.value!==void 0&&o===c.value&&p.value===n?"3px":""}),"data-cell":m.value[o],class:"vue-ui-data-table__tbody__td",onPointerenter:i=>{p.value=n,c.value=o}},e.toDisplayString([null,void 0].includes(a.values[o])?"-":e.unref(u.applyDataLabel)(t.value.formatter,Number(a.values[o]),e.unref(u.dataLabel)({p:t.value.prefix,v:Number(a.values[o]),s:t.value.suffix,r:t.value.roundingValues}),{datapoint:a,seriesIndex:n,datapointIndex:o})),45,ae))),256)),t.value.showTotal?(e.openBlock(),e.createElementBlock("td",{key:0,dir:"auto",role:"cell",style:e.normalizeStyle({outline:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.total,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(u.applyDataLabel)(t.value.formatter,a.sum,e.unref(u.dataLabel)({p:t.value.prefix,v:a.sum,s:t.value.suffix,r:t.value.roundingTotal}),{datapoint:a.sum,seriesIndex:n})),13,oe)):e.createCommentVNode("",!0),t.value.showAverage?(e.openBlock(),e.createElementBlock("td",{key:1,dir:"auto",role:"cell",style:e.normalizeStyle({outline:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.average,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(u.applyDataLabel)(t.value.formatter,a.average,e.unref(u.dataLabel)({p:t.value.prefix,v:a.average,s:t.value.suffix,r:t.value.roundingAverage}),{datapoint:a.average,seriesIndex:n})),13,ne)):e.createCommentVNode("",!0),t.value.showMedian?(e.openBlock(),e.createElementBlock("td",{key:2,dir:"auto",role:"cell",style:e.normalizeStyle({outline:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.median,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(u.applyDataLabel)(t.value.formatter,a.median,e.unref(u.dataLabel)({p:t.value.prefix,v:a.median,s:t.value.suffix,r:t.value.roundingMedian}),{datapoint:a.median,seriesIndex:n})),13,re)):e.createCommentVNode("",!0),t.value.showSparklines?(e.openBlock(),e.createElementBlock("td",{key:3,role:"cell","data-cell":t.value.translations.chart,style:e.normalizeStyle({outline:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),class:"vue-ui-data-table__tbody__td sticky-col"},[(e.openBlock(),e.createBlock(J.default,{key:`sparkline_${n}_${b.value}`,onHoverIndex:({index:r})=>H({dataIndex:r,serieIndex:n}),dataset:a.sparklineDataset,showInfo:!1,selectedIndex:c.value,config:{type:t.value.sparkline.type,style:{backgroundColor:t.value.tbody.backgroundColor,animation:{show:t.value.sparkline.animation.show&&!e.unref(w)&&!e.unref(z),animationFrames:t.value.sparkline.animation.animationFrames},line:{color:a.color,smooth:t.value.sparkline.smooth,strokeWidth:t.value.sparkline.strokeWidth},bar:{color:a.color},area:{color:a.color,opacity:t.value.sparkline.showArea?16:0,useGradient:t.value.sparkline.useGradient},verticalIndicator:{color:a.color},plot:{radius:9,stroke:t.value.tbody.backgroundColor,strokeWidth:3}}}},null,8,["onHoverIndex","dataset","selectedIndex","config"]))],12,ue)):e.createCommentVNode("",!0)],6))),256))])],4)],32)],10,Y))}},ie=Q._export_sfc(se,[["__scopeId","data-v-7094f9b2"]]);exports.default=ie;