vue-data-ui 3.9.8 → 3.9.10

package/dist/{vue-ui-heatmap-CK0Z2Afj.js → vue-ui-heatmap-Di39E10i.js}

@@ -1,114 +1,157 @@
-import { watchEffect as ul, nextTick as Se, useCssVars as nl, defineAsyncComponent as ue, computed as f, ref as d, shallowRef as il, toRefs as rl, watch as ke, onBeforeUnmount as ft, onMounted as vl, reactive as gt, createElementBlock as i, openBlock as u, normalizeStyle as w, normalizeClass as fe, createBlock as ge, createCommentVNode as g, createElementVNode as b, createVNode as we, unref as n, withCtx as C, renderSlot as x, normalizeProps as E, guardReactiveProps as R, createSlots as bt, Fragment as S, renderList as N, withDirectives as pt, createTextVNode as Xe, toDisplayString as $, vShow as cl, resolveDynamicComponent as dl, mergeProps as hl, withKeys as yl } from "vue";
-import { c as Ie, t as fl, a0 as gl, o as mt, g as xt, al as be, k as bl, X as pl, w as Le, a as q, d as V, T as K, ax as ml, u as xl, q as Cl, x as Al, Z as kl } from "./lib-W9waxHL3.js";
-import { t as Te, u as wl } from "./useResponsive-DfdjqQps.js";
-import { u as Ll, a as Ve } from "./useNestedProp-B3m37PKe.js";
+import { watchEffect as ul, nextTick as Se, useCssVars as nl, defineAsyncComponent as ve, computed as b, ref as d, shallowRef as il, toRefs as rl, watch as we, onBeforeUnmount as ft, onMounted as vl, reactive as gt, createElementBlock as i, openBlock as u, normalizeStyle as L, normalizeClass as ge, createBlock as be, createCommentVNode as f, createElementVNode as g, createVNode as Ae, unref as n, withCtx as C, renderSlot as x, normalizeProps as H, guardReactiveProps as X, createSlots as bt, Fragment as z, renderList as P, withDirectives as pt, createTextVNode as Pe, toDisplayString as F, vShow as cl, resolveDynamicComponent as dl, mergeProps as yl, withKeys as hl } from "vue";
+import { c as Ie, t as fl, a0 as gl, o as mt, g as xt, al as pe, k as bl, X as pl, w as Le, a as K, d as W, T as Z, ax as ml, u as xl, q as Cl, x as kl, Z as wl } from "./lib-W9waxHL3.js";
+import { t as Te, u as Al } from "./useResponsive-DfdjqQps.js";
+import { u as Ll, a as Ve } from "./useNestedProp-D-jUHecl.js";
 import { u as Tl } from "./usePrinter-DhoMn87n.js";
 import { u as Sl, B as _l } from "./BaseScanner-BMpwQAfz.js";
-import { u as $l } from "./useSvgExport-ByUukOZt.js";
+import { u as zl } from "./useSvgExport-ByUukOZt.js";
 import { u as Ct } from "./useTimeLabels-DKoynYae.js";
-import { u as zl } from "./useThemeCheck-DGJ31Vi5.js";
+import { u as $l } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Fl } from "./useTableResponsive-Cbx-ACcP.js";
 import { u as Dl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as At } from "./useTimeLabelCollider-CIsgDrl9.js";
