vue-data-ui 3.16.0 → 3.16.1

package/dist/{vue-ui-heatmap-mKX5Bzql.js → vue-ui-heatmap-CryOx6XK.js}

@@ -1,64 +1,64 @@
-import { watchEffect as it, nextTick as ge, useCssVars as Nl, defineAsyncComponent as fe, computed as f, ref as r, shallowRef as Il, toRefs as Fl, watch as Re, onBeforeUnmount as Ht, onMounted as Rl, reactive as Et, openBlock as u, createElementBlock as i, normalizeStyle as L, normalizeClass as Le, createElementVNode as p, toDisplayString as O, createBlock as pe, createCommentVNode as g, unref as n, withCtx as C, renderSlot as m, normalizeProps as H, guardReactiveProps as E, createSlots as Xt, createVNode as Pe, Fragment as M, renderList as U, withDirectives as Vt, createTextVNode as ot, vShow as Pl, resolveDynamicComponent as Dl, mergeProps as Hl, withKeys as El } from "vue";
-import { j as st, t as Bt, o as Ut, q as Gt, ao as Se, r as Xl, l as q, X as Vl, W as De, k as ee, K as te, aB as Bl, a0 as Ul, a1 as Gl, T as Wl, U as Kl } from "./lib-DBptbyyI.js";
-import { t as He, u as Yl } from "./useResponsive-DfdjqQps.js";
-import { u as ql } from "./useConfig-DO94Aj5s.js";
-import { u as jl } from "./usePrinter-CEpYU3r5.js";
-import { u as Jl, B as Ql } from "./BaseScanner-BhhkKVoj.js";
-import { u as Zl } from "./useSvgExport-ByUukOZt.js";
-import { u as ut } from "./useNestedProp-Bf5XFbs8.js";
-import { u as Wt } from "./useTimeLabels-C-A2uZKi.js";
-import { u as ea } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as ta } from "./useTableResponsive-Cbx-ACcP.js";
-import { u as la } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Kt } from "./useTimeLabelCollider-CIsgDrl9.js";
-import { u as aa } from "./useChartAccessibility-9icAAmYg.js";
-import oa from "./img-LXxMLmCg.js";
-import sa from "./Title-BeMKE1cj.js";
-import ua from "./vue_ui_heatmap-C9u993qE.js";
-import na from "./vue-ui-accordion-nvggWcGN.js";
-import { A as ia } from "./A11yDataTable-KcVAX2cP.js";
-import { _ as ra } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function nt({
+import { watchEffect as pt, nextTick as xe, useCssVars as Ul, defineAsyncComponent as be, computed as f, ref as v, shallowRef as Gl, toRefs as Wl, watch as Be, onBeforeUnmount as qt, onMounted as Kl, reactive as jt, openBlock as u, createElementBlock as i, normalizeStyle as L, normalizeClass as Oe, createElementVNode as p, toDisplayString as I, createBlock as me, createCommentVNode as g, unref as n, withCtx as C, renderSlot as m, normalizeProps as H, guardReactiveProps as E, createSlots as Jt, createVNode as Ue, Fragment as O, renderList as U, withDirectives as Qt, createTextVNode as dt, vShow as Yl, resolveDynamicComponent as ql, mergeProps as jl, withKeys as Jl } from "vue";
+import { j as yt, t as Zt, o as el, q as tl, ao as Me, r as Ql, l as q, X as Zl, W as Ge, k as le, K as ae, aB as ea, a0 as ta, a1 as la, T as aa, U as oa } from "./lib-DBptbyyI.js";
+import { t as We, u as sa } from "./useResponsive-DfdjqQps.js";
+import { u as ua } from "./useConfig-DO94Aj5s.js";
+import { u as na } from "./usePrinter-CEpYU3r5.js";
+import { u as ia, B as ra } from "./BaseScanner-BhhkKVoj.js";
+import { u as va } from "./useSvgExport-ByUukOZt.js";
+import { u as ht } from "./useNestedProp-Bf5XFbs8.js";
+import { u as ll } from "./useTimeLabels-C-A2uZKi.js";
+import { u as ca } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as da } from "./useTableResponsive-Cbx-ACcP.js";
+import { u as ya } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as al } from "./useTimeLabelCollider-CIsgDrl9.js";
+import { u as ha } from "./useChartAccessibility-9icAAmYg.js";
+import fa from "./img-LXxMLmCg.js";
+import pa from "./Title-BeMKE1cj.js";
+import ga from "./vue_ui_heatmap-C9u993qE.js";
+import ba from "./vue-ui-accordion-nvggWcGN.js";
+import { A as ma } from "./A11yDataTable-KcVAX2cP.js";
+import { _ as xa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function ft({
   elementRef: h,
   callback: G,
-  attr: le,
+  attr: oe,
   earlyReturn: J = !1,
-  retryFrames: ae = 12,
-  alsoAfterFontsReady: I = !0
+  retryFrames: se = 12,
+  alsoAfterFontsReady: N = !0
 }) {
   if (J) return;
-  const W = ($) => {
-    if (!$) return;
+  const W = (z) => {
+    if (!z) return;
     let S;
-    if (typeof $.getBBox == "function")
+    if (typeof z.getBBox == "function")
       try {
-        const F = $.getBBox();
-        S = le === "width" ? F.width : F.height;
+        const F = z.getBBox();
+        S = oe === "width" ? F.width : F.height;
       } catch {
       }
     if (typeof S != "number" || Number.isNaN(S))
       try {
-        const F = $.getBoundingClientRect();
-        S = le === "width" ? F.width : F.height;
+        const F = z.getBoundingClientRect();
+        S = oe === "width" ? F.width : F.height;
       } catch {
         S = void 0;
       }
     typeof S == "number" && !Number.isNaN(S) && G(S);
   };
-  it(($) => {
+  pt((z) => {
     const S = h.value;
     if (!S) return;
     let F = !1;
     (async () => {
-      await ge();
-      for (let T = 0; T < ae; T += 1) {
+      await xe();
+      for (let T = 0; T < se; T += 1) {
         if (F) return;
         await new Promise((K) => requestAnimationFrame(K));
-        const V = h.value;
-        if (!V) return;
-        W(V);
+        const X = h.value;
+        if (!X) return;
+        W(X);
       }
-      if (I && typeof document < "u" && document.fonts && document.fonts.ready) {
+      if (N && typeof document < "u" && document.fonts && document.fonts.ready) {
         try {
           await document.fonts.ready;
         } catch {
@@ -66,12 +66,12 @@ function nt({
         !F && h.value && W(h.value);
       }
     })();
-    const oe = new MutationObserver(() => {
+    const ue = new MutationObserver(() => {
       h.value && requestAnimationFrame(() => {
         h.value && W(h.value);
       });
     });
-    oe.observe(S, {
+    ue.observe(S, {
       childList: !0,
       subtree: !0,
       characterData: !0,
@@ -82,67 +82,67 @@ function nt({
     if (typeof ResizeObserver < "u") {
       const T = S.ownerSVGElement ? S.ownerSVGElement : S;
       A = new ResizeObserver(() => {
-        const V = h.value;
-        V && W(V);
+        const X = h.value;
+        X && W(X);
       }), A.observe(T);
     }
-    $(() => {
-      F = !0, oe.disconnect(), A && A.disconnect();
+    z(() => {
+      F = !0, ue.disconnect(), A && A.disconnect();
     });
   }, { flush: "post" });
 }
-const va = {
+const wa = {
   mounted(h, G) {
-    Yt(h, G.value);
+    ol(h, G.value);
   },
   updated(h, G) {
-    Yt(h, G.value);
+    ol(h, G.value);
   }
 };
-function Yt(h, {
+function ol(h, {
   cellWidth: G,
-  cellHeight: le,
+  cellHeight: oe,
   maxFontSize: J,
-  minFontSize: ae,
-  index: I,
+  minFontSize: se,
+  index: N,
   reportRotation: W,
-  reportHide: $,
+  reportHide: z,
   rotateAll: S,
   hideAll: F
 }) {
   h.removeAttribute("transform"), h.removeAttribute("visibility");
-  let de = !1, oe = !1;
+  let fe = !1, ue = !1;
   h.setAttribute("font-size", J);
   const A = h.getComputedTextLength();
   if (A <= G)
-    W(I, !1), $(I, !1);
+    W(N, !1), z(N, !1);
   else {
     const T = Math.floor(J * G / A);
-    T >= ae ? (h.setAttribute("font-size", T), W(I, !1), $(I, !1)) : (W(I, !0), $(I, !1), de = !0);
+    T >= se ? (h.setAttribute("font-size", T), W(N, !1), z(N, !1)) : (W(N, !0), z(N, !1), fe = !0);
   }
-  if (S && (de = !0), de) {
+  if (S && (fe = !0), fe) {
     h.setAttribute("font-size", J);
-    const T = h.getBBox(), V = T.x + T.width / 2, K = T.y + T.height / 2;
-    h.setAttribute("transform", `rotate(-90 ${V} ${K})`);
-    const N = h.getBBox().width;
-    if (N <= le)
-      $(I, !1);
+    const T = h.getBBox(), X = T.x + T.width / 2, K = T.y + T.height / 2;
+    h.setAttribute("transform", `rotate(-90 ${X} ${K})`);
+    const M = h.getBBox().width;
+    if (M <= oe)
+      z(N, !1);
     else {
-      const se = Math.floor(J * le / N);
-      se >= ae ? (h.setAttribute("font-size", se), $(I, !1)) : (oe = !0, $(I, !0));
+      const ne = Math.floor(J * oe / M);
+      ne >= se ? (h.setAttribute("font-size", ne), z(N, !1)) : (ue = !0, z(N, !0));
     }
   }
-  (F || oe) && h.setAttribute("visibility", "hidden");
+  (F || ue) && h.setAttribute("visibility", "hidden");
 }
-const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], ha = ["x", "y", "width", "height"], fa = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], pa = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], ga = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], ba = ["data-a11y-cell-id", "x", "y", "width", "height", "fill", "stroke", "stroke-width", "aria-label", "onMouseover", "onMouseout", "onClick"], ma = ["font-size", "font-weight", "fill", "x", "y"], xa = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], wa = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], ka = ["font-size", "fill", "x", "y", "font-weight"], Ca = ["font-size", "fill", "x", "y", "font-weight"], Aa = ["text-anchor", "font-size", "fill", "font-weight", "transform"], La = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Sa = { key: 6 }, Ta = ["x", "y", "width", "height", "stroke", "stroke-width"], $a = { key: 7 }, za = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], _a = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Oa = { class: "vue-ui-heatmap-legend-gauge-right" }, Ma = ["data-value"], Na = { class: "vue-ui-heatmap-gauge-indicator-value" }, Ia = {
+const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], La = ["x", "y", "width", "height"], Sa = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Ta = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], $a = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], za = ["data-a11y-cell-id", "x", "y", "width", "height", "fill", "stroke", "stroke-width", "aria-label", "onMouseover", "onMouseout", "onClick"], _a = ["font-size", "font-weight", "fill", "x", "y"], Ia = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Oa = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Ma = ["font-size", "fill", "x", "y", "font-weight"], Na = ["font-size", "fill", "x", "y", "font-weight"], Fa = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Ra = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Pa = { key: 6 }, Da = ["x", "y", "width", "height", "stroke", "stroke-width"], Ha = { key: 7 }, Ea = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Va = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Xa = { class: "vue-ui-heatmap-legend-gauge-right" }, Ba = ["data-value"], Ua = { class: "vue-ui-heatmap-gauge-indicator-value" }, Ga = {
   key: 1,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
   "aria-hidden": "true"
-}, Fa = {
+}, Wa = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Ra = { class: "vue-ui-data-table" }, Pa = { key: 0 }, Da = ["data-cell"], Ha = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ea = ["data-cell"], Xa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Va = {
+}, Ka = { class: "vue-ui-data-table" }, Ya = { key: 0 }, qa = ["data-cell"], ja = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ja = ["data-cell"], Qa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Za = {
   __name: "vue-ui-heatmap",
   props: {
     config: {
@@ -159,32 +159,32 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
     }
   },
   emits: ["selectDatapoint", "copyAlt"],
-  setup(h, { expose: G, emit: le }) {
-    Nl((t) => ({
-      v621f7066: t.tdo
+  setup(h, { expose: G, emit: oe }) {
+    Ul((t) => ({
+      v2aac18d7: t.tdo
     }));
-    const J = fe(() => import("./Tooltip-Bf-kM3_A.js")), ae = fe(() => import("./BaseIcon-Cb3zzG6s.js")), I = fe(() => import("./PenAndPaper-DARlvvKW.js")), W = fe(() => import("./UserOptions-DWHf8jyO.js")), $ = fe(() => import("./PackageVersion-IIGK_e2C.js")), S = fe(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_heatmap: F } = ql(), { isThemeValid: de, warnInvalidTheme: oe } = ea(), A = h, T = le, V = f({
+    const J = be(() => import("./Tooltip-Bf-kM3_A.js")), se = be(() => import("./BaseIcon-Cb3zzG6s.js")), N = be(() => import("./PenAndPaper-Ct3qJ4lA.js")), W = be(() => import("./UserOptions-rW2fRf3V.js")), z = be(() => import("./PackageVersion-DPO-OOVI.js")), S = be(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_heatmap: F } = ua(), { isThemeValid: fe, warnInvalidTheme: ue } = ca(), A = h, T = oe, X = f({
       get() {
         return !!A.dataset && A.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), K = r(st()), N = r(null), se = r(!1), Ee = r(""), Xe = r(void 0), R = r(null), rt = r(0), vt = r(null), ct = r(0), qt = r(null), be = r(null), Ve = r(null), Te = r(!1), $e = r(!1), dt = r(null), yt = r(null), jt = r(null), ht = r(null), Jt = r(null), Be = r(null), Ue = r(null), Qt = r(null), ft = r(null), ye = Il(null), ue = r(null), ze = r(null), pt = r({ x: 0, y: 0 }), Ge = r("pointer"), _e = r(!1), e = r(Ye()), Oe = f(() => e.value.userOptions.useCursorPointer);
-    function Zt() {
+    }), K = v(yt()), M = v(null), ne = v(!1), Ke = v(""), we = v(void 0), R = v(null), gt = v(0), bt = v(null), mt = v(0), sl = v(null), ke = v(null), Ye = v(null), Ne = v(!1), Fe = v(!1), xt = v(null), wt = v(null), ul = v(null), kt = v(null), nl = v(null), qe = v(null), je = v(null), il = v(null), Ct = v(null), pe = Gl(null), ie = v(null), Re = v(null), At = v({ x: 0, y: 0 }), Je = v("pointer"), Pe = v(!1), e = v(et()), De = f(() => e.value.userOptions.useCursorPointer);
+    function rl() {
       const t = Array(7).fill("_"), o = [], l = 14, s = t.length;
-      for (let v = 0; v < s; v += 1) {
+      for (let r = 0; r < s; r += 1) {
         const c = [];
         for (let b = 0; b < l; b += 1)
-          c.push(v + b * 2);
+          c.push(r + b * 2);
         o.push({
-          name: `${t[v]}`,
+          name: `${t[r]}`,
           values: c
         });
       }
       return o;
     }
-    const el = f(() => Bt({
+    const vl = f(() => Zt({
       defaultConfig: {
         table: { show: !1 },
         userOptions: { show: !1 },
@@ -208,41 +208,41 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: Me, FINAL_DATASET: k, manualLoading: We } = Jl({
-      ...Fl(A),
+    })), { loading: He, FINAL_DATASET: k, manualLoading: Qe } = ia({
+      ...Wl(A),
       FINAL_CONFIG: e,
-      prepareConfig: Ye,
+      prepareConfig: et,
       callback: () => {
         Promise.resolve().then(async () => {
-          await ge(), N.value && Bl(N.value, { delta: 0.1, delay: 250 });
+          await xe(), M.value && ea(M.value, { delta: 0.1, delay: 250 });
         });
       },
-      skeletonDataset: A.config?.skeletonDataset ?? Zt(),
-      skeletonConfig: Bt({
+      skeletonDataset: A.config?.skeletonDataset ?? rl(),
+      skeletonConfig: Zt({
         defaultConfig: e.value,
-        userConfig: el.value
+        userConfig: vl.value
       })
-    }), { userOptionsVisible: Ke, setUserOptionsVisibility: tl, keepUserOptionState: gt } = la({ config: e.value }), { svgRef: ne } = aa({ config: e.value.style.title });
-    function bt(t) {
-      tl(t);
+    }), { userOptionsVisible: Ze, setUserOptionsVisibility: cl, keepUserOptionState: Lt } = ya({ config: e.value }), { svgRef: re } = ha({ config: e.value.style.title });
+    function St(t) {
+      cl(t);
     }
-    function Ye() {
-      const t = ut({
+    function et() {
+      const t = ht({
         userConfig: A.config,
         defaultConfig: F
       });
       let o = {};
       const l = t.theme;
       if (l)
-        if (!de.value(t))
-          oe(t), o = t;
+        if (!fe.value(t))
+          ue(t), o = t;
         else {
-          const s = ut({
-            userConfig: ua[l] || A.config,
+          const s = ht({
+            userConfig: ga[l] || A.config,
             defaultConfig: t
           });
           o = {
-            ...ut({
+            ...ht({
               userConfig: A.config,
               defaultConfig: s
             })
@@ -252,125 +252,125 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
         o = t;
       return o;
     }
-    Re(() => A.config, (t) => {
-      Me.value || (e.value = Ye()), Ke.value = !e.value.userOptions.showOnChartHover, Je(), ct.value += 1, P.value.showTable = e.value.table.show, P.value.showTooltip = e.value.style.tooltip.show, me.value = e.value.style.layout.width, xe.value = e.value.style.layout.height;
-    }, { deep: !0 }), Re(() => A.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (We.value = !1), Je();
+    Be(() => A.config, (t) => {
+      He.value || (e.value = et()), Ze.value = !e.value.userOptions.showOnChartHover, at(), mt.value += 1, P.value.showTable = e.value.table.show, P.value.showTooltip = e.value.style.tooltip.show, Ce.value = e.value.style.layout.width, Ae.value = e.value.style.layout.height;
+    }, { deep: !0 }), Be(() => A.dataset, (t) => {
+      Array.isArray(t) && t.length > 0 && (Qe.value = !1), at();
     }, { deep: !0 });
-    const { isPrinting: qe, isImaging: je, generatePdf: mt, generateImage: xt } = jl({
+    const { isPrinting: tt, isImaging: lt, generatePdf: Tt, generateImage: $t } = na({
       elementId: `heatmap__${K.value}`,
       fileName: e.value.style.title.text || "vue-ui-heatmap",
       options: e.value.userOptions.print
-    }), ll = f(() => e.value.userOptions.show && !e.value.style.title.text), P = r({
+    }), dl = f(() => e.value.userOptions.show && !e.value.style.title.text), P = v({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
-    Re(e, () => {
+    Be(e, () => {
       P.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 });
-    const al = f(() => e.value.table.responsiveBreakpoint), Q = r(null), wt = f(() => !!e.value.debug);
-    function Je() {
-      if (Ut(A.dataset) && (Gt({
+    const yl = f(() => e.value.table.responsiveBreakpoint), Q = v(null), zt = f(() => !!e.value.debug);
+    function at() {
+      if (el(A.dataset) && (tl({
         componentName: "VueUiHeatmap",
         type: "dataset",
-        debug: wt.value
-      }), V.value = !1, We.value = !0), Ut(A.dataset) || (We.value = e.value.loading), e.value.responsive) {
-        const t = He(() => {
-          const { width: o, height: l } = Yl({
-            chart: N.value,
-            title: e.value.style.title.text ? dt.value : null,
+        debug: zt.value
+      }), X.value = !1, Qe.value = !0), el(A.dataset) || (Qe.value = e.value.loading), e.value.responsive) {
+        const t = We(() => {
+          const { width: o, height: l } = sa({
+            chart: M.value,
+            title: e.value.style.title.text ? xt.value : null,
             // add legend hirizontal in legend attr
             // add legend vertical in some other attr and modify composable to subtract width
-            source: ft.value,
-            noTitle: yt.value
+            source: Ct.value,
+            noTitle: wt.value
           });
           requestAnimationFrame(() => {
-            me.value = o, xe.value = l;
+            Ce.value = o, Ae.value = l;
           });
         });
-        Q.value && (ye.value && Q.value.unobserve(ye.value), Q.value.disconnect()), Q.value = new ResizeObserver(t), ye.value = N.value.parentNode, Q.value.observe(ye.value);
+        Q.value && (pe.value && Q.value.unobserve(pe.value), Q.value.disconnect()), Q.value = new ResizeObserver(t), pe.value = M.value.parentNode, Q.value.observe(pe.value);
       }
     }
-    Ht(() => {
-      Q.value && (ye.value && Q.value.unobserve(ye.value), Q.value.disconnect());
-    }), Rl(() => {
-      Je();
+    qt(() => {
+      Q.value && (pe.value && Q.value.unobserve(pe.value), Q.value.disconnect());
+    }), Kl(() => {
+      at();
     });
-    const Y = f(() => Math.max(...k.value.flatMap((t) => (t.values || []).length))), me = r(e.value.style.layout.width), xe = r(e.value.style.layout.height), D = f(() => ({
-      width: Math.max(10, me.value),
-      height: Math.max(10, xe.value)
-    })), he = r(0), ol = He((t) => {
-      t !== he.value && (he.value = t);
+    const Y = f(() => Math.max(...k.value.flatMap((t) => (t.values || []).length))), Ce = v(e.value.style.layout.width), Ae = v(e.value.style.layout.height), D = f(() => ({
+      width: Math.max(10, Ce.value),
+      height: Math.max(10, Ae.value)
+    })), ge = v(0), hl = We((t) => {
+      t !== ge.value && (ge.value = t);
     }, 100);
-    nt({ elementRef: Be, callback: ol, attr: "height" });
-    const ie = r(0), sl = He((t) => {
-      t !== ie.value && (ie.value = t);
+    ft({ elementRef: qe, callback: hl, attr: "height" });
+    const ve = v(0), fl = We((t) => {
+      t !== ve.value && (ve.value = t);
     }, 100);
-    nt({ elementRef: ht, callback: sl, attr: "width" });
-    const we = r(0), ul = He((t) => {
-      t !== we.value && (we.value = t);
+    ft({ elementRef: kt, callback: fl, attr: "width" });
+    const Le = v(0), pl = We((t) => {
+      t !== Le.value && (Le.value = t);
     }, 100);
-    nt({ elementRef: Ue, callback: ul, attr: "height" }), Ht(() => {
-      he.value = 0, ie.value = 0, we.value = 0;
+    ft({ elementRef: je, callback: pl, attr: "height" }), qt(() => {
+      ge.value = 0, ve.value = 0, Le.value = 0;
     });
     const d = f(() => Math.min(D.value.height, D.value.width) / 1e3 * e.value.style.layout.cells.spacing), a = f(() => {
       let t = 0;
       e.value.style.legend.show && (t = e.value.style.legend.width);
-      const o = e.value.style.layout.padding, l = e.value.style.layout.dataLabels.xAxis.fontSize / 3, s = e.value.style.layout.dataLabels.xAxis.fontSize / 2, v = D.value.height - o.top - o.bottom - he.value - l, c = D.value.width / 60, b = {
+      const o = e.value.style.layout.padding, l = e.value.style.layout.dataLabels.xAxis.fontSize / 3, s = e.value.style.layout.dataLabels.xAxis.fontSize / 2, r = D.value.height - o.top - o.bottom - ge.value - l, c = D.value.width / 60, b = {
         x: d.value * Y.value,
         y: d.value * ((k.value || []).length + 1)
-      }, _ = D.value.width - o.left - o.right - b.x - c * 2 - 2 - t - ie.value, y = v - c - b.y - we.value - s - e.value.style.layout.cells.columnTotal.value.offsetY, w = {
+      }, _ = D.value.width - o.left - o.right - b.x - c * 2 - 2 - t - ve.value, y = r - c - b.y - Le.value - s - e.value.style.layout.cells.columnTotal.value.offsetY, w = {
         width: Math.max(3, _ / Y.value),
         height: Math.max(3, y / (k.value.length ?? 1))
       };
       return {
-        top: o.top + he.value + c + l,
-        topLabelsHeight: he.value,
+        top: o.top + ge.value + c + l,
+        topLabelsHeight: ge.value,
         sumCellXHeight: c,
         height: y,
-        left: o.left + ie.value + c / 2,
+        left: o.left + ve.value + c / 2,
         right: o.right - t,
-        bottom: D.value.height - o.bottom - we.value,
+        bottom: D.value.height - o.bottom - Le.value,
         width: _,
         cellSize: w
       };
-    }), Z = f(() => Math.max(...k.value.flatMap((t) => t.values))), ke = f(() => Math.min(...k.value.flatMap((t) => t.values))), re = f(() => {
+    }), Z = f(() => Math.max(...k.value.flatMap((t) => t.values))), Se = f(() => Math.min(...k.value.flatMap((t) => t.values))), ce = f(() => {
       const t = k.value.flatMap((l) => l.values);
       return t.reduce((l, s) => l + s, 0) / t.length;
-    }), kt = r([]), Ct = r([]);
-    let At = 0;
-    it(() => {
-      const t = ++At;
+    }), _t = v([]), It = v([]);
+    let Ot = 0;
+    pt(() => {
+      const t = ++Ot;
       (async () => {
-        const o = e.value.style.layout.dataLabels.yAxis, l = await Wt({
+        const o = e.value.style.layout.dataLabels.yAxis, l = await ll({
           values: o.values.length ? o.values : k.value.map((s) => s.name),
           maxDatapoints: k.value.length,
           formatter: o.datetimeFormatter,
           start: 0,
           end: k.value.length
         });
-        t === At && (kt.value = l);
+        t === Ot && (_t.value = l);
       })();
     });
-    let Lt = 0;
-    it(() => {
-      const t = ++Lt;
+    let Mt = 0;
+    pt(() => {
+      const t = ++Mt;
       (async () => {
-        const o = e.value.style.layout.dataLabels.xAxis, l = await Wt({
+        const o = e.value.style.layout.dataLabels.xAxis, l = await ll({
           values: o.values,
           maxDatapoints: Y.value,
           formatter: o.datetimeFormatter,
           start: 0,
           end: Y.value
         });
-        t === Lt && (Ct.value = l);
+        t === Mt && (It.value = l);
       })();
     });
     const x = f(() => {
-      const t = kt.value.map((y) => y.text), o = Ct.value.map((y) => y.text), l = k.value.map((y) => y.values.reduce((w, B) => w + B, 0)), s = Math.max(...l), v = Math.min(...l), c = [];
+      const t = _t.value.map((y) => y.text), o = It.value.map((y) => y.text), l = k.value.map((y) => y.values.reduce((w, B) => w + B, 0)), s = Math.max(...l), r = Math.min(...l), c = [];
       for (let y = 0; y < Y.value; y += 1)
         c.push(k.value.map((w) => w.values[y] || 0).reduce((w, B) => w + B, 0));
       const b = Math.max(...c), _ = Math.min(...c);
@@ -380,7 +380,7 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
           return {
             total: y,
             proportion: w,
-            color: Se(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, v, s, y)
+            color: Me(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, r, s, y)
           };
         }),
         xTotals: c.map((y) => {
@@ -388,89 +388,89 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
           return {
             total: y,
             proportion: w,
-            color: Se(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, _, b, y)
+            color: Me(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, _, b, y)
           };
         }),
         yLabels: t,
         xLabels: o.slice(0, Y.value)
       };
-    }), z = f(() => (k.value.forEach((t, o) => {
-      Xl({
+    }), $ = f(() => (k.value.forEach((t, o) => {
+      Ql({
         datasetObject: t,
         requiredAttributes: ["values"]
       }).forEach((l) => {
-        Gt({
+        tl({
           componentName: "VueUiHeatmap",
           type: "datasetSerieAttribute",
           property: "values",
           index: o,
-          debug: wt.value
+          debug: zt.value
         });
       });
     }), k.value.map((t, o) => ({
       ...t,
-      temperatures: (t.values || []).map((l, s) => l >= re.value ? {
+      temperatures: (t.values || []).map((l, s) => l >= ce.value ? {
         side: "up",
-        color: Se(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ke.value, Z.value, l),
-        ratio: Math.abs(Math.abs(l - re.value) / Math.abs(Z.value - re.value)) > 1 ? 1 : Math.abs(Math.abs(l - re.value) / Math.abs(Z.value - re.value)),
+        color: Me(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, Se.value, Z.value, l),
+        ratio: Math.abs(Math.abs(l - ce.value) / Math.abs(Z.value - ce.value)) > 1 ? 1 : Math.abs(Math.abs(l - ce.value) / Math.abs(Z.value - ce.value)),
         value: l,
         yAxisName: x.value.yLabels[o],
         xAxisName: x.value.xLabels[s],
-        id: `vue-data-ui-heatmap-cell-${st()}`
+        id: `vue-data-ui-heatmap-cell-${yt()}`
       } : {
         side: "down",
-        ratio: Math.abs(1 - Math.abs(l) / Math.abs(re.value)) > 1 ? 1 : Math.abs(1 - Math.abs(l) / Math.abs(re.value)),
-        color: Se(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ke.value, Z.value, l),
+        ratio: Math.abs(1 - Math.abs(l) / Math.abs(ce.value)) > 1 ? 1 : Math.abs(1 - Math.abs(l) / Math.abs(ce.value)),
+        color: Me(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, Se.value, Z.value, l),
         value: l,
         yAxisName: x.value.yLabels[o],
         xAxisName: x.value.xLabels[s],
-        id: `vue-data-ui-heatmap-cell-${st()}`
+        id: `vue-data-ui-heatmap-cell-${yt()}`
       })
-    })))), St = f(() => k.value.length), Tt = Et(Array(St.value * Y.value || 1).fill(!1)), nl = f(() => Tt.some((t) => t));
-    function il(t, o) {
-      Tt[t] = o;
+    })))), Nt = f(() => k.value.length), Ft = jt(Array(Nt.value * Y.value || 1).fill(!1)), gl = f(() => Ft.some((t) => t));
+    function bl(t, o) {
+      Ft[t] = o;
     }
-    const $t = Et(Array(St.value * Y.value || 1).fill(!1)), rl = f(() => $t.some((t) => t));
-    function vl(t, o) {
-      $t[t] = o;
+    const Rt = jt(Array(Nt.value * Y.value || 1).fill(!1)), ml = f(() => Rt.some((t) => t));
+    function xl(t, o) {
+      Rt[t] = o;
     }
-    const X = r(null), Ne = r(null);
-    function Qe() {
-      se.value = !1, Xe.value = void 0, X.value = null, R.value = null, ue.value = null, ze.value = null;
+    const V = v(null), Ee = v(null);
+    function ot() {
+      ne.value = !1, we.value = void 0, V.value = null, R.value = null, ie.value = null, Re.value = null;
     }
-    function cl(t) {
-      if (!ne.value || !t) return;
-      const o = ne.value.querySelector(`[data-a11y-cell-id="${t}"]`);
+    function wl(t) {
+      if (!re.value || !t) return;
+      const o = re.value.querySelector(`[data-a11y-cell-id="${t}"]`);
       if (!o) return;
       const l = o.getBoundingClientRect();
-      pt.value = {
+      At.value = {
         x: l.left + l.width / 2,
         y: l.top + l.height / 2
       };
     }
-    function Ze(t, o, l, s, v = "pointer", c = null) {
+    function Ve(t, o, l, s, r = "pointer", c = null) {
       if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: o }), !P.value.showTooltip) return;
-      Ge.value = v, ue.value = c, ze.value = t.id, R.value = { x: l, y: s };
+      Je.value = r, ie.value = c, Re.value = t.id, R.value = { x: l, y: s };
       const { value: b, yAxisName: _, xAxisName: y, id: w } = t;
-      Xe.value = w, X.value = b, Ne.value = {
+      we.value = w, V.value = b, Ee.value = {
         datapoint: t,
         seriesIndex: o,
-        series: z.value,
+        series: $.value,
         config: e.value
-      }, se.value = !0;
+      }, ne.value = !0;
       let B = "";
-      const ce = e.value.style.tooltip.customFormat;
-      Wl(ce) && Kl(() => ce({
+      const he = e.value.style.tooltip.customFormat;
+      aa(he) && oa(() => he({
         datapoint: t,
         seriesIndex: o,
-        series: z.value,
+        series: $.value,
         config: e.value
-      })) ? Ee.value = ce({
+      })) ? Ke.value = he({
         datapoint: t,
         seriesIndex: o,
-        series: z.value,
+        series: $.value,
         config: e.value
-      }) : (B += `<div>${_} ${y ? _ ? ` - ${y}` : `${y}` : ""}</div>`, B += `<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:${Se(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ke.value, Z.value, b)}">⬤</span><span>${isNaN(b) ? "-" : ee(
+      }) : (B += `<div>${_} ${y ? _ ? ` - ${y}` : `${y}` : ""}</div>`, B += `<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:${Me(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, Se.value, Z.value, b)}">⬤</span><span>${isNaN(b) ? "-" : le(
         e.value.style.layout.cells.value.formatter,
         b,
         q({
@@ -480,15 +480,15 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
           r: e.value.style.tooltip.roundingValue
         }),
         { datapoint: t, seriesIndex: o }
-      )}</span></div>`, Ee.value = `<div style="font-size:${e.value.style.tooltip.fontSize}px">${B}</div>`), v === "keyboard" && ge(() => {
-        cl(t.id);
+      )}</span></div>`, Ke.value = `<div style="font-size:${e.value.style.tooltip.fontSize}px">${B}</div>`), r === "keyboard" && xe(() => {
+        wl(t.id);
       });
     }
-    function dl({ datapoint: t, seriesIndex: o }) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: o }), !(ze.value === t.id && Ge.value === "keyboard") && (se.value = !1, Xe.value = void 0, X.value = null, R.value = null);
+    function kl({ datapoint: t, seriesIndex: o }) {
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: o }), !(Re.value === t.id && Je.value === "keyboard") && (ne.value = !1, we.value = void 0, V.value = null, R.value = null);
     }
-    function yl(t) {
-      return ee(
+    function Cl(t) {
+      return le(
         e.value.style.layout.cells.value.formatter,
         x.value.yTotals[t].total,
         q({
@@ -500,8 +500,8 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
         { datapoint: x.value.yTotals[t], rowIndex: t }
       );
     }
-    function hl(t) {
-      return ee(
+    function Al(t) {
+      return le(
         e.value.style.layout.cells.value.formatter,
         x.value.xTotals[t].total,
         q({
@@ -519,8 +519,8 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
       })), o = k.value.map((l) => l.values);
       return { head: t, body: o };
     });
-    function et(t = null) {
-      ge(() => {
+    function st(t = null) {
+      xe(() => {
         const o = ["", ...k.value.map((c, b) => c.name)], l = [];
         for (let c = 0; c < x.value.xLabels.length; c += 1) {
           const b = [x.value.xLabels[c]];
@@ -528,35 +528,35 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
             b.push([k.value[_].values[c]]);
           l.push(b);
         }
-        const s = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([o]).concat(l), v = Ul(s);
-        t ? t(v) : Gl({ csvContent: v, title: e.value.style.title.text || "vue-ui-heatmap" });
+        const s = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([o]).concat(l), r = ta(s);
+        t ? t(r) : la({ csvContent: r, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
-    const ve = r(!1);
-    function zt(t) {
-      ve.value = t, rt.value += 1;
+    const de = v(!1);
+    function Pt(t) {
+      de.value = t, gt.value += 1;
     }
-    function _t() {
+    function Dt() {
       P.value.showTable = !P.value.showTable;
     }
-    function Ot() {
+    function Ht() {
       P.value.showTooltip = !P.value.showTooltip;
     }
-    const Ce = r(!1);
-    function tt() {
-      Ce.value = !Ce.value;
+    const Te = v(!1);
+    function ut() {
+      Te.value = !Te.value;
     }
-    function Mt(t, o) {
+    function Et(t, o) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: o }), T("selectDatapoint", t);
     }
-    function fl() {
-      return z.value;
+    function Ll() {
+      return $.value;
     }
-    async function pl({ scale: t = 2 } = {}) {
-      if (!N.value) return;
-      const { width: o, height: l } = N.value.getBoundingClientRect(), s = o / l, { imageUri: v, base64: c } = await oa({ domElement: N.value, base64: !0, img: !0, scale: t });
+    async function Sl({ scale: t = 2 } = {}) {
+      if (!M.value) return;
+      const { width: o, height: l } = M.value.getBoundingClientRect(), s = o / l, { imageUri: r, base64: c } = await fa({ domElement: M.value, base64: !0, img: !0, scale: t });
       return {
-        imageUri: v,
+        imageUri: r,
         base64: c,
         title: e.value.style.title.text,
         width: o,
@@ -564,49 +564,49 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
         aspectRatio: s
       };
     }
-    const Nt = f(() => ({
+    const Vt = f(() => ({
       start: 0,
       end: Y.value
-    })), It = f(() => x.value.xLabels);
-    Kt({
-      timeLabelsEls: Be,
-      timeLabels: It,
-      slicer: Nt,
+    })), Xt = f(() => x.value.xLabels);
+    al({
+      timeLabelsEls: qe,
+      timeLabels: Xt,
+      slicer: Vt,
       configRef: e,
       rotationPath: ["style", "layout", "dataLabels", "xAxis", "rotation"],
       autoRotatePath: ["style", "layout", "dataLabels", "xAxis", "autoRotate", "enable"],
       isAutoSize: !1,
       targetClass: ".vue-ui-heatmap-col-name",
       rotation: e.value.style.layout.dataLabels.xAxis.autoRotate.angle,
-      width: me,
-      height: xe
-    }), Kt({
-      timeLabelsEls: Ue,
-      timeLabels: It,
-      slicer: Nt,
+      width: Ce,
+      height: Ae
+    }), al({
+      timeLabelsEls: je,
+      timeLabels: Xt,
+      slicer: Vt,
       configRef: e,
       rotationPath: ["style", "layout", "cells", "columnTotal", "value", "rotation"],
       autoRotatePath: ["style", "layout", "cells", "columnTotal", "value", "autoRotate", "enable"],
       isAutoSize: !1,
       targetClass: ".vue-ui-heatmap-col-total",
       rotation: e.value.style.layout.cells.columnTotal.value.autoRotate.angle,
-      width: me,
-      height: xe
+      width: Ce,
+      height: Ae
     });
-    const Ie = f(() => {
+    const Xe = f(() => {
       const t = e.value.table.useDialog && !e.value.table.show, o = P.value.showTable;
       return {
-        component: t ? S : na,
+        component: t ? S : ba,
         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: ve.value,
-          fullscreenParent: N.value,
+          isFullscreen: de.value,
+          fullscreenParent: M.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8),
-          isCursorPointer: Oe.value
+          isCursorPointer: De.value
         } : {
           hideDetails: !0,
           config: {
@@ -624,56 +624,56 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
         }
       };
     });
-    Re(() => P.value.showTable, async (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && be.value ? (await ge(), be.value.open()) : "close" in be.value && be.value.close());
+    Be(() => P.value.showTable, async (t) => {
+      e.value.table.show || (t && e.value.table.useDialog && ke.value ? (await xe(), ke.value.open()) : "close" in ke.value && ke.value.close());
     });
-    const { isResponsive: gl } = ta(vt, al);
-    function lt() {
-      P.value.showTable = !1, Ve.value && Ve.value.setTableIconState(!1);
+    const { isResponsive: Tl } = da(bt, yl);
+    function nt() {
+      P.value.showTable = !1, Ye.value && Ye.value.setTableIconState(!1);
     }
-    const bl = f(() => e.value.style.backgroundColor), ml = f(() => e.value.style.title), { exportSvg: xl, getSvg: wl } = Zl({
-      svg: ne,
-      title: ml,
-      backgroundColor: bl
+    const $l = f(() => e.value.style.backgroundColor), zl = f(() => e.value.style.title), { exportSvg: _l, getSvg: Il } = va({
+      svg: re,
+      title: zl,
+      backgroundColor: $l
     });
-    async function Ft({ isCb: t }) {
-      $e.value = !0, await ge();
+    async function Bt({ isCb: t }) {
+      Fe.value = !0, await xe();
       try {
         if (t) {
-          const { blob: o, url: l, text: s, dataUrl: v } = await wl();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: o, url: l, text: s, dataUrl: v }));
+          const { blob: o, url: l, text: s, dataUrl: r } = await Il();
+          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: o, url: l, text: s, dataUrl: r }));
         } else
-          await Promise.resolve(xl());
+          await Promise.resolve(_l());
       } finally {
-        $e.value = !1;
+        Fe.value = !1;
       }
     }
-    function kl(t) {
+    function Ol(t) {
       if (t?.stage === "start") {
-        Te.value = !0;
+        Ne.value = !0;
         return;
       }
       if (t?.stage === "end") {
-        Te.value = !1;
+        Ne.value = !1;
         return;
       }
-      xt();
+      $t();
     }
-    async function Rt() {
+    async function Ut() {
       if (T("copyAlt", {
         config: e.value,
-        dataset: z.value
+        dataset: $.value
       }), !e.value.userOptions.callbacks.altCopy) {
         console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
         return;
       }
       await Promise.resolve(e.value.userOptions.callbacks.altCopy({
         config: e.value,
-        dataset: z.value
+        dataset: $.value
       }));
     }
-    function Cl(t, o) {
-      const l = z.value[t];
+    function Gt(t, o) {
+      const l = $.value[t];
       if (!l) return null;
       const s = l.temperatures[o];
       return s ? {
@@ -682,70 +682,82 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
         columnIndex: o
       } : null;
     }
-    function Pt(t, o) {
+    function it(t, o) {
       let l = 0;
       for (let s = 0; s < t; s += 1)
-        l += z.value[s]?.temperatures?.length || 0;
+        l += $.value[s]?.temperatures?.length || 0;
       return l + o;
     }
-    function Al() {
-      ue.value = null, ze.value = null, _e.value = !0;
+    function Ml() {
+      ie.value = null, Re.value = null, Pe.value = !0;
     }
-    function Ll() {
-      Qe(), _e.value = !1;
+    function Nl() {
+      ot(), Pe.value = !1;
     }
-    function Sl(t) {
-      if (!ne.value || Ce.value || document.activeElement !== ne.value || !Fe.value.length) return;
-      const o = t.key === "ArrowLeft", l = t.key === "ArrowRight", s = t.key === "ArrowUp", v = t.key === "ArrowDown", c = t.key === "Enter" || t.key === " ", b = t.key === "Escape";
-      if (!o && !l && !s && !v && !c && !b) return;
+    function Fl(t) {
+      if (!re.value || Te.value || document.activeElement !== re.value || !ye.value.length) return;
+      const o = t.key === "ArrowLeft", l = t.key === "ArrowRight", s = t.key === "ArrowUp", r = t.key === "ArrowDown", c = t.key === "Enter" || t.key === " ", b = t.key === "Escape";
+      if (!o && !l && !s && !r && !c && !b) return;
       if (t.preventDefault(), t.stopPropagation(), b) {
-        Qe();
+        ot();
         return;
       }
       if (c) {
-        if (ue.value === null) return;
-        const j = Fe.value[ue.value];
-        if (!j) return;
-        Mt(j.cell, j.rowIndex);
+        if (ie.value === null) return;
+        const ee = ye.value[ie.value];
+        if (!ee) return;
+        Et(ee.cell, ee.rowIndex);
         return;
       }
-      let _ = ue.value === null ? null : Fe.value[ue.value];
+      let _ = ie.value === null ? null : ye.value[ie.value];
       if (!_) {
-        const j = Fe.value[0];
-        if (!j) return;
-        const Ol = a.value.left + a.value.cellSize.width * j.columnIndex, Ml = a.value.top + a.value.cellSize.height * j.rowIndex;
-        Ze(j.cell, j.rowIndex, Ol, Ml, "keyboard", 0);
+        const ee = we.value ? ye.value.findIndex((_e) => _e.cell.id === we.value) : null;
+        if (ee !== null && ee >= 0 && ee < ye.value.length) {
+          const _e = ye.value[ee];
+          if (!_e) return;
+          let j = _e.rowIndex, te = _e.columnIndex;
+          l ? te += 1 : o ? te -= 1 : r ? j += 1 : s && (j -= 1);
+          const vt = Wt.value.rowCount;
+          if (vt <= 0) return;
+          j < 0 && (j = vt - 1), j >= vt && (j = 0);
+          const ct = $.value[j];
+          if (!ct || !ct.temperatures.length) return;
+          const Yt = ct.temperatures.length;
+          te < 0 && (te = Yt - 1), te >= Yt && (te = 0);
+          const Ie = Gt(j, te);
+          if (!Ie) return;
+          const Vl = it(j, te), Xl = a.value.left + a.value.cellSize.width * Ie.columnIndex, Bl = a.value.top + a.value.cellSize.height * Ie.rowIndex;
+          Ve(Ie.cell, Ie.rowIndex, Xl, Bl, "keyboard", Vl);
+          return;
+        }
+        const ze = ye.value[0];
+        if (!ze) return;
+        const Hl = a.value.left + a.value.cellSize.width * ze.columnIndex, El = a.value.top + a.value.cellSize.height * ze.rowIndex;
+        Ve(ze.cell, ze.rowIndex, Hl, El, "keyboard", 0);
         return;
       }
       let y = _.rowIndex, w = _.columnIndex;
-      l ? w += 1 : o ? w -= 1 : v ? y += 1 : s && (y -= 1);
-      const B = Tl.value.rowCount;
+      l ? w += 1 : o ? w -= 1 : r ? y += 1 : s && (y -= 1);
+      const B = Wt.value.rowCount;
       if (B <= 0) return;
       y < 0 && (y = B - 1), y >= B && (y = 0);
-      const ce = z.value[y];
-      if (!ce || !ce.temperatures.length) return;
-      const Dt = ce.temperatures.length;
-      w < 0 && (w = Dt - 1), w >= Dt && (w = 0);
-      const Ae = Cl(y, w);
-      if (!Ae) return;
-      const $l = Pt(y, w), zl = a.value.left + a.value.cellSize.width * Ae.columnIndex, _l = a.value.top + a.value.cellSize.height * Ae.rowIndex;
-      Ze(
-        Ae.cell,
-        Ae.rowIndex,
-        zl,
-        _l,
-        "keyboard",
-        $l
-      );
+      const he = $.value[y];
+      if (!he || !he.temperatures.length) return;
+      const Kt = he.temperatures.length;
+      w < 0 && (w = Kt - 1), w >= Kt && (w = 0);
+      const $e = Gt(y, w);
+      if (!$e) return;
+      const Rl = it(y, w), Pl = a.value.left + a.value.cellSize.width * $e.columnIndex, Dl = a.value.top + a.value.cellSize.height * $e.rowIndex;
+      Ve($e.cell, $e.rowIndex, Pl, Dl, "keyboard", Rl);
     }
-    const at = f(() => {
+    const rt = f(() => {
       const t = [
         e.value.table.colNames.xAxis,
         ...k.value.map((l) => l.name)
       ], o = x.value.xLabels.map((l, s) => [
         l,
-        ...k.value.map((v) => {
-          const c = v.values?.[s];
+        ...k.value.map((r) => {
+          const c = r.values?.[s];
           return isNaN(c) ? "-" : q({
             p: e.value.style.layout.dataLabels.prefix,
             v: c,
@@ -755,65 +767,65 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
         })
       ]);
       return { headers: t, rows: o };
-    }), Tl = f(() => {
-      const t = z.value.length, o = Math.max(
+    }), Wt = f(() => {
+      const t = $.value.length, o = Math.max(
         0,
-        ...z.value.map((l) => l.temperatures.length)
+        ...$.value.map((l) => l.temperatures.length)
       );
       return {
         rowCount: t,
         columnCount: o
       };
-    }), Fe = f(() => z.value.flatMap((t, o) => t.temperatures.map((l, s) => ({
+    }), ye = f(() => $.value.flatMap((t, o) => t.temperatures.map((l, s) => ({
       cell: l,
       rowIndex: o,
       columnIndex: s
     }))));
     return G({
-      getData: fl,
-      getImage: pl,
-      generatePdf: mt,
-      generateCsv: et,
-      generateImage: xt,
-      generateSvg: Ft,
-      toggleTable: _t,
-      toggleTooltip: Ot,
-      toggleAnnotator: tt,
-      toggleFullscreen: zt,
-      copyAlt: Rt
+      getData: Ll,
+      getImage: Sl,
+      generatePdf: Tt,
+      generateCsv: st,
+      generateImage: $t,
+      generateSvg: Bt,
+      toggleTable: Dt,
+      toggleTooltip: Ht,
+      toggleAnnotator: ut,
+      toggleFullscreen: Pt,
+      copyAlt: Ut
     }), (t, o) => (u(), i("div", {
       ref_key: "heatmapChart",
-      ref: N,
-      class: Le(`vue-data-ui-component vue-ui-heatmap ${ve.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      ref: M,
+      class: Oe(`vue-data-ui-component vue-ui-heatmap ${de.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__${K.value}`,
-      onMouseenter: o[1] || (o[1] = () => bt(!0)),
+      onMouseenter: o[1] || (o[1] = () => St(!0)),
       onMouseleave: o[2] || (o[2] = () => {
-        bt(!1), _e.value || Qe();
+        St(!1), Pe.value || ot();
       })
     }, [
       p("div", {
         id: `chart-instructions-${K.value}`,
         class: "sr-only"
       }, [
-        p("p", null, O(e.value.a11y.translations.keyboardNavigation), 1)
-      ], 8, da),
-      at.value?.rows?.length ? (u(), pe(ia, {
+        p("p", null, I(e.value.a11y.translations.keyboardNavigation), 1)
+      ], 8, Ca),
+      rt.value?.rows?.length ? (u(), me(ma, {
         key: 0,
         uid: K.value,
-        head: at.value.headers,
-        body: at.value.rows,
+        head: rt.value.headers,
+        body: rt.value.rows,
         notice: e.value.a11y.translations.tableAvailable,
         caption: e.value.a11y.translations.tableCaption
       }, null, 8, ["uid", "head", "body", "notice", "caption"])) : g("", !0),
-      e.value.userOptions.buttons.annotator ? (u(), pe(n(I), {
+      e.value.userOptions.buttons.annotator ? (u(), me(n(N), {
         key: 1,
-        svgRef: n(ne),
+        svgRef: n(re),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        active: Ce.value,
-        isCursorPointer: Oe.value,
-        onClose: tt
+        active: Te.value,
+        isCursorPointer: De.value,
+        onClose: ut
       }, {
         "annotator-action-close": C(() => [
           m(t.$slots, "annotator-action-close", {}, void 0, !0)
@@ -835,21 +847,21 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : g("", !0),
-      ll.value ? (u(), i("div", {
+      dl.value ? (u(), i("div", {
         key: 2,
         ref_key: "noTitle",
-        ref: yt,
+        ref: wt,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : g("", !0),
       e.value.style.title.text ? (u(), i("div", {
         key: 3,
         ref_key: "chartTitle",
-        ref: dt,
+        ref: xt,
         style: "width:100%;background:transparent"
       }, [
-        (u(), pe(sa, {
-          key: `title_${ct.value}`,
+        (u(), me(pa, {
+          key: `title_${mt.value}`,
           config: {
             title: {
               cy: "heatmap-div-title",
@@ -862,14 +874,14 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
           }
         }, null, 8, ["config"]))
       ], 512)) : g("", !0),
-      e.value.userOptions.show && V.value && (n(gt) || n(Ke)) ? (u(), pe(n(W), {
+      e.value.userOptions.show && X.value && (n(Lt) || n(Ze)) ? (u(), me(n(W), {
         ref_key: "userOptionsRef",
-        ref: Ve,
-        key: `user_options_${rt.value}`,
+        ref: Ye,
+        key: `user_options_${gt.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: n(je),
-        isPrinting: n(qe),
+        isImaging: n(lt),
+        isPrinting: n(tt),
         uid: K.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -879,30 +891,30 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         hasAltCopy: e.value.userOptions.buttons.altCopy,
-        isFullscreen: ve.value,
+        isFullscreen: de.value,
         isTooltip: P.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: N.value,
+        chartElement: M.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: Ce.value,
+        isAnnotation: Te.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
-        isCursorPointer: Oe.value,
-        onToggleFullscreen: zt,
-        onGeneratePdf: n(mt),
-        onGenerateCsv: et,
-        onGenerateImage: kl,
-        onGenerateSvg: Ft,
-        onToggleTable: _t,
-        onToggleTooltip: Ot,
-        onToggleAnnotator: tt,
-        onCopyAlt: Rt,
+        isCursorPointer: De.value,
+        onToggleFullscreen: Pt,
+        onGeneratePdf: n(Tt),
+        onGenerateCsv: st,
+        onGenerateImage: Ol,
+        onGenerateSvg: Bt,
+        onToggleTable: Dt,
+        onToggleTooltip: Ht,
+        onToggleAnnotator: ut,
+        onCopyAlt: Ut,
         style: L({
-          visibility: n(gt) ? n(Ke) ? "visible" : "hidden" : "visible"
+          visibility: n(Lt) ? n(Ze) ? "visible" : "hidden" : "visible"
         })
-      }, Xt({ _: 2 }, [
+      }, Jt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: C(({ isOpen: l, color: s }) => [
@@ -975,17 +987,17 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "hasAltCopy", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : g("", !0),
       p("div", {
-        class: Le({
+        class: Oe({
           "vue-ui-heatmap-chart-wrapper": !0,
           "vue-ui-heatmap-chart-wrapper-legend-right": e.value.style.legend.show
         })
       }, [
         (u(), i("svg", {
           ref_key: "svgRef",
-          ref: ne,
-          xmlns: n(Vl),
+          ref: re,
+          xmlns: n(Zl),
           "aria-describedby": `chart-instructions-${K.value}`,
-          class: Le({ "vue-data-ui-fullscreen--on": ve.value, "vue-data-ui-fulscreen--off": !ve.value }),
+          class: Oe({ "vue-data-ui-fullscreen--on": de.value, "vue-data-ui-fulscreen--off": !de.value }),
           viewBox: `0 0 ${D.value.width} ${D.value.height}`,
           width: "100%",
           style: L(`overflow: visible; background:transparent;color:${e.value.style.color}`),
@@ -993,11 +1005,11 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
           role: "img",
           preserveAspectRatio: "xMidYMid",
           tabindex: "0",
-          onFocus: Al,
-          onBlur: Ll,
-          onKeydown: Sl
+          onFocus: Ml,
+          onBlur: Nl,
+          onKeydown: Fl
         }, [
-          Pe(n($)),
+          Ue(n(z)),
           t.$slots["chart-background"] ? (u(), i("foreignObject", {
             key: 0,
             x: a.value.left,
@@ -1009,13 +1021,13 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
             }
           }, [
             m(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, ha)) : g("", !0),
+          ], 8, La)) : g("", !0),
           e.value.style.layout.cells.columnTotal.color.show ? (u(), i("g", {
             key: 1,
             ref_key: "xAxisSumRects",
-            ref: Qt
+            ref: il
           }, [
-            (u(!0), i(M, null, U(x.value.xTotals, (l, s) => (u(), i("rect", {
+            (u(!0), i(O, null, U(x.value.xTotals, (l, s) => (u(), i("rect", {
               x: a.value.left + a.value.cellSize.width * s + d.value / 2 + a.value.sumCellXHeight,
               y: a.value.top - a.value.sumCellXHeight + d.value * (D.value.height / D.value.width),
               height: a.value.sumCellXHeight,
@@ -1023,8 +1035,8 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
               fill: e.value.style.layout.cells.colors.underlayer,
               stroke: e.value.style.backgroundColor,
               "stroke-width": d.value
-            }, null, 8, fa))), 256)),
-            (u(!0), i(M, null, U(x.value.xTotals, (l, s) => (u(), i("rect", {
+            }, null, 8, Sa))), 256)),
+            (u(!0), i(O, null, U(x.value.xTotals, (l, s) => (u(), i("rect", {
               x: a.value.left + a.value.cellSize.width * s + d.value / 2 + a.value.sumCellXHeight,
               y: a.value.top - a.value.sumCellXHeight + d.value * (D.value.height / D.value.width),
               height: a.value.sumCellXHeight,
@@ -1032,14 +1044,14 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
               fill: l.color,
               stroke: e.value.style.backgroundColor,
               "stroke-width": d.value
-            }, null, 8, pa))), 256))
+            }, null, 8, Ta))), 256))
           ], 512)) : g("", !0),
           p("g", {
             ref_key: "datapoints",
-            ref: qt
+            ref: sl
           }, [
-            (u(!0), i(M, null, U(z.value, (l, s) => (u(), i(M, null, [
-              (u(!0), i(M, null, U(l.temperatures, (v, c) => (u(), i("g", null, [
+            (u(!0), i(O, null, U($.value, (l, s) => (u(), i(O, null, [
+              (u(!0), i(O, null, U(l.temperatures, (r, c) => (u(), i("g", null, [
                 p("rect", {
                   x: a.value.left + a.value.cellSize.width * c + d.value / 2 + a.value.sumCellXHeight,
                   y: a.value.top + a.value.cellSize.height * s + d.value / 2,
@@ -1048,60 +1060,60 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
                   fill: e.value.style.layout.cells.colors.underlayer,
                   stroke: e.value.style.backgroundColor,
                   "stroke-width": d.value
-                }, null, 8, ga),
+                }, null, 8, $a),
                 p("rect", {
-                  "data-a11y-cell-id": v.id,
+                  "data-a11y-cell-id": r.id,
                   x: a.value.left + a.value.cellSize.width * c + d.value / 2 + a.value.sumCellXHeight,
                   y: a.value.top + a.value.cellSize.height * s + d.value / 2,
                   width: a.value.cellSize.width - d.value,
                   height: a.value.cellSize.height - d.value,
-                  fill: v.color,
+                  fill: r.color,
                   stroke: e.value.style.backgroundColor,
                   "stroke-width": d.value,
-                  "aria-label": `${v.yAxisName}${v.xAxisName ? ` - ${v.xAxisName}` : ""}: ${isNaN(v.value) ? "-" : v.value}`,
-                  onMouseover: (b) => Ze(
-                    v,
+                  "aria-label": `${r.yAxisName}${r.xAxisName ? ` - ${r.xAxisName}` : ""}: ${isNaN(r.value) ? "-" : r.value}`,
+                  onMouseover: (b) => Ve(
+                    r,
                     s,
                     a.value.left + a.value.cellSize.width * c,
                     a.value.top + a.value.cellSize.height * s,
                     "pointer",
-                    Pt(s, c)
+                    it(s, c)
                   ),
-                  onMouseout: () => dl({ datapoint: v, seriesIndex: s }),
-                  onClick: () => Mt(v, s)
-                }, null, 40, ba),
-                e.value.style.layout.cells.value.show ? Vt((u(), i("text", {
+                  onMouseout: () => kl({ datapoint: r, seriesIndex: s }),
+                  onClick: () => Et(r, s)
+                }, null, 40, za),
+                e.value.style.layout.cells.value.show ? Qt((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: n(De)(v.color),
+                  fill: n(Ge)(r.color),
                   x: a.value.left + a.value.cellSize.width * c + a.value.cellSize.width / 2 + a.value.sumCellXHeight,
                   y: a.value.top + a.value.cellSize.height * s + a.value.cellSize.height / 2 + e.value.style.layout.cells.value.fontSize / 3,
                   style: { pointerEvents: "none", userSelect: "none" }
                 }, [
-                  ot(O(n(ee)(
+                  dt(I(n(le)(
                     e.value.style.layout.cells.value.formatter,
-                    v.value,
+                    r.value,
                     n(q)({
                       p: e.value.style.layout.dataLabels.prefix,
-                      v: v.value,
+                      v: r.value,
                       s: e.value.style.layout.dataLabels.suffix,
                       r: e.value.style.layout.cells.value.roundingValue
                     }),
-                    { datapoint: v }
+                    { datapoint: r }
                   )), 1)
-                ], 8, ma)), [
-                  [n(va), {
+                ], 8, _a)), [
+                  [n(wa), {
                     cellWidth: a.value.cellSize.width - d.value,
                     cellHeight: a.value.cellSize.height - d.value,
                     maxFontSize: e.value.style.layout.cells.value.fontSize,
                     minFontSize: 10,
                     index: s * Y.value + c,
-                    reportHide: vl,
-                    reportRotation: il,
-                    hideAll: rl.value,
-                    rotateAll: nl.value
+                    reportHide: xl,
+                    reportRotation: bl,
+                    hideAll: ml.value,
+                    rotateAll: gl.value
                   }]
                 ]) : g("", !0)
               ]))), 256))
@@ -1110,9 +1122,9 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
           e.value.style.layout.cells.rowTotal.color.show ? (u(), i("g", {
             key: 2,
             ref_key: "yAxisSumRects",
-            ref: Jt
+            ref: nl
           }, [
-            (u(!0), i(M, null, U(z.value, (l, s) => (u(), i(M, null, [
+            (u(!0), i(O, null, U($.value, (l, s) => (u(), i(O, null, [
               p("rect", {
                 x: a.value.left,
                 y: a.value.top + a.value.cellSize.height * s,
@@ -1121,7 +1133,7 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
                 fill: e.value.style.layout.cells.colors.underlayer,
                 stroke: e.value.style.backgroundColor,
                 "stroke-width": d.value
-              }, null, 8, xa),
+              }, null, 8, Ia),
               p("rect", {
                 x: a.value.left,
                 y: a.value.top + a.value.cellSize.height * s + d.value / 2,
@@ -1130,42 +1142,42 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
                 fill: x.value.yTotals[s].color,
                 stroke: e.value.style.backgroundColor,
                 "stroke-width": d.value
-              }, null, 8, wa)
+              }, null, 8, Oa)
             ], 64))), 256))
           ], 512)) : g("", !0),
           e.value.style.layout.dataLabels.yAxis.show ? (u(), i("g", {
             key: 3,
             ref_key: "yAxisLabels",
-            ref: ht
+            ref: kt
           }, [
-            (u(!0), i(M, null, U(z.value, (l, s) => (u(), i(M, null, [
+            (u(!0), i(O, null, U($.value, (l, s) => (u(), i(O, null, [
               p("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: ie.value,
+                x: ve.value,
                 y: a.value.top + a.value.cellSize.height * s + a.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"
-              }, O(x.value.yLabels[s]), 9, ka),
+              }, I(x.value.yLabels[s]), 9, Ma),
               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: ie.value,
+                x: ve.value,
                 y: a.value.top + a.value.cellSize.height * s + a.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"
-              }, O(yl(s)), 9, Ca)) : g("", !0)
+              }, I(Cl(s)), 9, Na)) : g("", !0)
             ], 64))), 256))
           ], 512)) : g("", !0),
           e.value.style.layout.dataLabels.xAxis.show ? (u(), i("g", {
             key: 4,
             ref_key: "xAxisLabels",
-            ref: Be
+            ref: qe
           }, [
-            (u(!0), i(M, null, U(x.value.xLabels, (l, s) => (u(), i(M, null, [
+            (u(!0), i(O, null, U(x.value.xLabels, (l, s) => (u(), i(O, 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(), i("text", {
                 key: 0,
                 class: "vue-ui-heatmap-col-name",
@@ -1174,24 +1186,24 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
                 fill: e.value.style.layout.dataLabels.xAxis.color,
                 "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal",
                 transform: `translate(${a.value.left + a.value.cellSize.width / 2 + a.value.width / x.value.xLabels.length * s + e.value.style.layout.dataLabels.xAxis.offsetX + a.value.sumCellXHeight}, ${a.value.topLabelsHeight}), rotate(${e.value.style.layout.dataLabels.xAxis.rotation})`
-              }, O(l), 9, Aa)) : g("", !0)
+              }, I(l), 9, Fa)) : g("", !0)
             ], 64))), 256))
           ], 512)) : g("", !0),
           e.value.style.layout.cells.columnTotal.value.show ? (u(), i("g", {
             key: 5,
             ref_key: "xAxisSums",
-            ref: Ue
+            ref: je
           }, [
-            (u(!0), i(M, null, U(x.value.xLabels, (l, s) => (u(), i("text", {
+            (u(!0), i(O, null, U(x.value.xLabels, (l, s) => (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(${a.value.left + a.value.cellSize.width / 2 + a.value.width / x.value.xLabels.length * s + e.value.style.layout.dataLabels.xAxis.offsetX + e.value.style.layout.cells.columnTotal.value.offsetX + a.value.sumCellXHeight}, ${a.value.bottom + e.value.style.layout.dataLabels.xAxis.fontSize / 2}), rotate(${e.value.style.layout.cells.columnTotal.value.rotation})`
-            }, O(hl(s)), 9, La))), 256))
+            }, I(Al(s)), 9, Ra))), 256))
           ], 512)) : g("", !0),
-          R.value ? (u(), i("g", Sa, [
+          R.value ? (u(), i("g", Pa, [
             p("rect", {
               style: { "pointer-events": "none" },
               x: R.value.x - e.value.style.layout.cells.selected.border / 2 + d.value + a.value.sumCellXHeight,
@@ -1202,9 +1214,9 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
               stroke: e.value.style.layout.cells.selected.color,
               "stroke-width": e.value.style.layout.cells.selected.border,
               rx: 1
-            }, null, 8, Ta)
+            }, null, 8, Da)
           ])) : g("", !0),
-          e.value.style.layout.crosshairs.show && R.value ? (u(), i("g", $a, [
+          e.value.style.layout.crosshairs.show && R.value ? (u(), i("g", Ha, [
             p("line", {
               x1: a.value.left + a.value.sumCellXHeight,
               x2: R.value.x + a.value.sumCellXHeight,
@@ -1214,7 +1226,7 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
               "stroke-width": e.value.style.layout.crosshairs.strokeWidth,
               "stroke-dasharray": e.value.style.layout.crosshairs.strokeDasharray,
               "stroke-linecap": "round"
-            }, null, 8, za),
+            }, null, 8, Ea),
             p("line", {
               x1: R.value.x + a.value.sumCellXHeight + (a.value.cellSize.width - d.value) / 2,
               x2: R.value.x + a.value.sumCellXHeight + (a.value.cellSize.width - d.value) / 2,
@@ -1224,57 +1236,57 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
               "stroke-width": e.value.style.layout.crosshairs.strokeWidth,
               "stroke-dasharray": e.value.style.layout.crosshairs.strokeDasharray,
               "stroke-linecap": "round"
-            }, null, 8, _a)
+            }, null, 8, Va)
           ])) : g("", !0),
           m(t.$slots, "svg", {
             svg: {
               ...D.value,
-              isPrintingImg: n(qe) | n(je) | Te.value,
-              isPrintingSvg: $e.value
+              isPrintingImg: n(tt) | n(lt) | Ne.value,
+              isPrintingSvg: Fe.value
             }
           }, void 0, !0)
-        ], 46, ya)),
+        ], 46, Aa)),
         e.value.style.legend.show ? (u(), i("div", {
           key: 0,
           ref_key: "legendRight",
-          ref: jt,
+          ref: ul,
           class: "vue-ui-heatmap-legend-right",
           style: L({
             "--legend-width": e.value.style.legend.width + "px"
           })
         }, [
-          n(Me) ? g("", !0) : (u(), i("div", {
+          n(He) ? g("", !0) : (u(), i("div", {
             key: 0,
             class: "vue-ui-heatmap-legend-label-max",
             style: L({
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, O(n(ee)(
+          }, I(n(le)(
             e.value.style.layout.cells.value.formatter,
-            n(te)(Z.value),
+            n(ae)(Z.value),
             n(q)({
               p: e.value.style.layout.dataLabels.prefix,
-              v: n(te)(Z.value),
+              v: n(ae)(Z.value),
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
           )), 5)),
-          p("div", Oa, [
+          p("div", Xa, [
             p("div", {
               class: "vue-ui-heatmap-gauge",
               style: L({
                 background: `linear-gradient(to bottom, ${e.value.style.layout.cells.colors.hot}, ${e.value.style.layout.cells.colors.cold})`
               })
             }, [
-              Vt(p("div", {
+              Qt(p("div", {
                 class: "vue-ui-heatmap-gauge-indicator",
-                "data-value": n(ee)(
+                "data-value": n(le)(
                   e.value.style.layout.cells.value.formatter,
-                  n(te)(X.value),
+                  n(ae)(V.value),
                   n(q)({
                     p: e.value.style.layout.dataLabels.prefix,
-                    v: n(te)(X.value),
+                    v: n(ae)(V.value),
                     s: e.value.style.layout.dataLabels.suffix,
                     r: e.value.style.legend.roundingValue
                   })
@@ -1283,67 +1295,67 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
                   position: "absolute",
                   width: "100%",
                   height: "2px",
-                  background: [void 0, null].includes(X.value) ? "transparent" : n(De)(Ne.value.datapoint.color),
-                  top: `${[void 0, null].includes(X.value) ? 0 : (1 - X.value / Z.value) * 100}%`,
+                  background: [void 0, null].includes(V.value) ? "transparent" : n(Ge)(Ee.value.datapoint.color),
+                  top: `${[void 0, null].includes(V.value) ? 0 : (1 - V.value / Z.value) * 100}%`,
                   transition: "all 0.2s ease-in-out",
                   "--background-color": e.value.style.backgroundColor,
-                  "--gauge-arrow-color": n(De)(e.value.style.backgroundColor),
-                  "--gauge-arrow-text-color": n(De)(e.value.style.backgroundColor),
-                  "--gauge-arrow-value": X.value,
+                  "--gauge-arrow-color": n(Ge)(e.value.style.backgroundColor),
+                  "--gauge-arrow-text-color": n(Ge)(e.value.style.backgroundColor),
+                  "--gauge-arrow-value": V.value,
                   "--gauge-arrow-font-size": e.value.style.legend.fontSize + "px"
                 })
               }, [
-                p("div", Na, O(n(ee)(
+                p("div", Ua, I(n(le)(
                   e.value.style.layout.cells.value.formatter,
-                  n(te)(X.value),
+                  n(ae)(V.value),
                   n(q)({
                     p: e.value.style.layout.dataLabels.prefix,
-                    v: n(te)(X.value),
+                    v: n(ae)(V.value),
                     s: e.value.style.layout.dataLabels.suffix,
                     r: e.value.style.legend.roundingValue
                   })
                 )), 1)
-              ], 12, Ma), [
-                [Pl, ![void 0, null].includes(X.value)]
+              ], 12, Ba), [
+                [Yl, ![void 0, null].includes(V.value)]
               ])
             ], 4)
           ]),
-          n(Me) ? g("", !0) : (u(), i("div", {
+          n(He) ? g("", !0) : (u(), i("div", {
             key: 1,
             class: "vue-ui-heatmap-legend-label-min",
             style: L({
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, O(n(ee)(
+          }, I(n(le)(
             e.value.style.layout.cells.value.formatter,
-            n(te)(ke.value),
+            n(ae)(Se.value),
             n(q)({
               p: e.value.style.layout.dataLabels.prefix,
-              v: n(te)(ke.value),
+              v: n(ae)(Se.value),
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
           )), 5))
         ], 4)) : g("", !0),
-        t.$slots.hint ? (u(), i("div", Ia, [
-          m(t.$slots, "hint", H(E({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: _e.value })), void 0, !0)
+        t.$slots.hint ? (u(), i("div", Ga, [
+          m(t.$slots, "hint", H(E({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Pe.value })), void 0, !0)
         ])) : g("", !0)
       ], 2),
-      t.$slots.watermark ? (u(), i("div", Fa, [
-        m(t.$slots, "watermark", H(E({ isPrinting: n(qe) || n(je) || Te.value || $e.value })), void 0, !0)
+      t.$slots.watermark ? (u(), i("div", Wa, [
+        m(t.$slots, "watermark", H(E({ isPrinting: n(tt) || n(lt) || Ne.value || Fe.value })), void 0, !0)
       ])) : g("", !0),
       t.$slots.source ? (u(), i("div", {
         key: 6,
         ref_key: "source",
-        ref: ft,
+        ref: Ct,
         dir: "auto"
       }, [
         m(t.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
-      Pe(n(J), {
+      Ue(n(J), {
         teleportTo: e.value.style.tooltip.teleportTo,
-        show: P.value.showTooltip && se.value,
+        show: P.value.showTooltip && ne.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
         borderRadius: e.value.style.tooltip.borderRadius,
@@ -1353,62 +1365,62 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
         backgroundOpacity: e.value.style.tooltip.backgroundOpacity,
         position: e.value.style.tooltip.position,
         offsetY: e.value.style.tooltip.offsetY,
-        parent: N.value,
-        content: Ee.value,
-        isFullscreen: ve.value,
+        parent: M.value,
+        content: Ke.value,
+        isFullscreen: de.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,
-        isA11yMode: Ge.value === "keyboard",
-        a11yPosition: pt.value
+        isA11yMode: Je.value === "keyboard",
+        a11yPosition: At.value
       }, {
         "tooltip-before": C(() => [
-          m(t.$slots, "tooltip-before", H(E({ ...Ne.value })), void 0, !0)
+          m(t.$slots, "tooltip-before", H(E({ ...Ee.value })), void 0, !0)
         ]),
         "tooltip-after": C(() => [
-          m(t.$slots, "tooltip-after", H(E({ ...Ne.value })), void 0, !0)
+          m(t.$slots, "tooltip-after", H(E({ ...Ee.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      V.value && e.value.userOptions.buttons.table ? (u(), pe(Dl(Ie.value.component), Hl({ key: 7 }, Ie.value.props, {
+      X.value && e.value.userOptions.buttons.table ? (u(), me(ql(Xe.value.component), jl({ key: 7 }, Xe.value.props, {
         ref_key: "tableUnit",
-        ref: be,
-        onClose: lt
-      }), Xt({
+        ref: ke,
+        onClose: nt
+      }), Jt({
         content: C(() => [
           p("div", {
             ref_key: "tableContainer",
-            ref: vt,
+            ref: bt,
             class: "vue-ui-heatmap-table atom-data-table",
             style: L(`${e.value.table.useDialog ? "" : "max-height: 300px; margin-top: 24px;"}`)
           }, [
             p("div", {
               style: L(`width:100%;overflow-x:auto;position:relative;${e.value.table.useDialog ? "" : "padding-top:36px"};`),
-              class: Le({ "vue-ui-responsive": n(gl) })
+              class: Oe({ "vue-ui-responsive": n(Tl) })
             }, [
               e.value.table.useDialog ? g("", !0) : (u(), i("div", {
                 key: 0,
                 role: "button",
                 tabindex: "0",
                 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: lt,
-                onKeypress: El(lt, ["enter"])
+                onClick: nt,
+                onKeypress: Jl(nt, ["enter"])
               }, [
-                Pe(n(ae), {
+                Ue(n(se), {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2
                 }, null, 8, ["stroke"])
               ], 36)),
-              p("table", Ra, [
+              p("table", Ka, [
                 e.value.table.useDialog ? g("", !0) : (u(), i("caption", {
                   key: 0,
                   style: L(`backgroundColor:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
                 }, [
-                  ot(O(e.value.style.title.text) + " ", 1),
-                  e.value.style.title.subtitle.text ? (u(), i("span", Pa, O(e.value.style.title.subtitle.text), 1)) : g("", !0)
+                  dt(I(e.value.style.title.text) + " ", 1),
+                  e.value.style.title.subtitle.text ? (u(), i("span", Ya, I(e.value.style.title.subtitle.text), 1)) : g("", !0)
                 ], 4)),
                 p("thead", null, [
                   p("tr", {
@@ -1418,16 +1430,16 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
                     p("th", {
                       style: L(`outline:${e.value.table.th.outline};padding-right:6px`)
                     }, null, 4),
-                    (u(!0), i(M, null, U(h.dataset, (l, s) => (u(), i("th", {
+                    (u(!0), i(O, null, U(h.dataset, (l, s) => (u(), i("th", {
                       align: "right",
                       style: L(`outline:${e.value.table.th.outline};padding-right:6px`)
-                    }, O(l.name), 5))), 256))
+                    }, I(l.name), 5))), 256))
                   ], 4)
                 ]),
                 p("tbody", null, [
-                  (u(!0), i(M, null, U(x.value.xLabels, (l, s) => (u(), i("tr", {
+                  (u(!0), i(O, null, U(x.value.xLabels, (l, s) => (u(), i("tr", {
                     role: "row",
-                    class: Le({ "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 }),
+                    class: Oe({ "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: L(`background:${e.value.table.td.backgroundColor};color:${e.value.table.td.color}`)
                   }, [
                     p("td", {
@@ -1435,15 +1447,15 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
                       class: "vue-ui-data-table__tbody__td",
                       style: L(`outline:${e.value.table.td.outline}`)
                     }, [
-                      p("div", Ha, O(l), 1)
-                    ], 12, Da),
-                    (u(!0), i(M, null, U(h.dataset, (v, c) => (u(), i("td", {
+                      p("div", ja, I(l), 1)
+                    ], 12, qa),
+                    (u(!0), i(O, null, U(h.dataset, (r, c) => (u(), i("td", {
                       class: "vue-ui-data-table__tbody__td",
                       "data-cell": h.dataset[c].name,
                       style: L(`outline:${e.value.table.td.outline}`)
                     }, [
-                      p("div", Xa, O(isNaN(v.values[s]) ? "-" : n(q)({ p: e.value.style.layout.dataLabels.prefix, v: v.values[s], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
-                    ], 12, Ea))), 256))
+                      p("div", Qa, I(isNaN(r.values[s]) ? "-" : n(q)({ p: e.value.style.layout.dataLabels.prefix, v: r.values[s], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
+                    ], 12, Ja))), 256))
                   ], 6))), 256))
                 ])
               ])
@@ -1455,7 +1467,7 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
         e.value.table.useDialog ? {
           name: "title",
           fn: C(() => [
-            ot(O(Ie.value.title), 1)
+            dt(I(Xe.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -1465,12 +1477,12 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
             p("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: o[0] || (o[0] = (l) => et(e.value.userOptions.callbacks.csv)),
-              style: L({ cursor: Oe.value ? "pointer" : "default" })
+              onClick: o[0] || (o[0] = (l) => st(e.value.userOptions.callbacks.csv)),
+              style: L({ cursor: De.value ? "pointer" : "default" })
             }, [
-              Pe(n(ae), {
+              Ue(n(se), {
                 name: "fileCsv",
-                stroke: Ie.value.props.color
+                stroke: Xe.value.props.color
               }, null, 8, ["stroke"])
             ], 4)
           ]),
@@ -1478,11 +1490,11 @@ const ca = ["id"], da = ["id"], ya = ["xmlns", "aria-describedby", "viewBox"], h
         } : void 0
       ]), 1040)) : g("", !0),
       m(t.$slots, "skeleton", {}, () => [
-        n(Me) ? (u(), pe(Ql, { key: 0 })) : g("", !0)
+        n(He) ? (u(), me(ra, { key: 0 })) : g("", !0)
       ], !0)
-    ], 46, ca));
+    ], 46, ka));
   }
-}, ro = /* @__PURE__ */ ra(Va, [["__scopeId", "data-v-34cb8686"]]);
+}, ko = /* @__PURE__ */ xa(Za, [["__scopeId", "data-v-2ff442c5"]]);
 export {
-  ro as default
+  ko as default
 };