vue-data-ui 3.3.3 → 3.4.1

package/dist/{vue-ui-heatmap-Q0jrPM5h.js → vue-ui-heatmap-CKWQButF.js}

@@ -1,8 +1,8 @@
-import { watchEffect as Jt, nextTick as Se, useCssVars as Qt, defineAsyncComponent as oe, computed as g, ref as d, shallowRef as Zt, toRefs as el, watch as Ae, onBeforeUnmount as dt, onMounted as tl, reactive as ht, createElementBlock as n, openBlock as u, normalizeStyle as A, normalizeClass as fe, createBlock as ge, createCommentVNode as p, createElementVNode as b, createVNode as Ce, unref as i, createSlots as yt, withCtx as M, renderSlot as T, normalizeProps as se, guardReactiveProps as ue, Fragment as L, renderList as B, withDirectives as ft, createTextVNode as Xe, toDisplayString as S, vShow as ll, resolveDynamicComponent as al, mergeProps as ol, withKeys as sl } from "vue";
-import { c as Ie, t as ul, B as il, o as gt, f as pt, a0 as pe, g as nl, X as rl, E as Le, a as G, d as X, q as W, at as vl, x as cl, y as dl, z as hl, A as yl } from "./lib-CSDxt1Zh.js";
+import { watchEffect as Jt, nextTick as Se, useCssVars as Qt, defineAsyncComponent as oe, computed as g, ref as d, shallowRef as Zt, toRefs as el, watch as Ae, onBeforeUnmount as dt, onMounted as tl, reactive as ht, createElementBlock as n, openBlock as u, normalizeStyle as A, normalizeClass as fe, createBlock as ge, createCommentVNode as p, createElementVNode as b, createVNode as Ce, unref as i, createSlots as yt, withCtx as O, renderSlot as T, normalizeProps as se, guardReactiveProps as ue, Fragment as L, renderList as D, withDirectives as ft, createTextVNode as Xe, toDisplayString as S, vShow as ll, resolveDynamicComponent as al, mergeProps as ol, withKeys as sl } from "vue";
+import { c as Ie, t as ul, O as il, o as gt, f as pt, ae as pe, g as nl, X as rl, J as Le, a as Y, d as X, x as W, au as vl, P as cl, Q as dl, G as hl, H as yl } from "./lib-BcBZIm6u.js";
 import { t as Te, u as fl } from "./useResponsive-DfdjqQps.js";
-import { u as gl, a as bt } from "./useNestedProp-Dh-ldrr5.js";
-import { u as pl } from "./usePrinter-Cq8Pt6Lh.js";
+import { u as gl, a as bt } from "./useNestedProp-B7CiTRDS.js";
+import { u as pl } from "./usePrinter-C1GiglOH.js";
 import { u as bl, B as ml } from "./BaseScanner-BgWxam9d.js";
 import { u as xl } from "./useSvgExport-DrjCWun4.js";
 import { u as mt } from "./useTimeLabels-BGFjWgrv.js";
@@ -10,12 +10,12 @@ import { u as wl } from "./useTableResponsive-Cbx-ACcP.js";
 import { u as kl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as xt } from "./useTimeLabelCollider-CIsgDrl9.js";
 import { u as Al } from "./useChartAccessibility-9icAAmYg.js";
-import Cl from "./img-DI-W68vp.js";
-import Ll from "./Title-B6rAo9Oz.js";
+import Cl from "./img-CFY3JivG.js";
+import Ll from "./Title-CFmv95In.js";
 import { t as Tl } from "./themes-Dw-dDudK.js";