-import { u as Bl } from "./useChartAccessibility-9icAAmYg.js";
-import Ol from "./img-BJzUSmkm.js";
-import Ml from "./Title-D1h0XGFy.js";
-import El from "./vue-ui-accordion-CyEsYJt-.js";
-import { _ as Rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function Ue({ elementRef: y, callback: O, attr: H, earlyReturn: U = !1 }) {
-  U || ul(
-    (Z) => {
-      const m = y.value;
-      if (!m) return;
-      const Y = new ResizeObserver((z) => {
-        const J = z[0]?.contentRect;
-        let F;
-        if (J && J[H] != null)
-          F = J[H];
-        else
-          try {
-            H === "width" ? F = typeof m.getBBox == "function" ? m.getBBox().width : m.getBoundingClientRect().width : F = typeof m.getBBox == "function" ? m.getBBox().height : m.getBoundingClientRect().height;
-          } catch {
-            const Q = m.getBoundingClientRect();
-            F = H === "width" ? Q.width : Q.height;
-          }
-        typeof F == "number" && !Number.isNaN(F) && O(F);
+import { u as kt } from "./useTimeLabelCollider-CIsgDrl9.js";
+import { u as Ol } from "./useChartAccessibility-9icAAmYg.js";
+import Ml from "./img-BJzUSmkm.js";
+import Bl from "./Title-DFtCaCah.js";
+import El from "./vue-ui-accordion-B6BX2vhq.js";
+import { _ as Nl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function Ue({
+  elementRef: y,
+  callback: I,
+  attr: J,
+  earlyReturn: Y = !1,
+  retryFrames: Q = 12,
+  alsoAfterFontsReady: D = !0
+}) {
+  if (Y) return;
+  const V = (T) => {
+    if (!T) return;
+    let A;
+    if (typeof T.getBBox == "function")
+      try {
+        const O = T.getBBox();
+        A = J === "width" ? O.width : O.height;
+      } catch {
+      }
+    if (typeof A != "number" || Number.isNaN(A))
+      try {
+        const O = T.getBoundingClientRect();
+        A = J === "width" ? O.width : O.height;
+      } catch {
+        A = void 0;
+      }
+    typeof A == "number" && !Number.isNaN(A) && I(A);
+  };
+  ul((T) => {
+    const A = y.value;
+    if (!A) return;
+    let O = !1;
+    (async () => {
+      await Se();
+      for (let S = 0; S < Q; S += 1) {
+        if (O) return;
+        await new Promise((te) => requestAnimationFrame(te));
+        const N = y.value;
+        if (!N) return;
+        V(N);
+      }
+      if (D && typeof document < "u" && document.fonts && document.fonts.ready) {
+        try {
+          await document.fonts.ready;
+        } catch {
+        }
+        !O && y.value && V(y.value);
+      }
+    })();
+    const ee = new MutationObserver(() => {
+      y.value && requestAnimationFrame(() => {
+        y.value && V(y.value);
       });
-      Y.observe(m), Se(() => {
-        requestAnimationFrame(() => {
-          if (!y.value) return;
-          const z = y.value.getBoundingClientRect(), j = H === "width" ? z.width : z.height;
-          typeof j == "number" && !Number.isNaN(j) && O(j);
-        });
-      }), Z(() => Y.disconnect());
-    },
-    { flush: "post" }
-  );
+    });
+    ee.observe(A, {
+      childList: !0,
+      subtree: !0,
+      characterData: !0,
+      attributes: !0,
+      attributeFilter: ["transform", "style", "class"]
+    });
+    let m;
+    if (typeof ResizeObserver < "u") {
+      const S = A.ownerSVGElement ? A.ownerSVGElement : A;
+      m = new ResizeObserver(() => {
+        const N = y.value;
+        N && V(N);
+      }), m.observe(S);
+    }
+    T(() => {
+      O = !0, ee.disconnect(), m && m.disconnect();
+    });
+  }, { flush: "post" });
 }
-const wt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { cells: { selected: { color: "#CCCCCC" } }, dataLabels: { xAxis: { color: "#CCCCCC" }, yAxis: { color: "#CCCCCC" } } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Lt = { style: { backgroundColor: "#FFF8E1", color: "#424242", layout: { cells: { colors: { hot: "#D32F2F", cold: "#FFE082" }, spacing: 0.5, selected: { color: "#B71C1C" } }, dataLabels: { xAxis: { color: "#424242" }, yAxis: { color: "#424242" } } }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, legend: { backgroundColor: "#FFF8E1", color: "#424242" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Tt = { style: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { cells: { colors: { hot: "#D32F2F", cold: "#FFE082" }, spacing: 0.5, selected: { color: "#B71C1C" } }, dataLabels: { xAxis: { color: "#BDBDBD" }, yAxis: { color: "#BDBDBD" } } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, St = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { cells: { colors: { hot: "#008000", cold: "#333333" }, spacing: 0.5, selected: { color: "#33FF33" } }, dataLabels: { xAxis: { color: "#AACCAA" }, yAxis: { color: "#AACCAA" } } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, legend: { backgroundColor: "#2A2F2A", color: "#AACCAA" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, _t = { style: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { cells: { colors: { hot: "#DFCA99", cold: "#BBC4D3" }, spacing: 0.5, selected: { color: "#4F5B75" } }, dataLabels: { xAxis: { color: "#A0AC94" }, yAxis: { color: "#A0AC94" } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, $t = { style: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { cells: { colors: { hot: "#6D7D65", cold: "#6C94A5" }, spacing: 0.5, selected: { color: "#404C4D" } }, dataLabels: { xAxis: { color: "#61747E" }, yAxis: { color: "#61747E" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, zt = {
+const At = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { cells: { selected: { color: "#CCCCCC" } }, dataLabels: { xAxis: { color: "#CCCCCC" }, yAxis: { color: "#CCCCCC" } } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Lt = { style: { backgroundColor: "#FFF8E1", color: "#424242", layout: { cells: { colors: { hot: "#D32F2F", cold: "#FFE082" }, spacing: 0.5, selected: { color: "#B71C1C" } }, dataLabels: { xAxis: { color: "#424242" }, yAxis: { color: "#424242" } } }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, legend: { backgroundColor: "#FFF8E1", color: "#424242" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Tt = { style: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { cells: { colors: { hot: "#D32F2F", cold: "#FFE082" }, spacing: 0.5, selected: { color: "#B71C1C" } }, dataLabels: { xAxis: { color: "#BDBDBD" }, yAxis: { color: "#BDBDBD" } } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, St = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { cells: { colors: { hot: "#008000", cold: "#333333" }, spacing: 0.5, selected: { color: "#33FF33" } }, dataLabels: { xAxis: { color: "#AACCAA" }, yAxis: { color: "#AACCAA" } } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, legend: { backgroundColor: "#2A2F2A", color: "#AACCAA" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, _t = { style: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { cells: { colors: { hot: "#DFCA99", cold: "#BBC4D3" }, spacing: 0.5, selected: { color: "#4F5B75" } }, dataLabels: { xAxis: { color: "#A0AC94" }, yAxis: { color: "#A0AC94" } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, zt = { style: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { cells: { colors: { hot: "#6D7D65", cold: "#6C94A5" }, spacing: 0.5, selected: { color: "#404C4D" } }, dataLabels: { xAxis: { color: "#61747E" }, yAxis: { color: "#61747E" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, $t = {
   default: {},
-  dark: wt,
+  dark: At,
   celebration: Lt,
   celebrationNight: Tt,
   hack: St,
   zen: _t,
-  concrete: $t
-}, za = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  concrete: zt
+}, Oa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   celebration: Lt,
   celebrationNight: Tt,
-  concrete: $t,
-  dark: wt,
-  default: zt,
+  concrete: zt,
+  dark: At,
+  default: $t,
   hack: St,
   zen: _t
-}, Symbol.toStringTag, { value: "Module" })), Nl = {
-  mounted(y, O) {
-    kt(y, O.value);
+}, Symbol.toStringTag, { value: "Module" })), Rl = {
+  mounted(y, I) {
+    wt(y, I.value);
   },
-  updated(y, O) {
-    kt(y, O.value);
+  updated(y, I) {
+    wt(y, I.value);
   }
 };
-function kt(y, {
-  cellWidth: O,
-  cellHeight: H,
-  maxFontSize: U,
-  minFontSize: Z,
-  index: m,
-  reportRotation: Y,
-  reportHide: z,
-  rotateAll: j,
-  hideAll: J
+function wt(y, {
+  cellWidth: I,
+  cellHeight: J,
+  maxFontSize: Y,
+  minFontSize: Q,
+  index: D,
+  reportRotation: V,
+  reportHide: T,
+  rotateAll: A,
+  hideAll: O
 }) {
   y.removeAttribute("transform"), y.removeAttribute("visibility");
-  let F = !1, Q = !1;
-  y.setAttribute("font-size", U);
-  const L = y.getComputedTextLength();
-  if (L <= O)
-    Y(m, !1), z(m, !1);
+  let ue = !1, ee = !1;
+  y.setAttribute("font-size", Y);
+  const m = y.getComputedTextLength();
+  if (m <= I)
+    V(D, !1), T(D, !1);
   else {
-    const I = Math.floor(U * O / L);
-    I >= Z ? (y.setAttribute("font-size", I), Y(m, !1), z(m, !1)) : (Y(m, !0), z(m, !1), F = !0);
+    const S = Math.floor(Y * I / m);
+    S >= Q ? (y.setAttribute("font-size", S), V(D, !1), T(D, !1)) : (V(D, !0), T(D, !1), ue = !0);
   }
-  if (j && (F = !0), F) {
-    y.setAttribute("font-size", U);
-    const I = y.getBBox(), ne = I.x + I.width / 2, ie = I.y + I.height / 2;
-    y.setAttribute("transform", `rotate(-90 ${ne} ${ie})`);
-    const _ = y.getBBox().width;
-    if (_ <= H)
-      z(m, !1);
+  if (A && (ue = !0), ue) {
+    y.setAttribute("font-size", Y);
+    const S = y.getBBox(), N = S.x + S.width / 2, te = S.y + S.height / 2;
+    y.setAttribute("transform", `rotate(-90 ${N} ${te})`);
+    const $ = y.getBBox().width;
+    if ($ <= J)
+      T(D, !1);
     else {
-      const ae = Math.floor(U * H / _);
-      ae >= Z ? (y.setAttribute("font-size", ae), z(m, !1)) : (Q = !0, z(m, !0));
+      const ne = Math.floor(Y * J / $);
+      ne >= Q ? (y.setAttribute("font-size", ne), T(D, !1)) : (ee = !0, T(D, !0));
     }
   }
-  (J || Q) && y.setAttribute("visibility", "hidden");
+  (O || ee) && y.setAttribute("visibility", "hidden");
 }
-const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"], Il = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Vl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Ul = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Yl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "onMouseover", "onMouseout", "onClick"], jl = ["font-size", "font-weight", "fill", "x", "y"], Gl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Wl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], ql = ["font-size", "fill", "x", "y", "font-weight"], Kl = ["font-size", "fill", "x", "y", "font-weight"], Zl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Jl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Ql = { key: 6 }, ea = ["x", "y", "width", "height", "stroke", "stroke-width"], ta = { class: "vue-ui-heatmap-legend-gauge-right" }, la = ["data-value"], aa = { class: "vue-ui-heatmap-gauge-indicator-value" }, oa = {
+const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"], Il = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Vl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Ul = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Gl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "onMouseover", "onMouseout", "onClick"], Wl = ["font-size", "font-weight", "fill", "x", "y"], Yl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], jl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], ql = ["font-size", "fill", "x", "y", "font-weight"], Kl = ["font-size", "fill", "x", "y", "font-weight"], Zl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Jl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Ql = { key: 6 }, ea = ["x", "y", "width", "height", "stroke", "stroke-width"], ta = { key: 7 }, la = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], aa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], oa = { class: "vue-ui-heatmap-legend-gauge-right" }, sa = ["data-value"], ua = { class: "vue-ui-heatmap-gauge-indicator-value" }, na = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, sa = { class: "vue-ui-data-table" }, ua = { key: 0 }, na = ["data-cell"], ia = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ra = ["data-cell"], va = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ca = {
+}, ia = { class: "vue-ui-data-table" }, ra = { key: 0 }, va = ["data-cell"], ca = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, da = ["data-cell"], ya = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ha = {
   __name: "vue-ui-heatmap",
   props: {
     config: {
@@ -125,24 +168,24 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectDatapoint"],
-  setup(y, { expose: O, emit: H }) {
+  setup(y, { expose: I, emit: J }) {
     nl((t) => ({
-      v3fbb7831: t.tdo
+      v7a25c10c: t.tdo
     }));
-    const U = ue(() => import("./Tooltip-B79qvriT.js")), Z = ue(() => import("./BaseIcon-r3_sTK1A.js")), m = ue(() => import("./PenAndPaper-CsqBamFZ.js")), Y = ue(() => import("./UserOptions-B-2A_KRb.js")), z = ue(() => import("./PackageVersion-k7oxI-bc.js")), j = ue(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_heatmap: J } = Ll(), { isThemeValid: F, warnInvalidTheme: Q } = zl(), L = y, I = H, ne = f({
+    const Y = ve(() => import("./Tooltip-B79qvriT.js")), Q = ve(() => import("./BaseIcon-r3_sTK1A.js")), D = ve(() => import("./PenAndPaper-CsqBamFZ.js")), V = ve(() => import("./UserOptions-B-2A_KRb.js")), T = ve(() => import("./PackageVersion-DCZIL0_B.js")), A = ve(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_heatmap: O } = Ll(), { isThemeValid: ue, warnInvalidTheme: ee } = $l(), m = y, S = J, N = b({
       get() {
-        return !!L.dataset && L.dataset.length;
+        return !!m.dataset && m.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), ie = d(Ie()), _ = d(null), ae = d(!1), _e = d(""), Ye = d(void 0), re = d(null), je = d(0), Ge = d(null), We = d(0), Ft = d(null), ve = d(null), $e = d(null), qe = d(null), Ke = d(null), Dt = d(null), Ze = d(null), Bt = d(null), ze = d(null), Fe = d(null), Ot = d(null), Je = d(null), oe = il(null), e = d(Me());
-    function Mt() {
+    }), te = d(Ie()), $ = d(null), ne = d(!1), _e = d(""), Ge = d(void 0), B = d(null), We = d(0), Ye = d(null), je = d(0), Ft = d(null), ce = d(null), ze = d(null), qe = d(null), Ke = d(null), Dt = d(null), Ze = d(null), Ot = d(null), $e = d(null), Fe = d(null), Mt = d(null), Je = d(null), ie = il(null), e = d(Be());
+    function Bt() {
       const t = Array(7).fill("_"), s = [], a = 14, o = t.length;
       for (let v = 0; v < o; v += 1) {
         const c = [];
-        for (let k = 0; k < a; k += 1)
-          c.push(v + k * 2);
+        for (let w = 0; w < a; w += 1)
+          c.push(v + w * 2);
         s.push({
           name: `${t[v]}`,
           values: c
@@ -150,16 +193,16 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
       }
       return s;
     }
-    const { loading: pe, FINAL_DATASET: A, manualLoading: De } = Sl({
-      ...rl(L),
+    const { loading: me, FINAL_DATASET: k, manualLoading: De } = Sl({
+      ...rl(m),
       FINAL_CONFIG: e,
-      prepareConfig: Me,
+      prepareConfig: Be,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Se(), _.value && ml(_.value, { delta: 0.1, delay: 250 });
+          await Se(), $.value && ml($.value, { delta: 0.1, delay: 250 });
         });
       },
-      skeletonDataset: Mt(),
+      skeletonDataset: Bt(),
       skeletonConfig: fl({
         defaultConfig: e.value,
         userConfig: {
@@ -185,65 +228,65 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
           }
         }
       })
-    }), { userOptionsVisible: Be, setUserOptionsVisibility: Et, keepUserOptionState: Qe } = Dl({ config: e.value }), { svgRef: Oe } = Bl({ config: e.value.style.title });
+    }), { userOptionsVisible: Oe, setUserOptionsVisibility: Et, keepUserOptionState: Qe } = Dl({ config: e.value }), { svgRef: Me } = Ol({ config: e.value.style.title });
     function et(t) {
       Et(t);
     }
-    function Me() {
+    function Be() {
       const t = Ve({
-        userConfig: L.config,
-        defaultConfig: J
+        userConfig: m.config,
+        defaultConfig: O
       });
       let s = {};
       const a = t.theme;
       if (a)
-        if (!F.value(t))
-          Q(t), s = t;
+        if (!ue.value(t))
+          ee(t), s = t;
         else {
           const o = Ve({
-            userConfig: zt[a] || L.config,
+            userConfig: $t[a] || m.config,
             defaultConfig: t
           });
           s = {
             ...Ve({
-              userConfig: L.config,
+              userConfig: m.config,
               defaultConfig: o
             })
           };
         }
       else
         s = t;
-      return L.config && gl(L.config, "style.layout.dataLabels.xAxis.showOnlyAtModulo") ? s.style.layout.dataLabels.xAxis.showOnlyAtModulo = L.config.style.layout.dataLabels.xAxis.showOnlyAtModulo : s.style.layout.dataLabels.xAxis.showOnlyAtModulo = null, s;
+      return m.config && gl(m.config, "style.layout.dataLabels.xAxis.showOnlyAtModulo") ? s.style.layout.dataLabels.xAxis.showOnlyAtModulo = m.config.style.layout.dataLabels.xAxis.showOnlyAtModulo : s.style.layout.dataLabels.xAxis.showOnlyAtModulo = null, s;
     }
-    ke(() => L.config, (t) => {
-      pe.value || (e.value = Me()), Be.value = !e.value.userOptions.showOnChartHover, Ee(), We.value += 1, B.value.showTable = e.value.table.show, B.value.showTooltip = e.value.style.tooltip.show, ce.value = e.value.style.layout.width, de.value = e.value.style.layout.height;
-    }, { deep: !0 }), ke(() => L.dataset, (t) => {
+    we(() => m.config, (t) => {
+      me.value || (e.value = Be()), Oe.value = !e.value.userOptions.showOnChartHover, Ee(), je.value += 1, E.value.showTable = e.value.table.show, E.value.showTooltip = e.value.style.tooltip.show, de.value = e.value.style.layout.width, ye.value = e.value.style.layout.height;
+    }, { deep: !0 }), we(() => m.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (De.value = !1), Ee();
     }, { deep: !0 });
     const { isPrinting: tt, isImaging: lt, generatePdf: at, generateImage: ot } = Tl({
-      elementId: `heatmap__${ie.value}`,
+      elementId: `heatmap__${te.value}`,
       fileName: e.value.style.title.text || "vue-ui-heatmap",
       options: e.value.userOptions.print
-    }), Rt = f(() => e.value.userOptions.show && !e.value.style.title.text), B = d({
+    }), Nt = b(() => e.value.userOptions.show && !e.value.style.title.text), E = d({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
-    ke(e, () => {
-      B.value = {
+    we(e, () => {
+      E.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 });
-    const Nt = f(() => e.value.table.responsiveBreakpoint), G = d(null), st = f(() => !!e.value.debug);
+    const Rt = b(() => e.value.table.responsiveBreakpoint), j = d(null), st = b(() => !!e.value.debug);
     function Ee() {
-      if (mt(L.dataset) && (xt({
+      if (mt(m.dataset) && (xt({
         componentName: "VueUiHeatmap",
         type: "dataset",
         debug: st.value
-      }), ne.value = !1, De.value = !0), mt(L.dataset) || (De.value = e.value.loading), e.value.responsive) {
+      }), N.value = !1, De.value = !0), mt(m.dataset) || (De.value = e.value.loading), e.value.responsive) {
         const t = Te(() => {
-          const { width: s, height: a } = wl({
-            chart: _.value,
+          const { width: s, height: a } = Al({
+            chart: $.value,
             title: e.value.style.title.text ? qe.value : null,
             // add legend hirizontal in legend attr
             // add legend vertical in some other attr and modify composable to subtract width
@@ -251,96 +294,96 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
             noTitle: Ke.value
           });
           requestAnimationFrame(() => {
-            ce.value = s, de.value = a;
+            de.value = s, ye.value = a;
           });
         });
-        G.value && (oe.value && G.value.unobserve(oe.value), G.value.disconnect()), G.value = new ResizeObserver(t), oe.value = _.value.parentNode, G.value.observe(oe.value);
+        j.value && (ie.value && j.value.unobserve(ie.value), j.value.disconnect()), j.value = new ResizeObserver(t), ie.value = $.value.parentNode, j.value.observe(ie.value);
       }
     }
     ft(() => {
-      G.value && (oe.value && G.value.unobserve(oe.value), G.value.disconnect());
+      j.value && (ie.value && j.value.unobserve(ie.value), j.value.disconnect());
     }), vl(() => {
       Ee();
     });
-    const P = f(() => Math.max(...A.value.flatMap((t) => (t.values || []).length))), ce = d(e.value.style.layout.width), de = d(e.value.style.layout.height), D = f(() => ({
-      width: Math.max(10, ce.value),
-      height: Math.max(10, de.value)
-    })), he = d(0), Ht = Te((t) => {
-      he.value = t;
+    const U = b(() => Math.max(...k.value.flatMap((t) => (t.values || []).length))), de = d(e.value.style.layout.width), ye = d(e.value.style.layout.height), M = b(() => ({
+      width: Math.max(10, de.value),
+      height: Math.max(10, ye.value)
+    })), re = d(0), Ht = Te((t) => {
+      t !== re.value && (re.value = t);
     }, 100);
-    Ue({ elementRef: ze, callback: Ht, attr: "height" });
-    const se = d(0), Pt = Te((t) => {
-      se.value = t;
+    Ue({ elementRef: $e, callback: Ht, attr: "height" });
+    const le = d(0), Xt = Te((t) => {
+      t !== le.value && (le.value = t);
     }, 100);
-    Ue({ elementRef: Ze, callback: Pt, attr: "width" });
-    const me = d(0), Xt = Te((t) => {
-      me.value = t;
+    Ue({ elementRef: Ze, callback: Xt, attr: "width" });
+    const he = d(0), Pt = Te((t) => {
+      t !== he.value && (he.value = t);
     }, 100);
-    Ue({ elementRef: Fe, callback: Xt, attr: "height" }), ft(() => {
-      he.value = 0, se.value = 0, me.value = 0;
+    Ue({ elementRef: Fe, callback: Pt, attr: "height" }), ft(() => {
+      re.value = 0, le.value = 0, he.value = 0;
     });
-    const r = f(() => Math.min(D.value.height, D.value.width) / 1e3 * e.value.style.layout.cells.spacing), l = f(() => {
+    const r = b(() => Math.min(M.value.height, M.value.width) / 1e3 * e.value.style.layout.cells.spacing), l = b(() => {
       let t = 0;
       e.value.style.legend.show && (t = e.value.style.legend.width);
-      const s = e.value.style.layout.padding, a = e.value.style.layout.dataLabels.xAxis.fontSize / 3, o = e.value.style.layout.dataLabels.xAxis.fontSize / 2, v = D.value.height - s.top - s.bottom - he.value - a, c = D.value.width / 60, k = {
-        x: r.value * P.value,
-        y: r.value * ((A.value || []).length + 1)
-      }, X = D.value.width - s.left - s.right - k.x - c * 2 - 2 - t - se.value, h = v - c - k.y - me.value - o - e.value.style.layout.cells.columnTotal.value.offsetY, T = {
-        width: Math.max(3, X / P.value),
-        height: Math.max(3, h / (A.value.length ?? 1))
+      const s = e.value.style.layout.padding, a = e.value.style.layout.dataLabels.xAxis.fontSize / 3, o = e.value.style.layout.dataLabels.xAxis.fontSize / 2, v = M.value.height - s.top - s.bottom - re.value - a, c = M.value.width / 60, w = {
+        x: r.value * U.value,
+        y: r.value * ((k.value || []).length + 1)
+      }, G = M.value.width - s.left - s.right - w.x - c * 2 - 2 - t - le.value, h = v - c - w.y - he.value - o - e.value.style.layout.cells.columnTotal.value.offsetY, _ = {
+        width: Math.max(3, G / U.value),
+        height: Math.max(3, h / (k.value.length ?? 1))
       };
       return {
-        top: s.top + he.value + c + a,
-        topLabelsHeight: he.value,
+        top: s.top + re.value + c + a,
+        topLabelsHeight: re.value,
         sumCellXHeight: c,
         height: h,
-        left: s.left + se.value + c / 2,
+        left: s.left + le.value + c / 2,
         right: s.right - t,
-        bottom: D.value.height - s.bottom - me.value,
-        width: X,
-        cellSize: T
+        bottom: M.value.height - s.bottom - he.value,
+        width: G,
+        cellSize: _
       };
-    }), W = f(() => Math.max(...A.value.flatMap((t) => t.values))), ye = f(() => Math.min(...A.value.flatMap((t) => t.values))), ee = f(() => {
-      const t = A.value.flatMap((a) => a.values);
+    }), q = b(() => Math.max(...k.value.flatMap((t) => t.values))), fe = b(() => Math.min(...k.value.flatMap((t) => t.values))), ae = b(() => {
+      const t = k.value.flatMap((a) => a.values);
       return t.reduce((a, o) => a + o, 0) / t.length;
-    }), It = f(() => Ct({
-      values: e.value.style.layout.dataLabels.yAxis.values.length ? e.value.style.layout.dataLabels.yAxis.values : A.value.map((t) => t.name),
-      maxDatapoints: A.value.length,
+    }), It = b(() => Ct({
+      values: e.value.style.layout.dataLabels.yAxis.values.length ? e.value.style.layout.dataLabels.yAxis.values : k.value.map((t) => t.name),
+      maxDatapoints: k.value.length,
       formatter: e.value.style.layout.dataLabels.yAxis.datetimeFormatter,
       start: 0,
-      end: A.value.length
-    })), Vt = f(() => Ct({
+      end: k.value.length
+    })), Vt = b(() => Ct({
       values: e.value.style.layout.dataLabels.xAxis.values,
-      maxDatapoints: P.value,
+      maxDatapoints: U.value,
       formatter: e.value.style.layout.dataLabels.xAxis.datetimeFormatter,
       start: 0,
-      end: P.value
-    })), p = f(() => {
-      const t = It.value.map((h) => h.text), s = Vt.value.map((h) => h.text), a = A.value.map((h) => h.values.reduce((T, Pe) => T + Pe, 0)), o = Math.max(...a), v = Math.min(...a), c = [];
-      for (let h = 0; h < P.value; h += 1)
-        c.push(A.value.map((T) => T.values[h] || 0).reduce((T, Pe) => T + Pe, 0));
-      const k = Math.max(...c), X = Math.min(...c);
+      end: U.value
+    })), p = b(() => {
+      const t = It.value.map((h) => h.text), s = Vt.value.map((h) => h.text), a = k.value.map((h) => h.values.reduce((_, Xe) => _ + Xe, 0)), o = Math.max(...a), v = Math.min(...a), c = [];
+      for (let h = 0; h < U.value; h += 1)
+        c.push(k.value.map((_) => _.values[h] || 0).reduce((_, Xe) => _ + Xe, 0));
+      const w = Math.max(...c), G = Math.min(...c);
       return {
         yTotals: a.map((h) => {
-          const T = isNaN(h / o) ? 0 : h / o;
+          const _ = isNaN(h / o) ? 0 : h / o;
           return {
             total: h,
-            proportion: T,
-            color: be(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, v, o, h)
+            proportion: _,
+            color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, v, o, h)
           };
         }),
         xTotals: c.map((h) => {
-          const T = isNaN(h / k) ? 0 : h / k;
+          const _ = isNaN(h / w) ? 0 : h / w;
           return {
             total: h,
-            proportion: T,
-            color: be(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, X, k, h)
+            proportion: _,
+            color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, G, w, h)
           };
         }),
         yLabels: t,
-        xLabels: s.slice(0, P.value)
+        xLabels: s.slice(0, U.value)
       };
-    }), te = f(() => (A.value.forEach((t, s) => {
+    }), oe = b(() => (k.value.forEach((t, s) => {
       bl({
         datasetObject: t,
         requiredAttributes: ["values"]
@@ -353,59 +396,59 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
           debug: st.value
         });
       });
-    }), A.value.map((t, s) => ({
+    }), k.value.map((t, s) => ({
       ...t,
-      temperatures: (t.values || []).map((a, o) => a >= ee.value ? {
+      temperatures: (t.values || []).map((a, o) => a >= ae.value ? {
         side: "up",
-        color: be(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ye.value, W.value, a),
-        ratio: Math.abs(Math.abs(a - ee.value) / Math.abs(W.value - ee.value)) > 1 ? 1 : Math.abs(Math.abs(a - ee.value) / Math.abs(W.value - ee.value)),
+        color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, fe.value, q.value, a),
+        ratio: Math.abs(Math.abs(a - ae.value) / Math.abs(q.value - ae.value)) > 1 ? 1 : Math.abs(Math.abs(a - ae.value) / Math.abs(q.value - ae.value)),
         value: a,
         yAxisName: p.value.yLabels[s],
         xAxisName: p.value.xLabels[o],
         id: `vue-data-ui-heatmap-cell-${Ie()}`
       } : {
         side: "down",
-        ratio: Math.abs(1 - Math.abs(a) / Math.abs(ee.value)) > 1 ? 1 : Math.abs(1 - Math.abs(a) / Math.abs(ee.value)),
-        color: be(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ye.value, W.value, a),
+        ratio: Math.abs(1 - Math.abs(a) / Math.abs(ae.value)) > 1 ? 1 : Math.abs(1 - Math.abs(a) / Math.abs(ae.value)),
+        color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, fe.value, q.value, a),
         value: a,
         yAxisName: p.value.yLabels[s],
         xAxisName: p.value.xLabels[o],
         id: `vue-data-ui-heatmap-cell-${Ie()}`
       })
-    })))), ut = f(() => A.value.length), nt = gt(Array(ut.value * P.value || 1).fill(!1)), Ut = f(() => nt.some((t) => t));
-    function Yt(t, s) {
+    })))), ut = b(() => k.value.length), nt = gt(Array(ut.value * U.value || 1).fill(!1)), Ut = b(() => nt.some((t) => t));
+    function Gt(t, s) {
       nt[t] = s;
     }
-    const it = gt(Array(ut.value * P.value || 1).fill(!1)), jt = f(() => it.some((t) => t));
-    function Gt(t, s) {
+    const it = gt(Array(ut.value * U.value || 1).fill(!1)), Wt = b(() => it.some((t) => t));
+    function Yt(t, s) {
       it[t] = s;
     }
-    const M = d(null), xe = d(null);
-    function Wt(t, s, a, o) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: s }), re.value = { x: a, y: o };
-      const { value: v, yAxisName: c, xAxisName: k, id: X } = t;
-      Ye.value = X, M.value = v, xe.value = {
+    const R = d(null), xe = d(null);
+    function jt(t, s, a, o) {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: s }), B.value = { x: a, y: o };
+      const { value: v, yAxisName: c, xAxisName: w, id: G } = t;
+      Ge.value = G, R.value = v, xe.value = {
         datapoint: t,
         seriesIndex: s,
-        series: te.value,
+        series: oe.value,
         config: e.value
-      }, ae.value = !0;
+      }, ne.value = !0;
       let h = "";
-      const T = e.value.style.tooltip.customFormat;
-      Al(T) && kl(() => T({
+      const _ = e.value.style.tooltip.customFormat;
+      kl(_) && wl(() => _({
         datapoint: t,
         seriesIndex: s,
-        series: te.value,
+        series: oe.value,
         config: e.value
-      })) ? _e.value = T({
+      })) ? _e.value = _({
         datapoint: t,
         seriesIndex: s,
-        series: te.value,
+        series: oe.value,
         config: e.value
-      }) : (h += `<div>${c} ${k ? c ? ` - ${k}` : `${k}` : ""}</div>`, h += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${be(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ye.value, W.value, v)}">⬤</span><span>${isNaN(v) ? "-" : q(
+      }) : (h += `<div>${c} ${w ? c ? ` - ${w}` : `${w}` : ""}</div>`, h += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, fe.value, q.value, v)}">⬤</span><span>${isNaN(v) ? "-" : K(
         e.value.style.layout.cells.value.formatter,
         v,
-        V({
+        W({
           p: e.value.style.layout.dataLabels.prefix,
           v,
           s: e.value.style.layout.dataLabels.suffix,
@@ -415,13 +458,13 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
       )}</span></div>`, _e.value = `<div style="font-size:${e.value.style.tooltip.fontSize}px">${h}</div>`);
     }
     function qt({ datapoint: t, seriesIndex: s }) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: s }), ae.value = !1, Ye.value = void 0, M.value = null, re.value = null;
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: s }), ne.value = !1, Ge.value = void 0, R.value = null, B.value = null;
     }
     function Kt(t) {
-      return q(
+      return K(
         e.value.style.layout.cells.value.formatter,
         p.value.yTotals[t].total,
-        V({
+        W({
           p: e.value.style.layout.dataLabels.prefix,
           v: p.value.yTotals[t].total,
           s: e.value.style.layout.dataLabels.suffix,
@@ -431,10 +474,10 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
       );
     }
     function Zt(t) {
-      return q(
+      return K(
         e.value.style.layout.cells.value.formatter,
         p.value.xTotals[t].total,
-        V({
+        W({
           p: e.value.style.layout.dataLabels.prefix,
           v: p.value.xTotals[t].total,
           s: e.value.style.layout.dataLabels.suffix,
@@ -443,48 +486,48 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
         { datapoint: p.value.xTotals[t], colIndex: t }
       );
     }
-    f(() => {
-      const t = A.value.map((a) => ({
+    b(() => {
+      const t = k.value.map((a) => ({
         name: a.name
-      })), s = A.value.map((a) => a.values);
+      })), s = k.value.map((a) => a.values);
       return { head: t, body: s };
     });
-    function Re(t = null) {
+    function Ne(t = null) {
       Se(() => {
-        const s = ["", ...A.value.map((c, k) => c.name)], a = [];
+        const s = ["", ...k.value.map((c, w) => c.name)], a = [];
         for (let c = 0; c < p.value.xLabels.length; c += 1) {
-          const k = [p.value.xLabels[c]];
-          for (let X = 0; X < A.value.length; X += 1)
-            k.push([A.value[X].values[c]]);
-          a.push(k);
+          const w = [p.value.xLabels[c]];
+          for (let G = 0; G < k.value.length; G += 1)
+            w.push([k.value[G].values[c]]);
+          a.push(w);
         }
         const o = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([s]).concat(a), v = xl(o);
         t ? t(v) : Cl({ csvContent: v, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
-    const le = d(!1);
+    const se = d(!1);
     function rt(t) {
-      le.value = t, je.value += 1;
+      se.value = t, We.value += 1;
     }
     function vt() {
-      B.value.showTable = !B.value.showTable;
+      E.value.showTable = !E.value.showTable;
     }
     function ct() {
-      B.value.showTooltip = !B.value.showTooltip;
+      E.value.showTooltip = !E.value.showTooltip;
     }
     const Ce = d(!1);
-    function Ne() {
+    function Re() {
       Ce.value = !Ce.value;
     }
     function Jt(t, s) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: s }), I("selectDatapoint", t);
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: s }), S("selectDatapoint", t);
     }
     function Qt() {
-      return te.value;
+      return oe.value;
     }
     async function el({ scale: t = 2 } = {}) {
-      if (!_.value) return;
-      const { width: s, height: a } = _.value.getBoundingClientRect(), o = s / a, { imageUri: v, base64: c } = await Ol({ domElement: _.value, base64: !0, img: !0, scale: t });
+      if (!$.value) return;
+      const { width: s, height: a } = $.value.getBoundingClientRect(), o = s / a, { imageUri: v, base64: c } = await Ml({ domElement: $.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: v,
         base64: c,
@@ -494,13 +537,13 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
         aspectRatio: o
       };
     }
-    const dt = f(() => ({
+    const dt = b(() => ({
       start: 0,
-      end: P.value
-    })), ht = f(() => p.value.xLabels);
-    At({
-      timeLabelsEls: ze,
-      timeLabels: ht,
+      end: U.value
+    })), yt = b(() => p.value.xLabels);
+    kt({
+      timeLabelsEls: $e,
+      timeLabels: yt,
       slicer: dt,
       configRef: e,
       rotationPath: ["style", "layout", "dataLabels", "xAxis", "rotation"],
@@ -508,11 +551,11 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
       isAutoSize: !1,
       targetClass: ".vue-ui-heatmap-col-name",
       rotation: e.value.style.layout.dataLabels.xAxis.autoRotate.angle,
-      width: ce,
-      height: de
-    }), At({
+      width: de,
+      height: ye
+    }), kt({
       timeLabelsEls: Fe,
-      timeLabels: ht,
+      timeLabels: yt,
       slicer: dt,
       configRef: e,
       rotationPath: ["style", "layout", "cells", "columnTotal", "value", "rotation"],
@@ -520,21 +563,21 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
       isAutoSize: !1,
       targetClass: ".vue-ui-heatmap-col-total",
       rotation: e.value.style.layout.cells.columnTotal.value.autoRotate.angle,
-      width: ce,
-      height: de
+      width: de,
+      height: ye
     });
-    const Ae = f(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, s = B.value.showTable;
+    const ke = b(() => {
+      const t = e.value.table.useDialog && !e.value.table.show, s = E.value.showTable;
       return {
-        component: t ? j : El,
+        component: t ? A : El,
         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: le.value,
-          fullscreenParent: _.value,
+          isFullscreen: se.value,
+          fullscreenParent: $.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -553,88 +596,88 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
         }
       };
     });
-    ke(() => B.value.showTable, async (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && ve.value ? (await Se(), ve.value.open()) : "close" in ve.value && ve.value.close());
+    we(() => E.value.showTable, async (t) => {
+      e.value.table.show || (t && e.value.table.useDialog && ce.value ? (await Se(), ce.value.open()) : "close" in ce.value && ce.value.close());
     });
-    const { isResponsive: tl } = Fl(Ge, Nt);
+    const { isResponsive: tl } = Fl(Ye, Rt);
     function He() {
-      B.value.showTable = !1, $e.value && $e.value.setTableIconState(!1);
+      E.value.showTable = !1, ze.value && ze.value.setTableIconState(!1);
     }
-    const ll = f(() => e.value.style.backgroundColor), al = f(() => e.value.style.title), { exportSvg: ol, getSvg: sl } = $l({
-      svg: Oe,
+    const ll = b(() => e.value.style.backgroundColor), al = b(() => e.value.style.title), { exportSvg: ol, getSvg: sl } = zl({
+      svg: Me,
       title: al,
       backgroundColor: ll
     });
-    async function yt({ isCb: t }) {
+    async function ht({ isCb: t }) {
       if (t) {
         const { blob: s, url: a, text: o, dataUrl: v } = await sl();
         e.value.userOptions.callbacks.svg({ blob: s, url: a, text: o, dataUrl: v });
       } else
         ol();
     }
-    return O({
+    return I({
       getData: Qt,
       getImage: el,
       generatePdf: at,
-      generateCsv: Re,
+      generateCsv: Ne,
       generateImage: ot,
-      generateSvg: yt,
+      generateSvg: ht,
       toggleTable: vt,
       toggleTooltip: ct,
-      toggleAnnotator: Ne,
+      toggleAnnotator: Re,
       toggleFullscreen: rt
     }), (t, s) => (u(), i("div", {
       ref_key: "heatmapChart",
-      ref: _,
-      class: fe(`vue-data-ui-component vue-ui-heatmap ${le.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: w(`font-family:${e.value.style.fontFamily};width:100%;${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.backgroundColor}`),
-      id: `heatmap__${ie.value}`,
+      ref: $,
+      class: ge(`vue-data-ui-component vue-ui-heatmap ${se.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__${te.value}`,
       onMouseenter: s[1] || (s[1] = () => et(!0)),
       onMouseleave: s[2] || (s[2] = () => et(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), ge(n(m), {
+      e.value.userOptions.buttons.annotator ? (u(), be(n(D), {
         key: 0,
-        svgRef: n(Oe),
+        svgRef: n(Me),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         active: Ce.value,
-        onClose: Ne
+        onClose: Re
       }, {
         "annotator-action-close": C(() => [
           x(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": C(({ color: a }) => [
-          x(t.$slots, "annotator-action-color", E(R({ color: a })), void 0, !0)
+          x(t.$slots, "annotator-action-color", H(X({ color: a })), void 0, !0)
         ]),
         "annotator-action-draw": C(({ mode: a }) => [
-          x(t.$slots, "annotator-action-draw", E(R({ mode: a })), void 0, !0)
+          x(t.$slots, "annotator-action-draw", H(X({ mode: a })), void 0, !0)
         ]),
         "annotator-action-undo": C(({ disabled: a }) => [
-          x(t.$slots, "annotator-action-undo", E(R({ disabled: a })), void 0, !0)
+          x(t.$slots, "annotator-action-undo", H(X({ disabled: a })), void 0, !0)
         ]),
         "annotator-action-redo": C(({ disabled: a }) => [
-          x(t.$slots, "annotator-action-redo", E(R({ disabled: a })), void 0, !0)
+          x(t.$slots, "annotator-action-redo", H(X({ disabled: a })), void 0, !0)
         ]),
         "annotator-action-delete": C(({ disabled: a }) => [
-          x(t.$slots, "annotator-action-delete", E(R({ disabled: a })), void 0, !0)
+          x(t.$slots, "annotator-action-delete", H(X({ disabled: a })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
-      Rt.value ? (u(), i("div", {
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
+      Nt.value ? (u(), i("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Ke,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : g("", !0),
+      }, null, 512)) : f("", !0),
       e.value.style.title.text ? (u(), i("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: qe,
         style: "width:100%;background:transparent"
       }, [
-        (u(), ge(Ml, {
-          key: `title_${We.value}`,
+        (u(), be(Bl, {
+          key: `title_${je.value}`,
           config: {
             title: {
               cy: "heatmap-div-title",
@@ -646,16 +689,16 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : g("", !0),
-      e.value.userOptions.show && ne.value && (n(Qe) || n(Be)) ? (u(), ge(n(Y), {
+      ], 512)) : f("", !0),
+      e.value.userOptions.show && N.value && (n(Qe) || n(Oe)) ? (u(), be(n(V), {
         ref_key: "userOptionsRef",
-        ref: $e,
-        key: `user_options_${je.value}`,
+        ref: ze,
+        key: `user_options_${We.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         isImaging: n(lt),
         isPrinting: n(tt),
-        uid: ie.value,
+        uid: te.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -663,10 +706,10 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
         hasXls: e.value.userOptions.buttons.csv,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: le.value,
-        isTooltip: B.value.showTooltip,
+        isFullscreen: se.value,
+        isTooltip: E.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: _.value,
+        chartElement: $.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: Ce.value,
@@ -675,20 +718,20 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: rt,
         onGeneratePdf: n(at),
-        onGenerateCsv: Re,
+        onGenerateCsv: Ne,
         onGenerateImage: n(ot),
-        onGenerateSvg: yt,
+        onGenerateSvg: ht,
         onToggleTable: vt,
         onToggleTooltip: ct,
-        onToggleAnnotator: Ne,
-        style: w({
-          visibility: n(Qe) ? n(Be) ? "visible" : "hidden" : "visible"
+        onToggleAnnotator: Re,
+        style: L({
+          visibility: n(Qe) ? n(Oe) ? "visible" : "hidden" : "visible"
         })
       }, bt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: C(({ isOpen: a, color: o }) => [
-            x(t.$slots, "menuIcon", E(R({ isOpen: a, color: o })), void 0, !0)
+            x(t.$slots, "menuIcon", H(X({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -737,37 +780,37 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: C(({ toggleFullscreen: a, isFullscreen: o }) => [
-            x(t.$slots, "optionFullscreen", E(R({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+            x(t.$slots, "optionFullscreen", H(X({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: C(({ toggleAnnotator: a, isAnnotator: o }) => [
-            x(t.$slots, "optionAnnotator", E(R({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+            x(t.$slots, "optionAnnotator", H(X({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "8"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0),
-      b("div", {
-        class: fe({
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
+      g("div", {
+        class: ge({
           "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: Oe,
+          ref: Me,
           xmlns: n(pl),
-          class: fe({ "vue-data-ui-fullscreen--on": le.value, "vue-data-ui-fulscreen--off": !le.value }),
-          viewBox: `0 0 ${D.value.width} ${D.value.height}`,
+          class: ge({ "vue-data-ui-fullscreen--on": se.value, "vue-data-ui-fulscreen--off": !se.value }),
+          viewBox: `0 0 ${M.value.width} ${M.value.height}`,
           width: "100%",
-          style: w(`overflow: visible; background:transparent;color:${e.value.style.color}`),
+          style: L(`overflow: visible; background:transparent;color:${e.value.style.color}`),
           "aria-live": "polite",
           role: "img",
           preserveAspectRatio: "xMidYMid"
         }, [
-          we(n(z)),
+          Ae(n(T)),
           t.$slots["chart-background"] ? (u(), i("foreignObject", {
             key: 0,
             x: l.value.left,
@@ -779,38 +822,38 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
             }
           }, [
             x(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Xl)) : g("", !0),
+          ], 8, Pl)) : f("", !0),
           e.value.style.layout.cells.columnTotal.color.show ? (u(), i("g", {
             key: 1,
             ref_key: "xAxisSumRects",
-            ref: Ot
+            ref: Mt
           }, [
-            (u(!0), i(S, null, N(p.value.xTotals, (a, o) => (u(), i("rect", {
+            (u(!0), i(z, null, P(p.value.xTotals, (a, o) => (u(), i("rect", {
               x: l.value.left + l.value.cellSize.width * o + r.value / 2 + l.value.sumCellXHeight,
-              y: l.value.top - l.value.sumCellXHeight + r.value * (D.value.height / D.value.width),
+              y: l.value.top - l.value.sumCellXHeight + r.value * (M.value.height / M.value.width),
               height: l.value.sumCellXHeight,
               width: l.value.cellSize.width - r.value,
               fill: e.value.style.layout.cells.colors.underlayer,
               stroke: e.value.style.backgroundColor,
               "stroke-width": r.value
             }, null, 8, Il))), 256)),
-            (u(!0), i(S, null, N(p.value.xTotals, (a, o) => (u(), i("rect", {
+            (u(!0), i(z, null, P(p.value.xTotals, (a, o) => (u(), i("rect", {
               x: l.value.left + l.value.cellSize.width * o + r.value / 2 + l.value.sumCellXHeight,
-              y: l.value.top - l.value.sumCellXHeight + r.value * (D.value.height / D.value.width),
+              y: l.value.top - l.value.sumCellXHeight + r.value * (M.value.height / M.value.width),
               height: l.value.sumCellXHeight,
               width: l.value.cellSize.width - r.value,
               fill: a.color,
               stroke: e.value.style.backgroundColor,
               "stroke-width": r.value
             }, null, 8, Vl))), 256))
-          ], 512)) : g("", !0),
-          b("g", {
+          ], 512)) : f("", !0),
+          g("g", {
             ref_key: "datapoints",
             ref: Ft
           }, [
-            (u(!0), i(S, null, N(te.value, (a, o) => (u(), i(S, null, [
-              (u(!0), i(S, null, N(a.temperatures, (v, c) => (u(), i("g", null, [
-                b("rect", {
+            (u(!0), i(z, null, P(oe.value, (a, o) => (u(), i(z, null, [
+              (u(!0), i(z, null, P(a.temperatures, (v, c) => (u(), i("g", null, [
+                g("rect", {
                   x: l.value.left + l.value.cellSize.width * c + r.value / 2 + l.value.sumCellXHeight,
                   y: l.value.top + l.value.cellSize.height * o + r.value / 2,
                   width: l.value.cellSize.width - r.value,
@@ -819,7 +862,7 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
                   stroke: e.value.style.backgroundColor,
                   "stroke-width": r.value
                 }, null, 8, Ul),
-                b("rect", {
+                g("rect", {
                   x: l.value.left + l.value.cellSize.width * c + r.value / 2 + l.value.sumCellXHeight,
                   y: l.value.top + l.value.cellSize.height * o + r.value / 2,
                   width: l.value.cellSize.width - r.value,
@@ -827,10 +870,10 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
                   fill: v.color,
                   stroke: e.value.style.backgroundColor,
                   "stroke-width": r.value,
-                  onMouseover: (k) => Wt(v, o, l.value.left + l.value.cellSize.width * c, l.value.top + l.value.cellSize.height * o),
+                  onMouseover: (w) => jt(v, o, l.value.left + l.value.cellSize.width * c, l.value.top + l.value.cellSize.height * o),
                   onMouseout: () => qt({ datapoint: v, seriesIndex: o }),
                   onClick: () => Jt(v, o)
-                }, null, 40, Yl),
+                }, null, 40, Gl),
                 e.value.style.layout.cells.value.show ? pt((u(), i("text", {
                   key: 0,
                   "text-anchor": "middle",
@@ -841,10 +884,10 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
                   y: l.value.top + l.value.cellSize.height * o + l.value.cellSize.height / 2 + e.value.style.layout.cells.value.fontSize / 3,
                   style: { pointerEvents: "none", userSelect: "none" }
                 }, [
-                  Xe($(n(q)(
+                  Pe(F(n(K)(
                     e.value.style.layout.cells.value.formatter,
                     v.value,
-                    n(V)({
+                    n(W)({
                       p: e.value.style.layout.dataLabels.prefix,
                       v: v.value,
                       s: e.value.style.layout.dataLabels.suffix,
@@ -852,29 +895,29 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
                     }),
                     { datapoint: v }
                   )), 1)
-                ], 8, jl)), [
-                  [n(Nl), {
+                ], 8, Wl)), [
+                  [n(Rl), {
                     cellWidth: l.value.cellSize.width - r.value,
                     cellHeight: l.value.cellSize.height - r.value,
                     maxFontSize: e.value.style.layout.cells.value.fontSize,
                     minFontSize: 10,
-                    index: o * P.value + c,
-                    reportHide: Gt,
-                    reportRotation: Yt,
-                    hideAll: jt.value,
+                    index: o * U.value + c,
+                    reportHide: Yt,
+                    reportRotation: Gt,
+                    hideAll: Wt.value,
                     rotateAll: Ut.value
                   }]
-                ]) : g("", !0)
+                ]) : f("", !0)
               ]))), 256))
             ], 64))), 256))
           ], 512),
           e.value.style.layout.cells.rowTotal.color.show ? (u(), i("g", {
             key: 2,
             ref_key: "yAxisSumRects",
-            ref: Bt
+            ref: Ot
           }, [
-            (u(!0), i(S, null, N(te.value, (a, o) => (u(), i(S, null, [
-              b("rect", {
+            (u(!0), i(z, null, P(oe.value, (a, o) => (u(), i(z, null, [
+              g("rect", {
                 x: l.value.left,
                 y: l.value.top + l.value.cellSize.height * o,
                 width: l.value.sumCellXHeight,
@@ -882,8 +925,8 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
                 fill: e.value.style.layout.cells.colors.underlayer,
                 stroke: e.value.style.backgroundColor,
                 "stroke-width": r.value
-              }, null, 8, Gl),
-              b("rect", {
+              }, null, 8, Yl),
+              g("rect", {
                 x: l.value.left,
                 y: l.value.top + l.value.cellSize.height * o + r.value / 2,
                 width: l.value.sumCellXHeight,
@@ -891,42 +934,42 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
                 fill: p.value.yTotals[o].color,
                 stroke: e.value.style.backgroundColor,
                 "stroke-width": r.value
-              }, null, 8, Wl)
+              }, null, 8, jl)
             ], 64))), 256))
-          ], 512)) : g("", !0),
+          ], 512)) : f("", !0),
           e.value.style.layout.dataLabels.yAxis.show ? (u(), i("g", {
             key: 3,
             ref_key: "yAxisLabels",
             ref: Ze
           }, [
-            (u(!0), i(S, null, N(te.value, (a, o) => (u(), i(S, null, [
-              b("text", {
+            (u(!0), i(z, null, P(oe.value, (a, o) => (u(), i(z, null, [
+              g("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: se.value,
+                x: le.value,
                 y: l.value.top + l.value.cellSize.height * o + l.value.cellSize.height / 2 + e.value.style.layout.dataLabels.yAxis.fontSize / 3 + e.value.style.layout.dataLabels.yAxis.offsetY - (e.value.style.layout.cells.rowTotal.value.show ? e.value.style.layout.dataLabels.yAxis.fontSize / 1.5 : 0),
                 "text-anchor": "end",
                 "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal"
-              }, $(p.value.yLabels[o]), 9, ql),
+              }, F(p.value.yLabels[o]), 9, ql),
               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: se.value,
+                x: le.value,
                 y: l.value.top + l.value.cellSize.height * o + l.value.cellSize.height / 2 + e.value.style.layout.dataLabels.yAxis.fontSize + e.value.style.layout.dataLabels.yAxis.offsetY,
                 "text-anchor": "end",
                 "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal"
-              }, $(Kt(o)), 9, Kl)) : g("", !0)
+              }, F(Kt(o)), 9, Kl)) : f("", !0)
             ], 64))), 256))
-          ], 512)) : g("", !0),
+          ], 512)) : f("", !0),
           e.value.style.layout.dataLabels.xAxis.show ? (u(), i("g", {
             key: 4,
             ref_key: "xAxisLabels",
-            ref: ze
+            ref: $e
           }, [
-            (u(!0), i(S, null, N(p.value.xLabels, (a, o) => (u(), i(S, null, [
+            (u(!0), i(z, null, P(p.value.xLabels, (a, o) => (u(), i(z, null, [
               !e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo || e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo && o % e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo === 0 ? (u(), i("text", {
                 key: 0,
                 class: "vue-ui-heatmap-col-name",
@@ -935,28 +978,28 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
                 fill: e.value.style.layout.dataLabels.xAxis.color,
                 "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal",
                 transform: `translate(${l.value.left + l.value.cellSize.width / 2 + l.value.width / p.value.xLabels.length * o + e.value.style.layout.dataLabels.xAxis.offsetX + l.value.sumCellXHeight}, ${l.value.topLabelsHeight}), rotate(${e.value.style.layout.dataLabels.xAxis.rotation})`
-              }, $(a), 9, Zl)) : g("", !0)
+              }, F(a), 9, Zl)) : f("", !0)
             ], 64))), 256))
-          ], 512)) : g("", !0),
+          ], 512)) : f("", !0),
           e.value.style.layout.cells.columnTotal.value.show ? (u(), i("g", {
             key: 5,
             ref_key: "xAxisSums",
             ref: Fe
           }, [
-            (u(!0), i(S, null, N(p.value.xLabels, (a, o) => (u(), i("text", {
+            (u(!0), i(z, null, P(p.value.xLabels, (a, o) => (u(), i("text", {
               class: "vue-ui-heatmap-col-total",
               "text-anchor": e.value.style.layout.cells.columnTotal.value.rotation === 0 ? "middle" : e.value.style.layout.cells.columnTotal.value.rotation < 0 ? "end" : "start",
               "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
               fill: e.value.style.layout.dataLabels.xAxis.color,
               "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal",
               transform: `translate(${l.value.left + l.value.cellSize.width / 2 + l.value.width / p.value.xLabels.length * o + e.value.style.layout.dataLabels.xAxis.offsetX + e.value.style.layout.cells.columnTotal.value.offsetX + l.value.sumCellXHeight}, ${l.value.bottom + e.value.style.layout.dataLabels.xAxis.fontSize / 2}), rotate(${e.value.style.layout.cells.columnTotal.value.rotation})`
-            }, $(Zt(o)), 9, Jl))), 256))
-          ], 512)) : g("", !0),
-          re.value ? (u(), i("g", Ql, [
-            b("rect", {
+            }, F(Zt(o)), 9, Jl))), 256))
+          ], 512)) : f("", !0),
+          B.value ? (u(), i("g", Ql, [
+            g("rect", {
               style: { "pointer-events": "none" },
-              x: re.value.x - e.value.style.layout.cells.selected.border / 2 + r.value + l.value.sumCellXHeight,
-              y: re.value.y - e.value.style.layout.cells.selected.border / 2 + r.value,
+              x: B.value.x - e.value.style.layout.cells.selected.border / 2 + r.value + l.value.sumCellXHeight,
+              y: B.value.y - e.value.style.layout.cells.selected.border / 2 + r.value,
               width: l.value.cellSize.width - r.value + e.value.style.layout.cells.selected.border - r.value,
               height: l.value.cellSize.height - r.value + e.value.style.layout.cells.selected.border - r.value,
               fill: "transparent",
@@ -964,105 +1007,127 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
               "stroke-width": e.value.style.layout.cells.selected.border,
               rx: 1
             }, null, 8, ea)
-          ])) : g("", !0),
-          x(t.$slots, "svg", { svg: D.value }, void 0, !0)
-        ], 14, Pl)),
+          ])) : f("", !0),
+          e.value.style.layout.crosshairs.show && B.value ? (u(), i("g", ta, [
+            g("line", {
+              x1: l.value.left + (e.value.style.layout.cells.rowTotal.color.show ? l.value.sumCellXHeight : 0),
+              x2: B.value.x + (e.value.style.layout.cells.rowTotal.color.show ? l.value.sumCellXHeight : 0),
+              y1: B.value.y + (l.value.cellSize.height - r.value) / 2,
+              y2: B.value.y + (l.value.cellSize.height - r.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, la),
+            g("line", {
+              x1: B.value.x + (e.value.style.layout.cells.rowTotal.color.show ? l.value.sumCellXHeight : 0) + (l.value.cellSize.width - r.value) / 2,
+              x2: B.value.x + (e.value.style.layout.cells.rowTotal.color.show ? l.value.sumCellXHeight : 0) + (l.value.cellSize.width - r.value) / 2,
+              y1: B.value.y,
+              y2: l.value.top,
+              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, aa)
+          ])) : f("", !0),
+          x(t.$slots, "svg", { svg: M.value }, void 0, !0)
+        ], 14, Xl)),
         e.value.style.legend.show ? (u(), i("div", {
           key: 0,
           ref_key: "legendRight",
           ref: Dt,
           class: "vue-ui-heatmap-legend-right",
-          style: w({
+          style: L({
             "--legend-width": e.value.style.legend.width + "px"
           })
         }, [
-          n(pe) ? g("", !0) : (u(), i("div", {
+          n(me) ? f("", !0) : (u(), i("div", {
             key: 0,
             class: "vue-ui-heatmap-legend-label-max",
-            style: w({
+            style: L({
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, $(n(q)(
+          }, F(n(K)(
             e.value.style.layout.cells.value.formatter,
-            n(K)(W.value),
-            n(V)({
+            n(Z)(q.value),
+            n(W)({
               p: e.value.style.layout.dataLabels.prefix,
-              v: n(K)(W.value),
+              v: n(Z)(q.value),
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
           )), 5)),
-          b("div", ta, [
-            b("div", {
+          g("div", oa, [
+            g("div", {
               class: "vue-ui-heatmap-gauge",
-              style: w({
+              style: L({
                 background: `linear-gradient(to bottom, ${e.value.style.layout.cells.colors.hot}, ${e.value.style.layout.cells.colors.cold})`
               })
             }, [
-              pt(b("div", {
+              pt(g("div", {
                 class: "vue-ui-heatmap-gauge-indicator",
-                "data-value": n(q)(
+                "data-value": n(K)(
                   e.value.style.layout.cells.value.formatter,
-                  n(K)(M.value),
-                  n(V)({
+                  n(Z)(R.value),
+                  n(W)({
                     p: e.value.style.layout.dataLabels.prefix,
-                    v: n(K)(M.value),
+                    v: n(Z)(R.value),
                     s: e.value.style.layout.dataLabels.suffix,
                     r: e.value.style.legend.roundingValue
                   })
                 ),
-                style: w({
+                style: L({
                   position: "absolute",
                   width: "100%",
                   height: "2px",
-                  background: [void 0, null].includes(M.value) ? "transparent" : n(Le)(xe.value.datapoint.color),
-                  top: `${[void 0, null].includes(M.value) ? 0 : (1 - M.value / W.value) * 100}%`,
+                  background: [void 0, null].includes(R.value) ? "transparent" : n(Le)(xe.value.datapoint.color),
+                  top: `${[void 0, null].includes(R.value) ? 0 : (1 - R.value / q.value) * 100}%`,
                   transition: "all 0.2s ease-in-out",
                   "--background-color": e.value.style.backgroundColor,
                   "--gauge-arrow-color": n(Le)(e.value.style.backgroundColor),
                   "--gauge-arrow-text-color": n(Le)(e.value.style.backgroundColor),
-                  "--gauge-arrow-value": M.value,
+                  "--gauge-arrow-value": R.value,
                   "--gauge-arrow-font-size": e.value.style.legend.fontSize + "px"
                 })
               }, [
-                b("div", aa, $(n(q)(
+                g("div", ua, F(n(K)(
                   e.value.style.layout.cells.value.formatter,
-                  n(K)(M.value),
-                  n(V)({
+                  n(Z)(R.value),
+                  n(W)({
                     p: e.value.style.layout.dataLabels.prefix,
-                    v: n(K)(M.value),
+                    v: n(Z)(R.value),
                     s: e.value.style.layout.dataLabels.suffix,
                     r: e.value.style.legend.roundingValue
                   })
                 )), 1)
-              ], 12, la), [
-                [cl, ![void 0, null].includes(M.value)]
+              ], 12, sa), [
+                [cl, ![void 0, null].includes(R.value)]
               ])
             ], 4)
           ]),
-          n(pe) ? g("", !0) : (u(), i("div", {
+          n(me) ? f("", !0) : (u(), i("div", {
             key: 1,
             class: "vue-ui-heatmap-legend-label-min",
-            style: w({
+            style: L({
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, $(n(q)(
+          }, F(n(K)(
             e.value.style.layout.cells.value.formatter,
-            n(K)(ye.value),
-            n(V)({
+            n(Z)(fe.value),
+            n(W)({
               p: e.value.style.layout.dataLabels.prefix,
-              v: n(K)(ye.value),
+              v: n(Z)(fe.value),
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
           )), 5))
-        ], 4)) : g("", !0)
+        ], 4)) : f("", !0)
       ], 2),
-      t.$slots.watermark ? (u(), i("div", oa, [
-        x(t.$slots, "watermark", E(R({ isPrinting: n(tt) || n(lt) })), void 0, !0)
-      ])) : g("", !0),
+      t.$slots.watermark ? (u(), i("div", na, [
+        x(t.$slots, "watermark", H(X({ isPrinting: n(tt) || n(lt) })), void 0, !0)
+      ])) : f("", !0),
       t.$slots.source ? (u(), i("div", {
         key: 5,
         ref_key: "source",
@@ -1070,9 +1135,9 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
         dir: "auto"
       }, [
         x(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : g("", !0),
-      we(n(U), {
-        show: B.value.showTooltip && ae.value,
+      ], 512)) : f("", !0),
+      Ae(n(Y), {
+        show: E.value.showTooltip && ne.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
         borderRadius: e.value.style.tooltip.borderRadius,
@@ -1082,9 +1147,9 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
         backgroundOpacity: e.value.style.tooltip.backgroundOpacity,
         position: e.value.style.tooltip.position,
         offsetY: e.value.style.tooltip.offsetY,
-        parent: _.value,
+        parent: $.value,
         content: _e.value,
-        isFullscreen: le.value,
+        isFullscreen: se.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,
@@ -1092,85 +1157,85 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
         smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": C(() => [
-          x(t.$slots, "tooltip-before", E(R({ ...xe.value })), void 0, !0)
+          x(t.$slots, "tooltip-before", H(X({ ...xe.value })), void 0, !0)
         ]),
         "tooltip-after": C(() => [
-          x(t.$slots, "tooltip-after", E(R({ ...xe.value })), void 0, !0)
+          x(t.$slots, "tooltip-after", H(X({ ...xe.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      ne.value && e.value.userOptions.buttons.table ? (u(), ge(dl(Ae.value.component), hl({ key: 6 }, Ae.value.props, {
+      N.value && e.value.userOptions.buttons.table ? (u(), be(dl(ke.value.component), yl({ key: 6 }, ke.value.props, {
         ref_key: "tableUnit",
-        ref: ve,
+        ref: ce,
         onClose: He
       }), bt({
         content: C(() => [
-          b("div", {
+          g("div", {
             ref_key: "tableContainer",
-            ref: Ge,
+            ref: Ye,
             class: "vue-ui-heatmap-table atom-data-table",
-            style: w(`${e.value.table.useDialog ? "" : "max-height: 300px; margin-top: 24px;"}`)
+            style: L(`${e.value.table.useDialog ? "" : "max-height: 300px; margin-top: 24px;"}`)
           }, [
-            b("div", {
-              style: w(`width:100%;overflow-x:auto;position:relative;${e.value.table.useDialog ? "" : "padding-top:36px"};`),
-              class: fe({ "vue-ui-responsive": n(tl) })
+            g("div", {
+              style: L(`width:100%;overflow-x:auto;position:relative;${e.value.table.useDialog ? "" : "padding-top:36px"};`),
+              class: ge({ "vue-ui-responsive": n(tl) })
             }, [
-              e.value.table.useDialog ? g("", !0) : (u(), i("div", {
+              e.value.table.useDialog ? f("", !0) : (u(), i("div", {
                 key: 0,
                 role: "button",
                 tabindex: "0",
-                style: w(`width:32px; position: absolute; top: 0; left:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${e.value.table.th.backgroundColor};`),
+                style: L(`width:32px; position: absolute; top: 0; left:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${e.value.table.th.backgroundColor};`),
                 onClick: He,
-                onKeypress: yl(He, ["enter"])
+                onKeypress: hl(He, ["enter"])
               }, [
-                we(n(Z), {
+                Ae(n(Q), {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2
                 }, null, 8, ["stroke"])
               ], 36)),
-              b("table", sa, [
-                e.value.table.useDialog ? g("", !0) : (u(), i("caption", {
+              g("table", ia, [
+                e.value.table.useDialog ? f("", !0) : (u(), i("caption", {
                   key: 0,
-                  style: w(`backgroundColor:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
+                  style: L(`backgroundColor:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
                 }, [
-                  Xe($(e.value.style.title.text) + " ", 1),
-                  e.value.style.title.subtitle.text ? (u(), i("span", ua, $(e.value.style.title.subtitle.text), 1)) : g("", !0)
+                  Pe(F(e.value.style.title.text) + " ", 1),
+                  e.value.style.title.subtitle.text ? (u(), i("span", ra, F(e.value.style.title.subtitle.text), 1)) : f("", !0)
                 ], 4)),
-                b("thead", null, [
-                  b("tr", {
+                g("thead", null, [
+                  g("tr", {
                     role: "row",
-                    style: w(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color}`)
+                    style: L(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color}`)
                   }, [
-                    b("th", {
-                      style: w(`outline:${e.value.table.th.outline};padding-right:6px`)
+                    g("th", {
+                      style: L(`outline:${e.value.table.th.outline};padding-right:6px`)
                     }, null, 4),
-                    (u(!0), i(S, null, N(y.dataset, (a, o) => (u(), i("th", {
+                    (u(!0), i(z, null, P(y.dataset, (a, o) => (u(), i("th", {
                       align: "right",
-                      style: w(`outline:${e.value.table.th.outline};padding-right:6px`)
-                    }, $(a.name), 5))), 256))
+                      style: L(`outline:${e.value.table.th.outline};padding-right:6px`)
+                    }, F(a.name), 5))), 256))
                   ], 4)
                 ]),
-                b("tbody", null, [
-                  (u(!0), i(S, null, N(p.value.xLabels, (a, o) => (u(), i("tr", {
+                g("tbody", null, [
+                  (u(!0), i(z, null, P(p.value.xLabels, (a, o) => (u(), i("tr", {
                     role: "row",
-                    class: fe({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": o % 2 === 0, "vue-ui-data-table__tbody__row-odd": o % 2 !== 0 }),
-                    style: w(`background:${e.value.table.td.backgroundColor};color:${e.value.table.td.color}`)
+                    class: ge({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": o % 2 === 0, "vue-ui-data-table__tbody__row-odd": o % 2 !== 0 }),
+                    style: L(`background:${e.value.table.td.backgroundColor};color:${e.value.table.td.color}`)
                   }, [
-                    b("td", {
+                    g("td", {
                       "data-cell": e.value.table.colNames.xAxis,
                       class: "vue-ui-data-table__tbody__td",
-                      style: w(`outline:${e.value.table.td.outline}`)
+                      style: L(`outline:${e.value.table.td.outline}`)
                     }, [
-                      b("div", ia, $(a), 1)
-                    ], 12, na),
-                    (u(!0), i(S, null, N(y.dataset, (v, c) => (u(), i("td", {
+                      g("div", ca, F(a), 1)
+                    ], 12, va),
+                    (u(!0), i(z, null, P(y.dataset, (v, c) => (u(), i("td", {
                       class: "vue-ui-data-table__tbody__td",
                       "data-cell": y.dataset[c].name,
-                      style: w(`outline:${e.value.table.td.outline}`)
+                      style: L(`outline:${e.value.table.td.outline}`)
                     }, [
-                      b("div", va, $(isNaN(v.values[o]) ? "-" : n(V)({ p: e.value.style.layout.dataLabels.prefix, v: v.values[o], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
-                    ], 12, ra))), 256))
+                      g("div", ya, F(isNaN(v.values[o]) ? "-" : n(W)({ p: e.value.style.layout.dataLabels.prefix, v: v.values[o], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
+                    ], 12, da))), 256))
                   ], 6))), 256))
                 ])
               ])
@@ -1182,36 +1247,36 @@ const Hl = ["id"], Pl = ["xmlns", "viewBox"], Xl = ["x", "y", "width", "height"]
         e.value.table.useDialog ? {
           name: "title",
           fn: C(() => [
-            Xe($(Ae.value.title), 1)
+            Pe(F(ke.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
           fn: C(() => [
-            b("button", {
+            g("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: s[0] || (s[0] = (a) => Re(e.value.userOptions.callbacks.csv))
+              onClick: s[0] || (s[0] = (a) => Ne(e.value.userOptions.callbacks.csv))
             }, [
-              we(n(Z), {
+              Ae(n(Q), {
                 name: "excel",
-                stroke: Ae.value.props.color
+                stroke: ke.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : g("", !0),
-      n(pe) ? (u(), ge(_l, { key: 7 })) : g("", !0)
+      ]), 1040)) : f("", !0),
+      n(me) ? (u(), be(_l, { key: 7 })) : f("", !0)
     ], 46, Hl));
   }
-}, da = /* @__PURE__ */ Rl(ca, [["__scopeId", "data-v-dd5b744b"]]), Fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, fa = /* @__PURE__ */ Nl(ha, [["__scopeId", "data-v-7c9fa799"]]), Ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: da
+  default: fa
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  za as a,
-  Fa as b,
-  da as v
+  Oa as a,
+  Ma as b,
+  fa as v
 };