vue-data-ui 2.12.8-beta.2 → 2.12.8-beta.4

package/dist/{vue-ui-table-heatmap-RvSyx9L6.js → vue-ui-table-heatmap-_ypWL_z2.js}

@@ -1,9 +1,9 @@
-import { useCssVars as oe, computed as c, defineAsyncComponent as ae, ref as h, useSlots as se, onMounted as z, watch as ne, createElementBlock as l, openBlock as n, unref as u, normalizeClass as E, normalizeStyle as C, createBlock as le, createCommentVNode as v, createElementVNode as g, createSlots as re, withCtx as b, renderSlot as r, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as ue, nextTick as ie } from "vue";
-import { u as de, c as A, a as pe, o as ce, e as ve, a5 as me, G as fe, O as he, q as ge, r as be } from "./index-CbcpITE_.js";
-import { u as H } from "./useNestedProp-y56W8I7J.js";
-import { u as ye } from "./usePrinter-u-gQiRNz.js";
+import { useCssVars as ae, computed as c, defineAsyncComponent as oe, ref as h, useSlots as se, onMounted as z, watch as ne, createElementBlock as r, openBlock as n, unref as i, normalizeClass as E, normalizeStyle as C, createBlock as le, createCommentVNode as v, createElementVNode as g, createSlots as re, withCtx as b, renderSlot as u, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as ue, nextTick as ie } from "vue";
+import { u as de, c as A, a as pe, o as ce, e as ve, a5 as me, G as fe, O as he, q as ge, r as be } from "./index-BzQ0j5xI.js";
+import { u as H } from "./useNestedProp-DqpZEE3h.js";
+import { u as ye } from "./usePrinter-CpG5jh_z.js";
 import { u as Ce } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as ke } from "./Shape-BBbhObHC.js";
+import { _ as ke } from "./Shape-WvXjwML_.js";
 import { _ as _e } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell"], xe = {
   key: 0,
