vue-data-ui 2.4.1 → 2.4.3

package/dist/{vue-ui-table-sparkline-eg2Qd8ws.js → vue-ui-table-sparkline-CbjfAaj2.js}

@@ -1,14 +1,18 @@
-import { useCssVars as ve, ref as d, computed as g, watch as K, onMounted as ce, openBlock as s, createElementBlock as v, normalizeClass as D, createElementVNode as c, normalizeStyle as r, toDisplayString as f, createCommentVNode as h, Fragment as T, renderList as M, createBlock as V, unref as i, createSlots as pe, withCtx as w, renderSlot as A, normalizeProps as fe, 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 Q, g as Ce, d as Ie, Y as Se, i as P, f as z, q as we, r as Ae } from "./index-DDXisDKy.js";
-import { u as Z } from "./useNestedProp-S1UXxUgm.js";
-import $e from "./vue-ui-sparkline-DGJDBArr.js";
-import Pe from "./BaseIcon-CXDdkPfN.js";
-import { u as ze, U as Fe } from "./usePrinter-8ofTb2MJ.js";
+import { useCssVars as ve, ref as v, computed as h, watch as K, onMounted as ce, openBlock as s, createElementBlock as i, normalizeClass as D, createElementVNode as c, normalizeStyle as r, toDisplayString as p, createCommentVNode as m, Fragment as T, renderList as M, createBlock as V, unref as d, createSlots as fe, withCtx as A, renderSlot as C, normalizeProps as pe, guardReactiveProps as me, nextTick as be } 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 Q, g as Ce, d as Ie, Y as Se, i as P, f as z, q as we, r as Ae } from "./index-Bya_q1J-.js";
+import { u as Z } from "./useNestedProp-B33hazbH.js";
+import $e from "./vue-ui-sparkline-Cxtzdlhi.js";
+import Pe from "./BaseIcon-BbvG1AlW.js";
+import { u as ze, U as Fe } from "./usePrinter-CiHd1FwD.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" }
 }, Ee = ["data-cell", "onPointerenter"], Ge = ["data-cell"], Le = ["data-cell"], Be = ["data-cell"], Re = ["data-cell"], Ue = {
+  key: 0,
+  ref: "source",
+  dir: "auto"
+}, He = {
   __name: "vue-ui-table-sparkline",
   props: {
     config: {
@@ -27,9 +31,9 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
   setup(j, { expose: ee }) {
     const b = j;
     ve((t) => ({
-      "6ca111be": t.tdo
+      "588e7231": t.tdo
     }));
-    const { vue_ui_table_sparkline: te } = ge(), F = d(he()), E = d(0), C = d(0), e = g({
+    const { vue_ui_table_sparkline: te } = ge(), F = v(he()), E = v(0), I = v(0), e = h({
       get: () => G(),
       set: (t) => t
     });
@@ -47,14 +51,14 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
       } : t;
     }
     K(() => b.config, (t) => {
-      e.value = G(), q(), C.value += 1;
+      e.value = G(), q(), I.value += 1;
     }, { deep: !0 }), K(() => b.dataset, (t) => {
-      x.value = y.value, C.value += 1;
+      x.value = y.value, I.value += 1;
     }, { deep: !0 });
     const { isPrinting: L, isImaging: B, generatePdf: R, generateImage: U } = ze({
       elementId: `table_${F.value}`,
       fileName: e.value.title.text || "vue-ui-table-sparkline"
-    }), ae = g(() => ke(e.value.customPalette)), I = d(null), H = d(!1), le = g(() => e.value.responsiveBreakpoint);
+    }), ae = h(() => ke(e.value.customPalette)), S = v(null), H = v(!1), le = h(() => e.value.responsiveBreakpoint);
     ce(() => {
       q();
     });
@@ -68,9 +72,9 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
           H.value = a.contentRect.width < le.value;
         });
       });
-      I.value && t.observe(I.value);
+      S.value && t.observe(S.value);
     }
