vue-data-ui 3.5.0 → 3.5.1

package/dist/{vue-ui-heatmap-BZimPzsL.js → vue-ui-heatmap-DKKjl1A2.js}

@@ -1,7 +1,7 @@
-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 S, renderSlot as L, normalizeProps as se, guardReactiveProps as ue, Fragment as T, renderList as D, withDirectives as ft, createTextVNode as Xe, toDisplayString as _, 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, aw as vl, P as cl, Q as dl, G as hl, H as yl } from "./lib-C_mNZmhD.js";
+import { watchEffect as Jt, nextTick as Se, useCssVars as Qt, defineAsyncComponent as ue, 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 i, openBlock as u, normalizeStyle as L, normalizeClass as fe, createBlock as ge, createCommentVNode as p, createElementVNode as b, createVNode as Ce, unref as n, withCtx as k, renderSlot as w, normalizeProps as D, guardReactiveProps as B, createSlots as yt, Fragment as S, renderList as H, withDirectives as ft, createTextVNode as Xe, toDisplayString as $, vShow as ll, resolveDynamicComponent as al, mergeProps as ol, withKeys as sl } from "vue";
+import { c as Ie, t as ul, O as nl, o as gt, f as pt, ae as pe, g as il, X as rl, J as Le, a as j, d as V, x as q, aw as vl, P as cl, Q as dl, G as hl, H as yl } from "./lib-C_mNZmhD.js";
 import { t as Te, u as fl } from "./useResponsive-DfdjqQps.js";
-import { u as gl, a as bt } from "./useNestedProp-BjZe1Y85.js";
+import { u as gl, a as bt } from "./useNestedProp-DjGXw6S9.js";
 import { u as pl } from "./usePrinter-DTzqpYKF.js";
 import { u as bl, B as ml } from "./BaseScanner-BgWxam9d.js";
 import { u as xl } from "./useSvgExport-DrjCWun4.js";
@@ -11,41 +11,41 @@ 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-BecE5qXd.js";
-import Ll from "./Title-l36lOBMx.js";
+import Ll from "./Title-isbiM8i8.js";
 import { t as Tl } from "./themes-AUNCOb2G.js";
