vue-data-ui 3.0.0-next.37 → 3.0.0-next.38

package/dist/{vue-ui-heatmap-svE65xaD.js → vue-ui-heatmap-DFcG0beX.js}

@@ -1,18 +1,18 @@
-import { useCssVars as Dt, defineAsyncComponent as ne, computed as g, ref as c, shallowRef as nt, toRefs as Bt, watch as Re, onBeforeUnmount as Fe, onMounted as Ut, watchEffect as Ne, reactive as rt, createElementBlock as n, openBlock as u, unref as i, normalizeStyle as k, normalizeClass as re, createBlock as ve, createCommentVNode as p, createElementVNode as y, createVNode as He, createSlots as Yt, withCtx as R, renderSlot as T, normalizeProps as Z, guardReactiveProps as ee, Fragment as A, renderList as $, withDirectives as vt, createTextVNode as ct, toDisplayString as z, vShow as Gt, withKeys as Wt, nextTick as jt } from "vue";
-import { u as qt, c as Xe, A as Kt, a as Jt, C as Qt, o as dt, e as ht, P as ce, g as Zt, X as el, F as xe, i as E, f as H, v as D, q as tl, r as ll, x as al, y as ol } from "./index-wp5binlq.js";
-import { u as yt } from "./useNestedProp-DLeFGu88.js";
-import { u as sl } from "./usePrinter-gmsJtZaC.js";
-import { u as ul } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as il } from "./useChartAccessibility-9icAAmYg.js";
-import nl from "./vue-ui-accordion-DR5j0NkU.js";
-import rl from "./Title-CdBcQLZl.js";
-import vl from "./img-Ch-SX__W.js";
-import { t as we, u as cl } from "./useResponsive-DfdjqQps.js";
+import { useCssVars as Bt, defineAsyncComponent as ne, computed as g, ref as c, shallowRef as nt, toRefs as Ut, watch as Re, onBeforeUnmount as Fe, onMounted as Yt, watchEffect as Ne, reactive as rt, createElementBlock as n, openBlock as u, normalizeStyle as k, normalizeClass as re, createBlock as ve, createCommentVNode as p, createElementVNode as h, createVNode as He, unref as i, createSlots as Gt, withCtx as O, renderSlot as T, normalizeProps as Z, guardReactiveProps as ee, Fragment as L, renderList as R, withDirectives as vt, createTextVNode as ct, toDisplayString as S, vShow as Wt, withKeys as jt, nextTick as qt } from "vue";
+import { u as Kt, c as Xe, A as Jt, a as Qt, C as Zt, o as dt, e as yt, P as ce, g as el, X as tl, F as xe, i as E, f as H, v as D, q as ll, r as al, x as ol, y as sl } from "./index-Do8Yy3T8.js";
+import { u as ht } from "./useNestedProp-C7A9vyBD.js";
+import { u as ul } from "./usePrinter-BvP9oj3O.js";
+import { u as il } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as nl } from "./useChartAccessibility-9icAAmYg.js";
+import rl from "./vue-ui-accordion-DqXZmmXi.js";
+import vl from "./Title-C4mHBlGm.js";
+import cl from "./img-u92jJi7s.js";
+import { t as we, u as dl } from "./useResponsive-DfdjqQps.js";
 import { u as ft } from "./useTimeLabelCollider-CIsgDrl9.js";
 import { u as pt } from "./useTimeLabels-DkzmKfZn.js";
