vue-data-ui 2.4.57 → 2.4.59

package/dist/{vue-ui-table-heatmap-By-MmFiq.js → vue-ui-table-heatmap-CWQIOR58.js}

@@ -1,30 +1,30 @@
-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-CI-N9klv.js";
-import { u as A } from "./useNestedProp-D1eJ0dvv.js";
-import { u as fe, U as he } from "./usePrinter-CXc8xCKk.js";
-import { _ as ge } from "./Shape-D7aacHaz.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 = {
+import { useCssVars as te, ref as g, useSlots as ae, onMounted as E, computed as v, watch as oe, openBlock as n, createElementBlock as l, normalizeStyle as C, normalizeClass as G, unref as u, createBlock as se, createSlots as ne, withCtx as k, renderSlot as r, normalizeProps as c, guardReactiveProps as h, createCommentVNode as m, createElementVNode as b, Fragment as _, renderList as x, createVNode as le, mergeProps as B, nextTick as re } from "vue";
+import { u as ue, c as H, t as ie, o as de, e as pe, $ as ve, G as ce, N as me, q as fe, r as he } from "./index-B9RAElpI.js";
+import { u as A } from "./useNestedProp-DuruL3Nt.js";
+import { u as ge, U as be } from "./usePrinter-CwTAwqtF.js";
+import { _ as ye } from "./Shape-Ct2x6qZx.js";
+import { u as Ce } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const _e = ["id"], $e = { role: "cell" }, Ie = { role: "row" }, we = ["data-cell"], xe = {
   key: 0,
   style: { display: "flex", "flex-direction": "row", gap: "2px", "align-items": "center" }
-}, we = ["height", "width"], xe = {
+}, Oe = ["height", "width"], Fe = {
   key: 0,
   role: "cell",
   "data-cell": "sum"
-}, Oe = {
+}, Pe = {
   key: 1,
   role: "cell",
   "data-cell": "average"
-}, Fe = {
+}, Ne = {
   key: 2,
   role: "cell",
   "data-cell": "median"
-}, Pe = {
+}, Ve = {
   key: 1,
   ref: "source",
   dir: "auto"
-}, Ne = {
+}, Re = {
   __name: "vue-ui-table-heatmap",
   props: {
     config: {
@@ -40,52 +40,56 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
       }
     }
   },