-import Sl from "./vue-ui-accordion-CZ0thhxa.js";
-import { _ as _l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function Ve({ elementRef: y, callback: R, attr: B, earlyReturn: I = !1 }) {
-  I || Jt(
-    (j) => {
+import Sl from "./vue-ui-accordion-CqhVCfc2.js";
+import { _ as $l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function Ve({ elementRef: y, callback: R, attr: P, earlyReturn: E = !1 }) {
+  E || Jt(
+    (K) => {
       const x = y.value;
       if (!x) return;
-      const V = new ResizeObserver(($) => {
-        const q = $[0]?.contentRect;
+      const U = new ResizeObserver((_) => {
+        const J = _[0]?.contentRect;
         let f;
-        if (q && q[B] != null)
-          f = q[B];
+        if (J && J[P] != null)
+          f = J[P];
         else
           try {
-            B === "width" ? f = typeof x.getBBox == "function" ? x.getBBox().width : x.getBoundingClientRect().width : f = typeof x.getBBox == "function" ? x.getBBox().height : x.getBoundingClientRect().height;
+            P === "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 = B === "width" ? K.width : K.height;
+            const Q = x.getBoundingClientRect();
+            f = P === "width" ? Q.width : Q.height;
           }
         typeof f == "number" && !Number.isNaN(f) && R(f);
       });
-      V.observe(x), Se(() => {
+      U.observe(x), Se(() => {
         requestAnimationFrame(() => {
           if (!y.value) return;
-          const $ = y.value.getBoundingClientRect(), E = B === "width" ? $.width : $.height;
-          typeof E == "number" && !Number.isNaN(E) && R(E);
+          const _ = y.value.getBoundingClientRect(), G = P === "width" ? _.width : _.height;
+          typeof G == "number" && !Number.isNaN(G) && R(G);
         });
-      }), j(() => V.disconnect());
+      }), K(() => U.disconnect());
     },
     { flush: "post" }
   );
 }
-const $l = {
+const _l = {
   mounted(y, R) {
     wt(y, R.value);
   },
@@ -55,38 +55,38 @@ const $l = {
 };
 function wt(y, {
   cellWidth: R,
-  cellHeight: B,
-  maxFontSize: I,
-  minFontSize: j,
+  cellHeight: P,
+  maxFontSize: E,
+  minFontSize: K,
   index: x,
-  reportRotation: V,
-  reportHide: $,
-  rotateAll: E,
-  hideAll: q
+  reportRotation: U,
+  reportHide: _,
+  rotateAll: G,
+  hideAll: J
 }) {
   y.removeAttribute("transform"), y.removeAttribute("visibility");
-  let f = !1, K = !1;
-  y.setAttribute("font-size", I);
-  const ee = y.getComputedTextLength();
-  if (ee <= R)
-    V(x, !1), $(x, !1);
+  let f = !1, Q = !1;
+  y.setAttribute("font-size", E);
+  const le = y.getComputedTextLength();
+  if (le <= R)
+    U(x, !1), _(x, !1);
   else {
-    const F = Math.floor(I * R / ee);
-    F >= j ? (y.setAttribute("font-size", F), V(x, !1), $(x, !1)) : (V(x, !0), $(x, !1), f = !0);
+    const F = Math.floor(E * R / le);
+    F >= K ? (y.setAttribute("font-size", F), U(x, !1), _(x, !1)) : (U(x, !0), _(x, !1), f = !0);
   }
-  if (E && (f = !0), f) {
-    y.setAttribute("font-size", I);
-    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 <= B)
-      $(x, !1);
+  if (G && (f = !0), f) {
+    y.setAttribute("font-size", E);
+    const F = y.getBBox(), z = F.x + F.width / 2, ne = F.y + F.height / 2;
+    y.setAttribute("transform", `rotate(-90 ${z} ${ne})`);
+    const ae = y.getBBox().width;
+    if (ae <= P)
+      _(x, !1);
     else {
-      const ne = Math.floor(I * B / te);
-      ne >= j ? (y.setAttribute("font-size", ne), $(x, !1)) : (K = !0, $(x, !0));
+      const ie = Math.floor(E * P / ae);
+      ie >= K ? (y.setAttribute("font-size", ie), _(x, !1)) : (Q = !0, _(x, !0));
     }
   }
-  (q || K) && y.setAttribute("visibility", "hidden");
+  (J || Q) && y.setAttribute("visibility", "hidden");
 }
 const zl = ["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,
@@ -108,24 +108,24 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectDatapoint"],
-  setup(y, { expose: R, emit: B }) {
+  setup(y, { expose: R, emit: P }) {
     Qt((t) => ({
-      v10a17c55: t.tdo
+      v18304948: t.tdo
     }));
-    const I = oe(() => import("./Tooltip-oWCO1HKy.js")), j = oe(() => import("./BaseIcon-BmMbm4d0.js")), x = oe(() => import("./PenAndPaper-DSvu9dwa.js")), V = oe(() => import("./UserOptions-CGnQt6Fd.js")), $ = oe(() => import("./PackageVersion-Cyx_s25h.js")), E = oe(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_heatmap: q } = gl(), f = y, K = B, ee = g({
+    const E = ue(() => import("./Tooltip-oWCO1HKy.js")), K = ue(() => import("./BaseIcon-BmMbm4d0.js")), x = ue(() => import("./PenAndPaper-SZQIAgkg.js")), U = ue(() => import("./UserOptions-CGnQt6Fd.js")), _ = ue(() => import("./PackageVersion-DQvyATVa.js")), G = ue(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_heatmap: J } = gl(), f = y, Q = P, le = 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), 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), $e = d(null), ze = d(null), Lt = d(null), qe = d(null), le = Zt(null), e = d(Fe());
+    }), F = d(Ie()), z = d(null), ne = d(!1), ae = d(""), ie = 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), _e = d(null), ze = d(null), Lt = d(null), qe = d(null), oe = 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) {
         const c = [];
-        for (let k = 0; k < a; k += 1)
-          c.push(v + k * 2);
+        for (let C = 0; C < a; C += 1)
+          c.push(v + C * 2);
         s.push({
           name: `${t[v]}`,
           values: c
@@ -133,7 +133,7 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
       }
       return s;
     }
-    const { loading: be, FINAL_DATASET: w, manualLoading: Oe } = bl({
+    const { loading: be, FINAL_DATASET: A, manualLoading: Oe } = bl({
       ...el(f),
       FINAL_CONFIG: e,
       prepareConfig: Fe,
@@ -175,7 +175,7 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
     function Fe() {
       const t = bt({
         userConfig: f.config,
-        defaultConfig: q
+        defaultConfig: J
       });
       let s = {};
       return t.theme ? s = {
@@ -183,7 +183,7 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
           userConfig: Tl.vue_ui_heatmap[t.theme] || f.config,
           defaultConfig: t
         })
-      } : 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;
+      } : s = t, f.config && nl(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()), 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;
@@ -194,7 +194,7 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
       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), M = 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
     });
@@ -204,13 +204,13 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 });
-    const $t = g(() => e.value.table.responsiveBreakpoint), U = d(null), lt = g(() => !!e.value.debug);
+    const _t = g(() => e.value.table.responsiveBreakpoint), Y = d(null), lt = g(() => !!e.value.debug);
     function Ne() {
       if (gt(f.dataset) && (pt({
         componentName: "VueUiHeatmap",
         type: "dataset",
         debug: lt.value
-      }), ee.value = !1, Oe.value = !0), gt(f.dataset) || (Oe.value = e.value.loading), e.value.responsive) {
+      }), le.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,
@@ -224,94 +224,94 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
             ce.value = s, de.value = a;
           });
         });
-        U.value && (le.value && U.value.unobserve(le.value), U.value.disconnect()), U.value = new ResizeObserver(t), le.value = z.value.parentNode, U.value.observe(le.value);
+        Y.value && (oe.value && Y.value.unobserve(oe.value), Y.value.disconnect()), Y.value = new ResizeObserver(t), oe.value = z.value.parentNode, Y.value.observe(oe.value);
       }
     }
     dt(() => {
-      U.value && (le.value && U.value.unobserve(le.value), U.value.disconnect());
+      Y.value && (oe.value && Y.value.unobserve(oe.value), Y.value.disconnect());
     }), tl(() => {
       Ne();
     });
