vue-data-ui 2.4.33 → 2.4.34

package/dist/{vue-ui-table-sparkline-BM3Shv9L.js → vue-ui-table-sparkline-Bnz8P4JY.js}

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

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

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

package/dist/{vue-ui-thermometer-4DZvIXOs.js → vue-ui-thermometer-B661qJ8Y.js}

@@ -1,11 +1,11 @@
 import { useCssVars as ye, computed as h, onMounted as fe, ref as g, watch as ge, openBlock as l, createElementBlock as u, normalizeClass as P, normalizeStyle as me, createBlock as F, createCommentVNode as i, unref as v, createSlots as pe, withCtx as I, renderSlot as m, normalizeProps as G, guardReactiveProps as V, createVNode as ke, createElementVNode as d, Fragment as O, renderList as K, toDisplayString as be } from "vue";
-import { u as _e, o as xe, e as Q, g as we, c as Ce, t as $e, a as Pe, p as _, b as Fe, v as f, d as A, X as Ie, s as Oe, i as Ae, f as Ye } from "./index-Co2zPDEB.js";
-import { _ as Ne } from "./Title-Ct3mhgnX.js";
-import { u as Me, U as Te } from "./usePrinter-B9fZzpeu.js";
-import Se from "./vue-ui-skeleton-fxdPT2Rk.js";
-import { u as Z } from "./useNestedProp-BkJbU8lx.js";
-import { _ as Ue } from "./PackageVersion-wA829kRV.js";
-import { P as qe } from "./PenAndPaper-XIxRCYAM.js";
+import { u as _e, o as xe, e as Q, g as we, c as Ce, t as $e, a as Pe, p as _, b as Fe, v as f, d as A, X as Ie, s as Oe, i as Ae, f as Ye } from "./index-CBrvip7f.js";
+import { _ as Ne } from "./Title-C-TBUf-X.js";
+import { u as Me, U as Te } from "./usePrinter-vaejWdsw.js";
+import Se from "./vue-ui-skeleton-f6rHKS81.js";
+import { u as Z } from "./useNestedProp-BTqkOQhK.js";
+import { _ as Ue } from "./PackageVersion-Br64Mym2.js";
+import { P as qe } from "./PenAndPaper-Xjz8xzgj.js";
 import { _ as Le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ge = ["id"], Ve = {
   key: 1,