vue-data-ui 2.4.51 → 2.4.53

package/dist/{vue-ui-table-heatmap-CubRipoB.js → vue-ui-table-heatmap-DQXI2uPZ.js}

@@ -1,10 +1,10 @@
-import { useCssVars as j, ref as g, computed as v, watch as ee, onMounted as te, openBlock as n, createElementBlock as l, normalizeStyle as C, normalizeClass as E, unref as u, createBlock as ae, createSlots as oe, withCtx as k, renderSlot as r, normalizeProps as c, guardReactiveProps as h, createCommentVNode as m, createElementVNode as b, Fragment as _, renderList as w, createVNode as se, mergeProps as G, nextTick as ne } from "vue";
-import { u as le, c as B, t as re, o as ue, e as ie, $ as de, G as pe, N as ve, q as ce, r as me } from "./index-BbPeL8Gp.js";
-import { u as A } from "./useNestedProp-BN8claGG.js";
-import { u as fe, U as he } from "./usePrinter-DaybDVqP.js";
-import { _ as ge } from "./Shape-DIKzzpFm.js";
-import { u as be } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { useCssVars as j, ref as g, computed as p, watch as ee, onMounted as te, openBlock as n, createElementBlock as l, normalizeStyle as C, normalizeClass as E, unref as u, createBlock as ae, createSlots as oe, withCtx as k, renderSlot as r, normalizeProps as c, guardReactiveProps as h, createCommentVNode as m, createElementVNode as y, Fragment as _, renderList as x, createVNode as se, mergeProps as G, nextTick as ne } from "vue";
+import { u as le, c as B, t as re, o as ue, e as ie, $ as de, G as ve, N as pe, q as ce, r as me } from "./index-DhxnZ6ZS.js";
+import { u as A } from "./useNestedProp-BcqToEU0.js";
+import { u as fe, U as he } from "./usePrinter-mDGfOQZA.js";
+import { _ as ge } from "./Shape-Rg6yW7m3.js";
+import { u as ye } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell"], Ie = {
   key: 0,
   style: { display: "flex", "flex-direction": "row", gap: "2px", "align-items": "center" }
@@ -43,13 +43,13 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
   setup(D, { expose: H }) {
     const f = D;
     j((e) => ({
-      "67270cdc": Y.value,
-      "2c3bdf6d": Q.value
+      "71b0617e": Y.value,
+      "08e6c59c": Q.value
     }));
-    const { vue_ui_table_heatmap: L } = le(), $ = g(B()), i = g(!1), y = g(null), I = g(!1), x = g(0), t = v({
+    const { vue_ui_table_heatmap: L } = le(), $ = g(B()), i = g(!1), b = g(null), I = g(!1), O = g(0), t = p({
       get: () => N(),
       set: (e) => e
-    }), { userOptionsVisible: O, setUserOptionsVisibility: F, keepUserOptionState: P } = be({ config: t.value });
+    }), { userOptionsVisible: w, setUserOptionsVisibility: F, keepUserOptionState: P } = ye({ config: t.value });
     function N() {
       const e = A({
         userConfig: f.config,
@@ -63,12 +63,12 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
       } : e;
     }
     ee(() => f.config, (e) => {
-      t.value = N(), M();
+      t.value = N(), w.value = !t.value.showOnChartHover, M();
     }, { deep: !0 });
     const { isPrinting: X, isImaging: W, generatePdf: R, generateImage: V } = fe({
       elementId: `table_heatmap_${$.value}`,
       fileName: "vue-ui-table-heatmap"
-    }), q = v(() => t.value.table.responsiveBreakpoint), J = v(() => !!f.dataset && f.dataset.length);
+    }), q = p(() => t.value.table.responsiveBreakpoint), J = p(() => !!f.dataset && f.dataset.length);
     te(() => {
       M();
     });
@@ -82,10 +82,10 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
           i.value = a.contentRect.width < q.value;
         });
       });
-      y.value && e.observe(y.value);
+      b.value && e.observe(b.value);
     }
