vue-data-ui 3.16.5 → 3.17.0

package/dist/{vue-ui-heatmap-DctMvoRr.js → vue-ui-heatmap-B_BmpyVy.js}

@@ -1,7 +1,7 @@
-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 { 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 Me, createElementVNode as p, toDisplayString as I, createBlock as me, createCommentVNode as g, unref as n, withCtx as k, renderSlot as b, normalizeProps as N, guardReactiveProps as F, 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 Ne, 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-CpJA0VZa.js";
+import { u as ua } from "./useConfig-ChRble71.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";
@@ -15,7 +15,7 @@ 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-BF4v32wv.js";
+import ba from "./vue-ui-accordion-CnDW2UQL.js";
 import { A as ma } from "./A11yDataTable-KcVAX2cP.js";
 import { _ as xa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function ft({
@@ -24,7 +24,7 @@ function ft({
   attr: oe,
   earlyReturn: J = !1,
   retryFrames: se = 12,
-  alsoAfterFontsReady: N = !0
+  alsoAfterFontsReady: R = !0
 }) {
   if (J) return;
   const W = (z) => {
@@ -32,14 +32,14 @@ function ft({
     let S;
     if (typeof z.getBBox == "function")
       try {
-        const F = z.getBBox();
-        S = oe === "width" ? F.width : F.height;
+        const P = z.getBBox();
+        S = oe === "width" ? P.width : P.height;
       } catch {
       }
     if (typeof S != "number" || Number.isNaN(S))
       try {
-        const F = z.getBoundingClientRect();
-        S = oe === "width" ? F.width : F.height;
+        const P = z.getBoundingClientRect();
+        S = oe === "width" ? P.width : P.height;
       } catch {
         S = void 0;
       }
@@ -48,22 +48,22 @@ function ft({
   pt((z) => {
     const S = h.value;
     if (!S) return;
-    let F = !1;
+    let P = !1;
     (async () => {
       await xe();
       for (let T = 0; T < se; T += 1) {
-        if (F) return;
+        if (P) return;
         await new Promise((K) => requestAnimationFrame(K));
         const X = h.value;
         if (!X) return;
         W(X);
       }
-      if (N && typeof document < "u" && document.fonts && document.fonts.ready) {
+      if (R && typeof document < "u" && document.fonts && document.fonts.ready) {
         try {
           await document.fonts.ready;
         } catch {
         }
-        !F && h.value && W(h.value);
+        !P && h.value && W(h.value);
       }
     })();
     const ue = new MutationObserver(() => {
@@ -87,7 +87,7 @@ function ft({
       }), A.observe(T);
     }
     z(() => {
-      F = !0, ue.disconnect(), A && A.disconnect();
+      P = !0, ue.disconnect(), A && A.disconnect();
     });
   }, { flush: "post" });
 }
@@ -104,21 +104,21 @@ function ol(h, {
   cellHeight: oe,
   maxFontSize: J,
   minFontSize: se,
-  index: N,
+  index: R,
   reportRotation: W,
   reportHide: z,
   rotateAll: S,
-  hideAll: F
+  hideAll: P
 }) {
   h.removeAttribute("transform"), h.removeAttribute("visibility");
   let fe = !1, ue = !1;
   h.setAttribute("font-size", J);
   const A = h.getComputedTextLength();
   if (A <= G)
-    W(N, !1), z(N, !1);
+    W(R, !1), z(R, !1);
   else {
     const T = Math.floor(J * G / A);
-    T >= se ? (h.setAttribute("font-size", T), W(N, !1), z(N, !1)) : (W(N, !0), z(N, !1), fe = !0);
+    T >= se ? (h.setAttribute("font-size", T), W(R, !1), z(R, !1)) : (W(R, !0), z(R, !1), fe = !0);
   }
   if (S && (fe = !0), fe) {
     h.setAttribute("font-size", J);
@@ -126,13 +126,13 @@ function ol(h, {
     h.setAttribute("transform", `rotate(-90 ${X} ${K})`);
     const M = h.getBBox().width;
     if (M <= oe)
-      z(N, !1);
+      z(R, !1);
     else {
       const ne = Math.floor(J * oe / M);
-      ne >= se ? (h.setAttribute("font-size", ne), z(N, !1)) : (ue = !0, z(N, !0));
+      ne >= se ? (h.setAttribute("font-size", ne), z(R, !1)) : (ue = !0, z(R, !0));
     }
   }
-  (F || ue) && h.setAttribute("visibility", "hidden");
+  (P || ue) && h.setAttribute("visibility", "hidden");
 }
 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,
@@ -161,22 +161,22 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
   emits: ["selectDatapoint", "copyAlt"],
   setup(h, { expose: G, emit: oe }) {
     Ul((t) => ({
-      v2aac18d7: t.tdo
+      v1fe533d1: t.tdo
     }));
-    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-CvtT2-UH.js")), S = be(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_heatmap: F } = ua(), { isThemeValid: fe, warnInvalidTheme: ue } = ca(), A = h, T = oe, X = f({
+    const J = be(() => import("./Tooltip-C8KGyqQk.js")), se = be(() => import("./BaseIcon-Cb3zzG6s.js")), R = be(() => import("./PenAndPaper-Ct3qJ4lA.js")), W = be(() => import("./UserOptions-rW2fRf3V.js")), z = be(() => import("./PackageVersion-B3kmPxTR.js")), S = be(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_heatmap: P } = ua(), { isThemeValid: fe, warnInvalidTheme: ue } = ca(), A = h, T = oe, X = f({
       get() {
         return !!A.dataset && A.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), 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);
+    }), K = v(yt()), M = v(null), ne = v(!1), Ke = v(""), we = v(void 0), D = v(null), gt = v(0), bt = v(null), mt = v(0), sl = v(null), ke = v(null), Ye = v(null), Fe = v(!1), Re = 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), Pe = v(null), At = v({ x: 0, y: 0 }), Je = v("pointer"), De = v(!1), e = v(et()), He = f(() => e.value.userOptions.useCursorPointer);
     function rl() {
       const t = Array(7).fill("_"), o = [], l = 14, s = t.length;
       for (let r = 0; r < s; r += 1) {
         const c = [];
-        for (let b = 0; b < l; b += 1)
-          c.push(r + b * 2);
+        for (let m = 0; m < l; m += 1)
+          c.push(r + m * 2);
         o.push({
           name: `${t[r]}`,
           values: c
@@ -208,7 +208,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: He, FINAL_DATASET: k, manualLoading: Qe } = ia({
+    })), { loading: Ee, FINAL_DATASET: C, manualLoading: Qe } = ia({
       ...Wl(A),
       FINAL_CONFIG: e,
       prepareConfig: et,
@@ -229,7 +229,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
     function et() {
       const t = ht({
         userConfig: A.config,
-        defaultConfig: F
+        defaultConfig: P
       });
       let o = {};
       const l = t.theme;
@@ -253,7 +253,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       return o;
     }
     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;
+      Ee.value || (e.value = et()), Ze.value = !e.value.userOptions.showOnChartHover, at(), mt.value += 1, H.value.showTable = e.value.table.show, H.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 });
@@ -261,12 +261,12 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       elementId: `heatmap__${K.value}`,
       fileName: e.value.style.title.text || "vue-ui-heatmap",
       options: e.value.userOptions.print
-    }), dl = f(() => e.value.userOptions.show && !e.value.style.title.text), P = v({
+    }), dl = f(() => e.value.userOptions.show && !e.value.style.title.text), H = v({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
     Be(e, () => {
-      P.value = {
+      H.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
@@ -299,7 +299,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
     }), Kl(() => {
       at();
     });
-    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(() => ({
+    const Y = f(() => Math.max(...C.value.flatMap((t) => (t.values || []).length))), Ce = v(e.value.style.layout.width), Ae = v(e.value.style.layout.height), E = f(() => ({
       width: Math.max(10, Ce.value),
       height: Math.max(10, Ae.value)
     })), ge = v(0), hl = We((t) => {
@@ -316,15 +316,15 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
     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(() => {
+    const d = f(() => Math.min(E.value.height, E.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, r = D.value.height - o.top - o.bottom - ge.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 = E.value.height - o.top - o.bottom - ge.value - l, c = E.value.width / 60, m = {
         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 - ve.value, y = r - c - b.y - Le.value - s - e.value.style.layout.cells.columnTotal.value.offsetY, w = {
+        y: d.value * ((C.value || []).length + 1)
+      }, _ = E.value.width - o.left - o.right - m.x - c * 2 - 2 - t - ve.value, y = r - c - m.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))
+        height: Math.max(3, y / (C.value.length ?? 1))
       };
       return {
         top: o.top + ge.value + c + l,
@@ -333,12 +333,12 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
         height: y,
         left: o.left + ve.value + c / 2,
         right: o.right - t,
-        bottom: D.value.height - o.bottom - Le.value,
+        bottom: E.value.height - o.bottom - Le.value,
         width: _,
         cellSize: w
       };
-    }), 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);
+    }), Z = f(() => Math.max(...C.value.flatMap((t) => t.values))), Se = f(() => Math.min(...C.value.flatMap((t) => t.values))), ce = f(() => {
+      const t = C.value.flatMap((l) => l.values);
       return t.reduce((l, s) => l + s, 0) / t.length;
     }), _t = v([]), It = v([]);
     let Ot = 0;
@@ -346,11 +346,11 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       const t = ++Ot;
       (async () => {
         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,
+          values: o.values.length ? o.values : C.value.map((s) => s.name),
+          maxDatapoints: C.value.length,
           formatter: o.datetimeFormatter,
           start: 0,
-          end: k.value.length
+          end: C.value.length
         });
         t === Ot && (_t.value = l);
       })();
@@ -370,31 +370,31 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       })();
     });
     const x = f(() => {
-      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 = [];
+      const t = _t.value.map((y) => y.text), o = It.value.map((y) => y.text), l = C.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);
+        c.push(C.value.map((w) => w.values[y] || 0).reduce((w, B) => w + B, 0));
+      const m = Math.max(...c), _ = Math.min(...c);
       return {
         yTotals: l.map((y) => {
           const w = isNaN(y / s) ? 0 : y / s;
           return {
             total: y,
             proportion: w,
-            color: Me(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, r, s, y)
+            color: Ne(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, r, s, y)
           };
         }),
         xTotals: c.map((y) => {
-          const w = isNaN(y / b) ? 0 : y / b;
+          const w = isNaN(y / m) ? 0 : y / m;
           return {
             total: y,
             proportion: w,
-            color: Me(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, _, b, y)
+            color: Ne(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, _, m, y)
           };
         }),
         yLabels: t,
         xLabels: o.slice(0, Y.value)
       };
-    }), $ = f(() => (k.value.forEach((t, o) => {
+    }), $ = f(() => (C.value.forEach((t, o) => {
       Ql({
         datasetObject: t,
         requiredAttributes: ["values"]
@@ -407,11 +407,11 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
           debug: zt.value
         });
       });
-    }), k.value.map((t, o) => ({
+    }), C.value.map((t, o) => ({
       ...t,
       temperatures: (t.values || []).map((l, s) => l >= ce.value ? {
         side: "up",
-        color: Me(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, Se.value, Z.value, l),
+        color: Ne(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],
@@ -420,13 +420,13 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       } : {
         side: "down",
         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),
+        color: Ne(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-${yt()}`
       })
-    })))), Nt = f(() => k.value.length), Ft = jt(Array(Nt.value * Y.value || 1).fill(!1)), gl = f(() => Ft.some((t) => t));
+    })))), Nt = f(() => C.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;
     }
@@ -434,9 +434,9 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
     function xl(t, o) {
       Rt[t] = o;
     }
-    const V = v(null), Ee = v(null);
+    const V = v(null), Te = v(null);
     function ot() {
-      ne.value = !1, we.value = void 0, V.value = null, R.value = null, ie.value = null, Re.value = null;
+      ne.value = !1, we.value = void 0, V.value = null, D.value = null, ie.value = null, Pe.value = null;
     }
     function wl(t) {
       if (!re.value || !t) return;
@@ -449,10 +449,10 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       };
     }
     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;
-      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;
-      we.value = w, V.value = b, Ee.value = {
+      if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: o }), !H.value.showTooltip) return;
+      Je.value = r, ie.value = c, Pe.value = t.id, D.value = { x: l, y: s };
+      const { value: m, yAxisName: _, xAxisName: y, id: w } = t;
+      we.value = w, V.value = m, Te.value = {
         datapoint: t,
         seriesIndex: o,
         series: $.value,
@@ -470,12 +470,12 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
         seriesIndex: o,
         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:${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(
+      }) : (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:${Ne(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, Se.value, Z.value, m)}">⬤</span><span>${isNaN(m) ? "-" : le(
         e.value.style.layout.cells.value.formatter,
-        b,
+        m,
         q({
           p: e.value.style.layout.dataLabels.prefix,
-          v: b,
+          v: m,
           s: e.value.style.layout.dataLabels.suffix,
           r: e.value.style.tooltip.roundingValue
         }),
@@ -485,7 +485,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       });
     }
     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);
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: o }), !(Pe.value === t.id && Je.value === "keyboard") && (ne.value = !1, we.value = void 0, V.value = null, D.value = null);
     }
     function Cl(t) {
       return le(
@@ -514,19 +514,19 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       );
     }
     f(() => {
-      const t = k.value.map((l) => ({
+      const t = C.value.map((l) => ({
         name: l.name
-      })), o = k.value.map((l) => l.values);
+      })), o = C.value.map((l) => l.values);
       return { head: t, body: o };
     });
     function st(t = null) {
       xe(() => {
-        const o = ["", ...k.value.map((c, b) => c.name)], l = [];
+        const o = ["", ...C.value.map((c, m) => c.name)], l = [];
         for (let c = 0; c < x.value.xLabels.length; c += 1) {
-          const b = [x.value.xLabels[c]];
-          for (let _ = 0; _ < k.value.length; _ += 1)
-            b.push([k.value[_].values[c]]);
-          l.push(b);
+          const m = [x.value.xLabels[c]];
+          for (let _ = 0; _ < C.value.length; _ += 1)
+            m.push([C.value[_].values[c]]);
+          l.push(m);
         }
         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" });
@@ -537,14 +537,14 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       de.value = t, gt.value += 1;
     }
     function Dt() {
-      P.value.showTable = !P.value.showTable;
+      H.value.showTable = !H.value.showTable;
     }
     function Ht() {
-      P.value.showTooltip = !P.value.showTooltip;
+      H.value.showTooltip = !H.value.showTooltip;
     }
-    const Te = v(!1);
+    const $e = v(!1);
     function ut() {
-      Te.value = !Te.value;
+      $e.value = !$e.value;
     }
     function Et(t, o) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: o }), T("selectDatapoint", t);
@@ -594,7 +594,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       height: Ae
     });
     const Xe = f(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, o = P.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, o = H.value.showTable;
       return {
         component: t ? S : ba,
         title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? `: ${e.value.style.title.subtitle.text}` : ""}`,
@@ -606,7 +606,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
           isFullscreen: de.value,
           fullscreenParent: M.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8),
-          isCursorPointer: De.value
+          isCursorPointer: He.value
         } : {
           hideDetails: !0,
           config: {
@@ -624,12 +624,12 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
         }
       };
     });
-    Be(() => P.value.showTable, async (t) => {
+    Be(() => H.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: Tl } = da(bt, yl);
     function nt() {
-      P.value.showTable = !1, Ye.value && Ye.value.setTableIconState(!1);
+      H.value.showTable = !1, Ye.value && Ye.value.setTableIconState(!1);
     }
     const $l = f(() => e.value.style.backgroundColor), zl = f(() => e.value.style.title), { exportSvg: _l, getSvg: Il } = va({
       svg: re,
@@ -637,7 +637,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       backgroundColor: $l
     });
     async function Bt({ isCb: t }) {
-      Fe.value = !0, await xe();
+      Re.value = !0, await xe();
       try {
         if (t) {
           const { blob: o, url: l, text: s, dataUrl: r } = await Il();
@@ -645,16 +645,16 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
         } else
           await Promise.resolve(_l());
       } finally {
-        Fe.value = !1;
+        Re.value = !1;
       }
     }
     function Ol(t) {
       if (t?.stage === "start") {
-        Ne.value = !0;
+        Fe.value = !0;
         return;
       }
       if (t?.stage === "end") {
-        Ne.value = !1;
+        Fe.value = !1;
         return;
       }
       $t();
@@ -689,16 +689,16 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       return l + o;
     }
     function Ml() {
-      ie.value = null, Re.value = null, Pe.value = !0;
+      ie.value = null, Pe.value = null, De.value = !0;
     }
     function Nl() {
-      ot(), Pe.value = !1;
+      ot(), De.value = !1;
     }
     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) {
+      if (!re.value || $e.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 === " ", m = t.key === "Escape";
+      if (!o && !l && !s && !r && !c && !m) return;
+      if (t.preventDefault(), t.stopPropagation(), m) {
         ot();
         return;
       }
@@ -711,11 +711,11 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       }
       let _ = ie.value === null ? null : ye.value[ie.value];
       if (!_) {
-        const ee = we.value ? ye.value.findIndex((_e) => _e.cell.id === we.value) : null;
+        const ee = we.value ? ye.value.findIndex((Ie) => Ie.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;
+          const Ie = ye.value[ee];
+          if (!Ie) return;
+          let j = Ie.rowIndex, te = Ie.columnIndex;
           l ? te += 1 : o ? te -= 1 : r ? j += 1 : s && (j -= 1);
           const vt = Wt.value.rowCount;
           if (vt <= 0) return;
@@ -724,16 +724,16 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
           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);
+          const Oe = Gt(j, te);
+          if (!Oe) return;
+          const Vl = it(j, te), Xl = a.value.left + a.value.cellSize.width * Oe.columnIndex, Bl = a.value.top + a.value.cellSize.height * Oe.rowIndex;
+          Ve(Oe.cell, Oe.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);
+        const _e = ye.value[0];
+        if (!_e) return;
+        const Hl = a.value.left + a.value.cellSize.width * _e.columnIndex, El = a.value.top + a.value.cellSize.height * _e.rowIndex;
+        Ve(_e.cell, _e.rowIndex, Hl, El, "keyboard", 0);
         return;
       }
       let y = _.rowIndex, w = _.columnIndex;
@@ -745,18 +745,18 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       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 ze = Gt(y, w);
+      if (!ze) return;
+      const Rl = it(y, w), Pl = a.value.left + a.value.cellSize.width * ze.columnIndex, Dl = a.value.top + a.value.cellSize.height * ze.rowIndex;
+      Ve(ze.cell, ze.rowIndex, Pl, Dl, "keyboard", Rl);
     }
     const rt = f(() => {
       const t = [
         e.value.table.colNames.xAxis,
-        ...k.value.map((l) => l.name)
+        ...C.value.map((l) => l.name)
       ], o = x.value.xLabels.map((l, s) => [
         l,
-        ...k.value.map((r) => {
+        ...C.value.map((r) => {
           const c = r.values?.[s];
           return isNaN(c) ? "-" : q({
             p: e.value.style.layout.dataLabels.prefix,
@@ -796,12 +796,12 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
     }), (t, o) => (u(), i("div", {
       ref_key: "heatmapChart",
       ref: M,
-      class: Oe(`vue-data-ui-component vue-ui-heatmap ${de.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: Me(`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] = () => St(!0)),
       onMouseleave: o[2] || (o[2] = () => {
-        St(!1), Pe.value || ot();
+        St(!1), De.value || ot();
       })
     }, [
       p("div", {
@@ -818,32 +818,32 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
         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(), me(n(N), {
+      e.value.userOptions.buttons.annotator ? (u(), me(n(R), {
         key: 1,
         svgRef: n(re),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        active: Te.value,
-        isCursorPointer: De.value,
+        active: $e.value,
+        isCursorPointer: He.value,
         onClose: ut
       }, {
-        "annotator-action-close": C(() => [
-          m(t.$slots, "annotator-action-close", {}, void 0, !0)
+        "annotator-action-close": k(() => [
+          b(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": C(({ color: l }) => [
-          m(t.$slots, "annotator-action-color", H(E({ color: l })), void 0, !0)
+        "annotator-action-color": k(({ color: l }) => [
+          b(t.$slots, "annotator-action-color", N(F({ color: l })), void 0, !0)
         ]),
-        "annotator-action-draw": C(({ mode: l }) => [
-          m(t.$slots, "annotator-action-draw", H(E({ mode: l })), void 0, !0)
+        "annotator-action-draw": k(({ mode: l }) => [
+          b(t.$slots, "annotator-action-draw", N(F({ mode: l })), void 0, !0)
         ]),
-        "annotator-action-undo": C(({ disabled: l }) => [
-          m(t.$slots, "annotator-action-undo", H(E({ disabled: l })), void 0, !0)
+        "annotator-action-undo": k(({ disabled: l }) => [
+          b(t.$slots, "annotator-action-undo", N(F({ disabled: l })), void 0, !0)
         ]),
-        "annotator-action-redo": C(({ disabled: l }) => [
-          m(t.$slots, "annotator-action-redo", H(E({ disabled: l })), void 0, !0)
+        "annotator-action-redo": k(({ disabled: l }) => [
+          b(t.$slots, "annotator-action-redo", N(F({ disabled: l })), void 0, !0)
         ]),
-        "annotator-action-delete": C(({ disabled: l }) => [
-          m(t.$slots, "annotator-action-delete", H(E({ disabled: l })), void 0, !0)
+        "annotator-action-delete": k(({ disabled: l }) => [
+          b(t.$slots, "annotator-action-delete", N(F({ disabled: l })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : g("", !0),
@@ -892,16 +892,16 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         hasAltCopy: e.value.userOptions.buttons.altCopy,
         isFullscreen: de.value,
-        isTooltip: P.value.showTooltip,
+        isTooltip: H.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: M.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: Te.value,
+        isAnnotation: $e.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
-        isCursorPointer: De.value,
+        isCursorPointer: He.value,
         onToggleFullscreen: Pt,
         onGeneratePdf: n(Tt),
         onGenerateCsv: st,
@@ -917,77 +917,77 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       }, Jt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: C(({ isOpen: l, color: s }) => [
-            m(t.$slots, "menuIcon", H(E({ isOpen: l, color: s })), void 0, !0)
+          fn: k(({ isOpen: l, color: s }) => [
+            b(t.$slots, "menuIcon", N(F({ isOpen: l, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: C(() => [
-            m(t.$slots, "optionTooltip", {}, void 0, !0)
+          fn: k(() => [
+            b(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: C(() => [
-            m(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: k(() => [
+            b(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: C(() => [
-            m(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: k(() => [
+            b(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: C(() => [
-            m(t.$slots, "optionImg", {}, void 0, !0)
+          fn: k(() => [
+            b(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: C(() => [
-            m(t.$slots, "optionSvg", {}, void 0, !0)
+          fn: k(() => [
+            b(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: C(() => [
-            m(t.$slots, "optionTable", {}, void 0, !0)
+          fn: k(() => [
+            b(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: C(({ toggleFullscreen: l, isFullscreen: s }) => [
-            m(t.$slots, "optionFullscreen", H(E({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
+          fn: k(({ toggleFullscreen: l, isFullscreen: s }) => [
+            b(t.$slots, "optionFullscreen", N(F({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: C(({ toggleAnnotator: l, isAnnotator: s }) => [
-            m(t.$slots, "optionAnnotator", H(E({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
+          fn: k(({ toggleAnnotator: l, isAnnotator: s }) => [
+            b(t.$slots, "optionAnnotator", N(F({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionAltCopy ? {
           name: "optionAltCopy",
-          fn: C(({ altCopy: l }) => [
-            m(t.$slots, "optionAltCopy", H(E({ altCopy: l })), void 0, !0)
+          fn: k(({ altCopy: l }) => [
+            b(t.$slots, "optionAltCopy", N(F({ altCopy: l })), void 0, !0)
           ]),
           key: "9"
         } : 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: Oe({
+        class: Me({
           "vue-ui-heatmap-chart-wrapper": !0,
           "vue-ui-heatmap-chart-wrapper-legend-right": e.value.style.legend.show
         })
@@ -997,8 +997,8 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
           ref: re,
           xmlns: n(Zl),
           "aria-describedby": `chart-instructions-${K.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}`,
+          class: Me({ "vue-data-ui-fullscreen--on": de.value, "vue-data-ui-fulscreen--off": !de.value }),
+          viewBox: `0 0 ${E.value.width} ${E.value.height}`,
           width: "100%",
           style: L(`overflow: visible; background:transparent;color:${e.value.style.color}`),
           "aria-live": "polite",
@@ -1020,7 +1020,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
               pointerEvents: "none"
             }
           }, [
-            m(t.$slots, "chart-background", {}, void 0, !0)
+            b(t.$slots, "chart-background", {}, void 0, !0)
           ], 8, La)) : g("", !0),
           e.value.style.layout.cells.columnTotal.color.show ? (u(), i("g", {
             key: 1,
@@ -1029,7 +1029,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
           }, [
             (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),
+              y: a.value.top - a.value.sumCellXHeight + d.value * (E.value.height / E.value.width),
               height: a.value.sumCellXHeight,
               width: a.value.cellSize.width - d.value,
               fill: e.value.style.layout.cells.colors.underlayer,
@@ -1038,7 +1038,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
             }, 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),
+              y: a.value.top - a.value.sumCellXHeight + d.value * (E.value.height / E.value.width),
               height: a.value.sumCellXHeight,
               width: a.value.cellSize.width - d.value,
               fill: l.color,
@@ -1071,7 +1071,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
                   stroke: e.value.style.backgroundColor,
                   "stroke-width": d.value,
                   "aria-label": `${r.yAxisName}${r.xAxisName ? ` - ${r.xAxisName}` : ""}: ${isNaN(r.value) ? "-" : r.value}`,
-                  onMouseover: (b) => Ve(
+                  onMouseover: (m) => Ve(
                     r,
                     s,
                     a.value.left + a.value.cellSize.width * c,
@@ -1203,11 +1203,11 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
               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})`
             }, I(Al(s)), 9, Ra))), 256))
           ], 512)) : g("", !0),
-          R.value ? (u(), i("g", Pa, [
+          D.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,
-              y: R.value.y - e.value.style.layout.cells.selected.border / 2 + d.value,
+              x: D.value.x - e.value.style.layout.cells.selected.border / 2 + d.value + a.value.sumCellXHeight,
+              y: D.value.y - e.value.style.layout.cells.selected.border / 2 + d.value,
               width: a.value.cellSize.width - d.value + e.value.style.layout.cells.selected.border - d.value,
               height: a.value.cellSize.height - d.value + e.value.style.layout.cells.selected.border - d.value,
               fill: "transparent",
@@ -1216,21 +1216,21 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
               rx: 1
             }, null, 8, Da)
           ])) : g("", !0),
-          e.value.style.layout.crosshairs.show && R.value ? (u(), i("g", Ha, [
+          e.value.style.layout.crosshairs.show && D.value ? (u(), i("g", Ha, [
             p("line", {
               x1: a.value.left + a.value.sumCellXHeight,
-              x2: R.value.x + a.value.sumCellXHeight,
-              y1: R.value.y + (a.value.cellSize.height - d.value) / 2,
-              y2: R.value.y + (a.value.cellSize.height - d.value) / 2,
+              x2: D.value.x + a.value.sumCellXHeight,
+              y1: D.value.y + (a.value.cellSize.height - d.value) / 2,
+              y2: D.value.y + (a.value.cellSize.height - d.value) / 2,
               stroke: e.value.style.layout.crosshairs.stroke,
               "stroke-width": e.value.style.layout.crosshairs.strokeWidth,
               "stroke-dasharray": e.value.style.layout.crosshairs.strokeDasharray,
               "stroke-linecap": "round"
             }, 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,
-              y1: R.value.y,
+              x1: D.value.x + a.value.sumCellXHeight + (a.value.cellSize.width - d.value) / 2,
+              x2: D.value.x + a.value.sumCellXHeight + (a.value.cellSize.width - d.value) / 2,
+              y1: D.value.y,
               y2: a.value.top,
               stroke: e.value.style.layout.crosshairs.stroke,
               "stroke-width": e.value.style.layout.crosshairs.strokeWidth,
@@ -1238,11 +1238,11 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
               "stroke-linecap": "round"
             }, null, 8, Va)
           ])) : g("", !0),
-          m(t.$slots, "svg", {
+          b(t.$slots, "svg", {
             svg: {
-              ...D.value,
-              isPrintingImg: n(tt) | n(lt) | Ne.value,
-              isPrintingSvg: Fe.value
+              ...E.value,
+              isPrintingImg: n(tt) | n(lt) | Fe.value,
+              isPrintingSvg: Re.value
             }
           }, void 0, !0)
         ], 46, Aa)),
@@ -1255,7 +1255,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
             "--legend-width": e.value.style.legend.width + "px"
           })
         }, [
-          n(He) ? g("", !0) : (u(), i("div", {
+          n(Ee) ? g("", !0) : (u(), i("div", {
             key: 0,
             class: "vue-ui-heatmap-legend-label-max",
             style: L({
@@ -1295,7 +1295,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
                   position: "absolute",
                   width: "100%",
                   height: "2px",
-                  background: [void 0, null].includes(V.value) ? "transparent" : n(Ge)(Ee.value.datapoint.color),
+                  background: [void 0, null].includes(V.value) ? "transparent" : n(Ge)(Te.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,
@@ -1320,7 +1320,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
               ])
             ], 4)
           ]),
-          n(He) ? g("", !0) : (u(), i("div", {
+          n(Ee) ? g("", !0) : (u(), i("div", {
             key: 1,
             class: "vue-ui-heatmap-legend-label-min",
             style: L({
@@ -1339,11 +1339,11 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
           )), 5))
         ], 4)) : g("", !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)
+          b(t.$slots, "hint", N(F({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: De.value })), void 0, !0)
         ])) : g("", !0)
       ], 2),
       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)
+        b(t.$slots, "watermark", N(F({ isPrinting: n(tt) || n(lt) || Fe.value || Re.value })), void 0, !0)
       ])) : g("", !0),
       t.$slots.source ? (u(), i("div", {
         key: 6,
@@ -1351,11 +1351,11 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
         ref: Ct,
         dir: "auto"
       }, [
-        m(t.$slots, "source", {}, void 0, !0)
+        b(t.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
       Ue(n(J), {
         teleportTo: e.value.style.tooltip.teleportTo,
-        show: P.value.showTooltip && ne.value,
+        show: H.value.showTooltip && ne.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
         borderRadius: e.value.style.tooltip.borderRadius,
@@ -1376,11 +1376,14 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
         isA11yMode: Je.value === "keyboard",
         a11yPosition: At.value
       }, {
-        "tooltip-before": C(() => [
-          m(t.$slots, "tooltip-before", H(E({ ...Ee.value })), void 0, !0)
+        "tooltip-before": k(() => [
+          b(t.$slots, "tooltip-before", N(F({ ...Te.value })), void 0, !0)
+        ]),
+        tooltip: k(() => [
+          b(t.$slots, "tooltip", N(F({ ...Te.value })), void 0, !0)
         ]),
-        "tooltip-after": C(() => [
-          m(t.$slots, "tooltip-after", H(E({ ...Ee.value })), void 0, !0)
+        "tooltip-after": k(() => [
+          b(t.$slots, "tooltip-after", N(F({ ...Te.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"]),
@@ -1389,7 +1392,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
         ref: ke,
         onClose: nt
       }), Jt({
-        content: C(() => [
+        content: k(() => [
           p("div", {
             ref_key: "tableContainer",
             ref: bt,
@@ -1398,7 +1401,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
           }, [
             p("div", {
               style: L(`width:100%;overflow-x:auto;position:relative;${e.value.table.useDialog ? "" : "padding-top:36px"};`),
-              class: Oe({ "vue-ui-responsive": n(Tl) })
+              class: Me({ "vue-ui-responsive": n(Tl) })
             }, [
               e.value.table.useDialog ? g("", !0) : (u(), i("div", {
                 key: 0,
@@ -1439,7 +1442,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
                 p("tbody", null, [
                   (u(!0), i(O, null, U(x.value.xLabels, (l, s) => (u(), i("tr", {
                     role: "row",
-                    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 }),
+                    class: Me({ "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", {
@@ -1466,19 +1469,19 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: C(() => [
+          fn: k(() => [
             dt(I(Xe.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: C(() => [
+          fn: k(() => [
             p("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: o[0] || (o[0] = (l) => st(e.value.userOptions.callbacks.csv)),
-              style: L({ cursor: De.value ? "pointer" : "default" })
+              style: L({ cursor: He.value ? "pointer" : "default" })
             }, [
               Ue(n(se), {
                 name: "fileCsv",
@@ -1489,12 +1492,12 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
           key: "1"
         } : void 0
       ]), 1040)) : g("", !0),
-      m(t.$slots, "skeleton", {}, () => [
-        n(He) ? (u(), me(ra, { key: 0 })) : g("", !0)
+      b(t.$slots, "skeleton", {}, () => [
+        n(Ee) ? (u(), me(ra, { key: 0 })) : g("", !0)
       ], !0)
     ], 46, ka));
   }
-}, ko = /* @__PURE__ */ xa(Za, [["__scopeId", "data-v-2ff442c5"]]);
+}, ko = /* @__PURE__ */ xa(Za, [["__scopeId", "data-v-88a6ed15"]]);
 export {
   ko as default
 };