-    const X = g(() => (b.dataset.forEach((t, u) => {
+    const X = h(() => (b.dataset.forEach((t, u) => {
       Ce({
         datasetObject: t,
         requiredAttributes: ["name", "values"]
@@ -99,9 +103,9 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
     })));
     function oe(t) {
       const a = (t[0].values || []).map(
-        (n, l) => t.map((p) => p.values[l] || [])
+        (n, l) => t.map((f) => f.values[l] || [])
       ).map(
-        (n) => n.map((l, p) => [l, p]).sort((l, p) => p[0] - l[0]).map((l) => l[1])
+        (n) => n.map((l, f) => [l, f]).sort((l, f) => f[0] - l[0]).map((l) => l[1])
       );
       return t.map((n, l) => ({
         ...n,
@@ -109,18 +113,18 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
         orders: a[l]
       }));
     }
-    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);
+    const y = h(() => oe(X.value)), x = v(y.value), ne = h(() => Math.max(...x.value.map((t) => (t.values || []).length))), w = v(void 0), O = v(!1), N = v(void 0), W = v(-1);
     function ue() {
       O.value = !1, N.value = void 0, W.value = -1, x.value = y.value;
     }
     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, p) => [p, l]).sort((l, p) => a * (p[1] - l[1])).map((l) => l[0]).map((l) => y.value[l]);
-      x.value = n, C.value += 1;
+      const u = y.value.map((l) => l.values[t] || []), a = w.value === t ? 1 : -1;
+      W.value = a, t === w.value ? w.value = void 0 : w.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, I.value += 1;
     }
-    const re = g(() => Math.max(...b.dataset.map((t) => (t.values || []).length))), k = g(() => {
+    const re = h(() => Math.max(...b.dataset.map((t) => (t.values || []).length))), k = h(() => {
       let t = e.value.colNames;
       if (!t.length)
         for (let a = 0; a < re.value; a += 1)
@@ -132,16 +136,16 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
         e.value.translations.average,
         e.value.translations.median
       ] : 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);
+    }), g = v(void 0), _ = v(void 0);
     function ie({ dataIndex: t, serieIndex: u }) {
-      m.value = t, _.value = u;
+      g.value = t, _.value = u;
     }
-    const Y = d(!1);
+    const Y = v(!1);
     function de(t) {
       Y.value = t, E.value += 1;
     }
     function J() {
-      me(() => {
+      be(() => {
         const t = [e.value.translations.serie].concat(k.value), u = X.value.map((n, l) => [
           [n.name],
           n.values,
@@ -160,9 +164,9 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
       generateImage: U,
       generateCsv: J,
       restoreOrder: ue
-    }), (t, u) => (s(), v("div", {
+    }), (t, u) => (s(), i("div", {
       ref_key: "tableContainer",
-      ref: I,
+      ref: S,
       class: D({ "vue-ui-responsive": H.value }),
       style: { overflow: "hidden" },
       id: `table_${F.value}`
@@ -170,14 +174,14 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
       c("div", {
         style: { overflow: "auto" },
         onPointerleave: u[0] || (u[0] = (a) => {
-          _.value = void 0, m.value = void 0;
+          _.value = void 0, g.value = void 0;
         })
       }, [
         c("table", {
           class: "vue-ui-data-table",
           style: r({ fontFamily: e.value.fontFamily, position: "relative" })
         }, [
-          e.value.title.text ? (s(), v("caption", {
+          e.value.title.text ? (s(), i("caption", {
             key: 0,
             style: r({ backgroundColor: e.value.title.backgroundColor })
           }, [
@@ -188,8 +192,8 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
                 color: e.value.title.color,
                 textAlign: e.value.title.textAlign
               })
-            }, f(e.value.title.text), 5),
-            e.value.title.subtitle.text ? (s(), v("div", {
+            }, p(e.value.title.text), 5),
+            e.value.title.subtitle.text ? (s(), i("div", {
               key: 0,
               style: r({
                 fontSize: `${e.value.title.subtitle.fontSize}px`,
@@ -197,8 +201,8 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
                 color: e.value.title.subtitle.color,
                 textAlign: e.value.title.textAlign
               })
-            }, f(e.value.title.subtitle.text), 5)) : h("", !0)
-          ], 4)) : h("", !0),
+            }, p(e.value.title.subtitle.text), 5)) : m("", !0)
+          ], 4)) : m("", !0),
           c("thead", We, [
             c("tr", {
               role: "row",
@@ -217,8 +221,8 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
                   fontWeight: e.value.thead.bold ? "bold" : "normal"
                 }),
                 class: "sticky-col-first"
-              }, f(e.value.translations.serie), 5),
-              (s(!0), v(T, null, M(k.value, (a, o) => (s(), v("th", {
+              }, p(e.value.translations.serie), 5),
+              (s(!0), i(T, null, M(k.value, (a, o) => (s(), i("th", {
                 role: "cell",
                 style: r({
                   background: e.value.thead.backgroundColor,
@@ -232,13 +236,13 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
                 class: D({ "sticky-col": o === k.value.length - 1 && e.value.showSparklines })
               }, [
                 c("div", Te, [
-                  c("span", null, f(a), 1),
+                  c("span", null, p(a), 1),
                   O.value && o === N.value && y.value[0].values[o] !== void 0 ? (s(), V(Pe, {
                     key: 0,
                     size: 18,
                     name: W.value === 1 ? "sort" : "sortReverse",
                     stroke: e.value.thead.color
-                  }, null, 8, ["name", "stroke"])) : h("", !0)
+                  }, null, 8, ["name", "stroke"])) : m("", !0)
                 ]),
                 e.value.userOptions.show && o === k.value.length - 1 ? (s(), V(Fe, {
                   ref_for: !0,
@@ -246,8 +250,8 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
                   key: `user_option_${E.value}`,
                   backgroundColor: e.value.thead.backgroundColor,
                   color: e.value.thead.color,
-                  isPrinting: i(L),
-                  isImaging: i(B),
+                  isPrinting: d(L),
+                  isImaging: d(B),
                   uid: F.value,
                   hasPdf: e.value.userOptions.buttons.pdf,
                   hasXls: e.value.userOptions.buttons.csv,
@@ -255,47 +259,47 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
                   hasFullscreen: e.value.userOptions.buttons.fullscreen,
                   isFullscreen: Y.value,
                   titles: { ...e.value.userOptions.buttonTitles },
-                  chartElement: I.value,
+                  chartElement: S.value,
                   position: e.value.userOptions.position,
                   onToggleFullscreen: de,
-                  onGeneratePdf: i(R),
-                  onGenerateImage: i(U),
+                  onGeneratePdf: d(R),
+                  onGenerateImage: d(U),
                   onGenerateCsv: J
-                }, pe({ _: 2 }, [
+                }, fe({ _: 2 }, [
                   t.$slots.optionPdf ? {
                     name: "optionPdf",
-                    fn: w(() => [
-                      A(t.$slots, "optionPdf", {}, void 0, !0)
+                    fn: A(() => [
+                      C(t.$slots, "optionPdf", {}, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
                   t.$slots.optionCsv ? {
                     name: "optionCsv",
-                    fn: w(() => [
-                      A(t.$slots, "optionCsv", {}, void 0, !0)
+                    fn: A(() => [
+                      C(t.$slots, "optionCsv", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0,
                   t.$slots.optionImg ? {
                     name: "optionImg",
-                    fn: w(() => [
-                      A(t.$slots, "optionImg", {}, void 0, !0)
+                    fn: A(() => [
+                      C(t.$slots, "optionImg", {}, void 0, !0)
                     ]),
                     key: "2"
                   } : void 0,
                   t.$slots.optionFullscreen ? {
                     name: "optionFullscreen",
-                    fn: w(({ toggleFullscreen: n, isFullscreen: l }) => [
-                      A(t.$slots, "optionFullscreen", fe(be({ toggleFullscreen: n, isFullscreen: l })), void 0, !0)
+                    fn: A(({ toggleFullscreen: n, isFullscreen: l }) => [
+                      C(t.$slots, "optionFullscreen", pe(me({ toggleFullscreen: n, 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"])) : h("", !0)
+                ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage"])) : m("", !0)
               ], 14, De))), 256))
             ], 4)
           ]),
           c("tbody", null, [
-            (s(!0), v(T, null, M(x.value, (a, o) => (s(), v("tr", {
+            (s(!0), i(T, null, M(x.value, (a, o) => (s(), i("tr", {
               role: "row",
               style: r({
                 backgroundColor: e.value.tbody.backgroundColor,
@@ -319,10 +323,10 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
                   c("span", {
                     style: r({ color: a.color })
                   }, "⬤", 4),
-                  c("span", null, f(a.name ?? "-"), 1)
+                  c("span", null, p(a.name ?? "-"), 1)
                 ])
               ], 12, Me),
-              (s(!0), v(T, null, M(ne.value, (n, l) => (s(), v("td", {
+              (s(!0), i(T, null, M(ne.value, (n, l) => (s(), i("td", {
                 dir: "auto",
                 role: "cell",
                 style: r({
@@ -330,18 +334,18 @@ const Ne = ["id"], We = { 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 && _.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" : ""
+                  backgroundColor: g.value !== void 0 && _.value !== void 0 && l === g.value && _.value === o ? `${a.color}33` : "",
+                  borderRadius: g.value !== void 0 && _.value !== void 0 && l === g.value && _.value === o ? "3px" : ""
                 }),
                 "data-cell": k.value[l],
                 class: "vue-ui-data-table__tbody__td",
-                onPointerenter: (p) => {
-                  _.value = o, m.value = l;
+                onPointerenter: (f) => {
+                  _.value = o, g.value = l;
                 }
-              }, f([null, void 0].includes(a.values[l]) ? "-" : i(P)(
+              }, p([null, void 0].includes(a.values[l]) ? "-" : d(P)(
                 e.value.formatter,
                 Number(a.values[l]),
-                i(z)({
+                d(z)({
                   p: e.value.prefix,
                   v: Number(a.values[l]),
                   s: e.value.suffix,
@@ -349,7 +353,7 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 { datapoint: a, seriesIndex: o, datapointIndex: l }
               )), 45, Ee))), 256)),
-              e.value.showTotal ? (s(), v("td", {
+              e.value.showTotal ? (s(), i("td", {
                 key: 0,
                 dir: "auto",
                 role: "cell",
@@ -361,18 +365,18 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 "data-cell": e.value.translations.total,
                 class: "vue-ui-data-table__tbody__td"
-              }, f(i(P)(
+              }, p(d(P)(
                 e.value.formatter,
                 a.sum,
-                i(z)({
+                d(z)({
                   p: e.value.prefix,
                   v: a.sum,
                   s: e.value.suffix,
                   r: e.value.roundingTotal
                 }),
                 { datapoint: a.sum, seriesIndex: o }
-              )), 13, Ge)) : h("", !0),
-              e.value.showAverage ? (s(), v("td", {
+              )), 13, Ge)) : m("", !0),
+              e.value.showAverage ? (s(), i("td", {
                 key: 1,
                 dir: "auto",
                 role: "cell",
@@ -384,18 +388,18 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 "data-cell": e.value.translations.average,
                 class: "vue-ui-data-table__tbody__td"
-              }, f(i(P)(
+              }, p(d(P)(
                 e.value.formatter,
                 a.average,
-                i(z)({
+                d(z)({
                   p: e.value.prefix,
                   v: a.average,
                   s: e.value.suffix,
                   r: e.value.roundingAverage
                 }),
                 { datapoint: a.average, seriesIndex: o }
-              )), 13, Le)) : h("", !0),
-              e.value.showMedian ? (s(), v("td", {
+              )), 13, Le)) : m("", !0),
+              e.value.showMedian ? (s(), i("td", {
                 key: 2,
                 dir: "auto",
                 role: "cell",
@@ -407,18 +411,18 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
                 }),
                 "data-cell": e.value.translations.median,
                 class: "vue-ui-data-table__tbody__td"
-              }, f(i(P)(
+              }, p(d(P)(
                 e.value.formatter,
                 a.median,
-                i(z)({
+                d(z)({
                   p: e.value.prefix,
                   v: a.median,
                   s: e.value.suffix,
                   r: e.value.roundingMedian
                 }),
                 { datapoint: a.median, seriesIndex: o }
-              )), 13, Be)) : h("", !0),
-              e.value.showSparklines ? (s(), v("td", {
+              )), 13, Be)) : m("", !0),
+              e.value.showSparklines ? (s(), i("td", {
                 key: 3,
                 role: "cell",
                 "data-cell": e.value.translations.chart,
@@ -431,17 +435,17 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
                 class: "vue-ui-data-table__tbody__td sticky-col"
               }, [
                 (s(), V($e, {
-                  key: `sparkline_${o}_${C.value}`,
+                  key: `sparkline_${o}_${I.value}`,
                   onHoverIndex: ({ index: n }) => ie({ dataIndex: n, serieIndex: o }),
                   dataset: a.sparklineDataset,
                   showInfo: !1,
-                  selectedIndex: m.value,
+                  selectedIndex: g.value,
                   config: {
                     type: e.value.sparkline.type,
                     style: {
                       backgroundColor: e.value.tbody.backgroundColor,
                       animation: {
-                        show: e.value.sparkline.animation.show && !i(L) && !i(B),
+                        show: e.value.sparkline.animation.show && !d(L) && !d(B),
                         animationFrames: e.value.sparkline.animation.animationFrames
                       },
                       line: {
@@ -468,14 +472,17 @@ const Ne = ["id"], We = { style: { "z-index": "1", "padding-right": "24px" } },
                     }
                   }
                 }, null, 8, ["onHoverIndex", "dataset", "selectedIndex", "config"]))
-              ], 12, Re)) : h("", !0)
+              ], 12, Re)) : m("", !0)
             ], 6))), 256))
           ])
         ], 4)
-      ], 32)
+      ], 32),
+      t.$slots.source ? (s(), i("div", Ue, [
+        C(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : m("", !0)
     ], 10, Ne));
   }
-}, Ze = /* @__PURE__ */ Oe(Ue, [["__scopeId", "data-v-26b54f10"]]);
+}, je = /* @__PURE__ */ Oe(He, [["__scopeId", "data-v-1516623f"]]);
 export {
-  Ze as default
+  je as default
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-eFox7weK.cjs"),P=require("./useNestedProp-BkgEhTQY.cjs"),J=require("./vue-ui-sparkline-CAEs-gtK.cjs"),K=require("./BaseIcon-uALK38Ov.cjs"),D=require("./usePrinter-CSRFnDBU.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={key:0,ref:"source",dir:"auto"},ie={__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=>({"588e7231":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=P.useNestedProp({userConfig:d.config,defaultConfig:W});return l.theme?{...P.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(),E(),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(()=>{E()});function E(){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 A=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(A.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 $(){e.nextTick(()=>{const l=[t.value.translations.serie].concat(m.value),s=A.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:$,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,position:t.value.userOptions.position,onToggleFullscreen:X,onGeneratePdf:e.unref(I),onGenerateImage:e.unref(N),onGenerateCsv:$},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","position","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),l.$slots.source?(e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],10,Y))}},de=Q._export_sfc(ie,[["__scopeId","data-v-1516623f"]]);exports.default=de;