-  setup(D, { expose: H }) {
+  setup(D, { expose: L }) {
     const f = D;
-    j((e) => ({
-      "71b0617e": Y.value,
-      "08e6c59c": Q.value
+    te((e) => ({
+      "51ba93f2": j.value,
+      "63946c66": Z.value
     }));
-    const { vue_ui_table_heatmap: L } = le(), $ = g(B()), i = g(!1), b = g(null), I = g(!1), O = g(0), t = p({
+    const { vue_ui_table_heatmap: X } = ue(), $ = g(H()), i = g(!1), y = g(null), I = g(!1), O = g(0), W = ae();
+    E(() => {
+      W["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
+    });
+    const t = v({
       get: () => N(),
       set: (e) => e
-    }), { userOptionsVisible: w, setUserOptionsVisibility: F, keepUserOptionState: P } = ye({ config: t.value });
+    }), { userOptionsVisible: w, setUserOptionsVisibility: F, keepUserOptionState: P } = Ce({ config: t.value });
     function N() {
       const e = A({
         userConfig: f.config,
-        defaultConfig: L
+        defaultConfig: X
       });
       return e.theme ? {
         ...A({
-          userConfig: re.vue_ui_table_heatmap[e.theme] || f.config,
+          userConfig: ie.vue_ui_table_heatmap[e.theme] || f.config,
           defaultConfig: e
         })
       } : e;
     }
-    ee(() => f.config, (e) => {
+    oe(() => f.config, (e) => {
       t.value = N(), w.value = !t.value.showOnChartHover, M();
     }, { deep: !0 });
-    const { isPrinting: X, isImaging: W, generatePdf: R, generateImage: V } = fe({
+    const { isPrinting: q, isImaging: J, generatePdf: V, generateImage: R } = ge({
       elementId: `table_heatmap_${$.value}`,
       fileName: "vue-ui-table-heatmap"
-    }), q = p(() => t.value.table.responsiveBreakpoint), J = p(() => !!f.dataset && f.dataset.length);
-    te(() => {
+    }), K = v(() => t.value.table.responsiveBreakpoint), Q = v(() => !!f.dataset && f.dataset.length);
+    E(() => {
       M();
     });
     function M() {
-      ue(f.dataset) && ie({
+      de(f.dataset) && pe({
         componentName: "VueUiTableHeatmap",
         type: "dataset"
       });
       const e = new ResizeObserver((o) => {
         o.forEach((a) => {
-          i.value = a.contentRect.width < q.value;
+          i.value = a.contentRect.width < K.value;
         });
       });
-      b.value && e.observe(b.value);
+      y.value && e.observe(y.value);
     }
-    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);
+    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);
       return {
         ...e,
         values: o,
@@ -95,60 +99,60 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
         },
         sum: a,
         average: a / o.length,
-        median: de(o),
+        median: ve(o),
         displayValues: [e.name, ...e.values],
-        id: B()
+        id: H()
       };
-    })), T = p(() => {
+    })), T = v(() => {
       const e = S.value.flatMap((o) => o.values);
       return {
         min: Math.min(...e),
         max: Math.max(...e)
       };
     });
-    function K(e, o) {
+    function Y(e, o) {
       const a = t.value.style.heatmapColors.useIndividualScale;
-      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);
+      return me(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 = p(() => S.value.map((e) => ({
+    const U = v(() => S.value.map((e) => ({
       ...e,
-      colors: e.displayValues.map((o) => isNaN(o) ? t.value.style.backgroundColor : K(o, e.serieExtremes))
-    }))), Q = p(() => t.value.style.backgroundColor), Y = p(() => `${t.value.table.borderWidth}px`);
+      colors: e.displayValues.map((o) => isNaN(o) ? t.value.style.backgroundColor : Y(o, e.serieExtremes))
+    }))), Z = v(() => t.value.style.backgroundColor), j = v(() => `${t.value.table.borderWidth}px`);
     function z() {
-      ne(() => {
+      re(() => {
         const e = U.value.map((s) => [
           [s.name],
           s.displayValues,
           [s.sum],
           [s.average],
           [s.median]
-        ]), o = [[[""], t.value.table.head.values, ["sum"], ["average"], ["median"]]].concat(e), a = ce(o);
-        me({ csvContent: a, title: "vue-ui-table-heatmap" });
+        ]), o = [[[""], t.value.table.head.values, ["sum"], ["average"], ["median"]]].concat(e), a = fe(o);
+        he({ csvContent: a, title: "vue-ui-table-heatmap" });
       });
     }
-    function Z(e) {
+    function ee(e) {
       I.value = e, O.value += 1;
     }
-    return H({
-      generatePdf: R,
+    return L({
+      generatePdf: V,
       generateCsv: z,
-      generateImage: V
+      generateImage: R
     }), (e, o) => (n(), l("div", {
       ref_key: "tableContainer",
-      ref: b,
+      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: G({ "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(w)) ? (n(), ae(he, {
+      t.value.userOptions.show && Q.value && (u(P) || u(w)) ? (n(), se(be, {
         ref: "details",
         key: `user_option_${O.value}`,
         backgroundColor: t.value.style.backgroundColor,
         color: t.value.style.color,
-        isPrinting: u(X),
-        isImaging: u(W),
+        isPrinting: u(q),
+        isImaging: u(J),
         uid: $.value,
         hasPdf: t.value.userOptions.buttons.pdf,
         hasXls: t.value.userOptions.buttons.csv,
@@ -156,16 +160,16 @@ 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: b.value,
+        chartElement: y.value,
         position: t.value.userOptions.position,
-        onToggleFullscreen: Z,
-        onGeneratePdf: u(R),
+        onToggleFullscreen: ee,
+        onGeneratePdf: u(V),
         onGenerateCsv: z,
-        onGenerateImage: u(V),
+        onGenerateImage: u(R),
         style: C({
           visibility: u(P) ? u(w) ? "visible" : "hidden" : "visible"
         })
-      }, oe({ _: 2 }, [
+      }, ne({ _: 2 }, [
         e.$slots.optionPdf ? {
           name: "optionPdf",
           fn: k(() => [
@@ -195,30 +199,30 @@ 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),
-      y("table", {
-        class: E({ "vue-ui-table-heatmap": !0 }),
+      b("table", {
+        class: G({ "vue-ui-table-heatmap": !0 }),
         style: C(`width:100%;font-family:${t.value.style.fontFamily};background:${t.value.style.backgroundColor};`)
       }, [
-        y("caption", null, [
+        b("caption", null, [
           r(e.$slots, "caption", {}, void 0, !0)
         ]),
-        y("thead", null, [
-          y("tr", {
+        b("thead", null, [
+          b("tr", {
             role: "row",
             style: C(`background:${t.value.table.head.backgroundColor};color:${t.value.table.head.color}`)
           }, [
-            (n(!0), l(_, null, x(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", $e, [
               r(e.$slots, "head", c(h({ value: a, rowIndex: s, type: typeof a, isResponsive: i.value })), void 0, !0)
             ]))), 256))
           ], 4)
         ]),
-        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", {
+        b("tbody", null, [
+          (n(!0), l(_, null, x(U.value, (a, s) => (n(), l("tr", Ie, [
+            (n(!0), l(_, null, x(a.displayValues, (p, d) => (n(), l("td", {
               role: "cell",
               "data-cell": t.value.table.head.values[d]
             }, [
-              a.color && d === 0 ? (n(), l("div", Ie, [
+              a.color && d === 0 ? (n(), l("div", xe, [
                 a.color ? (n(), l("svg", {
                   key: 0,
                   height: t.value.style.shapeSize,
@@ -226,37 +230,37 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
                   viewBox: "0 0 20 20",
                   style: { background: "none", overflow: "visible" }
                 }, [
-                  se(ge, {
+                  le(ye, {
                     plot: { x: 10, y: 10 },
                     color: a.color,
                     radius: 9,
                     shape: a.shape || "circle"
                   }, null, 8, ["color", "shape"])
-                ], 8, we)) : m("", !0),
-                r(e.$slots, "rowTitle", c(h({ value: v, rowIndex: s, colIndex: d, type: typeof v, isResponsive: i.value })), void 0, !0)
+                ], 8, Oe)) : m("", !0),
+                r(e.$slots, "rowTitle", c(h({ value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value })), void 0, !0)
               ])) : (n(), l(_, { key: 1 }, [
-                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)
+                d === 0 ? r(e.$slots, "rowTitle", c(B({ 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(B({ key: 1 }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value, color: a.colors[d], textColor: u(ce)(a.colors[d]) })), void 0, !0) : m("", !0)
               ], 64))
-            ], 8, $e))), 256)),
-            t.value.table.showSum ? (n(), l("td", xe, [
+            ], 8, we))), 256)),
+            t.value.table.showSum ? (n(), l("td", Fe, [
               r(e.$slots, "sum", c(h({ value: a.sum, rowIndex: s, isResponsive: i.value })), void 0, !0)
             ])) : m("", !0),
-            t.value.table.showAverage ? (n(), l("td", Oe, [
+            t.value.table.showAverage ? (n(), l("td", Pe, [
               r(e.$slots, "average", c(h({ value: a.average, rowIndex: s, isResponsive: i.value })), void 0, !0)
             ])) : m("", !0),
-            t.value.table.showMedian ? (n(), l("td", Fe, [
+            t.value.table.showMedian ? (n(), l("td", Ne, [
               r(e.$slots, "median", c(h({ value: a.median, rowIndex: s, isResponsive: i.value })), void 0, !0)
             ])) : m("", !0)
           ]))), 256))
         ])
       ], 4),
-      e.$slots.source ? (n(), l("div", Pe, [
+      e.$slots.source ? (n(), l("div", Ve, [
         r(e.$slots, "source", {}, void 0, !0)
       ], 512)) : m("", !0)
-    ], 46, Ce));
+    ], 46, _e));
   }
-}, Ee = /* @__PURE__ */ be(Ne, [["__scopeId", "data-v-d7c8a9cf"]]);
+}, Be = /* @__PURE__ */ ke(Re, [["__scopeId", "data-v-4469b342"]]);
 export {
-  Ee as default
+  Be as default
 };