-import Sl from "./vue-ui-accordion-CaClZrCp.js";
+import Sl from "./vue-ui-accordion-BKkTS12x.js";
 import { _ as _l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function Ve({ elementRef: y, callback: R, attr: D, earlyReturn: I = !1 }) {
+function Ve({ elementRef: y, callback: R, attr: B, earlyReturn: I = !1 }) {
   I || Jt(
     (j) => {
       const x = y.value;
@@ -23,21 +23,21 @@ function Ve({ elementRef: y, callback: R, attr: D, earlyReturn: I = !1 }) {
       const V = new ResizeObserver((_) => {
         const q = _[0]?.contentRect;
         let f;
-        if (q && q[D] != null)
-          f = q[D];
+        if (q && q[B] != null)
+          f = q[B];
         else
           try {
-            D === "width" ? f = typeof x.getBBox == "function" ? x.getBBox().width : x.getBoundingClientRect().width : f = typeof x.getBBox == "function" ? x.getBBox().height : x.getBoundingClientRect().height;
+            B === "width" ? f = typeof x.getBBox == "function" ? x.getBBox().width : x.getBoundingClientRect().width : f = typeof x.getBBox == "function" ? x.getBBox().height : x.getBoundingClientRect().height;
           } catch {
             const K = x.getBoundingClientRect();
-            f = D === "width" ? K.width : K.height;
+            f = B === "width" ? K.width : K.height;
           }
         typeof f == "number" && !Number.isNaN(f) && R(f);
       });
       V.observe(x), Se(() => {
         requestAnimationFrame(() => {
           if (!y.value) return;
-          const _ = y.value.getBoundingClientRect(), E = D === "width" ? _.width : _.height;
+          const _ = y.value.getBoundingClientRect(), E = B === "width" ? _.width : _.height;
           typeof E == "number" && !Number.isNaN(E) && R(E);
         });
       }), j(() => V.disconnect());
@@ -55,7 +55,7 @@ const zl = {
 };
 function wt(y, {
   cellWidth: R,
-  cellHeight: D,
+  cellHeight: B,
   maxFontSize: I,
   minFontSize: j,
   index: x,
@@ -79,16 +79,16 @@ function wt(y, {
     const F = y.getBBox(), z = F.x + F.width / 2, ie = F.y + F.height / 2;
     y.setAttribute("transform", `rotate(-90 ${z} ${ie})`);
     const te = y.getBBox().width;
-    if (te <= D)
+    if (te <= B)
       _(x, !1);
     else {
-      const ne = Math.floor(I * D / te);
+      const ne = Math.floor(I * B / te);
       ne >= j ? (y.setAttribute("font-size", ne), _(x, !1)) : (K = !0, _(x, !0));
     }
   }
   (q || K) && y.setAttribute("visibility", "hidden");
 }
-const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"], Rl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Fl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Nl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Bl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "onMouseover", "onMouseout", "onClick"], Dl = ["font-size", "font-weight", "fill", "x", "y"], Hl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Pl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Xl = ["font-size", "fill", "x", "y", "font-weight"], Il = ["font-size", "fill", "x", "y", "font-weight"], Vl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], El = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Ul = { key: 6 }, Yl = ["x", "y", "width", "height", "stroke", "stroke-width"], Gl = { class: "vue-ui-heatmap-legend-gauge-right" }, Wl = ["data-value"], jl = { class: "vue-ui-heatmap-gauge-indicator-value" }, ql = {
+const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"], Rl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Fl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Nl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Dl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "onMouseover", "onMouseout", "onClick"], Bl = ["font-size", "font-weight", "fill", "x", "y"], Hl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Pl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Xl = ["font-size", "fill", "x", "y", "font-weight"], Il = ["font-size", "fill", "x", "y", "font-weight"], Vl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], El = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Ul = { key: 6 }, Gl = ["x", "y", "width", "height", "stroke", "stroke-width"], Yl = { class: "vue-ui-heatmap-legend-gauge-right" }, Wl = ["data-value"], jl = { class: "vue-ui-heatmap-gauge-indicator-value" }, ql = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Kl = { class: "vue-ui-data-table" }, Jl = { key: 0 }, Ql = ["data-cell"], Zl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ea = ["data-cell"], ta = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, la = {
@@ -108,18 +108,18 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectDatapoint"],
-  setup(y, { expose: R, emit: D }) {
+  setup(y, { expose: R, emit: B }) {
     Qt((t) => ({
       v7e341d2a: t.tdo
     }));
-    const I = oe(() => import("./Tooltip-DaInVNiV.js")), j = oe(() => import("./BaseIcon-DG6cvf2h.js")), x = oe(() => import("./PenAndPaper-D9LruJaM.js")), V = oe(() => import("./UserOptions-CJXSEhan.js")), _ = oe(() => import("./PackageVersion-CQvYRebC.js")), E = oe(() => import("./BaseDraggableDialog-Cysanw8-.js")), { vue_ui_heatmap: q } = gl(), f = y, K = D, ee = g({
+    const I = oe(() => import("./Tooltip-Cs4v8OnI.js")), j = oe(() => import("./BaseIcon-B5KaGWWC.js")), x = oe(() => import("./PenAndPaper-Dj2diYr0.js")), V = oe(() => import("./UserOptions-C0YT60JN.js")), _ = oe(() => import("./PackageVersion-VpPtLYhK.js")), E = oe(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_heatmap: q } = gl(), f = y, K = B, ee = g({
       get() {
         return !!f.dataset && f.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), F = d(Ie()), z = d(null), ie = d(!1), te = d(""), ne = d(void 0), re = d(null), Ee = d(0), Ue = d(null), Ye = d(0), kt = d(null), ve = d(null), _e = d(null), Ge = d(null), We = d(null), At = d(null), je = d(null), Ct = d(null), ze = d(null), $e = d(null), Lt = d(null), qe = d(null), le = Zt(null), e = d(Fe());
+    }), F = d(Ie()), z = d(null), ie = d(!1), te = d(""), ne = d(void 0), re = d(null), Ee = d(0), Ue = d(null), Ge = d(0), kt = d(null), ve = d(null), _e = d(null), Ye = d(null), We = d(null), At = d(null), je = d(null), Ct = d(null), ze = d(null), $e = d(null), Lt = d(null), qe = d(null), le = Zt(null), e = d(Fe());
     function Tt() {
       const t = Array(7).fill("_"), s = [], a = 14, o = t.length;
       for (let v = 0; v < o; v += 1) {
@@ -133,7 +133,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       }
       return s;
     }
-    const { loading: be, FINAL_DATASET: w, manualLoading: Me } = bl({
+    const { loading: be, FINAL_DATASET: w, manualLoading: Oe } = bl({
       ...el(f),
       FINAL_CONFIG: e,
       prepareConfig: Fe,
@@ -168,7 +168,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
           }
         }
       })
-    }), { userOptionsVisible: Oe, setUserOptionsVisibility: St, keepUserOptionState: Ke } = kl({ config: e.value }), { svgRef: Re } = Al({ config: e.value.style.title });
+    }), { userOptionsVisible: Me, setUserOptionsVisibility: St, keepUserOptionState: Ke } = kl({ config: e.value }), { svgRef: Re } = Al({ config: e.value.style.title });
     function Je(t) {
       St(t);
     }
@@ -186,20 +186,20 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       } : s = t, f.config && il(f.config, "style.layout.dataLabels.xAxis.showOnlyAtModulo") ? s.style.layout.dataLabels.xAxis.showOnlyAtModulo = f.config.style.layout.dataLabels.xAxis.showOnlyAtModulo : s.style.layout.dataLabels.xAxis.showOnlyAtModulo = null, s;
     }
     Ae(() => f.config, (t) => {
-      be.value || (e.value = Fe()), Oe.value = !e.value.userOptions.showOnChartHover, Ne(), Ye.value += 1, O.value.showTable = e.value.table.show, O.value.showTooltip = e.value.style.tooltip.show, ce.value = e.value.style.layout.width, de.value = e.value.style.layout.height;
+      be.value || (e.value = Fe()), Me.value = !e.value.userOptions.showOnChartHover, Ne(), Ge.value += 1, M.value.showTable = e.value.table.show, M.value.showTooltip = e.value.style.tooltip.show, ce.value = e.value.style.layout.width, de.value = e.value.style.layout.height;
     }, { deep: !0 }), Ae(() => f.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (Me.value = !1), Ne();
+      Array.isArray(t) && t.length > 0 && (Oe.value = !1), Ne();
     }, { deep: !0 });
     const { isPrinting: Qe, isImaging: Ze, generatePdf: et, generateImage: tt } = pl({
       elementId: `heatmap__${F.value}`,
       fileName: e.value.style.title.text || "vue-ui-heatmap",
       options: e.value.userOptions.print
-    }), _t = g(() => e.value.userOptions.show && !e.value.style.title.text), O = d({
+    }), _t = g(() => e.value.userOptions.show && !e.value.style.title.text), M = d({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
     Ae(e, () => {
-      O.value = {
+      M.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
@@ -210,11 +210,11 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         componentName: "VueUiHeatmap",
         type: "dataset",
         debug: lt.value
-      }), ee.value = !1, Me.value = !0), gt(f.dataset) || (Me.value = e.value.loading), e.value.responsive) {
+      }), ee.value = !1, Oe.value = !0), gt(f.dataset) || (Oe.value = e.value.loading), e.value.responsive) {
         const t = Te(() => {
           const { width: s, height: a } = fl({
             chart: z.value,
-            title: e.value.style.title.text ? Ge.value : null,
+            title: e.value.style.title.text ? Ye.value : null,
             // add legend hirizontal in legend attr
             // add legend vertical in some other attr and modify composable to subtract width
             source: qe.value,
@@ -239,14 +239,14 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       he.value = t;
     }, 100);
     Ve({ elementRef: ze, callback: $t, attr: "height" });
-    const ae = d(0), Mt = Te((t) => {
+    const ae = d(0), Ot = Te((t) => {
       ae.value = t;
     }, 100);
-    Ve({ elementRef: je, callback: Mt, attr: "width" });
-    const me = d(0), Ot = Te((t) => {
+    Ve({ elementRef: je, callback: Ot, attr: "width" });
+    const me = d(0), Mt = Te((t) => {
       me.value = t;
     }, 100);
-    Ve({ elementRef: $e, callback: Ot, attr: "height" }), dt(() => {
+    Ve({ elementRef: $e, callback: Mt, attr: "height" }), dt(() => {
       he.value = 0, ae.value = 0, me.value = 0;
     });
     const r = g(() => Math.min($.value.height, $.value.width) / 1e3 * e.value.style.layout.cells.spacing), l = g(() => {
@@ -270,7 +270,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         width: P,
         cellSize: C
       };
-    }), Y = g(() => Math.max(...w.value.flatMap((t) => t.values))), ye = g(() => Math.min(...w.value.flatMap((t) => t.values))), J = g(() => {
+    }), G = g(() => Math.max(...w.value.flatMap((t) => t.values))), ye = g(() => Math.min(...w.value.flatMap((t) => t.values))), J = g(() => {
       const t = w.value.flatMap((a) => a.values);
       return t.reduce((a, o) => a + o, 0) / t.length;
     }), Rt = g(() => mt({
@@ -327,8 +327,8 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       ...t,
       temperatures: (t.values || []).map((a, o) => a >= J.value ? {
         side: "up",
-        color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ye.value, Y.value, a),
-        ratio: Math.abs(Math.abs(a - J.value) / Math.abs(Y.value - J.value)) > 1 ? 1 : Math.abs(Math.abs(a - J.value) / Math.abs(Y.value - J.value)),
+        color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ye.value, G.value, a),
+        ratio: Math.abs(Math.abs(a - J.value) / Math.abs(G.value - J.value)) > 1 ? 1 : Math.abs(Math.abs(a - J.value) / Math.abs(G.value - J.value)),
         value: a,
         yAxisName: m.value.yLabels[s],
         xAxisName: m.value.xLabels[o],
@@ -336,17 +336,17 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       } : {
         side: "down",
         ratio: Math.abs(1 - Math.abs(a) / Math.abs(J.value)) > 1 ? 1 : Math.abs(1 - Math.abs(a) / Math.abs(J.value)),
-        color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ye.value, Y.value, a),
+        color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ye.value, G.value, a),
         value: a,
         yAxisName: m.value.yLabels[s],
         xAxisName: m.value.xLabels[o],
         id: `vue-data-ui-heatmap-cell-${Ie()}`
       })
     })))), at = g(() => w.value.length), ot = ht(Array(at.value * H.value || 1).fill(!1)), Nt = g(() => ot.some((t) => t));
-    function Bt(t, s) {
+    function Dt(t, s) {
       ot[t] = s;
     }
-    const st = ht(Array(at.value * H.value || 1).fill(!1)), Dt = g(() => st.some((t) => t));
+    const st = ht(Array(at.value * H.value || 1).fill(!1)), Bt = g(() => st.some((t) => t));
     function Ht(t, s) {
       st[t] = s;
     }
@@ -372,7 +372,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         seriesIndex: s,
         series: Q.value,
         config: e.value
-      }) : (h += `<div>${c} ${k ? c ? ` - ${k}` : `${k}` : ""}</div>`, h += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ye.value, Y.value, v)}">⬤</span><span>${isNaN(v) ? "-" : G(
+      }) : (h += `<div>${c} ${k ? c ? ` - ${k}` : `${k}` : ""}</div>`, h += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ye.value, G.value, v)}">⬤</span><span>${isNaN(v) ? "-" : Y(
         e.value.style.layout.cells.value.formatter,
         v,
         X({
@@ -388,7 +388,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: s }), ie.value = !1, ne.value = void 0, N.value = null, re.value = null;
     }
     function It(t) {
-      return G(
+      return Y(
         e.value.style.layout.cells.value.formatter,
         m.value.yTotals[t].total,
         X({
@@ -401,7 +401,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       );
     }
     function Vt(t) {
-      return G(
+      return Y(
         e.value.style.layout.cells.value.formatter,
         m.value.xTotals[t].total,
         X({
@@ -419,7 +419,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       })), s = w.value.map((a) => a.values);
       return { head: t, body: s };
     });
-    function Be(t = null) {
+    function De(t = null) {
       Se(() => {
         const s = ["", ...w.value.map((c, k) => c.name)], a = [];
         for (let c = 0; c < m.value.xLabels.length; c += 1) {
@@ -437,13 +437,13 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       Z.value = t, Ee.value += 1;
     }
     function it() {
-      O.value.showTable = !O.value.showTable;
+      M.value.showTable = !M.value.showTable;
     }
     function nt() {
-      O.value.showTooltip = !O.value.showTooltip;
+      M.value.showTooltip = !M.value.showTooltip;
     }
     const we = d(!1);
-    function De() {
+    function Be() {
       we.value = !we.value;
     }
     function Et(t, s) {
@@ -452,7 +452,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
     function Ut() {
       return Q.value;
     }
-    async function Yt({ scale: t = 2 } = {}) {
+    async function Gt({ scale: t = 2 } = {}) {
       if (!z.value) return;
       const { width: s, height: a } = z.value.getBoundingClientRect(), o = s / a, { imageUri: v, base64: c } = await Cl({ domElement: z.value, base64: !0, img: !0, scale: t });
       return {
@@ -494,7 +494,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       height: de
     });
     const ke = g(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, s = O.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, s = M.value.showTable;
       return {
         component: t ? E : Sl,
         title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? `: ${e.value.style.title.subtitle.text}` : ""}`,
@@ -523,12 +523,12 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         }
       };
     });
-    Ae(() => O.value.showTable, async (t) => {
+    Ae(() => M.value.showTable, async (t) => {
       e.value.table.show || (t && e.value.table.useDialog && ve.value ? (await Se(), ve.value.open()) : "close" in ve.value && ve.value.close());
     });
-    const { isResponsive: Gt } = wl(Ue, zt);
+    const { isResponsive: Yt } = wl(Ue, zt);
     function He() {
-      O.value.showTable = !1, _e.value && _e.value.setTableIconState(!1);
+      M.value.showTable = !1, _e.value && _e.value.setTableIconState(!1);
     }
     const Wt = g(() => e.value.style.backgroundColor), jt = g(() => e.value.style.title), { exportSvg: qt, getSvg: Kt } = xl({
       svg: Re,
@@ -544,14 +544,14 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
     }
     return R({
       getData: Ut,
-      getImage: Yt,
+      getImage: Gt,
       generatePdf: et,
-      generateCsv: Be,
+      generateCsv: De,
       generateImage: tt,
       generateSvg: ct,
       toggleTable: it,
       toggleTooltip: nt,
-      toggleAnnotator: De,
+      toggleAnnotator: Be,
       toggleFullscreen: ut
     }), (t, s) => (u(), n("div", {
       ref_key: "heatmapChart",
@@ -568,7 +568,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         active: we.value,
-        onClose: De
+        onClose: Be
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
       _t.value ? (u(), n("div", {
         key: 1,
@@ -580,11 +580,11 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       e.value.style.title.text ? (u(), n("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: Ge,
+        ref: Ye,
         style: "width:100%;background:transparent"
       }, [
         (u(), ge(Ll, {
-          key: `title_${Ye.value}`,
+          key: `title_${Ge.value}`,
           config: {
             title: {
               cy: "heatmap-div-title",
@@ -597,7 +597,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : p("", !0),
-      e.value.userOptions.show && ee.value && (i(Ke) || i(Oe)) ? (u(), ge(i(V), {
+      e.value.userOptions.show && ee.value && (i(Ke) || i(Me)) ? (u(), ge(i(V), {
         ref_key: "userOptionsRef",
         ref: _e,
         key: `user_options_${Ee.value}`,
@@ -614,7 +614,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: Z.value,
-        isTooltip: O.value.showTooltip,
+        isTooltip: M.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: z.value,
         position: e.value.userOptions.position,
@@ -625,68 +625,68 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: ut,
         onGeneratePdf: i(et),
-        onGenerateCsv: Be,
+        onGenerateCsv: De,
         onGenerateImage: i(tt),
         onGenerateSvg: ct,
         onToggleTable: it,
         onToggleTooltip: nt,
-        onToggleAnnotator: De,
+        onToggleAnnotator: Be,
         style: A({
-          visibility: i(Ke) ? i(Oe) ? "visible" : "hidden" : "visible"
+          visibility: i(Ke) ? i(Me) ? "visible" : "hidden" : "visible"
         })
       }, yt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: M(({ isOpen: a, color: o }) => [
+          fn: O(({ isOpen: a, color: o }) => [
             T(t.$slots, "menuIcon", se(ue({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: M(() => [
+          fn: O(() => [
             T(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: M(() => [
+          fn: O(() => [
             T(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: M(() => [
+          fn: O(() => [
             T(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: M(() => [
+          fn: O(() => [
             T(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: M(() => [
+          fn: O(() => [
             T(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: M(({ toggleFullscreen: a, isFullscreen: o }) => [
+          fn: O(({ toggleFullscreen: a, isFullscreen: o }) => [
             T(t.$slots, "optionFullscreen", se(ue({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: M(({ toggleAnnotator: a, isAnnotator: o }) => [
+          fn: O(({ toggleAnnotator: a, isAnnotator: o }) => [
             T(t.$slots, "optionAnnotator", se(ue({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "7"
@@ -722,13 +722,13 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
             }
           }, [
             T(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Ol)) : p("", !0),
+          ], 8, Ml)) : p("", !0),
           e.value.style.layout.cells.columnTotal.color.show ? (u(), n("g", {
             key: 1,
             ref_key: "xAxisSumRects",
             ref: Lt
           }, [
-            (u(!0), n(L, null, B(m.value.xTotals, (a, o) => (u(), n("rect", {
+            (u(!0), n(L, null, D(m.value.xTotals, (a, o) => (u(), n("rect", {
               x: l.value.left + l.value.cellSize.width * o + r.value / 2 + l.value.sumCellXHeight,
               y: l.value.top - l.value.sumCellXHeight + r.value * ($.value.height / $.value.width),
               height: l.value.sumCellXHeight,
@@ -737,7 +737,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
               stroke: e.value.style.backgroundColor,
               "stroke-width": r.value
             }, null, 8, Rl))), 256)),
-            (u(!0), n(L, null, B(m.value.xTotals, (a, o) => (u(), n("rect", {
+            (u(!0), n(L, null, D(m.value.xTotals, (a, o) => (u(), n("rect", {
               x: l.value.left + l.value.cellSize.width * o + r.value / 2 + l.value.sumCellXHeight,
               y: l.value.top - l.value.sumCellXHeight + r.value * ($.value.height / $.value.width),
               height: l.value.sumCellXHeight,
@@ -751,8 +751,8 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
             ref_key: "datapoints",
             ref: kt
           }, [
-            (u(!0), n(L, null, B(Q.value, (a, o) => (u(), n(L, null, [
-              (u(!0), n(L, null, B(a.temperatures, (v, c) => (u(), n("g", null, [
+            (u(!0), n(L, null, D(Q.value, (a, o) => (u(), n(L, null, [
+              (u(!0), n(L, null, D(a.temperatures, (v, c) => (u(), n("g", null, [
                 b("rect", {
                   x: l.value.left + l.value.cellSize.width * c + r.value / 2 + l.value.sumCellXHeight,
                   y: l.value.top + l.value.cellSize.height * o + r.value / 2,
@@ -773,7 +773,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                   onMouseover: (k) => Pt(v, o, l.value.left + l.value.cellSize.width * c, l.value.top + l.value.cellSize.height * o),
                   onMouseout: () => Xt({ datapoint: v, seriesIndex: o }),
                   onClick: () => Et(v, o)
-                }, null, 40, Bl),
+                }, null, 40, Dl),
                 e.value.style.layout.cells.value.show ? ft((u(), n("text", {
                   key: 0,
                   "text-anchor": "middle",
@@ -784,7 +784,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                   y: l.value.top + l.value.cellSize.height * o + l.value.cellSize.height / 2 + e.value.style.layout.cells.value.fontSize / 3,
                   style: { pointerEvents: "none", userSelect: "none" }
                 }, [
-                  Xe(S(i(G)(
+                  Xe(S(i(Y)(
                     e.value.style.layout.cells.value.formatter,
                     v.value,
                     i(X)({
@@ -795,7 +795,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                     }),
                     { datapoint: v }
                   )), 1)
-                ], 8, Dl)), [
+                ], 8, Bl)), [
                   [i(zl), {
                     cellWidth: l.value.cellSize.width - r.value,
                     cellHeight: l.value.cellSize.height - r.value,
@@ -803,8 +803,8 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                     minFontSize: 10,
                     index: o * H.value + c,
                     reportHide: Ht,
-                    reportRotation: Bt,
-                    hideAll: Dt.value,
+                    reportRotation: Dt,
+                    hideAll: Bt.value,
                     rotateAll: Nt.value
                   }]
                 ]) : p("", !0)
@@ -816,7 +816,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
             ref_key: "yAxisSumRects",
             ref: Ct
           }, [
-            (u(!0), n(L, null, B(Q.value, (a, o) => (u(), n(L, null, [
+            (u(!0), n(L, null, D(Q.value, (a, o) => (u(), n(L, null, [
               b("rect", {
                 x: l.value.left,
                 y: l.value.top + l.value.cellSize.height * o,
@@ -842,7 +842,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
             ref_key: "yAxisLabels",
             ref: je
           }, [
-            (u(!0), n(L, null, B(Q.value, (a, o) => (u(), n(L, null, [
+            (u(!0), n(L, null, D(Q.value, (a, o) => (u(), n(L, null, [
               b("text", {
                 class: "vue-ui-heatmap-row-name",
                 "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
@@ -869,7 +869,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
             ref_key: "xAxisLabels",
             ref: ze
           }, [
-            (u(!0), n(L, null, B(m.value.xLabels, (a, o) => (u(), n(L, null, [
+            (u(!0), n(L, null, D(m.value.xLabels, (a, o) => (u(), n(L, null, [
               !e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo || e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo && o % e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo === 0 ? (u(), n("text", {
                 key: 0,
                 class: "vue-ui-heatmap-col-name",
@@ -886,7 +886,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
             ref_key: "xAxisSums",
             ref: $e
           }, [
-            (u(!0), n(L, null, B(m.value.xLabels, (a, o) => (u(), n("text", {
+            (u(!0), n(L, null, D(m.value.xLabels, (a, o) => (u(), n("text", {
               class: "vue-ui-heatmap-col-total",
               "text-anchor": e.value.style.layout.cells.columnTotal.value.rotation === 0 ? "middle" : e.value.style.layout.cells.columnTotal.value.rotation < 0 ? "end" : "start",
               "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
@@ -906,10 +906,10 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
               stroke: e.value.style.layout.cells.selected.color,
               "stroke-width": e.value.style.layout.cells.selected.border,
               rx: 1
-            }, null, 8, Yl)
+            }, null, 8, Gl)
           ])) : p("", !0),
           T(t.$slots, "svg", { svg: $.value }, void 0, !0)
-        ], 14, Ml)),
+        ], 14, Ol)),
         e.value.style.legend.show ? (u(), n("div", {
           key: 0,
           ref_key: "legendRight",
@@ -926,17 +926,17 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, S(i(G)(
+          }, S(i(Y)(
             e.value.style.layout.cells.value.formatter,
-            i(W)(Y.value),
+            i(W)(G.value),
             i(X)({
               p: e.value.style.layout.dataLabels.prefix,
-              v: i(W)(Y.value),
+              v: i(W)(G.value),
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
           )), 5)),
-          b("div", Gl, [
+          b("div", Yl, [
             b("div", {
               class: "vue-ui-heatmap-gauge",
               style: A({
@@ -945,7 +945,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
             }, [
               ft(b("div", {
                 class: "vue-ui-heatmap-gauge-indicator",
-                "data-value": i(G)(
+                "data-value": i(Y)(
                   e.value.style.layout.cells.value.formatter,
                   i(W)(N.value),
                   i(X)({
@@ -960,7 +960,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                   width: "100%",
                   height: "2px",
                   background: [void 0, null].includes(N.value) ? "transparent" : i(Le)(xe.value.datapoint.color),
-                  top: `${[void 0, null].includes(N.value) ? 0 : (1 - N.value / Y.value) * 100}%`,
+                  top: `${[void 0, null].includes(N.value) ? 0 : (1 - N.value / G.value) * 100}%`,
                   transition: "all 0.2s ease-in-out",
                   "--background-color": e.value.style.backgroundColor,
                   "--gauge-arrow-color": i(Le)(e.value.style.backgroundColor),
@@ -969,7 +969,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                   "--gauge-arrow-font-size": e.value.style.legend.fontSize + "px"
                 })
               }, [
-                b("div", jl, S(i(G)(
+                b("div", jl, S(i(Y)(
                   e.value.style.layout.cells.value.formatter,
                   i(W)(N.value),
                   i(X)({
@@ -991,7 +991,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, S(i(G)(
+          }, S(i(Y)(
             e.value.style.layout.cells.value.formatter,
             i(W)(ye.value),
             i(X)({
@@ -1015,7 +1015,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         T(t.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
       Ce(i(I), {
-        show: O.value.showTooltip && ie.value,
+        show: M.value.showTooltip && ie.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
         borderRadius: e.value.style.tooltip.borderRadius,
@@ -1034,10 +1034,10 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         smoothForce: e.value.style.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": M(() => [
+        "tooltip-before": O(() => [
           T(t.$slots, "tooltip-before", se(ue({ ...xe.value })), void 0, !0)
         ]),
-        "tooltip-after": M(() => [
+        "tooltip-after": O(() => [
           T(t.$slots, "tooltip-after", se(ue({ ...xe.value })), void 0, !0)
         ]),
         _: 3
@@ -1047,7 +1047,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         ref: ve,
         onClose: He
       }), yt({
-        content: M(() => [
+        content: O(() => [
           b("div", {
             ref_key: "tableContainer",
             ref: Ue,
@@ -1056,7 +1056,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
           }, [
             b("div", {
               style: A(`width:100%;overflow-x:auto;position:relative;${e.value.table.useDialog ? "" : "padding-top:36px"};`),
-              class: fe({ "vue-ui-responsive": i(Gt) })
+              class: fe({ "vue-ui-responsive": i(Yt) })
             }, [
               e.value.table.useDialog ? p("", !0) : (u(), n("div", {
                 key: 0,
@@ -1088,14 +1088,14 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                     b("th", {
                       style: A(`outline:${e.value.table.th.outline};padding-right:6px`)
                     }, null, 4),
-                    (u(!0), n(L, null, B(y.dataset, (a, o) => (u(), n("th", {
+                    (u(!0), n(L, null, D(y.dataset, (a, o) => (u(), n("th", {
                       align: "right",
                       style: A(`outline:${e.value.table.th.outline};padding-right:6px`)
                     }, S(a.name), 5))), 256))
                   ], 4)
                 ]),
                 b("tbody", null, [
-                  (u(!0), n(L, null, B(m.value.xLabels, (a, o) => (u(), n("tr", {
+                  (u(!0), n(L, null, D(m.value.xLabels, (a, o) => (u(), n("tr", {
                     role: "row",
                     class: fe({ "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 }),
                     style: A(`background:${e.value.table.td.backgroundColor};color:${e.value.table.td.color}`)
@@ -1107,7 +1107,7 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                     }, [
                       b("div", Zl, S(a), 1)
                     ], 12, Ql),
-                    (u(!0), n(L, null, B(y.dataset, (v, c) => (u(), n("td", {
+                    (u(!0), n(L, null, D(y.dataset, (v, c) => (u(), n("td", {
                       class: "vue-ui-data-table__tbody__td",
                       "data-cell": y.dataset[c].name,
                       style: A(`outline:${e.value.table.td.outline}`)
@@ -1124,18 +1124,18 @@ const $l = ["id"], Ml = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: M(() => [
+          fn: O(() => [
             Xe(S(ke.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: M(() => [
+          fn: O(() => [
             b("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: s[0] || (s[0] = (a) => Be(e.value.userOptions.callbacks.csv))
+              onClick: s[0] || (s[0] = (a) => De(e.value.userOptions.callbacks.csv))
             }, [
               Ce(i(j), {
                 name: "excel",