-    const H = g(() => Math.max(...w.value.flatMap((t) => (t.values || []).length))), ce = d(e.value.style.layout.width), de = d(e.value.style.layout.height), O = g(() => ({
+    const X = g(() => Math.max(...A.value.flatMap((t) => (t.values || []).length))), ce = d(e.value.style.layout.width), de = d(e.value.style.layout.height), O = g(() => ({
       width: Math.max(10, ce.value),
       height: Math.max(10, de.value)
     })), he = d(0), zt = Te((t) => {
       he.value = t;
     }, 100);
-    Ve({ elementRef: $e, callback: zt, attr: "height" });
-    const ae = d(0), Ot = Te((t) => {
-      ae.value = t;
+    Ve({ elementRef: _e, callback: zt, attr: "height" });
+    const se = d(0), Ot = Te((t) => {
+      se.value = t;
     }, 100);
     Ve({ elementRef: je, callback: Ot, attr: "width" });
     const me = d(0), Mt = Te((t) => {
       me.value = t;
     }, 100);
     Ve({ elementRef: ze, callback: Mt, attr: "height" }), dt(() => {
-      he.value = 0, ae.value = 0, me.value = 0;
+      he.value = 0, se.value = 0, me.value = 0;
     });
     const r = g(() => Math.min(O.value.height, O.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 s = e.value.style.layout.padding, a = e.value.style.layout.dataLabels.xAxis.fontSize / 3, o = e.value.style.layout.dataLabels.xAxis.fontSize / 2, v = O.value.height - s.top - s.bottom - he.value - a, c = O.value.width / 60, k = {
-        x: r.value * H.value,
-        y: r.value * ((w.value || []).length + 1)
-      }, P = O.value.width - s.left - s.right - k.x - c * 2 - 2 - t - ae.value, h = v - c - k.y - me.value - o - e.value.style.layout.cells.columnTotal.value.offsetY, C = {
-        width: Math.max(3, P / H.value),
-        height: Math.max(3, h / (w.value.length ?? 1))
+      const s = e.value.style.layout.padding, a = e.value.style.layout.dataLabels.xAxis.fontSize / 3, o = e.value.style.layout.dataLabels.xAxis.fontSize / 2, v = O.value.height - s.top - s.bottom - he.value - a, c = O.value.width / 60, C = {
+        x: r.value * X.value,
+        y: r.value * ((A.value || []).length + 1)
+      }, I = O.value.width - s.left - s.right - C.x - c * 2 - 2 - t - se.value, h = v - c - C.y - me.value - o - e.value.style.layout.cells.columnTotal.value.offsetY, T = {
+        width: Math.max(3, I / X.value),
+        height: Math.max(3, h / (A.value.length ?? 1))
       };
       return {
         top: s.top + he.value + c + a,
         topLabelsHeight: he.value,
         sumCellXHeight: c,
         height: h,
-        left: s.left + ae.value + c / 2,
+        left: s.left + se.value + c / 2,
         right: s.right - t,
         bottom: O.value.height - s.bottom - me.value,
-        width: P,
-        cellSize: C
+        width: I,
+        cellSize: T
       };
-    }), 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);
+    }), W = g(() => Math.max(...A.value.flatMap((t) => t.values))), ye = g(() => Math.min(...A.value.flatMap((t) => t.values))), Z = g(() => {
+      const t = A.value.flatMap((a) => a.values);
       return t.reduce((a, o) => a + o, 0) / t.length;
     }), Rt = g(() => mt({
-      values: e.value.style.layout.dataLabels.yAxis.values.length ? e.value.style.layout.dataLabels.yAxis.values : w.value.map((t) => t.name),
-      maxDatapoints: w.value.length,
+      values: e.value.style.layout.dataLabels.yAxis.values.length ? e.value.style.layout.dataLabels.yAxis.values : A.value.map((t) => t.name),
+      maxDatapoints: A.value.length,
       formatter: e.value.style.layout.dataLabels.yAxis.datetimeFormatter,
       start: 0,
-      end: w.value.length
+      end: A.value.length
     })), Ft = g(() => mt({
       values: e.value.style.layout.dataLabels.xAxis.values,
-      maxDatapoints: H.value,
+      maxDatapoints: X.value,
       formatter: e.value.style.layout.dataLabels.xAxis.datetimeFormatter,
       start: 0,
-      end: H.value
+      end: X.value
     })), m = g(() => {
-      const t = Rt.value.map((h) => h.text), s = Ft.value.map((h) => h.text), a = w.value.map((h) => h.values.reduce((C, Pe) => C + Pe, 0)), o = Math.max(...a), v = Math.min(...a), c = [];
-      for (let h = 0; h < H.value; h += 1)
-        c.push(w.value.map((C) => C.values[h] || 0).reduce((C, Pe) => C + Pe, 0));
-      const k = Math.max(...c), P = Math.min(...c);
+      const t = Rt.value.map((h) => h.text), s = Ft.value.map((h) => h.text), a = A.value.map((h) => h.values.reduce((T, Pe) => T + Pe, 0)), o = Math.max(...a), v = Math.min(...a), c = [];
+      for (let h = 0; h < X.value; h += 1)
+        c.push(A.value.map((T) => T.values[h] || 0).reduce((T, Pe) => T + Pe, 0));
+      const C = Math.max(...c), I = Math.min(...c);
       return {
         yTotals: a.map((h) => {
-          const C = isNaN(h / o) ? 0 : h / o;
+          const T = isNaN(h / o) ? 0 : h / o;
           return {
             total: h,
-            proportion: C,
+            proportion: T,
             color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, v, o, h)
           };
         }),
         xTotals: c.map((h) => {
-          const C = isNaN(h / k) ? 0 : h / k;
+          const T = isNaN(h / C) ? 0 : h / C;
           return {
             total: h,
-            proportion: C,
-            color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, P, k, h)
+            proportion: T,
+            color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, I, C, h)
           };
         }),
         yLabels: t,
-        xLabels: s.slice(0, H.value)
+        xLabels: s.slice(0, X.value)
       };
-    }), Q = g(() => (w.value.forEach((t, s) => {
-      nl({
+    }), ee = g(() => (A.value.forEach((t, s) => {
+      il({
         datasetObject: t,
         requiredAttributes: ["values"]
       }).forEach((a) => {
@@ -323,75 +323,75 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
           debug: lt.value
         });
       });
-    }), w.value.map((t, s) => ({
+    }), A.value.map((t, s) => ({
       ...t,
-      temperatures: (t.values || []).map((a, o) => a >= J.value ? {
+      temperatures: (t.values || []).map((a, o) => a >= Z.value ? {
         side: "up",
-        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)),
+        color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ye.value, W.value, a),
+        ratio: Math.abs(Math.abs(a - Z.value) / Math.abs(W.value - Z.value)) > 1 ? 1 : Math.abs(Math.abs(a - Z.value) / Math.abs(W.value - Z.value)),
         value: a,
         yAxisName: m.value.yLabels[s],
         xAxisName: m.value.xLabels[o],
         id: `vue-data-ui-heatmap-cell-${Ie()}`
       } : {
         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, G.value, a),
+        ratio: Math.abs(1 - Math.abs(a) / Math.abs(Z.value)) > 1 ? 1 : Math.abs(1 - Math.abs(a) / Math.abs(Z.value)),
+        color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ye.value, W.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));
+    })))), at = g(() => A.value.length), ot = ht(Array(at.value * X.value || 1).fill(!1)), Nt = g(() => ot.some((t) => t));
     function Dt(t, s) {
       ot[t] = s;
     }
-    const st = ht(Array(at.value * H.value || 1).fill(!1)), Bt = g(() => st.some((t) => t));
+    const st = ht(Array(at.value * X.value || 1).fill(!1)), Bt = g(() => st.some((t) => t));
     function Ht(t, s) {
       st[t] = s;
     }
     const N = d(null), xe = d(null);
     function Pt(t, s, a, o) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: s }), re.value = { x: a, y: o };
-      const { value: v, yAxisName: c, xAxisName: k, id: P } = t;
-      ne.value = P, N.value = v, xe.value = {
+      const { value: v, yAxisName: c, xAxisName: C, id: I } = t;
+      ie.value = I, N.value = v, xe.value = {
         datapoint: t,
         seriesIndex: s,
-        series: Q.value,
+        series: ee.value,
         config: e.value
-      }, ie.value = !0;
+      }, ne.value = !0;
       let h = "";