@@ -41,11 +41,11 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
     }
   },
   setup(D, { expose: L }) {
-    oe((e) => ({
-      bf477d1e: ee.value,
-      "71369fcc": j.value
+    ae((e) => ({
+      "6b4a429e": ee.value,
+      "14249d0c": j.value
     }));
-    const X = ae(() => import("./UserOptions-CGn3YdRV.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), i = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
+    const X = oe(() => import("./UserOptions-Cs7JW3dK.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), d = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
     z(() => {
       q["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
     });
@@ -81,53 +81,53 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
         componentName: "VueUiTableHeatmap",
         type: "dataset"
       });
-      const e = new ResizeObserver((a) => {
-        a.forEach((o) => {
-          i.value = o.contentRect.width < Q.value;
+      const e = new ResizeObserver((o) => {
+        o.forEach((a) => {
+          d.value = a.contentRect.width < Q.value;
         });
       });
       y.value && e.observe(y.value);
     }
     const M = c(() => m.dataset.map((e) => {
-      const a = e.values.map((s) => isNaN(s) ? 0 : s), o = a.reduce((s, p) => s + p, 0);
+      const o = e.values.map((s) => isNaN(s) ? 0 : s), a = o.reduce((s, l) => s + l, 0);
       return {
         ...e,
-        values: a,
+        values: o,
         serieExtremes: {
-          max: Math.max(...a),
-          min: Math.min(...a)
+          max: Math.max(...o),
+          min: Math.min(...o)
         },
-        sum: o,
-        average: o / a.length,
-        median: me(a),
+        sum: a,
+        average: a / o.length,
+        median: me(o),
         displayValues: [e.name, ...e.values],
         id: A()
       };
     })), S = c(() => {
-      const e = M.value.flatMap((a) => a.values);
+      const e = M.value.flatMap((o) => o.values);
       return {
         min: Math.min(...e),
         max: Math.max(...e)
       };
     });
-    function Z(e, a) {
-      const o = t.value.style.heatmapColors.useIndividualScale;
-      return he(t.value.style.heatmapColors.min, t.value.style.heatmapColors.max, o ? a.min : S.value.min, o ? a.max : S.value.max, e);
+    function Z(e, o) {
+      const a = t.value.style.heatmapColors.useIndividualScale;
+      return he(t.value.style.heatmapColors.min, t.value.style.heatmapColors.max, a ? o.min : S.value.min, a ? o.max : S.value.max, e);
     }
     const T = c(() => M.value.map((e) => ({
       ...e,
-      colors: e.displayValues.map((a) => isNaN(a) ? t.value.style.backgroundColor : Z(a, e.serieExtremes))
+      colors: e.displayValues.map((o) => isNaN(o) ? t.value.style.backgroundColor : Z(o, e.serieExtremes))
     }))), j = c(() => t.value.style.backgroundColor), ee = c(() => `${t.value.table.borderWidth}px`);
-    function U() {
+    function U(e = null) {
       ie(() => {
-        const e = T.value.map((s) => [
-          [s.name],
-          s.displayValues,
-          [s.sum],
-          [s.average],
-          [s.median]
-        ]), a = [[[""], t.value.table.head.values, ["sum"], ["average"], ["median"]]].concat(e), o = ge(a);
-        be({ csvContent: o, title: "vue-ui-table-heatmap" });
+        const o = T.value.map((l) => [
+          [l.name],
+          l.displayValues,
+          [l.sum],
+          [l.average],
+          [l.median]
+        ]), a = [[[""], t.value.table.head.values, ["sum"], ["average"], ["median"]]].concat(o), s = ge(a);
+        e ? e(s) : be({ csvContent: s, title: "vue-ui-table-heatmap" });
       });
     }
     function te(e) {
@@ -137,22 +137,22 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       generatePdf: N,
       generateCsv: U,
       generateImage: V
-    }), (e, a) => (n(), l("div", {
+    }), (e, o) => (n(), r("div", {
       ref_key: "tableContainer",
       ref: y,
       style: C(`width:100%; overflow-x:auto; container-type: inline-size;padding-top:${t.value.userOptions.show ? "36px" : ""}; ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}; position:relative;`),
-      class: E({ "vue-ui-responsive": i.value }),
+      class: E({ "vue-ui-responsive": d.value }),
       id: `table_heatmap_${_.value}`,
-      onMouseenter: a[0] || (a[0] = () => u(x)(!0)),
-      onMouseleave: a[1] || (a[1] = () => u(x)(!1))
+      onMouseenter: o[0] || (o[0] = () => i(x)(!0)),
+      onMouseleave: o[1] || (o[1] = () => i(x)(!1))
     }, [
-      t.value.userOptions.show && Y.value && (u(F) || u($)) ? (n(), le(u(X), {
+      t.value.userOptions.show && Y.value && (i(F) || i($)) ? (n(), le(i(X), {
         ref: "details",
         key: `user_option_${O.value}`,
         backgroundColor: t.value.style.backgroundColor,
         color: t.value.style.color,
-        isPrinting: u(J),
-        isImaging: u(K),
+        isPrinting: i(J),
+        isImaging: i(K),
         uid: _.value,
         hasPdf: t.value.userOptions.buttons.pdf,
         hasXls: t.value.userOptions.buttons.csv,
@@ -162,75 +162,76 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
         titles: { ...t.value.userOptions.buttonTitles },
         chartElement: y.value,
         position: t.value.userOptions.position,
+        callbacks: t.value.userOptions.callbacks,
         onToggleFullscreen: te,
-        onGeneratePdf: u(N),
+        onGeneratePdf: i(N),
         onGenerateCsv: U,
-        onGenerateImage: u(V),
+        onGenerateImage: i(V),
         style: C({
-          visibility: u(F) ? u($) ? "visible" : "hidden" : "visible"
+          visibility: i(F) ? i($) ? "visible" : "hidden" : "visible"
         })
       }, re({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: b(({ isOpen: o, color: s }) => [
-            r(e.$slots, "menuIcon", G(B({ isOpen: o, color: s })), void 0, !0)
+          fn: b(({ isOpen: a, color: s }) => [
+            u(e.$slots, "menuIcon", G(B({ isOpen: a, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.optionPdf ? {
           name: "optionPdf",
           fn: b(() => [
-            r(e.$slots, "optionPdf", {}, void 0, !0)
+            u(e.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.optionCsv ? {
           name: "optionCsv",
           fn: b(() => [
-            r(e.$slots, "optionCsv", {}, void 0, !0)
+            u(e.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.$slots.optionImg ? {
           name: "optionImg",
           fn: b(() => [
-            r(e.$slots, "optionImg", {}, void 0, !0)
+            u(e.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: b(({ toggleFullscreen: o, isFullscreen: s }) => [
-            r(e.$slots, "optionFullscreen", G(B({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
+          fn: b(({ toggleFullscreen: a, isFullscreen: s }) => [
+            u(e.$slots, "optionFullscreen", G(B({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "4"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
       g("table", {
         class: E({ "vue-ui-table-heatmap": !0 }),
         style: C(`width:100%;font-family:${t.value.style.fontFamily};background:${t.value.style.backgroundColor};`)
       }, [
         g("caption", null, [
-          r(e.$slots, "caption", {}, void 0, !0)
+          u(e.$slots, "caption", {}, void 0, !0)
         ]),
         g("thead", null, [
           g("tr", {
             role: "row",
             style: C(`background:${t.value.table.head.backgroundColor};color:${t.value.table.head.color}`)
           }, [
-            (n(!0), l(k, null, w(t.value.table.head.values, (o, s) => (n(), l("th", $e, [
-              r(e.$slots, "head", f({ ref_for: !0 }, { value: o, rowIndex: s, type: typeof o, isResponsive: i.value }), void 0, !0)
+            (n(!0), r(k, null, w(t.value.table.head.values, (a, s) => (n(), r("th", $e, [
+              u(e.$slots, "head", f({ ref_for: !0 }, { value: a, rowIndex: s, type: typeof a, isResponsive: d.value }), void 0, !0)
             ]))), 256))
           ], 4)
         ]),
         g("tbody", null, [
-          (n(!0), l(k, null, w(T.value, (o, s) => (n(), l("tr", we, [
-            (n(!0), l(k, null, w(o.displayValues, (p, d) => (n(), l("td", {
+          (n(!0), r(k, null, w(T.value, (a, s) => (n(), r("tr", we, [
+            (n(!0), r(k, null, w(a.displayValues, (l, p) => (n(), r("td", {
               role: "cell",
-              "data-cell": t.value.table.head.values[d]
+              "data-cell": t.value.table.head.values[p]
             }, [
-              o.color && d === 0 ? (n(), l("div", xe, [
-                o.color ? (n(), l("svg", {
+              a.color && p === 0 ? (n(), r("div", xe, [
+                a.color ? (n(), r("svg", {
                   key: 0,
                   height: t.value.style.shapeSize,
                   width: t.value.style.shapeSize,
@@ -239,41 +240,41 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
                 }, [
                   ue(ke, {
                     plot: { x: 10, y: 10 },
-                    color: o.color,
+                    color: a.color,
                     radius: 9,
-                    shape: o.shape || "circle"
+                    shape: a.shape || "circle"
                   }, null, 8, ["color", "shape"])
                 ], 8, Fe)) : v("", !0),
-                r(e.$slots, "rowTitle", f({ ref_for: !0 }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value }), void 0, !0)
-              ])) : (n(), l(k, { key: 1 }, [
-                d === 0 ? r(e.$slots, "rowTitle", f({
+                u(e.$slots, "rowTitle", f({ ref_for: !0 }, { value: l, rowIndex: s, colIndex: p, type: typeof l, isResponsive: d.value }), void 0, !0)
+              ])) : (n(), r(k, { key: 1 }, [
+                p === 0 ? u(e.$slots, "rowTitle", f({
                   key: 0,
                   ref_for: !0
-                }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value }), void 0, !0) : v("", !0),
-                d > 0 ? r(e.$slots, "cell", f({
+                }, { value: l, rowIndex: s, colIndex: p, type: typeof l, isResponsive: d.value }), void 0, !0) : v("", !0),
+                p > 0 ? u(e.$slots, "cell", f({
                   key: 1,
                   ref_for: !0
-                }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value, color: o.colors[d], textColor: u(fe)(o.colors[d]) }), void 0, !0) : v("", !0)
+                }, { value: l, rowIndex: s, colIndex: p, type: typeof l, isResponsive: d.value, color: a.colors[p], textColor: i(fe)(a.colors[p]) }), void 0, !0) : v("", !0)
               ], 64))
             ], 8, Oe))), 256)),
-            t.value.table.showSum ? (n(), l("td", Pe, [
-              r(e.$slots, "sum", f({ ref_for: !0 }, { value: o.sum, rowIndex: s, isResponsive: i.value }), void 0, !0)
+            t.value.table.showSum ? (n(), r("td", Pe, [
+              u(e.$slots, "sum", f({ ref_for: !0 }, { value: a.sum, rowIndex: s, isResponsive: d.value }), void 0, !0)
             ])) : v("", !0),
-            t.value.table.showAverage ? (n(), l("td", Ne, [
-              r(e.$slots, "average", f({ ref_for: !0 }, { value: o.average, rowIndex: s, isResponsive: i.value }), void 0, !0)
+            t.value.table.showAverage ? (n(), r("td", Ne, [
+              u(e.$slots, "average", f({ ref_for: !0 }, { value: a.average, rowIndex: s, isResponsive: d.value }), void 0, !0)
             ])) : v("", !0),
-            t.value.table.showMedian ? (n(), l("td", Ve, [
-              r(e.$slots, "median", f({ ref_for: !0 }, { value: o.median, rowIndex: s, isResponsive: i.value }), void 0, !0)
+            t.value.table.showMedian ? (n(), r("td", Ve, [
+              u(e.$slots, "median", f({ ref_for: !0 }, { value: a.median, rowIndex: s, isResponsive: d.value }), void 0, !0)
             ])) : v("", !0)
           ]))), 256))
         ])
       ], 4),
-      e.$slots.source ? (n(), l("div", Re, [
-        r(e.$slots, "source", {}, void 0, !0)
+      e.$slots.source ? (n(), r("div", Re, [
+        u(e.$slots, "source", {}, void 0, !0)
       ], 512)) : v("", !0)
     ], 46, Ie));
   }
-}, Ae = /* @__PURE__ */ _e(Me, [["__scopeId", "data-v-5fd02fac"]]);
+}, Ae = /* @__PURE__ */ _e(Me, [["__scopeId", "data-v-879ed7b7"]]);
 export {
   Ae as default
 };