-    const S = v(() => f.dataset.map((e) => {
-      const o = e.values.map((s) => isNaN(s) ? 0 : s), a = o.reduce((s, p) => s + p, 0);
+    const S = p(() => f.dataset.map((e) => {
+      const o = e.values.map((s) => isNaN(s) ? 0 : s), a = o.reduce((s, v) => s + v, 0);
       return {
         ...e,
         values: o,
@@ -99,7 +99,7 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
         displayValues: [e.name, ...e.values],
         id: B()
       };
-    })), T = v(() => {
+    })), T = p(() => {
       const e = S.value.flatMap((o) => o.values);
       return {
         min: Math.min(...e),
@@ -108,12 +108,12 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
     });
     function K(e, o) {
       const a = t.value.style.heatmapColors.useIndividualScale;
-      return ve(t.value.style.heatmapColors.min, t.value.style.heatmapColors.max, a ? o.min : T.value.min, a ? o.max : T.value.max, e);
+      return pe(t.value.style.heatmapColors.min, t.value.style.heatmapColors.max, a ? o.min : T.value.min, a ? o.max : T.value.max, e);
     }
-    const U = v(() => S.value.map((e) => ({
+    const U = p(() => S.value.map((e) => ({
       ...e,
       colors: e.displayValues.map((o) => isNaN(o) ? t.value.style.backgroundColor : K(o, e.serieExtremes))
-    }))), Q = v(() => t.value.style.backgroundColor), Y = v(() => `${t.value.table.borderWidth}px`);
+    }))), Q = p(() => t.value.style.backgroundColor), Y = p(() => `${t.value.table.borderWidth}px`);
     function z() {
       ne(() => {
         const e = U.value.map((s) => [
@@ -127,7 +127,7 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
       });
     }
     function Z(e) {
-      I.value = e, x.value += 1;
+      I.value = e, O.value += 1;
     }
     return H({
       generatePdf: R,
@@ -135,16 +135,16 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
       generateImage: V
     }), (e, o) => (n(), l("div", {
       ref_key: "tableContainer",
-      ref: y,
+      ref: b,
       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 }),
       id: `table_heatmap_${$.value}`,
       onMouseenter: o[0] || (o[0] = () => u(F)(!0)),
       onMouseleave: o[1] || (o[1] = () => u(F)(!1))
     }, [
-      t.value.userOptions.show && J.value && (u(P) || u(O)) ? (n(), ae(he, {
+      t.value.userOptions.show && J.value && (u(P) || u(w)) ? (n(), ae(he, {
         ref: "details",
-        key: `user_option_${x.value}`,
+        key: `user_option_${O.value}`,
         backgroundColor: t.value.style.backgroundColor,
         color: t.value.style.color,
         isPrinting: u(X),
@@ -156,14 +156,14 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
         hasFullscreen: t.value.userOptions.buttons.fullscreen,
         isFullscreen: I.value,
         titles: { ...t.value.userOptions.buttonTitles },
-        chartElement: y.value,
+        chartElement: b.value,
         position: t.value.userOptions.position,
         onToggleFullscreen: Z,
         onGeneratePdf: u(R),
         onGenerateCsv: z,
         onGenerateImage: u(V),
         style: C({
-          visibility: u(P) ? u(O) ? "visible" : "hidden" : "visible"
+          visibility: u(P) ? u(w) ? "visible" : "hidden" : "visible"
         })
       }, oe({ _: 2 }, [
         e.$slots.optionPdf ? {
@@ -195,26 +195,26 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
           key: "3"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage", "style"])) : m("", !0),
-      b("table", {
+      y("table", {
         class: E({ "vue-ui-table-heatmap": !0 }),
         style: C(`width:100%;font-family:${t.value.style.fontFamily};background:${t.value.style.backgroundColor};`)
       }, [
-        b("caption", null, [
+        y("caption", null, [
           r(e.$slots, "caption", {}, void 0, !0)
         ]),
-        b("thead", null, [
-          b("tr", {
+        y("thead", null, [
+          y("tr", {
             role: "row",
             style: C(`background:${t.value.table.head.backgroundColor};color:${t.value.table.head.color}`)
           }, [
-            (n(!0), l(_, null, w(t.value.table.head.values, (a, s) => (n(), l("th", ke, [
+            (n(!0), l(_, null, x(t.value.table.head.values, (a, s) => (n(), l("th", ke, [
               r(e.$slots, "head", c(h({ value: a, rowIndex: s, type: typeof a, isResponsive: i.value })), void 0, !0)
             ]))), 256))
           ], 4)
         ]),
-        b("tbody", null, [
-          (n(!0), l(_, null, w(U.value, (a, s) => (n(), l("tr", _e, [
-            (n(!0), l(_, null, w(a.displayValues, (p, d) => (n(), l("td", {
+        y("tbody", null, [
+          (n(!0), l(_, null, x(U.value, (a, s) => (n(), l("tr", _e, [
+            (n(!0), l(_, null, x(a.displayValues, (v, d) => (n(), l("td", {
               role: "cell",
               "data-cell": t.value.table.head.values[d]
             }, [
@@ -233,10 +233,10 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
                     shape: a.shape || "circle"
                   }, null, 8, ["color", "shape"])
                 ], 8, we)) : m("", !0),
-                r(e.$slots, "rowTitle", c(h({ value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value })), void 0, !0)
+                r(e.$slots, "rowTitle", c(h({ value: v, rowIndex: s, colIndex: d, type: typeof v, isResponsive: i.value })), void 0, !0)
               ])) : (n(), l(_, { key: 1 }, [
-                d === 0 ? r(e.$slots, "rowTitle", c(G({ key: 0 }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value })), void 0, !0) : m("", !0),
-                d > 0 ? r(e.$slots, "cell", c(G({ key: 1 }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value, color: a.colors[d], textColor: u(pe)(a.colors[d]) })), void 0, !0) : m("", !0)
+                d === 0 ? r(e.$slots, "rowTitle", c(G({ key: 0 }, { value: v, rowIndex: s, colIndex: d, type: typeof v, isResponsive: i.value })), void 0, !0) : m("", !0),
+                d > 0 ? r(e.$slots, "cell", c(G({ key: 1 }, { value: v, rowIndex: s, colIndex: d, type: typeof v, isResponsive: i.value, color: a.colors[d], textColor: u(ve)(a.colors[d]) })), void 0, !0) : m("", !0)
               ], 64))
             ], 8, $e))), 256)),
             t.value.table.showSum ? (n(), l("td", xe, [
@@ -256,7 +256,7 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
       ], 512)) : m("", !0)
     ], 46, Ce));
   }
-}, Ee = /* @__PURE__ */ ye(Ne, [["__scopeId", "data-v-593bf1a5"]]);
+}, Ee = /* @__PURE__ */ be(Ne, [["__scopeId", "data-v-d7c8a9cf"]]);
 export {
   Ee as default
 };