-      const C = e.value.style.tooltip.customFormat;
-      hl(C) && yl(() => C({
+      const T = e.value.style.tooltip.customFormat;
+      hl(T) && yl(() => T({
         datapoint: t,
         seriesIndex: s,
-        series: Q.value,
+        series: ee.value,
         config: e.value
-      })) ? te.value = C({
+      })) ? ae.value = T({
         datapoint: t,
         seriesIndex: s,
-        series: Q.value,
+        series: ee.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, G.value, v)}">⬤</span><span>${isNaN(v) ? "-" : Y(
+      }) : (h += `<div>${c} ${C ? c ? ` - ${C}` : `${C}` : ""}</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, W.value, v)}">⬤</span><span>${isNaN(v) ? "-" : j(
         e.value.style.layout.cells.value.formatter,
         v,
-        X({
+        V({
           p: e.value.style.layout.dataLabels.prefix,
           v,
           s: e.value.style.layout.dataLabels.suffix,
           r: e.value.style.tooltip.roundingValue
         }),
         { datapoint: t, seriesIndex: s }
-      )}</span></div>`, te.value = `<div style="font-size:${e.value.style.tooltip.fontSize}px">${h}</div>`);
+      )}</span></div>`, ae.value = `<div style="font-size:${e.value.style.tooltip.fontSize}px">${h}</div>`);
     }
     function Xt({ datapoint: t, seriesIndex: s }) {
-      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;
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: s }), ne.value = !1, ie.value = void 0, N.value = null, re.value = null;
     }
     function It(t) {
-      return Y(
+      return j(
         e.value.style.layout.cells.value.formatter,
         m.value.yTotals[t].total,
-        X({
+        V({
           p: e.value.style.layout.dataLabels.prefix,
           v: m.value.yTotals[t].total,
           s: e.value.style.layout.dataLabels.suffix,
@@ -401,10 +401,10 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
       );
     }
     function Vt(t) {
-      return Y(
+      return j(
         e.value.style.layout.cells.value.formatter,
         m.value.xTotals[t].total,
-        X({
+        V({
           p: e.value.style.layout.dataLabels.prefix,
           v: m.value.xTotals[t].total,
           s: e.value.style.layout.dataLabels.suffix,
@@ -414,32 +414,32 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
       );
     }
     g(() => {
-      const t = w.value.map((a) => ({
+      const t = A.value.map((a) => ({
         name: a.name
-      })), s = w.value.map((a) => a.values);
+      })), s = A.value.map((a) => a.values);
       return { head: t, body: s };
     });
     function De(t = null) {
       Se(() => {
-        const s = ["", ...w.value.map((c, k) => c.name)], a = [];
+        const s = ["", ...A.value.map((c, C) => c.name)], a = [];
         for (let c = 0; c < m.value.xLabels.length; c += 1) {
-          const k = [m.value.xLabels[c]];
-          for (let P = 0; P < w.value.length; P += 1)
-            k.push([w.value[P].values[c]]);
-          a.push(k);
+          const C = [m.value.xLabels[c]];
+          for (let I = 0; I < A.value.length; I += 1)
+            C.push([A.value[I].values[c]]);
+          a.push(C);
         }
         const o = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([s]).concat(a), v = cl(o);
         t ? t(v) : dl({ csvContent: v, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
-    const Z = d(!1);
+    const te = d(!1);
     function ut(t) {
-      Z.value = t, Ee.value += 1;
+      te.value = t, Ee.value += 1;
     }
-    function it() {
+    function nt() {
       M.value.showTable = !M.value.showTable;
     }
-    function nt() {
+    function it() {
       M.value.showTooltip = !M.value.showTooltip;
     }
     const we = d(!1);
@@ -447,10 +447,10 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
       we.value = !we.value;
     }
     function Et(t, s) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: s }), K("selectDatapoint", t);
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: s }), Q("selectDatapoint", t);
     }
     function Ut() {
-      return Q.value;
+      return ee.value;
     }
     async function Gt({ scale: t = 2 } = {}) {
       if (!z.value) return;
@@ -466,10 +466,10 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
     }
     const rt = g(() => ({
       start: 0,
-      end: H.value
+      end: X.value
     })), vt = g(() => m.value.xLabels);
     xt({
-      timeLabelsEls: $e,
+      timeLabelsEls: _e,
       timeLabels: vt,
       slicer: rt,
       configRef: e,
@@ -496,14 +496,14 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
     const ke = g(() => {
       const t = e.value.table.useDialog && !e.value.table.show, s = M.value.showTable;
       return {
-        component: t ? E : Sl,
+        component: t ? G : Sl,
         title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? `: ${e.value.style.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: Z.value,
+          isFullscreen: te.value,
           fullscreenParent: z.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
@@ -526,9 +526,9 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
     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: Yt } = wl(Ue, $t);
