vue-data-ui 3.1.0 → 3.1.1

package/dist/{vue-ui-heatmap-BQkLujyp.js → vue-ui-heatmap-CYaQIhy8.js}

@@ -1,64 +1,65 @@
-import { useCssVars as Wt, defineAsyncComponent as ee, computed as g, ref as r, shallowRef as dt, toRefs as jt, watch as we, onBeforeUnmount as Pe, onMounted as qt, watchEffect as Xe, reactive as yt, createElementBlock as n, openBlock as u, normalizeStyle as w, normalizeClass as ce, createBlock as de, createCommentVNode as h, createElementVNode as f, createVNode as ke, unref as i, createSlots as ht, withCtx as S, renderSlot as T, normalizeProps as te, guardReactiveProps as le, Fragment as C, renderList as F, withDirectives as ft, createTextVNode as Ie, toDisplayString as _, vShow as Kt, resolveDynamicComponent as Jt, mergeProps as Qt, withKeys as Zt, nextTick as el } from "vue";
-import { u as tl, c as Ve, t as ll, b as al, C as ol, o as pt, f as gt, P as ye, g as sl, X as ul, F as Ae, k as E, i as H, h as B, v as il, w as nl, y as rl, z as vl } from "./index-CDQbCd41.js";
-import { t as Ce, u as cl } from "./useResponsive-DfdjqQps.js";
-import { u as dl } from "./usePrinter-Bnl1YeUU.js";
-import { u as yl, B as hl } from "./BaseScanner-BgWxam9d.js";
-import { u as bt } from "./useNestedProp-BPEHGiYX.js";
-import { u as mt } from "./useTimeLabels-BGFjWgrv.js";
-import { u as fl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as xt } from "./useTimeLabelCollider-CIsgDrl9.js";
-import { u as pl } from "./useChartAccessibility-9icAAmYg.js";
-import gl from "./img-JOqdlnUs.js";
-import bl from "./Title-Dq2_Z9kR.js";
-import ml from "./vue-ui-accordion-Bf_LHFFX.js";
-import { _ as xl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const wl = {
+import { useCssVars as Yt, defineAsyncComponent as Z, computed as g, ref as c, shallowRef as Gt, toRefs as Wt, watch as xe, onBeforeUnmount as rt, onMounted as jt, watchEffect as De, reactive as vt, nextTick as ct, createElementBlock as n, openBlock as u, normalizeStyle as w, normalizeClass as ve, createBlock as ce, createCommentVNode as h, createElementVNode as f, createVNode as we, unref as i, createSlots as dt, withCtx as $, renderSlot as T, normalizeProps as ee, guardReactiveProps as te, Fragment as C, renderList as F, withDirectives as yt, createTextVNode as He, toDisplayString as _, vShow as qt, resolveDynamicComponent as Kt, mergeProps as Jt, withKeys as Qt } from "vue";
+import { u as Zt, c as Pe, t as el, b as tl, C as ll, o as ht, f as ft, P as de, g as al, X as ol, F as ke, k as B, i as H, h as E, v as sl, w as ul, y as il, z as nl } from "./index-BKQqb9lF.js";
+import { t as Ae, u as rl } from "./useResponsive-DfdjqQps.js";
+import { u as vl } from "./usePrinter-BzuXiubT.js";
+import { u as cl, B as dl } from "./BaseScanner-BgWxam9d.js";
+import { u as pt } from "./useNestedProp-aBOhgs4U.js";
+import { u as gt } from "./useTimeLabels-BGFjWgrv.js";
+import { u as yl } from "./useTableResponsive-Cbx-ACcP.js";
+import { u as hl } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as bt } from "./useTimeLabelCollider-CIsgDrl9.js";
+import { u as fl } from "./useChartAccessibility-9icAAmYg.js";
+import pl from "./img-gBDz7xQQ.js";
+import gl from "./Title-Dz-j6ERs.js";
+import bl from "./vue-ui-accordion-B5QeV3BK.js";
+import { _ as ml } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const xl = {
   mounted(b, P) {
-    wt(b, P.value);
+    mt(b, P.value);
   },
   updated(b, P) {
-    wt(b, P.value);
+    mt(b, P.value);
   }
 };
-function wt(b, {
+function mt(b, {
   cellWidth: P,
-  cellHeight: he,
+  cellHeight: ye,
   maxFontSize: W,
-  minFontSize: ae,
-  index: $,
-  reportRotation: oe,
+  minFontSize: le,
+  index: z,
+  reportRotation: ae,
   reportHide: X,
-  rotateAll: Le,
-  hideAll: Te
+  rotateAll: Ce,
+  hideAll: Le
 }) {
   b.removeAttribute("transform"), b.removeAttribute("visibility");
-  let k = !1, fe = !1;
+  let k = !1, he = !1;
   b.setAttribute("font-size", W);
   const j = b.getComputedTextLength();
   if (j <= P)
-    oe($, !1), X($, !1);
+    ae(z, !1), X(z, !1);
   else {
     const M = Math.floor(W * P / j);
-    M >= ae ? (b.setAttribute("font-size", M), oe($, !1), X($, !1)) : (oe($, !0), X($, !1), k = !0);
+    M >= le ? (b.setAttribute("font-size", M), ae(z, !1), X(z, !1)) : (ae(z, !0), X(z, !1), k = !0);
   }
-  if (Le && (k = !0), k) {
+  if (Ce && (k = !0), k) {
     b.setAttribute("font-size", W);
-    const M = b.getBBox(), O = M.x + M.width / 2, _e = M.y + M.height / 2;
-    b.setAttribute("transform", `rotate(-90 ${O} ${_e})`);
+    const M = b.getBBox(), O = M.x + M.width / 2, Te = M.y + M.height / 2;
+    b.setAttribute("transform", `rotate(-90 ${O} ${Te})`);
     const q = b.getBBox().width;
-    if (q <= he)
-      X($, !1);
+    if (q <= ye)
+      X(z, !1);
     else {
-      const K = Math.floor(W * he / q);
-      K >= ae ? (b.setAttribute("font-size", K), X($, !1)) : (fe = !0, X($, !0));
+      const K = Math.floor(W * ye / q);
+      K >= le ? (b.setAttribute("font-size", K), X(z, !1)) : (he = !0, X(z, !0));
     }
   }
-  (Te || fe) && b.setAttribute("visibility", "hidden");
+  (Le || he) && b.setAttribute("visibility", "hidden");
 }
-const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"], Ll = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Tl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], _l = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], zl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "onMouseover", "onMouseout", "onClick"], Sl = ["font-size", "font-weight", "fill", "x", "y"], $l = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Ml = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Ol = ["font-size", "fill", "x", "y", "font-weight"], Rl = ["font-size", "fill", "x", "y", "font-weight"], Fl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Nl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Dl = { key: 6 }, Hl = ["x", "y", "width", "height", "stroke", "stroke-width"], Pl = { class: "vue-ui-heatmap-legend-gauge-right" }, Xl = ["data-value"], Il = { class: "vue-ui-heatmap-gauge-indicator-value" }, Vl = {
+const wl = ["id"], kl = ["xmlns", "viewBox"], Al = ["x", "y", "width", "height"], Cl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Ll = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Tl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], _l = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "onMouseover", "onMouseout", "onClick"], Sl = ["font-size", "font-weight", "fill", "x", "y"], $l = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], zl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Ml = ["font-size", "fill", "x", "y", "font-weight"], Ol = ["font-size", "fill", "x", "y", "font-weight"], Rl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Fl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Nl = { key: 6 }, Dl = ["x", "y", "width", "height", "stroke", "stroke-width"], Hl = { class: "vue-ui-heatmap-legend-gauge-right" }, Pl = ["data-value"], Xl = { class: "vue-ui-heatmap-gauge-indicator-value" }, Il = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, El = { class: "vue-ui-data-table" }, Bl = { key: 0 }, Ul = ["data-cell"], Yl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Gl = ["data-cell"], Wl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, jl = {
+}, Vl = { class: "vue-ui-data-table" }, Bl = { key: 0 }, El = ["data-cell"], Ul = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Yl = ["data-cell"], Gl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Wl = {
   __name: "vue-ui-heatmap",
   props: {
     config: {
@@ -75,37 +76,37 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectDatapoint"],
-  setup(b, { expose: P, emit: he }) {
-    Wt((t) => ({
-      "166abedb": t.tdo
+  setup(b, { expose: P, emit: ye }) {
+    Yt((t) => ({
+      "3844bd94": t.tdo
     }));
-    const W = ee(() => import("./Tooltip-Y219DXZO.js")), ae = ee(() => import("./BaseIcon-DHtro8us.js")), $ = ee(() => import("./PenAndPaper-B7QEDgx4.js")), oe = ee(() => import("./UserOptions-BuGfCdAY.js")), X = ee(() => import("./PackageVersion-DU12WH3O.js")), Le = ee(() => import("./BaseDraggableDialog-O7900pGp.js")), { vue_ui_heatmap: Te } = tl(), k = b, fe = he, j = g({
+    const W = Z(() => import("./Tooltip-BTGOEC7w.js")), le = Z(() => import("./BaseIcon-DLesaZpW.js")), z = Z(() => import("./PenAndPaper-B6OvfyHH.js")), ae = Z(() => import("./UserOptions-CsDlFB0L.js")), X = Z(() => import("./PackageVersion-Cv_ypT0N.js")), Ce = Z(() => import("./BaseDraggableDialog-B2BQC0-h.js")), { vue_ui_heatmap: Le } = Zt(), k = b, he = ye, j = g({
       get() {
         return !!k.dataset && k.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), M = r(Ve()), O = r(null), _e = r(null), q = r(!1), K = r(""), Ee = r(void 0), se = r(null), Be = r(0), ze = r(null), Ue = r(!1), Ye = r(0), kt = r(null), ue = r(null), Ge = r(null), We = r(null), At = r(null), je = r(null), Ct = r(null), Se = r(null), $e = r(null), Lt = r(null), qe = r(null), J = dt(null), e = r(Re());
-    function Tt() {
+    }), M = c(Pe()), O = c(null), Te = c(null), q = c(!1), K = c(""), Xe = c(void 0), oe = c(null), Ie = c(0), Ve = c(null), Be = c(0), xt = c(null), se = c(null), Ee = c(null), Ue = c(null), wt = c(null), Ye = c(null), kt = c(null), _e = c(null), Se = c(null), At = c(null), Ge = c(null), J = Gt(null), e = c(Me());
+    function Ct() {
       const t = Array(7).fill("_"), a = [], o = 14, s = t.length;
       for (let d = 0; d < s; d += 1) {
-        const c = [];
+        const v = [];
         for (let x = 0; x < o; x += 1)
-          c.push(d + x * 2);
+          v.push(d + x * 2);
         a.push({
           name: `${t[d]}`,
-          values: c
+          values: v
         });
       }
       return a;
     }
-    const { loading: pe, FINAL_DATASET: m, manualLoading: Me } = yl({
-      ...jt(k),
+    const { loading: fe, FINAL_DATASET: m, manualLoading: $e } = cl({
+      ...Wt(k),
       FINAL_CONFIG: e,
-      prepareConfig: Re,
-      skeletonDataset: Tt(),
-      skeletonConfig: ll({
+      prepareConfig: Me,
+      skeletonDataset: Ct(),
+      skeletonConfig: el({
         defaultConfig: e.value,
         userConfig: {
           table: { show: !1 },
@@ -130,226 +131,214 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
           }
         }
       })
-    }), { userOptionsVisible: Oe, setUserOptionsVisibility: _t, keepUserOptionState: Ke } = fl({ config: e.value }), { svgRef: Je } = pl({ config: e.value.style.title });
-    function Qe(t) {
-      _t(t);
+    }), { userOptionsVisible: ze, setUserOptionsVisibility: Lt, keepUserOptionState: We } = hl({ config: e.value }), { svgRef: je } = fl({ config: e.value.style.title });
+    function qe(t) {
+      Lt(t);
     }
-    function Re() {
-      const t = bt({
+    function Me() {
+      const t = pt({
         userConfig: k.config,
-        defaultConfig: Te
+        defaultConfig: Le
       });
       let a = {};
       return t.theme ? a = {
-        ...bt({
-          userConfig: al.vue_ui_heatmap[t.theme] || k.config,
+        ...pt({
+          userConfig: tl.vue_ui_heatmap[t.theme] || k.config,
           defaultConfig: t
         })
-      } : a = t, k.config && ol(k.config, "style.layout.dataLabels.xAxis.showOnlyAtModulo") ? a.style.layout.dataLabels.xAxis.showOnlyAtModulo = k.config.style.layout.dataLabels.xAxis.showOnlyAtModulo : a.style.layout.dataLabels.xAxis.showOnlyAtModulo = null, a;
+      } : a = t, k.config && ll(k.config, "style.layout.dataLabels.xAxis.showOnlyAtModulo") ? a.style.layout.dataLabels.xAxis.showOnlyAtModulo = k.config.style.layout.dataLabels.xAxis.showOnlyAtModulo : a.style.layout.dataLabels.xAxis.showOnlyAtModulo = null, a;
     }
-    we(() => k.config, (t) => {
-      pe.value || (e.value = Re()), Oe.value = !e.value.userOptions.showOnChartHover, Fe(), Ye.value += 1, L.value.showTable = e.value.table.show, L.value.showTooltip = e.value.style.tooltip.show, ie.value = e.value.style.layout.width, ne.value = e.value.style.layout.height;
-    }, { deep: !0 }), we(() => k.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (Me.value = !1), Fe();
+    xe(() => k.config, (t) => {
+      fe.value || (e.value = Me()), ze.value = !e.value.userOptions.showOnChartHover, Oe(), Be.value += 1, L.value.showTable = e.value.table.show, L.value.showTooltip = e.value.style.tooltip.show, ue.value = e.value.style.layout.width, ie.value = e.value.style.layout.height;
+    }, { deep: !0 }), xe(() => k.dataset, (t) => {
+      Array.isArray(t) && t.length > 0 && ($e.value = !1), Oe();
     }, { deep: !0 });
-    const { isPrinting: Ze, isImaging: et, generatePdf: tt, generateImage: lt } = dl({
+    const { isPrinting: Ke, isImaging: Je, generatePdf: Qe, generateImage: Ze } = vl({
       elementId: `heatmap__${M.value}`,
       fileName: e.value.style.title.text || "vue-ui-heatmap",
       options: e.value.userOptions.print
-    }), zt = g(() => e.value.userOptions.show && !e.value.style.title.text), L = r({
+    }), Tt = g(() => e.value.userOptions.show && !e.value.style.title.text), L = c({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
-    we(e, () => {
+    xe(e, () => {
       L.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 });
-    const St = g(() => e.value.table.responsiveBreakpoint), Q = dt(null);
-    function $t() {
-      Q.value && Q.value.disconnect(), Q.value = new ResizeObserver((t) => {
-        t.forEach((a) => {
-          Ue.value = a.contentRect.width < St.value;
-        });
-      }), ze.value && Q.value.observe(ze.value);
-    }
-    Pe(() => {
-      Q.value && Q.value.disconnect();
-    });
-    const I = r(null), at = g(() => !!e.value.debug);
-    function Fe() {
-      if (pt(k.dataset) && (gt({
+    const _t = g(() => e.value.table.responsiveBreakpoint), I = c(null), et = g(() => !!e.value.debug);
+    function Oe() {
+      if (ht(k.dataset) && (ft({
         componentName: "VueUiHeatmap",
         type: "dataset",
-        debug: at.value
-      }), j.value = !1, Me.value = !0), pt(k.dataset) || (Me.value = e.value.loading), e.value.responsive) {
-        const t = Ce(() => {
-          const { width: a, height: o } = cl({
+        debug: et.value
+      }), j.value = !1, $e.value = !0), ht(k.dataset) || ($e.value = e.value.loading), e.value.responsive) {
+        const t = Ae(() => {
+          const { width: a, height: o } = rl({
             chart: O.value,
-            title: e.value.style.title.text ? Ge.value : null,
+            title: e.value.style.title.text ? Ee.value : null,
             // add legend hirizontal in legend attr
             // add legend vertical in some other attr and modify composable to subtract width
-            source: qe.value,
-            noTitle: We.value
+            source: Ge.value,
+            noTitle: Ue.value
           });
           requestAnimationFrame(() => {
-            ie.value = a, ne.value = o;
+            ue.value = a, ie.value = o;
           });
         });
         I.value && (J.value && I.value.unobserve(J.value), I.value.disconnect()), I.value = new ResizeObserver(t), J.value = O.value.parentNode, I.value.observe(J.value);
       }
-      $t();
     }
-    Pe(() => {
+    rt(() => {
       I.value && (J.value && I.value.unobserve(J.value), I.value.disconnect());
-    }), qt(() => {
-      Fe();
+    }), jt(() => {
+      Oe();
     });
-    const N = g(() => Math.max(...m.value.flatMap((t) => (t.values || []).length))), ie = r(e.value.style.layout.width), ne = r(e.value.style.layout.height), z = g(() => ({
-      width: Math.max(10, ie.value),
-      height: Math.max(10, ne.value)
-    })), re = r(0), Mt = Ce((t) => {
-      re.value = t;
+    const N = g(() => Math.max(...m.value.flatMap((t) => (t.values || []).length))), ue = c(e.value.style.layout.width), ie = c(e.value.style.layout.height), S = g(() => ({
+      width: Math.max(10, ue.value),
+      height: Math.max(10, ie.value)
+    })), ne = c(0), St = Ae((t) => {
+      ne.value = t;
     }, 100);
-    Xe((t) => {
-      const a = Se.value;
+    De((t) => {
+      const a = _e.value;
       if (!a) return;
       const o = new ResizeObserver((s) => {
-        Mt(s[0].contentRect.height);
+        St(s[0].contentRect.height);
       });
       o.observe(a), t(() => o.disconnect());
     });
-    const Z = r(0), Ot = Ce((t) => {
-      Z.value = t;
+    const Q = c(0), $t = Ae((t) => {
+      Q.value = t;
     }, 100);
-    Xe((t) => {
-      const a = je.value;
+    De((t) => {
+      const a = Ye.value;
       if (!a) return;
       const o = new ResizeObserver((s) => {
-        Ot(s[0].contentRect.width);
+        $t(s[0].contentRect.width);
       });
       o.observe(a), t(() => o.disconnect());
     });
-    const ge = r(0), Rt = Ce((t) => {
-      ge.value = t;
+    const pe = c(0), zt = Ae((t) => {
+      pe.value = t;
     }, 100);
-    Xe((t) => {
-      const a = $e.value;
+    De((t) => {
+      const a = Se.value;
       if (!a) return;
       const o = new ResizeObserver((s) => {
-        Rt(s[0].contentRect.height);
+        zt(s[0].contentRect.height);
       });
       o.observe(a), t(() => o.disconnect());
-    }), Pe(() => {
-      re.value = 0, Z.value = 0, ge.value = 0;
+    }), rt(() => {
+      ne.value = 0, Q.value = 0, pe.value = 0;
     });
-    const v = g(() => Math.min(z.value.height, z.value.width) / 1e3 * e.value.style.layout.cells.spacing), l = g(() => {
+    const r = g(() => Math.min(S.value.height, S.value.width) / 1e3 * e.value.style.layout.cells.spacing), l = g(() => {
       let t = 0;
       e.value.style.legend.show && (t = e.value.style.legend.width);
-      const a = e.value.style.layout.padding, o = e.value.style.layout.dataLabels.xAxis.fontSize / 3, s = e.value.style.layout.dataLabels.xAxis.fontSize / 2, d = z.value.height - a.top - a.bottom - re.value - o, c = z.value.width / 60, x = {
-        x: v.value * N.value,
-        y: v.value * ((m.value || []).length + 1)
-      }, D = z.value.width - a.left - a.right - x.x - c * 2 - 2 - t - Z.value, y = d - c - x.y - ge.value - s - e.value.style.layout.cells.columnTotal.value.offsetY, A = {
+      const a = e.value.style.layout.padding, o = e.value.style.layout.dataLabels.xAxis.fontSize / 3, s = e.value.style.layout.dataLabels.xAxis.fontSize / 2, d = S.value.height - a.top - a.bottom - ne.value - o, v = S.value.width / 60, x = {
+        x: r.value * N.value,
+        y: r.value * ((m.value || []).length + 1)
+      }, D = S.value.width - a.left - a.right - x.x - v * 2 - 2 - t - Q.value, y = d - v - x.y - pe.value - s - e.value.style.layout.cells.columnTotal.value.offsetY, A = {
         width: Math.max(3, D / N.value),
         height: Math.max(3, y / (m.value.length ?? 1))
       };
       return {
-        top: a.top + re.value + c + o,
-        topLabelsHeight: re.value,
-        sumCellXHeight: c,
+        top: a.top + ne.value + v + o,
+        topLabelsHeight: ne.value,
+        sumCellXHeight: v,
         height: y,
-        left: a.left + Z.value + c / 2,
+        left: a.left + Q.value + v / 2,
         right: a.right - t,
-        bottom: z.value.height - a.bottom - ge.value,
+        bottom: S.value.height - a.bottom - pe.value,
         width: D,
         cellSize: A
       };
-    }), V = g(() => Math.max(...m.value.flatMap((t) => t.values))), ve = g(() => Math.min(...m.value.flatMap((t) => t.values))), U = g(() => {
+    }), V = g(() => Math.max(...m.value.flatMap((t) => t.values))), re = g(() => Math.min(...m.value.flatMap((t) => t.values))), U = g(() => {
       const t = m.value.flatMap((o) => o.values);
       return t.reduce((o, s) => o + s, 0) / t.length;
-    }), Ft = g(() => mt({
+    }), Mt = g(() => gt({
       values: e.value.style.layout.dataLabels.yAxis.values.length ? e.value.style.layout.dataLabels.yAxis.values : m.value.map((t) => t.name),
       maxDatapoints: m.value.length,
       formatter: e.value.style.layout.dataLabels.yAxis.datetimeFormatter,
       start: 0,
       end: m.value.length
-    })), Nt = g(() => mt({
+    })), Ot = g(() => gt({
       values: e.value.style.layout.dataLabels.xAxis.values,
       maxDatapoints: N.value,
       formatter: e.value.style.layout.dataLabels.xAxis.datetimeFormatter,
       start: 0,
       end: N.value
     })), p = g(() => {
-      const t = Ft.value.map((y) => y.text), a = Nt.value.map((y) => y.text), o = m.value.map((y) => y.values.reduce((A, He) => A + He, 0)), s = Math.max(...o), d = Math.min(...o), c = [];
+      const t = Mt.value.map((y) => y.text), a = Ot.value.map((y) => y.text), o = m.value.map((y) => y.values.reduce((A, Ne) => A + Ne, 0)), s = Math.max(...o), d = Math.min(...o), v = [];
       for (let y = 0; y < N.value; y += 1)
-        c.push(m.value.map((A) => A.values[y] || 0).reduce((A, He) => A + He, 0));
-      const x = Math.max(...c), D = Math.min(...c);
+        v.push(m.value.map((A) => A.values[y] || 0).reduce((A, Ne) => A + Ne, 0));
+      const x = Math.max(...v), D = Math.min(...v);
       return {
         yTotals: o.map((y) => {
           const A = isNaN(y / s) ? 0 : y / s;
           return {
             total: y,
             proportion: A,
-            color: ye(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, d, s, y)
+            color: de(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, d, s, y)
           };
         }),
-        xTotals: c.map((y) => {
+        xTotals: v.map((y) => {
           const A = isNaN(y / x) ? 0 : y / x;
           return {
             total: y,
             proportion: A,
-            color: ye(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, D, x, y)
+            color: de(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, D, x, y)
           };
         }),
         yLabels: t,
         xLabels: a.slice(0, N.value)
       };
     }), Y = g(() => (m.value.forEach((t, a) => {
-      sl({
+      al({
         datasetObject: t,
         requiredAttributes: ["values"]
       }).forEach((o) => {
-        gt({
+        ft({
           componentName: "VueUiHeatmap",
           type: "datasetSerieAttribute",
           property: "values",
           index: a,
-          debug: at.value
+          debug: et.value
         });
       });
     }), m.value.map((t, a) => ({
       ...t,
       temperatures: (t.values || []).map((o, s) => o >= U.value ? {
         side: "up",
-        color: ye(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ve.value, V.value, o),
+        color: de(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, re.value, V.value, o),
         ratio: Math.abs(Math.abs(o - U.value) / Math.abs(V.value - U.value)) > 1 ? 1 : Math.abs(Math.abs(o - U.value) / Math.abs(V.value - U.value)),
         value: o,
         yAxisName: p.value.yLabels[a],
         xAxisName: p.value.xLabels[s],
-        id: `vue-data-ui-heatmap-cell-${Ve()}`
+        id: `vue-data-ui-heatmap-cell-${Pe()}`
       } : {
         side: "down",
         ratio: Math.abs(1 - Math.abs(o) / Math.abs(U.value)) > 1 ? 1 : Math.abs(1 - Math.abs(o) / Math.abs(U.value)),
-        color: ye(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ve.value, V.value, o),
+        color: de(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, re.value, V.value, o),
         value: o,
         yAxisName: p.value.yLabels[a],
         xAxisName: p.value.xLabels[s],
-        id: `vue-data-ui-heatmap-cell-${Ve()}`
+        id: `vue-data-ui-heatmap-cell-${Pe()}`
       })
-    })))), ot = g(() => m.value.length), st = yt(Array(ot.value * N.value || 1).fill(!1)), Dt = g(() => st.some((t) => t));
-    function Ht(t, a) {
-      st[t] = a;
+    })))), tt = g(() => m.value.length), lt = vt(Array(tt.value * N.value || 1).fill(!1)), Rt = g(() => lt.some((t) => t));
+    function Ft(t, a) {
+      lt[t] = a;
     }
-    const ut = yt(Array(ot.value * N.value || 1).fill(!1)), Pt = g(() => ut.some((t) => t));
-    function Xt(t, a) {
-      ut[t] = a;
+    const at = vt(Array(tt.value * N.value || 1).fill(!1)), Nt = g(() => at.some((t) => t));
+    function Dt(t, a) {
+      at[t] = a;
     }
-    const R = r(null), be = r(null);
-    function It(t, a, o, s) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), se.value = { x: o, y: s };
-      const { value: d, yAxisName: c, xAxisName: x, id: D } = t;
-      Ee.value = D, R.value = d, be.value = {
+    const R = c(null), ge = c(null);
+    function Ht(t, a, o, s) {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), oe.value = { x: o, y: s };
+      const { value: d, yAxisName: v, xAxisName: x, id: D } = t;
+      Xe.value = D, R.value = d, ge.value = {
         datapoint: t,
         seriesIndex: a,
         series: Y.value,
@@ -357,7 +346,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
       }, q.value = !0;
       let y = "";
       const A = e.value.style.tooltip.customFormat;
-      rl(A) && vl(() => A({
+      il(A) && nl(() => A({
         datapoint: t,
         seriesIndex: a,
         series: Y.value,
@@ -367,7 +356,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         seriesIndex: a,
         series: Y.value,
         config: e.value
-      }) : (y += `<div>${c} ${x ? c ? ` - ${x}` : `${x}` : ""}</div>`, y += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${ye(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, ve.value, V.value, d)}">⬤</span><span>${isNaN(d) ? "-" : E(
+      }) : (y += `<div>${v} ${x ? v ? ` - ${x}` : `${x}` : ""}</div>`, y += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${de(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, re.value, V.value, d)}">⬤</span><span>${isNaN(d) ? "-" : B(
         e.value.style.layout.cells.value.formatter,
         d,
         H({
@@ -379,11 +368,11 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         { datapoint: t, seriesIndex: a }
       )}</span></div>`, K.value = `<div style="font-size:${e.value.style.tooltip.fontSize}px">${y}</div>`);
     }
-    function Vt({ datapoint: t, seriesIndex: a }) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a }), q.value = !1, Ee.value = void 0, R.value = null, se.value = null;
+    function Pt({ datapoint: t, seriesIndex: a }) {
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a }), q.value = !1, Xe.value = void 0, R.value = null, oe.value = null;
     }
-    function Et(t) {
-      return E(
+    function Xt(t) {
+      return B(
         e.value.style.layout.cells.value.formatter,
         p.value.yTotals[t].total,
         H({
@@ -395,8 +384,8 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         { datapoint: p.value.yTotals[t], rowIndex: t }
       );
     }
-    function Bt(t) {
-      return E(
+    function It(t) {
+      return B(
         e.value.style.layout.cells.value.formatter,
         p.value.xTotals[t].total,
         H({
@@ -414,84 +403,84 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
       })), a = m.value.map((o) => o.values);
       return { head: t, body: a };
     });
-    function Ne(t = null) {
-      el(() => {
-        const a = ["", ...m.value.map((c, x) => c.name)], o = [];
-        for (let c = 0; c < p.value.xLabels.length; c += 1) {
-          const x = [p.value.xLabels[c]];
+    function Re(t = null) {
+      ct(() => {
+        const a = ["", ...m.value.map((v, x) => v.name)], o = [];
+        for (let v = 0; v < p.value.xLabels.length; v += 1) {
+          const x = [p.value.xLabels[v]];
           for (let D = 0; D < m.value.length; D += 1)
-            x.push([m.value[D].values[c]]);
+            x.push([m.value[D].values[v]]);
           o.push(x);
         }
-        const s = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([a]).concat(o), d = il(s);
-        t ? t(d) : nl({ csvContent: d, title: e.value.style.title.text || "vue-ui-heatmap" });
+        const s = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([a]).concat(o), d = sl(s);
+        t ? t(d) : ul({ csvContent: d, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
-    const G = r(!1);
-    function it(t) {
-      G.value = t, Be.value += 1;
+    const G = c(!1);
+    function ot(t) {
+      G.value = t, Ie.value += 1;
     }
-    function nt() {
+    function st() {
       L.value.showTable = !L.value.showTable;
     }
-    function rt() {
+    function ut() {
       L.value.showTooltip = !L.value.showTooltip;
     }
-    const me = r(!1);
-    function De() {
-      me.value = !me.value;
+    const be = c(!1);
+    function Fe() {
+      be.value = !be.value;
     }
-    function Ut(t, a) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a }), fe("selectDatapoint", t);
+    function Vt(t, a) {
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a }), he("selectDatapoint", t);
     }
-    function Yt() {
+    function Bt() {
       return Y.value;
     }
-    async function Gt({ scale: t = 2 } = {}) {
+    async function Et({ scale: t = 2 } = {}) {
       if (!O.value) return;
-      const { width: a, height: o } = O.value.getBoundingClientRect(), s = a / o, { imageUri: d, base64: c } = await gl({ domElement: O.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: o } = O.value.getBoundingClientRect(), s = a / o, { imageUri: d, base64: v } = await pl({ domElement: O.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: d,
-        base64: c,
+        base64: v,
         title: e.value.style.title.text,
         width: a,
         height: o,
         aspectRatio: s
       };
     }
-    const vt = g(() => ({
+    const it = g(() => ({
       start: 0,
       end: N.value
-    })), ct = g(() => p.value.xLabels);
-    xt({
-      timeLabelsEls: Se,
-      timeLabels: ct,
-      slicer: vt,
+    })), nt = g(() => p.value.xLabels);
+    bt({
+      timeLabelsEls: _e,
+      timeLabels: nt,
+      slicer: it,
       configRef: e,
       rotationPath: ["style", "layout", "dataLabels", "xAxis", "rotation"],
       autoRotatePath: ["style", "layout", "dataLabels", "xAxis", "autoRotate", "enable"],
       isAutoSize: !1,
       targetClass: ".vue-ui-heatmap-col-name",
       rotation: e.value.style.layout.dataLabels.xAxis.autoRotate.angle,
-      width: ie,
-      height: ne
-    }), xt({
-      timeLabelsEls: $e,
-      timeLabels: ct,
-      slicer: vt,
+      width: ue,
+      height: ie
+    }), bt({
+      timeLabelsEls: Se,
+      timeLabels: nt,
+      slicer: it,
       configRef: e,
       rotationPath: ["style", "layout", "cells", "columnTotal", "value", "rotation"],
       autoRotatePath: ["style", "layout", "cells", "columnTotal", "value", "autoRotate", "enable"],
       isAutoSize: !1,
       targetClass: ".vue-ui-heatmap-col-total",
       rotation: e.value.style.layout.cells.columnTotal.value.autoRotate.angle,
-      width: ie,
-      height: ne
+      width: ue,
+      height: ie
     });
-    const xe = g(() => {
+    const me = g(() => {
       const t = e.value.table.useDialog && !e.value.table.show, a = L.value.showTable;
       return {
-        component: t ? Le : ml,
+        component: t ? Ce : bl,
         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,
@@ -518,50 +507,52 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         }
       };
     });
-    return we(() => L.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && ue.value ? ue.value.open() : "close" in ue.value && ue.value.close());
-    }), P({
-      getData: Yt,
-      getImage: Gt,
-      generatePdf: tt,
-      generateCsv: Ne,
-      generateImage: lt,
-      toggleTable: nt,
-      toggleTooltip: rt,
-      toggleAnnotator: De,
-      toggleFullscreen: it
+    xe(() => L.value.showTable, async (t) => {
+      e.value.table.show || (t && e.value.table.useDialog && se.value ? (await ct(), se.value.open()) : "close" in se.value && se.value.close());
+    });
+    const { isResponsive: Ut } = yl(Ve, _t);
+    return P({
+      getData: Bt,
+      getImage: Et,
+      generatePdf: Qe,
+      generateCsv: Re,
+      generateImage: Ze,
+      toggleTable: st,
+      toggleTooltip: ut,
+      toggleAnnotator: Fe,
+      toggleFullscreen: ot
     }), (t, a) => (u(), n("div", {
       ref_key: "heatmapChart",
       ref: O,
-      class: ce(`vue-ui-heatmap ${G.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: ve(`vue-ui-heatmap ${G.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__${M.value}`,
-      onMouseenter: a[4] || (a[4] = () => Qe(!0)),
-      onMouseleave: a[5] || (a[5] = () => Qe(!1))
+      onMouseenter: a[4] || (a[4] = () => qe(!0)),
+      onMouseleave: a[5] || (a[5] = () => qe(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), de(i($), {
+      e.value.userOptions.buttons.annotator ? (u(), ce(i(z), {
         key: 0,
-        svgRef: i(Je),
+        svgRef: i(je),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        active: me.value,
-        onClose: De
+        active: be.value,
+        onClose: Fe
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
-      zt.value ? (u(), n("div", {
+      Tt.value ? (u(), n("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: We,
+        ref: Ue,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : h("", !0),
       e.value.style.title.text ? (u(), n("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: Ge,
+        ref: Ee,
         style: "width:100%;background:transparent"
       }, [
-        (u(), de(bl, {
-          key: `title_${Ye.value}`,
+        (u(), ce(gl, {
+          key: `title_${Be.value}`,
           config: {
             title: {
               cy: "heatmap-div-title",
@@ -574,14 +565,14 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : h("", !0),
-      e.value.userOptions.show && j.value && (i(Ke) || i(Oe)) ? (u(), de(i(oe), {
+      e.value.userOptions.show && j.value && (i(We) || i(ze)) ? (u(), ce(i(ae), {
         ref_key: "details",
-        ref: _e,
-        key: `user_options_${Be.value}`,
+        ref: Te,
+        key: `user_options_${Ie.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: i(et),
-        isPrinting: i(Ze),
+        isImaging: i(Je),
+        isPrinting: i(Ke),
         uid: M.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -595,96 +586,96 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         chartElement: O.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: me.value,
+        isAnnotation: be.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: it,
-        onGeneratePdf: i(tt),
-        onGenerateCsv: Ne,
-        onGenerateImage: i(lt),
-        onToggleTable: nt,
-        onToggleTooltip: rt,
-        onToggleAnnotator: De,
+        onToggleFullscreen: ot,
+        onGeneratePdf: i(Qe),
+        onGenerateCsv: Re,
+        onGenerateImage: i(Ze),
+        onToggleTable: st,
+        onToggleTooltip: ut,
+        onToggleAnnotator: Fe,
         style: w({
-          visibility: i(Ke) ? i(Oe) ? "visible" : "hidden" : "visible"
+          visibility: i(We) ? i(ze) ? "visible" : "hidden" : "visible"
         })
-      }, ht({ _: 2 }, [
+      }, dt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: S(({ isOpen: o, color: s }) => [
-            T(t.$slots, "menuIcon", te(le({ isOpen: o, color: s })), void 0, !0)
+          fn: $(({ isOpen: o, color: s }) => [
+            T(t.$slots, "menuIcon", ee(te({ isOpen: o, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: S(() => [
+          fn: $(() => [
             T(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: S(() => [
+          fn: $(() => [
             T(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: S(() => [
+          fn: $(() => [
             T(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: S(() => [
+          fn: $(() => [
             T(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: S(() => [
+          fn: $(() => [
             T(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: S(({ toggleFullscreen: o, isFullscreen: s }) => [
-            T(t.$slots, "optionFullscreen", te(le({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
+          fn: $(({ toggleFullscreen: o, isFullscreen: s }) => [
+            T(t.$slots, "optionFullscreen", ee(te({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: S(({ toggleAnnotator: o, isAnnotator: s }) => [
-            T(t.$slots, "optionAnnotator", te(le({ toggleAnnotator: o, isAnnotator: s })), void 0, !0)
+          fn: $(({ toggleAnnotator: o, isAnnotator: s }) => [
+            T(t.$slots, "optionAnnotator", ee(te({ toggleAnnotator: o, isAnnotator: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
       f("div", {
-        class: ce({
+        class: ve({
           "vue-ui-heatmap-chart-wrapper": !0,
           "vue-ui-heatmap-chart-wrapper-legend-right": e.value.style.legend.show
         })
       }, [
         (u(), n("svg", {
           ref_key: "svgRef",
-          ref: Je,
-          xmlns: i(ul),
-          class: ce({ "vue-data-ui-fullscreen--on": G.value, "vue-data-ui-fulscreen--off": !G.value }),
-          viewBox: `0 0 ${z.value.width} ${z.value.height}`,
+          ref: je,
+          xmlns: i(ol),
+          class: ve({ "vue-data-ui-fullscreen--on": G.value, "vue-data-ui-fulscreen--off": !G.value }),
+          viewBox: `0 0 ${S.value.width} ${S.value.height}`,
           width: "100%",
           style: w(`overflow: visible; background:transparent;color:${e.value.style.color}`),
           "aria-live": "polite",
           role: "img",
           preserveAspectRatio: "xMidYMid"
         }, [
-          ke(i(X)),
+          we(i(X)),
           t.$slots["chart-background"] ? (u(), n("foreignObject", {
             key: 0,
             x: l.value.left,
@@ -696,69 +687,69 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
             }
           }, [
             T(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Cl)) : h("", !0),
+          ], 8, Al)) : h("", !0),
           e.value.style.layout.cells.columnTotal.color.show ? (u(), n("g", {
             key: 1,
             ref_key: "xAxisSumRects",
-            ref: Lt
+            ref: At
           }, [
             (u(!0), n(C, null, F(p.value.xTotals, (o, s) => (u(), n("rect", {
-              x: l.value.left + l.value.cellSize.width * s + v.value / 2 + l.value.sumCellXHeight,
-              y: l.value.top - l.value.sumCellXHeight + v.value * (z.value.height / z.value.width),
+              x: l.value.left + l.value.cellSize.width * s + r.value / 2 + l.value.sumCellXHeight,
+              y: l.value.top - l.value.sumCellXHeight + r.value * (S.value.height / S.value.width),
               height: l.value.sumCellXHeight,
-              width: l.value.cellSize.width - v.value,
+              width: l.value.cellSize.width - r.value,
               fill: e.value.style.layout.cells.colors.underlayer,
               stroke: e.value.style.backgroundColor,
-              "stroke-width": v.value
-            }, null, 8, Ll))), 256)),
+              "stroke-width": r.value
+            }, null, 8, Cl))), 256)),
             (u(!0), n(C, null, F(p.value.xTotals, (o, s) => (u(), n("rect", {
-              x: l.value.left + l.value.cellSize.width * s + v.value / 2 + l.value.sumCellXHeight,
-              y: l.value.top - l.value.sumCellXHeight + v.value * (z.value.height / z.value.width),
+              x: l.value.left + l.value.cellSize.width * s + r.value / 2 + l.value.sumCellXHeight,
+              y: l.value.top - l.value.sumCellXHeight + r.value * (S.value.height / S.value.width),
               height: l.value.sumCellXHeight,
-              width: l.value.cellSize.width - v.value,
+              width: l.value.cellSize.width - r.value,
               fill: o.color,
               stroke: e.value.style.backgroundColor,
-              "stroke-width": v.value
-            }, null, 8, Tl))), 256))
+              "stroke-width": r.value
+            }, null, 8, Ll))), 256))
           ], 512)) : h("", !0),
           f("g", {
             ref_key: "datapoints",
-            ref: kt
+            ref: xt
           }, [
             (u(!0), n(C, null, F(Y.value, (o, s) => (u(), n(C, null, [
-              (u(!0), n(C, null, F(o.temperatures, (d, c) => (u(), n("g", null, [
+              (u(!0), n(C, null, F(o.temperatures, (d, v) => (u(), n("g", null, [
                 f("rect", {
-                  x: l.value.left + l.value.cellSize.width * c + v.value / 2 + l.value.sumCellXHeight,
-                  y: l.value.top + l.value.cellSize.height * s + v.value / 2,
-                  width: l.value.cellSize.width - v.value,
-                  height: l.value.cellSize.height - v.value,
+                  x: l.value.left + l.value.cellSize.width * v + r.value / 2 + l.value.sumCellXHeight,
+                  y: l.value.top + l.value.cellSize.height * s + r.value / 2,
+                  width: l.value.cellSize.width - r.value,
+                  height: l.value.cellSize.height - r.value,
                   fill: e.value.style.layout.cells.colors.underlayer,
                   stroke: e.value.style.backgroundColor,
-                  "stroke-width": v.value
-                }, null, 8, _l),
+                  "stroke-width": r.value
+                }, null, 8, Tl),
                 f("rect", {
-                  x: l.value.left + l.value.cellSize.width * c + v.value / 2 + l.value.sumCellXHeight,
-                  y: l.value.top + l.value.cellSize.height * s + v.value / 2,
-                  width: l.value.cellSize.width - v.value,
-                  height: l.value.cellSize.height - v.value,
+                  x: l.value.left + l.value.cellSize.width * v + r.value / 2 + l.value.sumCellXHeight,
+                  y: l.value.top + l.value.cellSize.height * s + r.value / 2,
+                  width: l.value.cellSize.width - r.value,
+                  height: l.value.cellSize.height - r.value,
                   fill: d.color,
                   stroke: e.value.style.backgroundColor,
-                  "stroke-width": v.value,
-                  onMouseover: (x) => It(d, s, l.value.left + l.value.cellSize.width * c, l.value.top + l.value.cellSize.height * s),
-                  onMouseout: () => Vt({ datapoint: d, seriesIndex: s }),
-                  onClick: () => Ut(d, s)
-                }, null, 40, zl),
-                e.value.style.layout.cells.value.show ? ft((u(), n("text", {
+                  "stroke-width": r.value,
+                  onMouseover: (x) => Ht(d, s, l.value.left + l.value.cellSize.width * v, l.value.top + l.value.cellSize.height * s),
+                  onMouseout: () => Pt({ datapoint: d, seriesIndex: s }),
+                  onClick: () => Vt(d, s)
+                }, null, 40, _l),
+                e.value.style.layout.cells.value.show ? yt((u(), n("text", {
                   key: 0,
                   "text-anchor": "middle",
                   "font-size": e.value.style.layout.cells.value.fontSize,
                   "font-weight": e.value.style.layout.cells.value.bold ? "bold" : "normal",
-                  fill: i(Ae)(d.color),
-                  x: l.value.left + l.value.cellSize.width * c + l.value.cellSize.width / 2 + l.value.sumCellXHeight,
+                  fill: i(ke)(d.color),
+                  x: l.value.left + l.value.cellSize.width * v + l.value.cellSize.width / 2 + l.value.sumCellXHeight,
                   y: l.value.top + l.value.cellSize.height * s + l.value.cellSize.height / 2 + e.value.style.layout.cells.value.fontSize / 3,
                   style: { pointerEvents: "none", userSelect: "none" }
                 }, [
-                  Ie(_(i(E)(
+                  He(_(i(B)(
                     e.value.style.layout.cells.value.formatter,
                     d.value,
                     i(H)({
@@ -770,16 +761,16 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
                     { datapoint: d }
                   )), 1)
                 ], 8, Sl)), [
-                  [i(wl), {
-                    cellWidth: l.value.cellSize.width - v.value,
-                    cellHeight: l.value.cellSize.height - v.value,
+                  [i(xl), {
+                    cellWidth: l.value.cellSize.width - r.value,
+                    cellHeight: l.value.cellSize.height - r.value,
                     maxFontSize: e.value.style.layout.cells.value.fontSize,
                     minFontSize: 10,
-                    index: s * N.value + c,
-                    reportHide: Xt,
-                    reportRotation: Ht,
-                    hideAll: Pt.value,
-                    rotateAll: Dt.value
+                    index: s * N.value + v,
+                    reportHide: Dt,
+                    reportRotation: Ft,
+                    hideAll: Nt.value,
+                    rotateAll: Rt.value
                   }]
                 ]) : h("", !0)
               ]))), 256))
@@ -788,60 +779,60 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
           e.value.style.layout.cells.rowTotal.color.show ? (u(), n("g", {
             key: 2,
             ref_key: "yAxisSumRects",
-            ref: Ct
+            ref: kt
           }, [
             (u(!0), n(C, null, F(Y.value, (o, s) => (u(), n(C, null, [
               f("rect", {
                 x: l.value.left,
                 y: l.value.top + l.value.cellSize.height * s,
                 width: l.value.sumCellXHeight,
-                height: l.value.cellSize.height - v.value,
+                height: l.value.cellSize.height - r.value,
                 fill: e.value.style.layout.cells.colors.underlayer,
                 stroke: e.value.style.backgroundColor,
-                "stroke-width": v.value
+                "stroke-width": r.value
               }, null, 8, $l),
               f("rect", {
                 x: l.value.left,
-                y: l.value.top + l.value.cellSize.height * s + v.value / 2,
+                y: l.value.top + l.value.cellSize.height * s + r.value / 2,
                 width: l.value.sumCellXHeight,
-                height: l.value.cellSize.height - v.value,
+                height: l.value.cellSize.height - r.value,
                 fill: p.value.yTotals[s].color,
                 stroke: e.value.style.backgroundColor,
-                "stroke-width": v.value
-              }, null, 8, Ml)
+                "stroke-width": r.value
+              }, null, 8, zl)
             ], 64))), 256))
           ], 512)) : h("", !0),
           e.value.style.layout.dataLabels.yAxis.show ? (u(), n("g", {
             key: 3,
             ref_key: "yAxisLabels",
-            ref: je
+            ref: Ye
           }, [
             (u(!0), n(C, null, F(Y.value, (o, s) => (u(), n(C, null, [
               f("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: Z.value,
+                x: Q.value,
                 y: l.value.top + l.value.cellSize.height * s + l.value.cellSize.height / 2 + e.value.style.layout.dataLabels.yAxis.fontSize / 3 + e.value.style.layout.dataLabels.yAxis.offsetY - (e.value.style.layout.cells.rowTotal.value.show ? e.value.style.layout.dataLabels.yAxis.fontSize / 1.5 : 0),
                 "text-anchor": "end",
                 "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal"
-              }, _(p.value.yLabels[s]), 9, Ol),
+              }, _(p.value.yLabels[s]), 9, Ml),
               e.value.style.layout.cells.rowTotal.value.show ? (u(), n("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: Z.value,
+                x: Q.value,
                 y: l.value.top + l.value.cellSize.height * s + l.value.cellSize.height / 2 + e.value.style.layout.dataLabels.yAxis.fontSize + e.value.style.layout.dataLabels.yAxis.offsetY,
                 "text-anchor": "end",
                 "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal"
-              }, _(Et(s)), 9, Rl)) : h("", !0)
+              }, _(Xt(s)), 9, Ol)) : h("", !0)
             ], 64))), 256))
           ], 512)) : h("", !0),
           e.value.style.layout.dataLabels.xAxis.show ? (u(), n("g", {
             key: 4,
             ref_key: "xAxisLabels",
-            ref: Se
+            ref: _e
           }, [
             (u(!0), n(C, null, F(p.value.xLabels, (o, s) => (u(), n(C, null, [
               !e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo || e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo && s % e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo === 0 ? (u(), n("text", {
@@ -852,13 +843,13 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["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 * s + e.value.style.layout.dataLabels.xAxis.offsetX + l.value.sumCellXHeight}, ${l.value.topLabelsHeight}), rotate(${e.value.style.layout.dataLabels.xAxis.rotation})`
-              }, _(o), 9, Fl)) : h("", !0)
+              }, _(o), 9, Rl)) : h("", !0)
             ], 64))), 256))
           ], 512)) : h("", !0),
           e.value.style.layout.cells.columnTotal.value.show ? (u(), n("g", {
             key: 5,
             ref_key: "xAxisSums",
-            ref: $e
+            ref: Se
           }, [
             (u(!0), n(C, null, F(p.value.xLabels, (o, s) => (u(), n("text", {
               class: "vue-ui-heatmap-col-total",
@@ -867,64 +858,64 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["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 * s + e.value.style.layout.dataLabels.xAxis.offsetX + e.value.style.layout.cells.columnTotal.value.offsetX + l.value.sumCellXHeight}, ${l.value.bottom + e.value.style.layout.dataLabels.xAxis.fontSize / 2}), rotate(${e.value.style.layout.cells.columnTotal.value.rotation})`
-            }, _(Bt(s)), 9, Nl))), 256))
+            }, _(It(s)), 9, Fl))), 256))
           ], 512)) : h("", !0),
-          se.value ? (u(), n("g", Dl, [
+          oe.value ? (u(), n("g", Nl, [
             f("rect", {
               style: { "pointer-events": "none" },
-              x: se.value.x - e.value.style.layout.cells.selected.border / 2 + v.value + l.value.sumCellXHeight,
-              y: se.value.y - e.value.style.layout.cells.selected.border / 2 + v.value,
-              width: l.value.cellSize.width - v.value + e.value.style.layout.cells.selected.border - v.value,
-              height: l.value.cellSize.height - v.value + e.value.style.layout.cells.selected.border - v.value,
+              x: oe.value.x - e.value.style.layout.cells.selected.border / 2 + r.value + l.value.sumCellXHeight,
+              y: oe.value.y - e.value.style.layout.cells.selected.border / 2 + r.value,
+              width: l.value.cellSize.width - r.value + e.value.style.layout.cells.selected.border - r.value,
+              height: l.value.cellSize.height - r.value + e.value.style.layout.cells.selected.border - r.value,
               fill: "transparent",
               stroke: e.value.style.layout.cells.selected.color,
               "stroke-width": e.value.style.layout.cells.selected.border,
               rx: 1
-            }, null, 8, Hl)
+            }, null, 8, Dl)
           ])) : h("", !0),
-          T(t.$slots, "svg", { svg: z.value }, void 0, !0)
-        ], 14, Al)),
+          T(t.$slots, "svg", { svg: S.value }, void 0, !0)
+        ], 14, kl)),
         e.value.style.legend.show ? (u(), n("div", {
           key: 0,
           ref_key: "legendRight",
-          ref: At,
+          ref: wt,
           class: "vue-ui-heatmap-legend-right",
           style: w({
             "--legend-width": e.value.style.legend.width + "px"
           })
         }, [
-          i(pe) ? h("", !0) : (u(), n("div", {
+          i(fe) ? h("", !0) : (u(), n("div", {
             key: 0,
             class: "vue-ui-heatmap-legend-label-max",
             style: w({
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, _(i(E)(
+          }, _(i(B)(
             e.value.style.layout.cells.value.formatter,
-            i(B)(V.value),
+            i(E)(V.value),
             i(H)({
               p: e.value.style.layout.dataLabels.prefix,
-              v: i(B)(V.value),
+              v: i(E)(V.value),
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
           )), 5)),
-          f("div", Pl, [
+          f("div", Hl, [
             f("div", {
               class: "vue-ui-heatmap-gauge",
               style: w({
                 background: `linear-gradient(to bottom, ${e.value.style.layout.cells.colors.hot}, ${e.value.style.layout.cells.colors.cold})`
               })
             }, [
-              ft(f("div", {
+              yt(f("div", {
                 class: "vue-ui-heatmap-gauge-indicator",
-                "data-value": i(E)(
+                "data-value": i(B)(
                   e.value.style.layout.cells.value.formatter,
-                  i(B)(R.value),
+                  i(E)(R.value),
                   i(H)({
                     p: e.value.style.layout.dataLabels.prefix,
-                    v: i(B)(R.value),
+                    v: i(E)(R.value),
                     s: e.value.style.layout.dataLabels.suffix,
                     r: e.value.style.legend.roundingValue
                   })
@@ -933,62 +924,62 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
                   position: "absolute",
                   width: "100%",
                   height: "2px",
-                  background: [void 0, null].includes(R.value) ? "transparent" : i(Ae)(be.value.datapoint.color),
+                  background: [void 0, null].includes(R.value) ? "transparent" : i(ke)(ge.value.datapoint.color),
                   top: `${[void 0, null].includes(R.value) ? 0 : (1 - R.value / V.value) * 100}%`,
                   transition: "all 0.2s ease-in-out",
                   "--background-color": e.value.style.backgroundColor,
-                  "--gauge-arrow-color": i(Ae)(e.value.style.backgroundColor),
-                  "--gauge-arrow-text-color": i(Ae)(e.value.style.backgroundColor),
+                  "--gauge-arrow-color": i(ke)(e.value.style.backgroundColor),
+                  "--gauge-arrow-text-color": i(ke)(e.value.style.backgroundColor),
                   "--gauge-arrow-value": R.value,
                   "--gauge-arrow-font-size": e.value.style.legend.fontSize + "px"
                 })
               }, [
-                f("div", Il, _(i(E)(
+                f("div", Xl, _(i(B)(
                   e.value.style.layout.cells.value.formatter,
-                  i(B)(R.value),
+                  i(E)(R.value),
                   i(H)({
                     p: e.value.style.layout.dataLabels.prefix,
-                    v: i(B)(R.value),
+                    v: i(E)(R.value),
                     s: e.value.style.layout.dataLabels.suffix,
                     r: e.value.style.legend.roundingValue
                   })
                 )), 1)
-              ], 12, Xl), [
-                [Kt, ![void 0, null].includes(R.value)]
+              ], 12, Pl), [
+                [qt, ![void 0, null].includes(R.value)]
               ])
             ], 4)
           ]),
-          i(pe) ? h("", !0) : (u(), n("div", {
+          i(fe) ? h("", !0) : (u(), n("div", {
             key: 1,
             class: "vue-ui-heatmap-legend-label-min",
             style: w({
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, _(i(E)(
+          }, _(i(B)(
             e.value.style.layout.cells.value.formatter,
-            i(B)(ve.value),
+            i(E)(re.value),
             i(H)({
               p: e.value.style.layout.dataLabels.prefix,
-              v: i(B)(ve.value),
+              v: i(E)(re.value),
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
           )), 5))
         ], 4)) : h("", !0)
       ], 2),
-      t.$slots.watermark ? (u(), n("div", Vl, [
-        T(t.$slots, "watermark", te(le({ isPrinting: i(Ze) || i(et) })), void 0, !0)
+      t.$slots.watermark ? (u(), n("div", Il, [
+        T(t.$slots, "watermark", ee(te({ isPrinting: i(Ke) || i(Je) })), void 0, !0)
       ])) : h("", !0),
       t.$slots.source ? (u(), n("div", {
         key: 5,
         ref_key: "source",
-        ref: qe,
+        ref: Ge,
         dir: "auto"
       }, [
         T(t.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      ke(i(W), {
+      we(i(W), {
         show: L.value.showTooltip && q.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
@@ -1006,29 +997,29 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         smooth: e.value.style.tooltip.smooth,
         backdropFilter: e.value.style.tooltip.backdropFilter
       }, {
-        "tooltip-before": S(() => [
-          T(t.$slots, "tooltip-before", te(le({ ...be.value })), void 0, !0)
+        "tooltip-before": $(() => [
+          T(t.$slots, "tooltip-before", ee(te({ ...ge.value })), void 0, !0)
         ]),
-        "tooltip-after": S(() => [
-          T(t.$slots, "tooltip-after", te(le({ ...be.value })), void 0, !0)
+        "tooltip-after": $(() => [
+          T(t.$slots, "tooltip-after", ee(te({ ...ge.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
-      j.value ? (u(), de(Jt(xe.value.component), Qt({ key: 6 }, xe.value.props, {
+      j.value ? (u(), ce(Kt(me.value.component), Jt({ key: 6 }, me.value.props, {
         ref_key: "tableUnit",
-        ref: ue,
+        ref: se,
         onClose: a[3] || (a[3] = (o) => L.value.showTable = !1)
-      }), ht({
-        content: S(() => [
+      }), dt({
+        content: $(() => [
           f("div", {
             ref_key: "tableContainer",
-            ref: ze,
+            ref: Ve,
             class: "vue-ui-heatmap-table atom-data-table",
             style: w(`${e.value.table.useDialog ? "" : "max-height: 300px; margin-top: 24px;"}`)
           }, [
             f("div", {
               style: w(`width:100%;overflow-x:auto;position:relative;${e.value.table.useDialog ? "" : "padding-top:36px"};`),
-              class: ce({ "vue-ui-responsive": Ue.value })
+              class: ve({ "vue-ui-responsive": i(Ut) })
             }, [
               e.value.table.useDialog ? h("", !0) : (u(), n("div", {
                 key: 0,
@@ -1036,20 +1027,20 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
                 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};`),
                 onClick: a[1] || (a[1] = (o) => L.value.showTable = !1),
-                onKeypress: a[2] || (a[2] = Zt((o) => L.value.showTable = !1, ["enter"]))
+                onKeypress: a[2] || (a[2] = Qt((o) => L.value.showTable = !1, ["enter"]))
               }, [
-                ke(i(ae), {
+                we(i(le), {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2
                 }, null, 8, ["stroke"])
               ], 36)),
-              f("table", El, [
+              f("table", Vl, [
                 e.value.table.useDialog ? h("", !0) : (u(), n("caption", {
                   key: 0,
                   style: w(`backgroundColor:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
                 }, [
-                  Ie(_(e.value.style.title.text) + " ", 1),
+                  He(_(e.value.style.title.text) + " ", 1),
                   e.value.style.title.subtitle.text ? (u(), n("span", Bl, _(e.value.style.title.subtitle.text), 1)) : h("", !0)
                 ], 4)),
                 f("thead", null, [
@@ -1069,7 +1060,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
                 f("tbody", null, [
                   (u(!0), n(C, null, F(p.value.xLabels, (o, s) => (u(), n("tr", {
                     role: "row",
-                    class: ce({ "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: ve({ "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: w(`background:${e.value.table.td.backgroundColor};color:${e.value.table.td.color}`)
                   }, [
                     f("td", {
@@ -1077,15 +1068,15 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
                       class: "vue-ui-data-table__tbody__td",
                       style: w(`outline:${e.value.table.td.outline}`)
                     }, [
-                      f("div", Yl, _(o), 1)
-                    ], 12, Ul),
-                    (u(!0), n(C, null, F(b.dataset, (d, c) => (u(), n("td", {
+                      f("div", Ul, _(o), 1)
+                    ], 12, El),
+                    (u(!0), n(C, null, F(b.dataset, (d, v) => (u(), n("td", {
                       class: "vue-ui-data-table__tbody__td",
-                      "data-cell": b.dataset[c].name,
+                      "data-cell": b.dataset[v].name,
                       style: w(`outline:${e.value.table.td.outline}`)
                     }, [
-                      f("div", Wl, _(isNaN(d.values[s]) ? "-" : i(H)({ p: e.value.style.layout.dataLabels.prefix, v: d.values[s], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
-                    ], 12, Gl))), 256))
+                      f("div", Gl, _(isNaN(d.values[s]) ? "-" : i(H)({ p: e.value.style.layout.dataLabels.prefix, v: d.values[s], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
+                    ], 12, Yl))), 256))
                   ], 6))), 256))
                 ])
               ])
@@ -1096,32 +1087,32 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: S(() => [
-            Ie(_(xe.value.title), 1)
+          fn: $(() => [
+            He(_(me.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: S(() => [
+          fn: $(() => [
             f("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: a[0] || (a[0] = (o) => Ne(e.value.userOptions.callbacks.csv))
+              onClick: a[0] || (a[0] = (o) => Re(e.value.userOptions.callbacks.csv))
             }, [
-              ke(i(ae), {
+              we(i(le), {
                 name: "excel",
-                stroke: xe.value.props.color
+                stroke: me.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      i(pe) ? (u(), de(hl, { key: 7 })) : h("", !0)
-    ], 46, kl));
+      i(fe) ? (u(), ce(dl, { key: 7 })) : h("", !0)
+    ], 46, wl));
   }
-}, ra = /* @__PURE__ */ xl(jl, [["__scopeId", "data-v-19a7e357"]]);
+}, ra = /* @__PURE__ */ ml(Wl, [["__scopeId", "data-v-2b7d26d8"]]);
 export {
   ra as default
 };