-import { u as dl, B as hl } from "./BaseScanner-DIK2NTdp.js";
-import { _ as yl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const fl = {
+import { u as yl, B as hl } from "./BaseScanner-DIK2NTdp.js";
+import { _ as fl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const pl = {
   mounted(b, X) {
     gt(b, X.value);
   },
@@ -24,8 +24,8 @@ function gt(b, {
   cellWidth: X,
   cellHeight: de,
   maxFontSize: Y,
-  minFontSize: he,
-  index: M,
+  minFontSize: ye,
+  index: $,
   reportRotation: te,
   reportHide: P,
   rotateAll: ke,
@@ -36,10 +36,10 @@ function gt(b, {
   b.setAttribute("font-size", Y);
   const W = b.getComputedTextLength();
   if (W <= X)
-    te(M, !1), P(M, !1);
+    te($, !1), P($, !1);
   else {
     const w = Math.floor(Y * X / W);
-    w >= he ? (b.setAttribute("font-size", w), te(M, !1), P(M, !1)) : (te(M, !0), P(M, !1), le = !0);
+    w >= ye ? (b.setAttribute("font-size", w), te($, !1), P($, !1)) : (te($, !0), P($, !1), le = !0);
   }
   if (ke && (le = !0), le) {
     b.setAttribute("font-size", Y);
@@ -47,15 +47,15 @@ function gt(b, {
     b.setAttribute("transform", `rotate(-90 ${Ae} ${ae})`);
     const j = b.getBBox().width;
     if (j <= de)
-      P(M, !1);
+      P($, !1);
     else {
       const oe = Math.floor(Y * de / j);
-      oe >= he ? (b.setAttribute("font-size", oe), P(M, !1)) : (G = !0, P(M, !0));
+      oe >= ye ? (b.setAttribute("font-size", oe), P($, !1)) : (G = !0, P($, !0));
     }
   }
   (C || G) && b.setAttribute("visibility", "hidden");
 }
-const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"], ml = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], xl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], wl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], kl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Al = ["font-size", "font-weight", "fill", "x", "y"], Ll = ["x", "y", "width", "height", "onMouseover", "onMouseout", "onClick"], Cl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Tl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], _l = ["font-size", "fill", "x", "y", "font-weight"], zl = ["font-size", "fill", "x", "y", "font-weight"], Sl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], $l = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Ml = { key: 6 }, Ol = ["x", "y", "width", "height", "stroke", "stroke-width"], Rl = { class: "vue-ui-heatmap-legend-gauge-right" }, Fl = ["data-value"], Nl = { class: "vue-ui-heatmap-gauge-indicator-value" }, Hl = {
+const gl = ["id"], bl = ["xmlns", "viewBox"], ml = ["x", "y", "width", "height"], xl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], wl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], kl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Al = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "onMouseover", "onMouseout", "onClick"], Ll = ["font-size", "font-weight", "fill", "x", "y"], Cl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Tl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], _l = ["font-size", "fill", "x", "y", "font-weight"], Sl = ["font-size", "fill", "x", "y", "font-weight"], zl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], $l = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Ml = { key: 6 }, Ol = ["x", "y", "width", "height", "stroke", "stroke-width"], Rl = { class: "vue-ui-heatmap-legend-gauge-right" }, Fl = ["data-value"], Nl = { class: "vue-ui-heatmap-gauge-indicator-value" }, Hl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Xl = { class: "vue-ui-data-table" }, Pl = { key: 0 }, Il = ["data-cell"], Vl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, El = ["data-cell"], Dl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Bl = {
@@ -76,36 +76,36 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint"],
   setup(b, { expose: X, emit: de }) {
-    Dt((t) => ({
-      "0be0aad3": t.tdo
+    Bt((t) => ({
+      ae23f74c: t.tdo
     }));
-    const Y = ne(() => import("./BaseIcon-bM96sLiE.js")), he = ne(() => import("./PackageVersion-C05X5sSL.js")), M = ne(() => import("./PenAndPaper-BX5caC5i.js")), te = ne(() => import("./Tooltip-cQGOp05f.js")), P = ne(() => import("./UserOptions-BLgabL-g.js")), { vue_ui_heatmap: ke } = qt(), C = b, le = de, G = g({
+    const Y = ne(() => import("./BaseIcon-B5hDik6M.js")), ye = ne(() => import("./PackageVersion-DoJRJ_yZ.js")), $ = ne(() => import("./PenAndPaper-BKLSbUJJ.js")), te = ne(() => import("./Tooltip-CIAaZqi-.js")), P = ne(() => import("./UserOptions-CtdmjrzM.js")), { vue_ui_heatmap: ke } = Kt(), C = b, le = de, G = g({
       get() {
         return !!C.dataset && C.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), W = c(Xe()), w = c(null), Ae = c(null), ae = c(!1), j = c(""), oe = c(void 0), se = c(null), Pe = c(0), Le = c(null), Ie = c(!1), Ve = c(0), bt = c(null), Ee = c(null), De = c(null), mt = c(null), Be = c(null), xt = c(null), Ce = c(null), Te = c(null), wt = c(null), Ue = c(null), q = nt(null), e = c(Se());
+    }), W = c(Xe()), w = c(null), Ae = c(null), ae = c(!1), j = c(""), oe = c(void 0), se = c(null), Pe = c(0), Le = c(null), Ie = c(!1), Ve = c(0), bt = c(null), Ee = c(null), De = c(null), mt = c(null), Be = c(null), xt = c(null), Ce = c(null), Te = c(null), wt = c(null), Ue = c(null), q = nt(null), e = c(ze());
     function kt() {
-      const t = Array(7).fill("_"), o = [], a = 14, s = t.length;
+      const t = Array(7).fill("_"), a = [], o = 14, s = t.length;
       for (let d = 0; d < s; d += 1) {
-        const r = [];
-        for (let x = 0; x < a; x += 1)
-          r.push(d + x * 2);
-        o.push({
+        const v = [];
+        for (let x = 0; x < o; x += 1)
+          v.push(d + x * 2);
+        a.push({
           name: `${t[d]}`,
-          values: r
+          values: v
         });
       }
-      return o;
+      return a;
     }
-    const { loading: ye, FINAL_DATASET: m, manualLoading: _e } = dl({
-      ...Bt(C),
+    const { loading: he, FINAL_DATASET: m, manualLoading: _e } = yl({
+      ...Ut(C),
       FINAL_CONFIG: e,
-      prepareConfig: Se,
+      prepareConfig: ze,
       skeletonDataset: kt(),
-      skeletonConfig: Kt({
+      skeletonConfig: Jt({
         defaultConfig: e.value,
         userConfig: {
           table: { show: !1 },
@@ -130,44 +130,47 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
           }
         }
       })
-    }), { userOptionsVisible: ze, setUserOptionsVisibility: Ye, keepUserOptionState: Ge } = ul({ config: e.value }), { svgRef: We } = il({ config: e.value.style.title });
-    function Se() {
-      const t = yt({
+    }), { userOptionsVisible: Se, setUserOptionsVisibility: At, keepUserOptionState: Ye } = il({ config: e.value }), { svgRef: Ge } = nl({ config: e.value.style.title });
+    function We(t) {
+      At(t);
+    }
+    function ze() {
+      const t = ht({
         userConfig: C.config,
         defaultConfig: ke
       });
-      let o = {};
-      return t.theme ? o = {
-        ...yt({
-          userConfig: Jt.vue_ui_heatmap[t.theme] || C.config,
+      let a = {};
+      return t.theme ? a = {
+        ...ht({
+          userConfig: Qt.vue_ui_heatmap[t.theme] || C.config,
           defaultConfig: t
         })
-      } : o = t, C.config && Qt(C.config, "style.layout.dataLabels.xAxis.showOnlyAtModulo") ? o.style.layout.dataLabels.xAxis.showOnlyAtModulo = C.config.style.layout.dataLabels.xAxis.showOnlyAtModulo : o.style.layout.dataLabels.xAxis.showOnlyAtModulo = null, o;
+      } : a = t, C.config && Zt(C.config, "style.layout.dataLabels.xAxis.showOnlyAtModulo") ? a.style.layout.dataLabels.xAxis.showOnlyAtModulo = C.config.style.layout.dataLabels.xAxis.showOnlyAtModulo : a.style.layout.dataLabels.xAxis.showOnlyAtModulo = null, a;
     }
     Re(() => C.config, (t) => {
-      ye.value || (e.value = Se()), ze.value = !e.value.userOptions.showOnChartHover, $e(), Ve.value += 1, S.value.showTable = e.value.table.show, S.value.showTooltip = e.value.style.tooltip.show;
+      he.value || (e.value = ze()), Se.value = !e.value.userOptions.showOnChartHover, $e(), Ve.value += 1, z.value.showTable = e.value.table.show, z.value.showTooltip = e.value.style.tooltip.show;
     }, { deep: !0 }), Re(() => C.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (_e.value = !1), $e();
     }, { deep: !0 });
-    const { isPrinting: je, isImaging: qe, generatePdf: Ke, generateImage: Je } = sl({
+    const { isPrinting: je, isImaging: qe, generatePdf: Ke, generateImage: Je } = ul({
       elementId: `heatmap__${W.value}`,
       fileName: e.value.style.title.text || "vue-ui-heatmap",
       options: e.value.userOptions.print
-    }), At = g(() => e.value.userOptions.show && !e.value.style.title.text), S = c({
+    }), Lt = g(() => e.value.userOptions.show && !e.value.style.title.text), z = c({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
     Re(e, () => {
-      S.value = {
+      z.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 });
-    const Lt = g(() => e.value.table.responsiveBreakpoint), K = nt(null);
-    function Ct() {
+    const Ct = g(() => e.value.table.responsiveBreakpoint), K = nt(null);
+    function Tt() {
       K.value && K.value.disconnect(), K.value = new ResizeObserver((t) => {
-        t.forEach((o) => {
-          Ie.value = o.contentRect.width < Lt.value;
+        t.forEach((a) => {
+          Ie.value = a.contentRect.width < Ct.value;
         });
       }), Le.value && K.value.observe(Le.value);
     }
@@ -176,13 +179,13 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
     });
     const I = c(null), Qe = g(() => !!e.value.debug);
     function $e() {
-      if (dt(C.dataset) && (ht({
+      if (dt(C.dataset) && (yt({
         componentName: "VueUiHeatmap",
         type: "dataset",
         debug: Qe.value
       }), G.value = !1, _e.value = !0), dt(C.dataset) || (_e.value = e.value.loading), e.value.responsive) {
         const t = we(() => {
-          const { width: o, height: a } = cl({
+          const { width: a, height: o } = dl({
             chart: w.value,
             title: e.value.style.title.text ? Ee.value : null,
             // add legend hirizontal in legend attr
@@ -191,180 +194,180 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
             noTitle: De.value
           });
           requestAnimationFrame(() => {
-            fe.value = o, pe.value = a;
+            fe.value = a, pe.value = o;
           });
         });
         I.value && (q.value && I.value.unobserve(q.value), I.value.disconnect()), I.value = new ResizeObserver(t), q.value = w.value.parentNode, I.value.observe(q.value);
       }
-      Ct();
+      Tt();
     }
     Fe(() => {
       I.value && (q.value && I.value.unobserve(q.value), I.value.disconnect());
-    }), Ut(() => {
+    }), Yt(() => {
       $e();
     });
     const F = g(() => Math.max(...m.value.flatMap((t) => (t.values || []).length))), fe = c(1e3), pe = c(300), _ = g(() => ({
       width: Math.max(10, fe.value),
       height: Math.max(10, pe.value)
-    })), ue = c(0), Tt = we((t) => {
+    })), ue = c(0), _t = we((t) => {
       ue.value = t;
     }, 100);
     Ne((t) => {
-      const o = Ce.value;
-      if (!o) return;
-      const a = new ResizeObserver((s) => {
-        Tt(s[0].contentRect.height);
+      const a = Ce.value;
+      if (!a) return;
+      const o = new ResizeObserver((s) => {
+        _t(s[0].contentRect.height);
       });
-      a.observe(o), t(() => a.disconnect());
+      o.observe(a), t(() => o.disconnect());
     });
-    const J = c(0), _t = we((t) => {
+    const J = c(0), St = we((t) => {
       J.value = t;
     }, 100);
     Ne((t) => {
-      const o = Be.value;
-      if (!o) return;
-      const a = new ResizeObserver((s) => {
-        _t(s[0].contentRect.width);
+      const a = Be.value;
+      if (!a) return;
+      const o = new ResizeObserver((s) => {
+        St(s[0].contentRect.width);
       });
-      a.observe(o), t(() => a.disconnect());
+      o.observe(a), t(() => o.disconnect());
     });
     const ge = c(0), zt = we((t) => {
       ge.value = t;
     }, 100);
     Ne((t) => {
-      const o = Te.value;
-      if (!o) return;
-      const a = new ResizeObserver((s) => {
+      const a = Te.value;
+      if (!a) return;
+      const o = new ResizeObserver((s) => {
         zt(s[0].contentRect.height);
       });
-      a.observe(o), t(() => a.disconnect());
+      o.observe(a), t(() => o.disconnect());
     }), Fe(() => {
       ue.value = 0, J.value = 0, ge.value = 0;
     });
-    const v = g(() => Math.min(_.value.height, _.value.width) / 1e3 * e.value.style.layout.cells.spacing), l = g(() => {
+    const r = g(() => Math.min(_.value.height, _.value.width) / 1e3 * e.value.style.layout.cells.spacing), l = g(() => {
       let t = 0;
       e.value.style.legend.show && (t = e.value.style.legend.width);
-      const o = e.value.style.layout.padding, a = e.value.style.layout.dataLabels.xAxis.fontSize / 3, s = e.value.style.layout.dataLabels.xAxis.fontSize / 2, d = _.value.height - o.top - o.bottom - ue.value - a, r = _.value.width / 60, x = {
-        x: v.value * F.value,
-        y: v.value * ((m.value || []).length + 1)
-      }, N = _.value.width - o.left - o.right - x.x - r * 2 - 2 - t - J.value, h = d - r - x.y - ge.value - s - e.value.style.layout.cells.columnTotal.value.offsetY, L = {
+      const a = e.value.style.layout.padding, o = e.value.style.layout.dataLabels.xAxis.fontSize / 3, s = e.value.style.layout.dataLabels.xAxis.fontSize / 2, d = _.value.height - a.top - a.bottom - ue.value - o, v = _.value.width / 60, x = {
+        x: r.value * F.value,
+        y: r.value * ((m.value || []).length + 1)
+      }, N = _.value.width - a.left - a.right - x.x - v * 2 - 2 - t - J.value, y = d - v - x.y - ge.value - s - e.value.style.layout.cells.columnTotal.value.offsetY, A = {
         width: Math.max(3, N / F.value),
-        height: Math.max(3, h / (m.value.length ?? 1))
+        height: Math.max(3, y / (m.value.length ?? 1))
       };
       return {
-        top: o.top + ue.value + r + a,
+        top: a.top + ue.value + v + o,
         topLabelsHeight: ue.value,
-        sumCellXHeight: r,
-        height: h,
-        left: o.left + J.value + r / 2,
-        right: o.right - t,
-        bottom: _.value.height - o.bottom - ge.value,
+        sumCellXHeight: v,
+        height: y,
+        left: a.left + J.value + v / 2,
+        right: a.right - t,
+        bottom: _.value.height - a.bottom - ge.value,
         width: N,
-        cellSize: L
+        cellSize: A
       };
     }), V = g(() => Math.max(...m.value.flatMap((t) => t.values))), ie = g(() => Math.min(...m.value.flatMap((t) => t.values))), B = g(() => {
-      const t = m.value.flatMap((a) => a.values);
-      return t.reduce((a, s) => a + s, 0) / t.length;
-    }), St = g(() => pt({
+      const t = m.value.flatMap((o) => o.values);
+      return t.reduce((o, s) => o + s, 0) / t.length;
+    }), $t = g(() => pt({
       values: e.value.style.layout.dataLabels.yAxis.values.length ? e.value.style.layout.dataLabels.yAxis.values : m.value.map((t) => t.name),
       maxDatapoints: m.value.length,
       formatter: e.value.style.layout.dataLabels.yAxis.datetimeFormatter,
       start: 0,
       end: m.value.length
-    })), $t = g(() => pt({
+    })), Mt = g(() => pt({
       values: e.value.style.layout.dataLabels.xAxis.values,
       maxDatapoints: F.value,
       formatter: e.value.style.layout.dataLabels.xAxis.datetimeFormatter,
       start: 0,
       end: F.value
     })), f = g(() => {
-      const t = St.value.map((h) => h.text), o = $t.value.map((h) => h.text), a = m.value.map((h) => h.values.reduce((L, Oe) => L + Oe, 0)), s = Math.max(...a), d = Math.min(...a), r = [];
-      for (let h = 0; h < F.value; h += 1)
-        r.push(m.value.map((L) => L.values[h] || 0).reduce((L, Oe) => L + Oe, 0));
-      const x = Math.max(...r), N = Math.min(...r);
+      const t = $t.value.map((y) => y.text), a = Mt.value.map((y) => y.text), o = m.value.map((y) => y.values.reduce((A, Oe) => A + Oe, 0)), s = Math.max(...o), d = Math.min(...o), v = [];
+      for (let y = 0; y < F.value; y += 1)
+        v.push(m.value.map((A) => A.values[y] || 0).reduce((A, Oe) => A + Oe, 0));
+      const x = Math.max(...v), N = Math.min(...v);
       return {
-        yTotals: a.map((h) => {
-          const L = isNaN(h / s) ? 0 : h / s;
+        yTotals: o.map((y) => {
+          const A = isNaN(y / s) ? 0 : y / s;
           return {
-            total: h,
-            proportion: L,
-            color: ce(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, d, s, h)
+            total: y,
+            proportion: A,
+            color: ce(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, d, s, y)
           };
         }),
-        xTotals: r.map((h) => {
-          const L = isNaN(h / x) ? 0 : h / x;
+        xTotals: v.map((y) => {
+          const A = isNaN(y / x) ? 0 : y / x;
           return {
-            total: h,
-            proportion: L,
-            color: ce(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, N, x, h)
+            total: y,
+            proportion: A,
+            color: ce(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, N, x, y)
           };
         }),
         yLabels: t,
-        xLabels: o.slice(0, F.value)
+        xLabels: a.slice(0, F.value)
       };
-    }), U = g(() => (m.value.forEach((t, o) => {
-      Zt({
+    }), U = g(() => (m.value.forEach((t, a) => {
+      el({
         datasetObject: t,
         requiredAttributes: ["values"]
-      }).forEach((a) => {
-        ht({
+      }).forEach((o) => {
+        yt({
           componentName: "VueUiHeatmap",
           type: "datasetSerieAttribute",
           property: "values",
-          index: o,
+          index: a,
           debug: Qe.value
         });
       });
-    }), m.value.map((t, o) => ({
+    }), m.value.map((t, a) => ({
       ...t,
-      temperatures: (t.values || []).map((a, s) => a >= B.value ? {
+      temperatures: (t.values || []).map((o, s) => o >= B.value ? {
         side: "up",
-        color: ce(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ie.value, V.value, a),
-        ratio: Math.abs(Math.abs(a - B.value) / Math.abs(V.value - B.value)) > 1 ? 1 : Math.abs(Math.abs(a - B.value) / Math.abs(V.value - B.value)),
-        value: a,
-        yAxisName: f.value.yLabels[o],
+        color: ce(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ie.value, V.value, o),
+        ratio: Math.abs(Math.abs(o - B.value) / Math.abs(V.value - B.value)) > 1 ? 1 : Math.abs(Math.abs(o - B.value) / Math.abs(V.value - B.value)),
+        value: o,
+        yAxisName: f.value.yLabels[a],
         xAxisName: f.value.xLabels[s],
         id: `vue-data-ui-heatmap-cell-${Xe()}`
       } : {
         side: "down",
-        ratio: Math.abs(1 - Math.abs(a) / Math.abs(B.value)) > 1 ? 1 : Math.abs(1 - Math.abs(a) / Math.abs(B.value)),
-        color: ce(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ie.value, V.value, a),
-        value: a,
-        yAxisName: f.value.yLabels[o],
+        ratio: Math.abs(1 - Math.abs(o) / Math.abs(B.value)) > 1 ? 1 : Math.abs(1 - Math.abs(o) / Math.abs(B.value)),
+        color: ce(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ie.value, V.value, o),
+        value: o,
+        yAxisName: f.value.yLabels[a],
         xAxisName: f.value.xLabels[s],
         id: `vue-data-ui-heatmap-cell-${Xe()}`
       })
-    })))), Ze = g(() => m.value.length), et = rt(Array(Ze.value * F.value || 1).fill(!1)), Mt = g(() => et.some((t) => t));
-    function Ot(t, o) {
-      et[t] = o;
+    })))), Ze = g(() => m.value.length), et = rt(Array(Ze.value * F.value || 1).fill(!1)), Ot = g(() => et.some((t) => t));
+    function Rt(t, a) {
+      et[t] = a;
     }
-    const tt = rt(Array(Ze.value * F.value || 1).fill(!1)), Rt = g(() => tt.some((t) => t));
-    function Ft(t, o) {
-      tt[t] = o;
+    const tt = rt(Array(Ze.value * F.value || 1).fill(!1)), Ft = g(() => tt.some((t) => t));
+    function Nt(t, a) {
+      tt[t] = a;
     }
-    const O = c(null), be = c(null);
-    function Nt(t, o, a, s) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: o }), se.value = { x: a, y: s };
-      const { value: d, yAxisName: r, xAxisName: x, id: N } = t;
-      oe.value = N, O.value = d, be.value = {
+    const M = c(null), be = c(null);
+    function Ht(t, a, o, s) {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), se.value = { x: o, y: s };
+      const { value: d, yAxisName: v, xAxisName: x, id: N } = t;
+      oe.value = N, M.value = d, be.value = {
         datapoint: t,
-        seriesIndex: o,
+        seriesIndex: a,
         series: U.value,
         config: e.value
       }, ae.value = !0;
-      let h = "";
-      const L = e.value.style.tooltip.customFormat;
-      al(L) && ol(() => L({
+      let y = "";
+      const A = e.value.style.tooltip.customFormat;
+      ol(A) && sl(() => A({
         datapoint: t,
-        seriesIndex: o,
+        seriesIndex: a,
         series: U.value,
         config: e.value
-      })) ? j.value = L({
+      })) ? j.value = A({
         datapoint: t,
-        seriesIndex: o,
+        seriesIndex: a,
         series: U.value,
         config: e.value
-      }) : (h += `<div>${r} ${x ? r ? ` - ${x}` : `${x}` : ""}</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:${ce(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ie.value, V.value, d)}">⬤</span><span>${isNaN(d) ? "-" : E(
+      }) : (y += `<div>${v} ${x ? v ? ` - ${x}` : `${x}` : ""}</div>`, y += `<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:${ce(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ie.value, V.value, d)}">⬤</span><span>${isNaN(d) ? "-" : E(
         e.value.style.layout.cells.value.formatter,
         d,
         H({
@@ -373,13 +376,13 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
           s: e.value.style.layout.dataLabels.suffix,
           r: e.value.style.tooltip.roundingValue
         }),
-        { datapoint: t, seriesIndex: o }
-      )}</span></div>`, j.value = `<div style="font-size:${e.value.style.tooltip.fontSize}px">${h}</div>`);
+        { datapoint: t, seriesIndex: a }
+      )}</span></div>`, j.value = `<div style="font-size:${e.value.style.tooltip.fontSize}px">${y}</div>`);
     }
-    function Ht({ datapoint: t, seriesIndex: o }) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: o }), ae.value = !1, oe.value = void 0, O.value = null, se.value = null;
+    function Xt({ datapoint: t, seriesIndex: a }) {
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a }), ae.value = !1, oe.value = void 0, M.value = null, se.value = null;
     }
-    function Xt(t) {
+    function Pt(t) {
       return E(
         e.value.style.layout.cells.value.formatter,
         f.value.yTotals[t].total,
@@ -392,7 +395,7 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
         { datapoint: f.value.yTotals[t], rowIndex: t }
       );
     }
-    function Pt(t) {
+    function It(t) {
       return E(
         e.value.style.layout.cells.value.formatter,
         f.value.xTotals[t].total,
@@ -406,22 +409,22 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
       );
     }
     g(() => {
-      const t = m.value.map((a) => ({
-        name: a.name
-      })), o = m.value.map((a) => a.values);
-      return { head: t, body: o };
+      const t = m.value.map((o) => ({
+        name: o.name
+      })), a = m.value.map((o) => o.values);
+      return { head: t, body: a };
     });
     function lt(t = null) {
-      jt(() => {
-        const o = ["", ...m.value.map((r, x) => r.name)], a = [];
-        for (let r = 0; r < f.value.xLabels.length; r += 1) {
-          const x = [f.value.xLabels[r]];
+      qt(() => {
+        const a = ["", ...m.value.map((v, x) => v.name)], o = [];
+        for (let v = 0; v < f.value.xLabels.length; v += 1) {
+          const x = [f.value.xLabels[v]];
           for (let N = 0; N < m.value.length; N += 1)
-            x.push([m.value[N].values[r]]);
-          a.push(x);
+            x.push([m.value[N].values[v]]);
+          o.push(x);
         }
-        const s = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([o]).concat(a), d = tl(s);
-        t ? t(d) : ll({ csvContent: d, title: e.value.style.title.text || "vue-ui-heatmap" });
+        const s = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([a]).concat(o), d = ll(s);
+        t ? t(d) : al({ csvContent: d, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
     const Q = c(!1);
@@ -429,30 +432,30 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
       Q.value = t, Pe.value += 1;
     }
     function ot() {
-      S.value.showTable = !S.value.showTable;
+      z.value.showTable = !z.value.showTable;
     }
     function st() {
-      S.value.showTooltip = !S.value.showTooltip;
+      z.value.showTooltip = !z.value.showTooltip;
     }
     const me = c(!1);
     function Me() {
       me.value = !me.value;
     }
-    function It(t, o) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: o }), le("selectDatapoint", t);
+    function Vt(t, a) {
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a }), le("selectDatapoint", t);
     }
-    function Vt() {
+    function Et() {
       return U.value;
     }
-    async function Et({ scale: t = 2 } = {}) {
+    async function Dt({ scale: t = 2 } = {}) {
       if (!w.value) return;
-      const { width: o, height: a } = w.value.getBoundingClientRect(), s = o / a, { imageUri: d, base64: r } = await vl({ domElement: w.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: o } = w.value.getBoundingClientRect(), s = a / o, { imageUri: d, base64: v } = await cl({ domElement: w.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: d,
-        base64: r,
+        base64: v,
         title: e.value.style.title.text,
-        width: o,
-        height: a,
+        width: a,
+        height: o,
         aspectRatio: s
       };
     }
@@ -485,8 +488,8 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
       width: fe,
       height: pe
     }), X({
-      getData: Vt,
-      getImage: Et,
+      getData: Et,
+      getImage: Dt,
       generatePdf: Ke,
       generateCsv: lt,
       generateImage: Je,
@@ -494,24 +497,24 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
       toggleTooltip: st,
       toggleAnnotator: Me,
       toggleFullscreen: at
-    }), (t, o) => (u(), n("div", {
+    }), (t, a) => (u(), n("div", {
       ref_key: "heatmapChart",
       ref: w,
       class: re(`vue-ui-heatmap ${Q.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: k(`font-family:${e.value.style.fontFamily};width:100%;${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.backgroundColor}`),
       id: `heatmap__${W.value}`,
-      onMouseenter: o[2] || (o[2] = () => i(Ye)(!0)),
-      onMouseleave: o[3] || (o[3] = () => i(Ye)(!1))
+      onMouseenter: a[2] || (a[2] = () => We(!0)),
+      onMouseleave: a[3] || (a[3] = () => We(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), ve(i(M), {
+      e.value.userOptions.buttons.annotator ? (u(), ve(i($), {
         key: 0,
-        svgRef: i(We),
+        svgRef: i(Ge),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         active: me.value,
         onClose: Me
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
-      At.value ? (u(), n("div", {
+      Lt.value ? (u(), n("div", {
         key: 1,
         ref_key: "noTitle",
         ref: De,
@@ -524,7 +527,7 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
         ref: Ee,
         style: "width:100%;background:transparent"
       }, [
-        (u(), ve(rl, {
+        (u(), ve(vl, {
           key: `title_${Ve.value}`,
           config: {
             title: {
@@ -538,7 +541,7 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : p("", !0),
-      e.value.userOptions.show && G.value && (i(Ge) || i(ze)) ? (u(), ve(i(P), {
+      e.value.userOptions.show && G.value && (i(Ye) || i(Se)) ? (u(), ve(i(P), {
         ref_key: "details",
         ref: Ae,
         key: `user_options_${Pe.value}`,
@@ -554,7 +557,7 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: Q.value,
-        isTooltip: S.value.showTooltip,
+        isTooltip: z.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: w.value,
         position: e.value.userOptions.position,
@@ -570,67 +573,67 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
         onToggleTooltip: st,
         onToggleAnnotator: Me,
         style: k({
-          visibility: i(Ge) ? i(ze) ? "visible" : "hidden" : "visible"
+          visibility: i(Ye) ? i(Se) ? "visible" : "hidden" : "visible"
         })
-      }, Yt({ _: 2 }, [
+      }, Gt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: R(({ isOpen: a, color: s }) => [
-            T(t.$slots, "menuIcon", Z(ee({ isOpen: a, color: s })), void 0, !0)
+          fn: O(({ isOpen: o, color: s }) => [
+            T(t.$slots, "menuIcon", Z(ee({ isOpen: o, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: R(() => [
+          fn: O(() => [
             T(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: R(() => [
+          fn: O(() => [
             T(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: R(() => [
+          fn: O(() => [
             T(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: R(() => [
+          fn: O(() => [
             T(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: R(() => [
+          fn: O(() => [
             T(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: R(({ toggleFullscreen: a, isFullscreen: s }) => [
-            T(t.$slots, "optionFullscreen", Z(ee({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+          fn: O(({ toggleFullscreen: o, isFullscreen: s }) => [
+            T(t.$slots, "optionFullscreen", Z(ee({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: R(({ toggleAnnotator: a, isAnnotator: s }) => [
-            T(t.$slots, "optionAnnotator", Z(ee({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+          fn: O(({ toggleAnnotator: o, isAnnotator: s }) => [
+            T(t.$slots, "optionAnnotator", Z(ee({ toggleAnnotator: o, isAnnotator: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
-      y("div", {
+      h("div", {
         class: re({
           "vue-ui-heatmap-chart-wrapper": !0,
           "vue-ui-heatmap-chart-wrapper-legend-right": e.value.style.legend.show
@@ -638,8 +641,8 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
       }, [
         (u(), n("svg", {
           ref_key: "svgRef",
-          ref: We,
-          xmlns: i(el),
+          ref: Ge,
+          xmlns: i(tl),
           class: re({ "vue-data-ui-fullscreen--on": Q.value, "vue-data-ui-fulscreen--off": !Q.value }),
           viewBox: `0 0 ${_.value.width} ${_.value.height}`,
           width: "100%",
@@ -648,7 +651,7 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
           role: "img",
           preserveAspectRatio: "xMidYMid"
         }, [
-          He(i(he)),
+          He(i(ye)),
           t.$slots["chart-background"] ? (u(), n("foreignObject", {
             key: 0,
             x: l.value.left,
@@ -660,65 +663,69 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
             }
           }, [
             T(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, bl)) : p("", !0),
+          ], 8, ml)) : p("", !0),
           e.value.style.layout.cells.columnTotal.color.show ? (u(), n("g", {
             key: 1,
             ref_key: "xAxisSumRects",
             ref: wt
           }, [
-            (u(!0), n(A, null, $(f.value.xTotals, (a, s) => (u(), n("rect", {
-              x: l.value.left + l.value.cellSize.width * s + v.value / 2 + l.value.sumCellXHeight,
-              y: l.value.top - l.value.sumCellXHeight + v.value * (_.value.height / _.value.width),
+            (u(!0), n(L, null, R(f.value.xTotals, (o, s) => (u(), n("rect", {
+              x: l.value.left + l.value.cellSize.width * s + r.value / 2 + l.value.sumCellXHeight,
+              y: l.value.top - l.value.sumCellXHeight + r.value * (_.value.height / _.value.width),
               height: l.value.sumCellXHeight,
-              width: l.value.cellSize.width - v.value,
+              width: l.value.cellSize.width - r.value,
               fill: e.value.style.layout.cells.colors.underlayer,
               stroke: e.value.style.backgroundColor,
-              "stroke-width": v.value
-            }, null, 8, ml))), 256)),
-            (u(!0), n(A, null, $(f.value.xTotals, (a, s) => (u(), n("rect", {
-              x: l.value.left + l.value.cellSize.width * s + v.value / 2 + l.value.sumCellXHeight,
-              y: l.value.top - l.value.sumCellXHeight + v.value * (_.value.height / _.value.width),
+              "stroke-width": r.value
+            }, null, 8, xl))), 256)),
+            (u(!0), n(L, null, R(f.value.xTotals, (o, s) => (u(), n("rect", {
+              x: l.value.left + l.value.cellSize.width * s + r.value / 2 + l.value.sumCellXHeight,
+              y: l.value.top - l.value.sumCellXHeight + r.value * (_.value.height / _.value.width),
               height: l.value.sumCellXHeight,
-              width: l.value.cellSize.width - v.value,
-              fill: a.color,
+              width: l.value.cellSize.width - r.value,
+              fill: o.color,
               stroke: e.value.style.backgroundColor,
-              "stroke-width": v.value
-            }, null, 8, xl))), 256))
+              "stroke-width": r.value
+            }, null, 8, wl))), 256))
           ], 512)) : p("", !0),
-          y("g", {
+          h("g", {
             ref_key: "datapoints",
             ref: bt
           }, [
-            (u(!0), n(A, null, $(U.value, (a, s) => (u(), n(A, null, [
-              (u(!0), n(A, null, $(a.temperatures, (d, r) => (u(), n("g", null, [
-                y("rect", {
-                  x: l.value.left + l.value.cellSize.width * r + v.value / 2 + l.value.sumCellXHeight,
-                  y: l.value.top + l.value.cellSize.height * s + v.value / 2,
-                  width: l.value.cellSize.width - v.value,
-                  height: l.value.cellSize.height - v.value,
+            (u(!0), n(L, null, R(U.value, (o, s) => (u(), n(L, null, [
+              (u(!0), n(L, null, R(o.temperatures, (d, v) => (u(), n("g", null, [
+                h("rect", {
+                  x: l.value.left + l.value.cellSize.width * v + r.value / 2 + l.value.sumCellXHeight,
+                  y: l.value.top + l.value.cellSize.height * s + r.value / 2,
+                  width: l.value.cellSize.width - r.value,
+                  height: l.value.cellSize.height - r.value,
                   fill: e.value.style.layout.cells.colors.underlayer,
                   stroke: e.value.style.backgroundColor,
-                  "stroke-width": v.value
-                }, null, 8, wl),
-                y("rect", {
-                  x: l.value.left + l.value.cellSize.width * r + v.value / 2 + l.value.sumCellXHeight,
-                  y: l.value.top + l.value.cellSize.height * s + v.value / 2,
-                  width: l.value.cellSize.width - v.value,
-                  height: l.value.cellSize.height - v.value,
+                  "stroke-width": r.value
+                }, null, 8, kl),
+                h("rect", {
+                  x: l.value.left + l.value.cellSize.width * v + r.value / 2 + l.value.sumCellXHeight,
+                  y: l.value.top + l.value.cellSize.height * s + r.value / 2,
+                  width: l.value.cellSize.width - r.value,
+                  height: l.value.cellSize.height - r.value,
                   fill: d.color,
                   stroke: e.value.style.backgroundColor,
-                  "stroke-width": v.value
-                }, null, 8, kl),
+                  "stroke-width": r.value,
+                  onMouseover: (x) => Ht(d, s, l.value.left + l.value.cellSize.width * v, l.value.top + l.value.cellSize.height * s),
+                  onMouseout: () => Xt({ datapoint: d, seriesIndex: s }),
+                  onClick: () => Vt(d, s)
+                }, null, 40, Al),
                 e.value.style.layout.cells.value.show ? vt((u(), n("text", {
                   key: 0,
                   "text-anchor": "middle",
                   "font-size": e.value.style.layout.cells.value.fontSize,
                   "font-weight": e.value.style.layout.cells.value.bold ? "bold" : "normal",
                   fill: i(xe)(d.color),
-                  x: l.value.left + l.value.cellSize.width * r + l.value.cellSize.width / 2 + l.value.sumCellXHeight,
-                  y: l.value.top + l.value.cellSize.height * s + l.value.cellSize.height / 2 + e.value.style.layout.cells.value.fontSize / 3
+                  x: l.value.left + l.value.cellSize.width * v + l.value.cellSize.width / 2 + l.value.sumCellXHeight,
+                  y: l.value.top + l.value.cellSize.height * s + l.value.cellSize.height / 2 + e.value.style.layout.cells.value.fontSize / 3,
+                  style: { pointerEvents: "none", userSelect: "none" }
                 }, [
-                  ct(z(i(E)(
+                  ct(S(i(E)(
                     e.value.style.layout.cells.value.formatter,
                     d.value,
                     i(H)({
@@ -729,32 +736,19 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
                     }),
                     { datapoint: d }
                   )), 1)
-                ], 8, Al)), [
-                  [i(fl), {
-                    cellWidth: l.value.cellSize.width - v.value,
-                    cellHeight: l.value.cellSize.height - v.value,
+                ], 8, Ll)), [
+                  [i(pl), {
+                    cellWidth: l.value.cellSize.width - r.value,
+                    cellHeight: l.value.cellSize.height - r.value,
                     maxFontSize: e.value.style.layout.cells.value.fontSize,
                     minFontSize: 10,
-                    index: s * F.value + r,
-                    reportHide: Ft,
-                    reportRotation: Ot,
-                    hideAll: Rt.value,
-                    rotateAll: Mt.value
+                    index: s * F.value + v,
+                    reportHide: Nt,
+                    reportRotation: Rt,
+                    hideAll: Ft.value,
+                    rotateAll: Ot.value
                   }]
                 ]) : p("", !0)
-              ]))), 256)),
-              (u(!0), n(A, null, $(a.temperatures, (d, r) => (u(), n("g", null, [
-                y("rect", {
-                  x: l.value.left + l.value.cellSize.width * r + l.value.sumCellXHeight,
-                  y: l.value.top + l.value.cellSize.height * s,
-                  width: l.value.cellSize.width,
-                  height: l.value.cellSize.height,
-                  fill: "transparent",
-                  stroke: "none",
-                  onMouseover: (x) => Nt(d, s, l.value.left + l.value.cellSize.width * r, l.value.top + l.value.cellSize.height * s),
-                  onMouseout: () => Ht({ datapoint: d, seriesIndex: s }),
-                  onClick: () => It(d, s)
-                }, null, 40, Ll)
               ]))), 256))
             ], 64))), 256))
           ], 512),
@@ -763,24 +757,24 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
             ref_key: "yAxisSumRects",
             ref: xt
           }, [
-            (u(!0), n(A, null, $(U.value, (a, s) => (u(), n(A, null, [
-              y("rect", {
+            (u(!0), n(L, null, R(U.value, (o, s) => (u(), n(L, null, [
+              h("rect", {
                 x: l.value.left,
                 y: l.value.top + l.value.cellSize.height * s,
                 width: l.value.sumCellXHeight,
-                height: l.value.cellSize.height - v.value,
+                height: l.value.cellSize.height - r.value,
                 fill: e.value.style.layout.cells.colors.underlayer,
                 stroke: e.value.style.backgroundColor,
-                "stroke-width": v.value
+                "stroke-width": r.value
               }, null, 8, Cl),
-              y("rect", {
+              h("rect", {
                 x: l.value.left,
-                y: l.value.top + l.value.cellSize.height * s + v.value / 2,
+                y: l.value.top + l.value.cellSize.height * s + r.value / 2,
                 width: l.value.sumCellXHeight,
-                height: l.value.cellSize.height - v.value,
+                height: l.value.cellSize.height - r.value,
                 fill: f.value.yTotals[s].color,
                 stroke: e.value.style.backgroundColor,
-                "stroke-width": v.value
+                "stroke-width": r.value
               }, null, 8, Tl)
             ], 64))), 256))
           ], 512)) : p("", !0),
@@ -789,8 +783,8 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
             ref_key: "yAxisLabels",
             ref: Be
           }, [
-            (u(!0), n(A, null, $(U.value, (a, s) => (u(), n(A, null, [
-              y("text", {
+            (u(!0), n(L, null, R(U.value, (o, s) => (u(), n(L, null, [
+              h("text", {
                 class: "vue-ui-heatmap-row-name",
                 "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
                 fill: e.value.style.layout.dataLabels.yAxis.color,
@@ -798,7 +792,7 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
                 y: l.value.top + l.value.cellSize.height * s + l.value.cellSize.height / 2 + e.value.style.layout.dataLabels.yAxis.fontSize / 3 + e.value.style.layout.dataLabels.yAxis.offsetY - (e.value.style.layout.cells.rowTotal.value.show ? e.value.style.layout.dataLabels.yAxis.fontSize / 1.5 : 0),
                 "text-anchor": "end",
                 "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal"
-              }, z(f.value.yLabels[s]), 9, _l),
+              }, S(f.value.yLabels[s]), 9, _l),
               e.value.style.layout.cells.rowTotal.value.show ? (u(), n("text", {
                 key: 0,
                 class: "vue-ui-heatmap-row-total",
@@ -808,7 +802,7 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
                 y: l.value.top + l.value.cellSize.height * s + l.value.cellSize.height / 2 + e.value.style.layout.dataLabels.yAxis.fontSize + e.value.style.layout.dataLabels.yAxis.offsetY,
                 "text-anchor": "end",
                 "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal"
-              }, z(Xt(s)), 9, zl)) : p("", !0)
+              }, S(Pt(s)), 9, Sl)) : p("", !0)
             ], 64))), 256))
           ], 512)) : p("", !0),
           e.value.style.layout.dataLabels.xAxis.show ? (u(), n("g", {
@@ -816,7 +810,7 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
             ref_key: "xAxisLabels",
             ref: Ce
           }, [
-            (u(!0), n(A, null, $(f.value.xLabels, (a, s) => (u(), n(A, null, [
+            (u(!0), n(L, null, R(f.value.xLabels, (o, s) => (u(), n(L, null, [
               !e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo || e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo && s % e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo === 0 ? (u(), n("text", {
                 key: 0,
                 class: "vue-ui-heatmap-col-name",
@@ -825,7 +819,7 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
                 fill: e.value.style.layout.dataLabels.xAxis.color,
                 "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal",
                 transform: `translate(${l.value.left + l.value.cellSize.width / 2 + l.value.width / f.value.xLabels.length * s + e.value.style.layout.dataLabels.xAxis.offsetX + l.value.sumCellXHeight}, ${l.value.topLabelsHeight}), rotate(${e.value.style.layout.dataLabels.xAxis.rotation})`
-              }, z(a), 9, Sl)) : p("", !0)
+              }, S(o), 9, zl)) : p("", !0)
             ], 64))), 256))
           ], 512)) : p("", !0),
           e.value.style.layout.cells.columnTotal.value.show ? (u(), n("g", {
@@ -833,22 +827,22 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
             ref_key: "xAxisSums",
             ref: Te
           }, [
-            (u(!0), n(A, null, $(f.value.xLabels, (a, s) => (u(), n("text", {
+            (u(!0), n(L, null, R(f.value.xLabels, (o, s) => (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,
               fill: e.value.style.layout.dataLabels.xAxis.color,
               "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal",
               transform: `translate(${l.value.left + l.value.cellSize.width / 2 + l.value.width / f.value.xLabels.length * s + e.value.style.layout.dataLabels.xAxis.offsetX + e.value.style.layout.cells.columnTotal.value.offsetX + l.value.sumCellXHeight}, ${l.value.bottom + e.value.style.layout.dataLabels.xAxis.fontSize / 2}), rotate(${e.value.style.layout.cells.columnTotal.value.rotation})`
-            }, z(Pt(s)), 9, $l))), 256))
+            }, S(It(s)), 9, $l))), 256))
           ], 512)) : p("", !0),
           se.value ? (u(), n("g", Ml, [
-            y("rect", {
+            h("rect", {
               style: { "pointer-events": "none" },
-              x: se.value.x - e.value.style.layout.cells.selected.border / 2 + v.value + l.value.sumCellXHeight,
-              y: se.value.y - e.value.style.layout.cells.selected.border / 2 + v.value,
-              width: l.value.cellSize.width - v.value + e.value.style.layout.cells.selected.border - v.value,
-              height: l.value.cellSize.height - v.value + e.value.style.layout.cells.selected.border - v.value,
+              x: se.value.x - e.value.style.layout.cells.selected.border / 2 + r.value + l.value.sumCellXHeight,
+              y: se.value.y - e.value.style.layout.cells.selected.border / 2 + r.value,
+              width: l.value.cellSize.width - r.value + e.value.style.layout.cells.selected.border - r.value,
+              height: l.value.cellSize.height - r.value + e.value.style.layout.cells.selected.border - r.value,
               fill: "transparent",
               stroke: e.value.style.layout.cells.selected.color,
               "stroke-width": e.value.style.layout.cells.selected.border,
@@ -856,7 +850,7 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
             }, null, 8, Ol)
           ])) : p("", !0),
           T(t.$slots, "svg", { svg: _.value }, void 0, !0)
-        ], 14, gl)),
+        ], 14, bl)),
         e.value.style.legend.show ? (u(), n("div", {
           key: 0,
           ref_key: "legendRight",
@@ -866,14 +860,14 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
             "--legend-width": e.value.style.legend.width + "px"
           })
         }, [
-          i(ye) ? p("", !0) : (u(), n("div", {
+          i(he) ? p("", !0) : (u(), n("div", {
             key: 0,
             class: "vue-ui-heatmap-legend-label-max",
             style: k({
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, z(i(E)(
+          }, S(i(E)(
             e.value.style.layout.cells.value.formatter,
             i(D)(V.value),
             i(H)({
@@ -883,21 +877,21 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
               r: e.value.style.legend.roundingValue
             })
           )), 5)),
-          y("div", Rl, [
-            y("div", {
+          h("div", Rl, [
+            h("div", {
               class: "vue-ui-heatmap-gauge",
               style: k({
                 background: `linear-gradient(to bottom, ${e.value.style.layout.cells.colors.hot}, ${e.value.style.layout.cells.colors.cold})`
               })
             }, [
-              vt(y("div", {
+              vt(h("div", {
                 class: "vue-ui-heatmap-gauge-indicator",
                 "data-value": i(E)(
                   e.value.style.layout.cells.value.formatter,
-                  i(D)(O.value),
+                  i(D)(M.value),
                   i(H)({
                     p: e.value.style.layout.dataLabels.prefix,
-                    v: i(D)(O.value),
+                    v: i(D)(M.value),
                     s: e.value.style.layout.dataLabels.suffix,
                     r: e.value.style.legend.roundingValue
                   })
@@ -906,39 +900,39 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
                   position: "absolute",
                   width: "100%",
                   height: "2px",
-                  background: [void 0, null].includes(O.value) ? "transparent" : i(xe)(be.value.datapoint.color),
-                  top: `${[void 0, null].includes(O.value) ? 0 : (1 - O.value / V.value) * 100}%`,
+                  background: [void 0, null].includes(M.value) ? "transparent" : i(xe)(be.value.datapoint.color),
+                  top: `${[void 0, null].includes(M.value) ? 0 : (1 - M.value / V.value) * 100}%`,
                   transition: "all 0.2s ease-in-out",
                   "--background-color": e.value.style.backgroundColor,
                   "--gauge-arrow-color": i(xe)(e.value.style.backgroundColor),
                   "--gauge-arrow-text-color": i(xe)(e.value.style.backgroundColor),
-                  "--gauge-arrow-value": O.value,
+                  "--gauge-arrow-value": M.value,
                   "--gauge-arrow-font-size": e.value.style.legend.fontSize + "px"
                 })
               }, [
-                y("div", Nl, z(i(E)(
+                h("div", Nl, S(i(E)(
                   e.value.style.layout.cells.value.formatter,
-                  i(D)(O.value),
+                  i(D)(M.value),
                   i(H)({
                     p: e.value.style.layout.dataLabels.prefix,
-                    v: i(D)(O.value),
+                    v: i(D)(M.value),
                     s: e.value.style.layout.dataLabels.suffix,
                     r: e.value.style.legend.roundingValue
                   })
                 )), 1)
               ], 12, Fl), [
-                [Gt, ![void 0, null].includes(O.value)]
+                [Wt, ![void 0, null].includes(M.value)]
               ])
             ], 4)
           ]),
-          i(ye) ? p("", !0) : (u(), n("div", {
+          i(he) ? p("", !0) : (u(), n("div", {
             key: 1,
             class: "vue-ui-heatmap-legend-label-min",
             style: k({
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, z(i(E)(
+          }, S(i(E)(
             e.value.style.layout.cells.value.formatter,
             i(D)(ie.value),
             i(H)({
@@ -962,7 +956,7 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
         T(t.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
       He(i(te), {
-        show: S.value.showTooltip && ae.value,
+        show: z.value.showTooltip && ae.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
         borderRadius: e.value.style.tooltip.borderRadius,
@@ -979,19 +973,19 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
         smooth: e.value.style.tooltip.smooth,
         backdropFilter: e.value.style.tooltip.backdropFilter
       }, {
-        "tooltip-before": R(() => [
+        "tooltip-before": O(() => [
           T(t.$slots, "tooltip-before", Z(ee({ ...be.value })), void 0, !0)
         ]),
-        "tooltip-after": R(() => [
+        "tooltip-after": O(() => [
           T(t.$slots, "tooltip-after", Z(ee({ ...be.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
-      G.value ? (u(), ve(nl, {
+      G.value ? (u(), ve(rl, {
         key: 6,
         hideDetails: "",
         config: {
-          open: S.value.showTable,
+          open: z.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.backgroundColor,
@@ -1003,22 +997,22 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
           }
         }
       }, {
-        content: R(() => [
-          y("div", {
+        content: O(() => [
+          h("div", {
             ref_key: "tableContainer",
             ref: Le,
             class: "vue-ui-heatmap-table atom-data-table"
           }, [
-            y("div", {
+            h("div", {
               style: "width:100%;overflow-x:auto;padding-top:36px;position:relative",
               class: re({ "vue-ui-responsive": Ie.value })
             }, [
-              y("div", {
+              h("div", {
                 role: "button",
                 tabindex: "0",
                 style: k(`width:32px; position: absolute; top: 0; left:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${e.value.table.th.backgroundColor};`),
-                onClick: o[0] || (o[0] = (a) => S.value.showTable = !1),
-                onKeypress: o[1] || (o[1] = Wt((a) => S.value.showTable = !1, ["enter"]))
+                onClick: a[0] || (a[0] = (o) => z.value.showTable = !1),
+                onKeypress: a[1] || (a[1] = jt((o) => z.value.showTable = !1, ["enter"]))
               }, [
                 He(i(Y), {
                   name: "close",
@@ -1026,46 +1020,46 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
                   "stroke-width": 2
                 }, null, 8, ["stroke"])
               ], 36),
-              y("table", Xl, [
-                y("caption", {
+              h("table", Xl, [
+                h("caption", {
                   style: k(`backgroundColor:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
                 }, [
-                  ct(z(e.value.style.title.text) + " ", 1),
-                  e.value.style.title.subtitle.text ? (u(), n("span", Pl, z(e.value.style.title.subtitle.text), 1)) : p("", !0)
+                  ct(S(e.value.style.title.text) + " ", 1),
+                  e.value.style.title.subtitle.text ? (u(), n("span", Pl, S(e.value.style.title.subtitle.text), 1)) : p("", !0)
                 ], 4),
-                y("thead", null, [
-                  y("tr", {
+                h("thead", null, [
+                  h("tr", {
                     role: "row",
                     style: k(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color}`)
                   }, [
-                    y("th", {
+                    h("th", {
                       style: k(`outline:${e.value.table.th.outline};padding-right:6px`)
                     }, null, 4),
-                    (u(!0), n(A, null, $(b.dataset, (a, s) => (u(), n("th", {
+                    (u(!0), n(L, null, R(b.dataset, (o, s) => (u(), n("th", {
                       align: "right",
                       style: k(`outline:${e.value.table.th.outline};padding-right:6px`)
-                    }, z(a.name), 5))), 256))
+                    }, S(o.name), 5))), 256))
                   ], 4)
                 ]),
-                y("tbody", null, [
-                  (u(!0), n(A, null, $(f.value.xLabels, (a, s) => (u(), n("tr", {
+                h("tbody", null, [
+                  (u(!0), n(L, null, R(f.value.xLabels, (o, s) => (u(), n("tr", {
                     role: "row",
                     class: re({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": s % 2 === 0, "vue-ui-data-table__tbody__row-odd": s % 2 !== 0 }),
                     style: k(`background:${e.value.table.td.backgroundColor};color:${e.value.table.td.color}`)
                   }, [
-                    y("td", {
+                    h("td", {
                       "data-cell": e.value.table.colNames.xAxis,
                       class: "vue-ui-data-table__tbody__td",
                       style: k(`outline:${e.value.table.td.outline}`)
                     }, [
-                      y("div", Vl, z(a), 1)
+                      h("div", Vl, S(o), 1)
                     ], 12, Il),
-                    (u(!0), n(A, null, $(b.dataset, (d, r) => (u(), n("td", {
+                    (u(!0), n(L, null, R(b.dataset, (d, v) => (u(), n("td", {
                       class: "vue-ui-data-table__tbody__td",
-                      "data-cell": b.dataset[r].name,
+                      "data-cell": b.dataset[v].name,
                       style: k(`outline:${e.value.table.td.outline}`)
                     }, [
-                      y("div", Dl, z(isNaN(d.values[s]) ? "-" : i(H)({ p: e.value.style.layout.dataLabels.prefix, v: d.values[s], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
+                      h("div", Dl, S(isNaN(d.values[s]) ? "-" : i(H)({ p: e.value.style.layout.dataLabels.prefix, v: d.values[s], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
                     ], 12, El))), 256))
                   ], 6))), 256))
                 ])
@@ -1075,10 +1069,10 @@ const pl = ["id"], gl = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"]
         ]),
         _: 1
       }, 8, ["config"])) : p("", !0),
-      i(ye) ? (u(), ve(hl, { key: 7 })) : p("", !0)
-    ], 46, pl));
+      i(he) ? (u(), ve(hl, { key: 7 })) : p("", !0)
+    ], 46, gl));
   }
-}, oa = /* @__PURE__ */ yl(Bl, [["__scopeId", "data-v-002978d2"]]);
+}, oa = /* @__PURE__ */ fl(Bl, [["__scopeId", "data-v-e992afeb"]]);
 export {
   oa as default
 };