+    const { isResponsive: Yt } = wl(Ue, _t);
     function He() {
-      M.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,
@@ -549,35 +549,55 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
       generateCsv: De,
       generateImage: tt,
       generateSvg: ct,
-      toggleTable: it,
-      toggleTooltip: nt,
+      toggleTable: nt,
+      toggleTooltip: it,
       toggleAnnotator: Be,
       toggleFullscreen: ut
-    }), (t, s) => (u(), n("div", {
+    }), (t, s) => (u(), i("div", {
       ref_key: "heatmapChart",
       ref: z,
-      class: fe(`vue-data-ui-component vue-ui-heatmap ${Z.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: A(`font-family:${e.value.style.fontFamily};width:100%;${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.backgroundColor}`),
+      class: fe(`vue-data-ui-component vue-ui-heatmap ${te.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      style: L(`font-family:${e.value.style.fontFamily};width:100%;${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.backgroundColor}`),
       id: `heatmap__${F.value}`,
       onMouseenter: s[1] || (s[1] = () => Je(!0)),
       onMouseleave: s[2] || (s[2] = () => Je(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), ge(i(x), {
+      e.value.userOptions.buttons.annotator ? (u(), ge(n(x), {
         key: 0,
-        svgRef: i(Re),
+        svgRef: n(Re),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         active: we.value,
         onClose: Be
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
-      _t.value ? (u(), n("div", {
+      }, {
+        "annotator-action-close": k(() => [
+          w(t.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": k(({ color: a }) => [
+          w(t.$slots, "annotator-action-color", D(B({ color: a })), void 0, !0)
+        ]),
+        "annotator-action-draw": k(({ mode: a }) => [
+          w(t.$slots, "annotator-action-draw", D(B({ mode: a })), void 0, !0)
+        ]),
+        "annotator-action-undo": k(({ disabled: a }) => [
+          w(t.$slots, "annotator-action-undo", D(B({ disabled: a })), void 0, !0)
+        ]),
+        "annotator-action-redo": k(({ disabled: a }) => [
+          w(t.$slots, "annotator-action-redo", D(B({ disabled: a })), void 0, !0)
+        ]),
+        "annotator-action-delete": k(({ disabled: a }) => [
+          w(t.$slots, "annotator-action-delete", D(B({ disabled: a })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
+      $t.value ? (u(), i("div", {
         key: 1,
         ref_key: "noTitle",
         ref: We,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : p("", !0),
-      e.value.style.title.text ? (u(), n("div", {
+      e.value.style.title.text ? (u(), i("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: Ye,
@@ -597,14 +617,14 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : p("", !0),
-      e.value.userOptions.show && ee.value && (i(Ke) || i(Me)) ? (u(), ge(i(V), {
+      e.value.userOptions.show && le.value && (n(Ke) || n(Me)) ? (u(), ge(n(U), {
         ref_key: "userOptionsRef",
-        ref: _e,
+        ref: $e,
         key: `user_options_${Ee.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: i(Ze),
-        isPrinting: i(Qe),
+        isImaging: n(Ze),
+        isPrinting: n(Qe),
         uid: F.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -613,7 +633,7 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
         hasXls: e.value.userOptions.buttons.csv,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: Z.value,
+        isFullscreen: te.value,
         isTooltip: M.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: z.value,
@@ -624,77 +644,77 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: ut,
-        onGeneratePdf: i(et),
+        onGeneratePdf: n(et),
         onGenerateCsv: De,
-        onGenerateImage: i(tt),
+        onGenerateImage: n(tt),
         onGenerateSvg: ct,
-        onToggleTable: it,
-        onToggleTooltip: nt,
+        onToggleTable: nt,
+        onToggleTooltip: it,
         onToggleAnnotator: Be,
-        style: A({
-          visibility: i(Ke) ? i(Me) ? "visible" : "hidden" : "visible"
+        style: L({
+          visibility: n(Ke) ? n(Me) ? "visible" : "hidden" : "visible"
         })
       }, yt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: S(({ isOpen: a, color: o }) => [
-            L(t.$slots, "menuIcon", se(ue({ isOpen: a, color: o })), void 0, !0)
+          fn: k(({ isOpen: a, color: o }) => [
+            w(t.$slots, "menuIcon", D(B({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: S(() => [
-            L(t.$slots, "optionTooltip", {}, void 0, !0)
+          fn: k(() => [
+            w(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: S(() => [
-            L(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: k(() => [
+            w(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: S(() => [
-            L(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: k(() => [
+            w(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: S(() => [
-            L(t.$slots, "optionImg", {}, void 0, !0)
+          fn: k(() => [
+            w(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: S(() => [
-            L(t.$slots, "optionSvg", {}, void 0, !0)
+          fn: k(() => [
+            w(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: S(() => [
-            L(t.$slots, "optionTable", {}, void 0, !0)
+          fn: k(() => [
+            w(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: S(({ toggleFullscreen: a, isFullscreen: o }) => [
-            L(t.$slots, "optionFullscreen", se(ue({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+          fn: k(({ toggleFullscreen: a, isFullscreen: o }) => [
+            w(t.$slots, "optionFullscreen", D(B({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: S(({ toggleAnnotator: a, isAnnotator: o }) => [
-            L(t.$slots, "optionAnnotator", se(ue({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+          fn: k(({ toggleAnnotator: a, isAnnotator: o }) => [
+            w(t.$slots, "optionAnnotator", D(B({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "8"
         } : void 0
@@ -705,20 +725,20 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
           "vue-ui-heatmap-chart-wrapper-legend-right": e.value.style.legend.show
         })
       }, [
-        (u(), n("svg", {
+        (u(), i("svg", {
           ref_key: "svgRef",
           ref: Re,
-          xmlns: i(rl),
-          class: fe({ "vue-data-ui-fullscreen--on": Z.value, "vue-data-ui-fulscreen--off": !Z.value }),
+          xmlns: n(rl),
+          class: fe({ "vue-data-ui-fullscreen--on": te.value, "vue-data-ui-fulscreen--off": !te.value }),
           viewBox: `0 0 ${O.value.width} ${O.value.height}`,
           width: "100%",
-          style: A(`overflow: visible; background:transparent;color:${e.value.style.color}`),
+          style: L(`overflow: visible; background:transparent;color:${e.value.style.color}`),
           "aria-live": "polite",
           role: "img",
           preserveAspectRatio: "xMidYMid"
         }, [
-          Ce(i($)),
-          t.$slots["chart-background"] ? (u(), n("foreignObject", {
+          Ce(n(_)),
+          t.$slots["chart-background"] ? (u(), i("foreignObject", {
             key: 0,
             x: l.value.left,
             y: l.value.top,
@@ -728,14 +748,14 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
               pointerEvents: "none"
             }
           }, [
-            L(t.$slots, "chart-background", {}, void 0, !0)
+            w(t.$slots, "chart-background", {}, void 0, !0)
           ], 8, Ml)) : p("", !0),
-          e.value.style.layout.cells.columnTotal.color.show ? (u(), n("g", {
+          e.value.style.layout.cells.columnTotal.color.show ? (u(), i("g", {
             key: 1,
             ref_key: "xAxisSumRects",
             ref: Lt
           }, [
-            (u(!0), n(T, null, D(m.value.xTotals, (a, o) => (u(), n("rect", {
+            (u(!0), i(S, null, H(m.value.xTotals, (a, o) => (u(), i("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 * (O.value.height / O.value.width),
               height: l.value.sumCellXHeight,
@@ -744,7 +764,7 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
               stroke: e.value.style.backgroundColor,
               "stroke-width": r.value
             }, null, 8, Rl))), 256)),
-            (u(!0), n(T, null, D(m.value.xTotals, (a, o) => (u(), n("rect", {
+            (u(!0), i(S, null, H(m.value.xTotals, (a, o) => (u(), i("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 * (O.value.height / O.value.width),
               height: l.value.sumCellXHeight,
@@ -758,8 +778,8 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
             ref_key: "datapoints",
             ref: kt
           }, [
-            (u(!0), n(T, null, D(Q.value, (a, o) => (u(), n(T, null, [
-              (u(!0), n(T, null, D(a.temperatures, (v, c) => (u(), n("g", null, [
+            (u(!0), i(S, null, H(ee.value, (a, o) => (u(), i(S, null, [
+              (u(!0), i(S, null, H(a.temperatures, (v, c) => (u(), i("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,
@@ -777,24 +797,24 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
                   fill: v.color,
                   stroke: e.value.style.backgroundColor,
                   "stroke-width": r.value,
-                  onMouseover: (k) => Pt(v, o, l.value.left + l.value.cellSize.width * c, l.value.top + l.value.cellSize.height * o),
+                  onMouseover: (C) => 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, Dl),
-                e.value.style.layout.cells.value.show ? ft((u(), n("text", {
+                e.value.style.layout.cells.value.show ? ft((u(), i("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(Le)(v.color),
+                  fill: n(Le)(v.color),
                   x: l.value.left + l.value.cellSize.width * c + l.value.cellSize.width / 2 + l.value.sumCellXHeight,
                   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(_(i(Y)(
+                  Xe($(n(j)(
                     e.value.style.layout.cells.value.formatter,
                     v.value,
-                    i(X)({
+                    n(V)({
                       p: e.value.style.layout.dataLabels.prefix,
                       v: v.value,
                       s: e.value.style.layout.dataLabels.suffix,
@@ -803,12 +823,12 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
                     { datapoint: v }
                   )), 1)
                 ], 8, Bl)), [
-                  [i($l), {
+                  [n(_l), {
                     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: o * H.value + c,
+                    index: o * X.value + c,
                     reportHide: Ht,
                     reportRotation: Dt,
                     hideAll: Bt.value,
@@ -818,12 +838,12 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
               ]))), 256))
             ], 64))), 256))
           ], 512),
-          e.value.style.layout.cells.rowTotal.color.show ? (u(), n("g", {
+          e.value.style.layout.cells.rowTotal.color.show ? (u(), i("g", {
             key: 2,
             ref_key: "yAxisSumRects",
             ref: Ct
           }, [
-            (u(!0), n(T, null, D(Q.value, (a, o) => (u(), n(T, null, [
+            (u(!0), i(S, null, H(ee.value, (a, o) => (u(), i(S, null, [
               b("rect", {
                 x: l.value.left,
                 y: l.value.top + l.value.cellSize.height * o,
@@ -844,40 +864,40 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
               }, null, 8, Pl)
             ], 64))), 256))
           ], 512)) : p("", !0),
-          e.value.style.layout.dataLabels.yAxis.show ? (u(), n("g", {
+          e.value.style.layout.dataLabels.yAxis.show ? (u(), i("g", {
             key: 3,
             ref_key: "yAxisLabels",
             ref: je
           }, [
-            (u(!0), n(T, null, D(Q.value, (a, o) => (u(), n(T, null, [
+            (u(!0), i(S, null, H(ee.value, (a, o) => (u(), i(S, null, [
               b("text", {
                 class: "vue-ui-heatmap-row-name",
                 "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
                 fill: e.value.style.layout.dataLabels.yAxis.color,
-                x: ae.value,
+                x: se.value,
                 y: l.value.top + l.value.cellSize.height * o + 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"
-              }, _(m.value.yLabels[o]), 9, Xl),
-              e.value.style.layout.cells.rowTotal.value.show ? (u(), n("text", {
+              }, $(m.value.yLabels[o]), 9, Xl),
+              e.value.style.layout.cells.rowTotal.value.show ? (u(), i("text", {
                 key: 0,
                 class: "vue-ui-heatmap-row-total",
                 "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
                 fill: e.value.style.layout.dataLabels.yAxis.color,
-                x: ae.value,
+                x: se.value,
                 y: l.value.top + l.value.cellSize.height * o + 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"
-              }, _(It(o)), 9, Il)) : p("", !0)
+              }, $(It(o)), 9, Il)) : p("", !0)
             ], 64))), 256))
           ], 512)) : p("", !0),
-          e.value.style.layout.dataLabels.xAxis.show ? (u(), n("g", {
+          e.value.style.layout.dataLabels.xAxis.show ? (u(), i("g", {
             key: 4,
             ref_key: "xAxisLabels",
-            ref: $e
+            ref: _e
           }, [
-            (u(!0), n(T, null, D(m.value.xLabels, (a, o) => (u(), n(T, 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", {
+            (u(!0), i(S, null, H(m.value.xLabels, (a, o) => (u(), i(S, 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(), i("text", {
                 key: 0,
                 class: "vue-ui-heatmap-col-name",
                 "text-anchor": e.value.style.layout.dataLabels.xAxis.rotation === 0 ? "middle" : e.value.style.layout.dataLabels.xAxis.rotation < 0 ? "start" : "end",
@@ -885,24 +905,24 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["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 / m.value.xLabels.length * o + e.value.style.layout.dataLabels.xAxis.offsetX + l.value.sumCellXHeight}, ${l.value.topLabelsHeight}), rotate(${e.value.style.layout.dataLabels.xAxis.rotation})`
-              }, _(a), 9, Vl)) : p("", !0)
+              }, $(a), 9, Vl)) : p("", !0)
             ], 64))), 256))
           ], 512)) : p("", !0),
-          e.value.style.layout.cells.columnTotal.value.show ? (u(), n("g", {
+          e.value.style.layout.cells.columnTotal.value.show ? (u(), i("g", {
             key: 5,
             ref_key: "xAxisSums",
             ref: ze
           }, [
-            (u(!0), n(T, null, D(m.value.xLabels, (a, o) => (u(), n("text", {
+            (u(!0), i(S, null, H(m.value.xLabels, (a, o) => (u(), i("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 / m.value.xLabels.length * o + 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})`
-            }, _(Vt(o)), 9, El))), 256))
+            }, $(Vt(o)), 9, El))), 256))
           ], 512)) : p("", !0),
-          re.value ? (u(), n("g", Ul, [
+          re.value ? (u(), i("g", Ul, [
             b("rect", {
               style: { "pointer-events": "none" },
               x: re.value.x - e.value.style.layout.cells.selected.border / 2 + r.value + l.value.sumCellXHeight,
@@ -915,30 +935,30 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
               rx: 1
             }, null, 8, Gl)
           ])) : p("", !0),
-          L(t.$slots, "svg", { svg: O.value }, void 0, !0)
+          w(t.$slots, "svg", { svg: O.value }, void 0, !0)
         ], 14, Ol)),
-        e.value.style.legend.show ? (u(), n("div", {
+        e.value.style.legend.show ? (u(), i("div", {
           key: 0,
           ref_key: "legendRight",
           ref: At,
           class: "vue-ui-heatmap-legend-right",
-          style: A({
+          style: L({
             "--legend-width": e.value.style.legend.width + "px"
           })
         }, [
-          i(be) ? p("", !0) : (u(), n("div", {
+          n(be) ? p("", !0) : (u(), i("div", {
             key: 0,
             class: "vue-ui-heatmap-legend-label-max",
-            style: A({
+            style: L({
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, _(i(Y)(
+          }, $(n(j)(
             e.value.style.layout.cells.value.formatter,
-            i(W)(G.value),
-            i(X)({
+            n(q)(W.value),
+            n(V)({
               p: e.value.style.layout.dataLabels.prefix,
-              v: i(W)(G.value),
+              v: n(q)(W.value),
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
@@ -946,42 +966,42 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
           b("div", Yl, [
             b("div", {
               class: "vue-ui-heatmap-gauge",
-              style: A({
+              style: L({
                 background: `linear-gradient(to bottom, ${e.value.style.layout.cells.colors.hot}, ${e.value.style.layout.cells.colors.cold})`
               })
             }, [
               ft(b("div", {
                 class: "vue-ui-heatmap-gauge-indicator",
-                "data-value": i(Y)(
+                "data-value": n(j)(
                   e.value.style.layout.cells.value.formatter,
-                  i(W)(N.value),
-                  i(X)({
+                  n(q)(N.value),
+                  n(V)({
                     p: e.value.style.layout.dataLabels.prefix,
-                    v: i(W)(N.value),
+                    v: n(q)(N.value),
                     s: e.value.style.layout.dataLabels.suffix,
                     r: e.value.style.legend.roundingValue
                   })
                 ),
-                style: A({
+                style: L({
                   position: "absolute",
                   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 / G.value) * 100}%`,
+                  background: [void 0, null].includes(N.value) ? "transparent" : n(Le)(xe.value.datapoint.color),
+                  top: `${[void 0, null].includes(N.value) ? 0 : (1 - N.value / W.value) * 100}%`,
                   transition: "all 0.2s ease-in-out",
                   "--background-color": e.value.style.backgroundColor,
-                  "--gauge-arrow-color": i(Le)(e.value.style.backgroundColor),
-                  "--gauge-arrow-text-color": i(Le)(e.value.style.backgroundColor),
+                  "--gauge-arrow-color": n(Le)(e.value.style.backgroundColor),
+                  "--gauge-arrow-text-color": n(Le)(e.value.style.backgroundColor),
                   "--gauge-arrow-value": N.value,
                   "--gauge-arrow-font-size": e.value.style.legend.fontSize + "px"
                 })
               }, [
-                b("div", jl, _(i(Y)(
+                b("div", jl, $(n(j)(
                   e.value.style.layout.cells.value.formatter,
-                  i(W)(N.value),
-                  i(X)({
+                  n(q)(N.value),
+                  n(V)({
                     p: e.value.style.layout.dataLabels.prefix,
-                    v: i(W)(N.value),
+                    v: n(q)(N.value),
                     s: e.value.style.layout.dataLabels.suffix,
                     r: e.value.style.legend.roundingValue
                   })
@@ -991,38 +1011,38 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
               ])
             ], 4)
           ]),
-          i(be) ? p("", !0) : (u(), n("div", {
+          n(be) ? p("", !0) : (u(), i("div", {
             key: 1,
             class: "vue-ui-heatmap-legend-label-min",
-            style: A({
+            style: L({
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, _(i(Y)(
+          }, $(n(j)(
             e.value.style.layout.cells.value.formatter,
-            i(W)(ye.value),
-            i(X)({
+            n(q)(ye.value),
+            n(V)({
               p: e.value.style.layout.dataLabels.prefix,
-              v: i(W)(ye.value),
+              v: n(q)(ye.value),
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
           )), 5))
         ], 4)) : p("", !0)
       ], 2),
-      t.$slots.watermark ? (u(), n("div", ql, [
-        L(t.$slots, "watermark", se(ue({ isPrinting: i(Qe) || i(Ze) })), void 0, !0)
+      t.$slots.watermark ? (u(), i("div", ql, [
+        w(t.$slots, "watermark", D(B({ isPrinting: n(Qe) || n(Ze) })), void 0, !0)
       ])) : p("", !0),
-      t.$slots.source ? (u(), n("div", {
+      t.$slots.source ? (u(), i("div", {
         key: 5,
         ref_key: "source",
         ref: qe,
         dir: "auto"
       }, [
-        L(t.$slots, "source", {}, void 0, !0)
+        w(t.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
-      Ce(i(I), {
-        show: M.value.showTooltip && ie.value,
+      Ce(n(E), {
+        show: M.value.showTooltip && ne.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
         borderRadius: e.value.style.tooltip.borderRadius,
@@ -1033,93 +1053,93 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
         position: e.value.style.tooltip.position,
         offsetY: e.value.style.tooltip.offsetY,
         parent: z.value,
-        content: te.value,
-        isFullscreen: Z.value,
+        content: ae.value,
+        isFullscreen: te.value,
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function",
         smooth: e.value.style.tooltip.smooth,
         backdropFilter: e.value.style.tooltip.backdropFilter,
         smoothForce: e.value.style.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": S(() => [
-          L(t.$slots, "tooltip-before", se(ue({ ...xe.value })), void 0, !0)
+        "tooltip-before": k(() => [
+          w(t.$slots, "tooltip-before", D(B({ ...xe.value })), void 0, !0)
         ]),
-        "tooltip-after": S(() => [
-          L(t.$slots, "tooltip-after", se(ue({ ...xe.value })), void 0, !0)
+        "tooltip-after": k(() => [
+          w(t.$slots, "tooltip-after", D(B({ ...xe.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      ee.value && e.value.userOptions.buttons.table ? (u(), ge(al(ke.value.component), ol({ key: 6 }, ke.value.props, {
+      le.value && e.value.userOptions.buttons.table ? (u(), ge(al(ke.value.component), ol({ key: 6 }, ke.value.props, {
         ref_key: "tableUnit",
         ref: ve,
         onClose: He
       }), yt({
-        content: S(() => [
+        content: k(() => [
           b("div", {
             ref_key: "tableContainer",
             ref: Ue,
             class: "vue-ui-heatmap-table atom-data-table",
-            style: A(`${e.value.table.useDialog ? "" : "max-height: 300px; margin-top: 24px;"}`)
+            style: L(`${e.value.table.useDialog ? "" : "max-height: 300px; margin-top: 24px;"}`)
           }, [
             b("div", {
-              style: A(`width:100%;overflow-x:auto;position:relative;${e.value.table.useDialog ? "" : "padding-top:36px"};`),
-              class: fe({ "vue-ui-responsive": i(Yt) })
+              style: L(`width:100%;overflow-x:auto;position:relative;${e.value.table.useDialog ? "" : "padding-top:36px"};`),
+              class: fe({ "vue-ui-responsive": n(Yt) })
             }, [
-              e.value.table.useDialog ? p("", !0) : (u(), n("div", {
+              e.value.table.useDialog ? p("", !0) : (u(), i("div", {
                 key: 0,
                 role: "button",
                 tabindex: "0",
-                style: A(`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};`),
+                style: L(`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: He,
                 onKeypress: sl(He, ["enter"])
               }, [
-                Ce(i(j), {
+                Ce(n(K), {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2
                 }, null, 8, ["stroke"])
               ], 36)),
               b("table", Kl, [
-                e.value.table.useDialog ? p("", !0) : (u(), n("caption", {
+                e.value.table.useDialog ? p("", !0) : (u(), i("caption", {
                   key: 0,
-                  style: A(`backgroundColor:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
+                  style: L(`backgroundColor:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
                 }, [
-                  Xe(_(e.value.style.title.text) + " ", 1),
-                  e.value.style.title.subtitle.text ? (u(), n("span", Jl, _(e.value.style.title.subtitle.text), 1)) : p("", !0)
+                  Xe($(e.value.style.title.text) + " ", 1),
+                  e.value.style.title.subtitle.text ? (u(), i("span", Jl, $(e.value.style.title.subtitle.text), 1)) : p("", !0)
                 ], 4)),
                 b("thead", null, [
                   b("tr", {
                     role: "row",
-                    style: A(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color}`)
+                    style: L(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color}`)
                   }, [
                     b("th", {
-                      style: A(`outline:${e.value.table.th.outline};padding-right:6px`)
+                      style: L(`outline:${e.value.table.th.outline};padding-right:6px`)
                     }, null, 4),
-                    (u(!0), n(T, null, D(y.dataset, (a, o) => (u(), n("th", {
+                    (u(!0), i(S, null, H(y.dataset, (a, o) => (u(), i("th", {
                       align: "right",
-                      style: A(`outline:${e.value.table.th.outline};padding-right:6px`)
-                    }, _(a.name), 5))), 256))
+                      style: L(`outline:${e.value.table.th.outline};padding-right:6px`)
+                    }, $(a.name), 5))), 256))
                   ], 4)
                 ]),
                 b("tbody", null, [
-                  (u(!0), n(T, null, D(m.value.xLabels, (a, o) => (u(), n("tr", {
+                  (u(!0), i(S, null, H(m.value.xLabels, (a, o) => (u(), i("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}`)
+                    style: L(`background:${e.value.table.td.backgroundColor};color:${e.value.table.td.color}`)
                   }, [
                     b("td", {
                       "data-cell": e.value.table.colNames.xAxis,
                       class: "vue-ui-data-table__tbody__td",
-                      style: A(`outline:${e.value.table.td.outline}`)
+                      style: L(`outline:${e.value.table.td.outline}`)
                     }, [
-                      b("div", Zl, _(a), 1)
+                      b("div", Zl, $(a), 1)
                     ], 12, Ql),
-                    (u(!0), n(T, null, D(y.dataset, (v, c) => (u(), n("td", {
+                    (u(!0), i(S, null, H(y.dataset, (v, c) => (u(), i("td", {
                       class: "vue-ui-data-table__tbody__td",
                       "data-cell": y.dataset[c].name,
-                      style: A(`outline:${e.value.table.td.outline}`)
+                      style: L(`outline:${e.value.table.td.outline}`)
                     }, [
-                      b("div", ta, _(isNaN(v.values[o]) ? "-" : i(X)({ p: e.value.style.layout.dataLabels.prefix, v: v.values[o], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
+                      b("div", ta, $(isNaN(v.values[o]) ? "-" : n(V)({ p: e.value.style.layout.dataLabels.prefix, v: v.values[o], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
                     ], 12, ea))), 256))
                   ], 6))), 256))
                 ])
@@ -1131,20 +1151,20 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: S(() => [
-            Xe(_(ke.value.title), 1)
+          fn: k(() => [
+            Xe($(ke.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: S(() => [
+          fn: k(() => [
             b("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: s[0] || (s[0] = (a) => De(e.value.userOptions.callbacks.csv))
             }, [
-              Ce(i(j), {
+              Ce(n(K), {
                 name: "excel",
                 stroke: ke.value.props.color
               }, null, 8, ["stroke"])
@@ -1153,10 +1173,10 @@ const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
           key: "1"
         } : void 0
       ]), 1040)) : p("", !0),
-      i(be) ? (u(), ge(ml, { key: 7 })) : p("", !0)
+      n(be) ? (u(), ge(ml, { key: 7 })) : p("", !0)
     ], 46, zl));
   }
-}, xa = /* @__PURE__ */ _l(la, [["__scopeId", "data-v-194eb27b"]]);
+}, xa = /* @__PURE__ */ $l(la, [["__scopeId", "data-v-4477a8c9"]]);
 export {
   xa as default
 };