vue-data-ui 3.9.10 → 3.9.12

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

@@ -1,9 +1,9 @@
-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 { watchEffect as ul, nextTick as Te, 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 hl, withKeys as yl } 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 { t as Se, 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 Sl } from "./usePrinter-DhoMn87n.js";
+import { u as Tl, B as _l } from "./BaseScanner-BMpwQAfz.js";
 import { u as zl } from "./useSvgExport-ByUukOZt.js";
 import { u as Ct } from "./useTimeLabels-DKoynYae.js";
 import { u as $l } from "./useThemeCheck-DGJ31Vi5.js";
@@ -11,12 +11,12 @@ import { u as Fl } from "./useTableResponsive-Cbx-ACcP.js";
 import { u as Dl } from "./useUserOptionState-BIvW1Kz7.js";
 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 Bl from "./img-BJzUSmkm.js";
+import Ml 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,
+  elementRef: h,
   callback: I,
   attr: J,
   earlyReturn: Y = !1,
@@ -24,34 +24,34 @@ function Ue({
   alsoAfterFontsReady: D = !0
 }) {
   if (Y) return;
-  const V = (T) => {
-    if (!T) return;
+  const V = (S) => {
+    if (!S) return;
     let A;
-    if (typeof T.getBBox == "function")
+    if (typeof S.getBBox == "function")
       try {
-        const O = T.getBBox();
+        const O = S.getBBox();
         A = J === "width" ? O.width : O.height;
       } catch {
       }
     if (typeof A != "number" || Number.isNaN(A))
       try {
-        const O = T.getBoundingClientRect();
+        const O = S.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;
+  ul((S) => {
+    const A = h.value;
     if (!A) return;
     let O = !1;
     (async () => {
-      await Se();
-      for (let S = 0; S < Q; S += 1) {
+      await Te();
+      for (let T = 0; T < Q; T += 1) {
         if (O) return;
         await new Promise((te) => requestAnimationFrame(te));
-        const N = y.value;
+        const N = h.value;
         if (!N) return;
         V(N);
       }
@@ -60,12 +60,12 @@ function Ue({
           await document.fonts.ready;
         } catch {
         }
-        !O && y.value && V(y.value);
+        !O && h.value && V(h.value);
       }
     })();
     const ee = new MutationObserver(() => {
-      y.value && requestAnimationFrame(() => {
-        y.value && V(y.value);
+      h.value && requestAnimationFrame(() => {
+        h.value && V(h.value);
       });
     });
     ee.observe(A, {
@@ -77,81 +77,81 @@ function Ue({
     });
     let m;
     if (typeof ResizeObserver < "u") {
-      const S = A.ownerSVGElement ? A.ownerSVGElement : A;
+      const T = A.ownerSVGElement ? A.ownerSVGElement : A;
       m = new ResizeObserver(() => {
-        const N = y.value;
+        const N = h.value;
         N && V(N);
-      }), m.observe(S);
+      }), m.observe(T);
     }
-    T(() => {
+    S(() => {
       O = !0, ee.disconnect(), m && m.disconnect();
     });
   }, { flush: "post" });
 }
-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 = {
+const At = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { crosshairs: { stroke: "#CCCCCC" }, 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: { crosshairs: { stroke: "#424242" }, 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" } } }, St = { style: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { crosshairs: { stroke: "#BDBDBD" }, 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" } } }, Tt = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { crosshairs: { stroke: "#33FF33" }, 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: { crosshairs: { stroke: "#8F837A" }, 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: { crosshairs: { stroke: "#404C4D" }, 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: At,
   celebration: Lt,
-  celebrationNight: Tt,
-  hack: St,
+  celebrationNight: St,
+  hack: Tt,
   zen: _t,
   concrete: zt
 }, Oa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   celebration: Lt,
-  celebrationNight: Tt,
+  celebrationNight: St,
   concrete: zt,
   dark: At,
   default: $t,
-  hack: St,
+  hack: Tt,
   zen: _t
 }, Symbol.toStringTag, { value: "Module" })), Rl = {
-  mounted(y, I) {
-    wt(y, I.value);
+  mounted(h, I) {
+    wt(h, I.value);
   },
-  updated(y, I) {
-    wt(y, I.value);
+  updated(h, I) {
+    wt(h, I.value);
   }
 };
-function wt(y, {
+function wt(h, {
   cellWidth: I,
   cellHeight: J,
   maxFontSize: Y,
   minFontSize: Q,
   index: D,
   reportRotation: V,
-  reportHide: T,
+  reportHide: S,
   rotateAll: A,
   hideAll: O
 }) {
-  y.removeAttribute("transform"), y.removeAttribute("visibility");
+  h.removeAttribute("transform"), h.removeAttribute("visibility");
   let ue = !1, ee = !1;
-  y.setAttribute("font-size", Y);
-  const m = y.getComputedTextLength();
+  h.setAttribute("font-size", Y);
+  const m = h.getComputedTextLength();
   if (m <= I)
-    V(D, !1), T(D, !1);
+    V(D, !1), S(D, !1);
   else {
-    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);
+    const T = Math.floor(Y * I / m);
+    T >= Q ? (h.setAttribute("font-size", T), V(D, !1), S(D, !1)) : (V(D, !0), S(D, !1), ue = !0);
   }
   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;
+    h.setAttribute("font-size", Y);
+    const T = h.getBBox(), N = T.x + T.width / 2, te = T.y + T.height / 2;
+    h.setAttribute("transform", `rotate(-90 ${N} ${te})`);
+    const $ = h.getBBox().width;
     if ($ <= J)
-      T(D, !1);
+      S(D, !1);
     else {
       const ne = Math.floor(Y * J / $);
-      ne >= Q ? (y.setAttribute("font-size", ne), T(D, !1)) : (ee = !0, T(D, !0));
+      ne >= Q ? (h.setAttribute("font-size", ne), S(D, !1)) : (ee = !0, S(D, !0));
     }
   }
-  (O || ee) && y.setAttribute("visibility", "hidden");
+  (O || ee) && h.setAttribute("visibility", "hidden");
 }
 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"
-}, 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 = {
+}, 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"], ha = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ya = {
   __name: "vue-ui-heatmap",
   props: {
     config: {
@@ -168,19 +168,19 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectDatapoint"],
-  setup(y, { expose: I, emit: J }) {
+  setup(h, { expose: I, emit: J }) {
     nl((t) => ({
-      v7a25c10c: t.tdo
+      v0ce143cf: t.tdo
     }));
-    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({
+    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")), S = ve(() => import("./PackageVersion-BpArR90N.js")), A = ve(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_heatmap: O } = Ll(), { isThemeValid: ue, warnInvalidTheme: ee } = $l(), m = h, T = J, N = b({
       get() {
         return !!m.dataset && m.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), 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() {
+    }), te = d(Ie()), $ = d(null), ne = d(!1), _e = d(""), Ge = d(void 0), M = 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), Bt = d(null), Je = d(null), ie = il(null), e = d(Me());
+    function Mt() {
       const t = Array(7).fill("_"), s = [], a = 14, o = t.length;
       for (let v = 0; v < o; v += 1) {
         const c = [];
@@ -193,16 +193,16 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       }
       return s;
     }
-    const { loading: me, FINAL_DATASET: k, manualLoading: De } = Sl({
+    const { loading: me, FINAL_DATASET: k, manualLoading: De } = Tl({
       ...rl(m),
       FINAL_CONFIG: e,
-      prepareConfig: Be,
+      prepareConfig: Me,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Se(), $.value && ml($.value, { delta: 0.1, delay: 250 });
+          await Te(), $.value && ml($.value, { delta: 0.1, delay: 250 });
         });
       },
-      skeletonDataset: Bt(),
+      skeletonDataset: Mt(),
       skeletonConfig: fl({
         defaultConfig: e.value,
         userConfig: {
@@ -228,11 +228,11 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
           }
         }
       })
-    }), { userOptionsVisible: Oe, setUserOptionsVisibility: Et, keepUserOptionState: Qe } = Dl({ config: e.value }), { svgRef: Me } = Ol({ config: e.value.style.title });
+    }), { userOptionsVisible: Oe, setUserOptionsVisibility: Et, keepUserOptionState: Qe } = Dl({ config: e.value }), { svgRef: Be } = Ol({ config: e.value.style.title });
     function et(t) {
       Et(t);
     }
-    function Be() {
+    function Me() {
       const t = Ve({
         userConfig: m.config,
         defaultConfig: O
@@ -259,11 +259,11 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       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;
     }
     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;
+      me.value || (e.value = Me()), 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, he.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({
+    const { isPrinting: tt, isImaging: lt, generatePdf: at, generateImage: ot } = Sl({
       elementId: `heatmap__${te.value}`,
       fileName: e.value.style.title.text || "vue-ui-heatmap",
       options: e.value.userOptions.print
@@ -284,7 +284,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         type: "dataset",
         debug: st.value
       }), N.value = !1, De.value = !0), mt(m.dataset) || (De.value = e.value.loading), e.value.responsive) {
-        const t = Te(() => {
+        const t = Se(() => {
           const { width: s, height: a } = Al({
             chart: $.value,
             title: e.value.style.title.text ? qe.value : null,
@@ -294,7 +294,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
             noTitle: Ke.value
           });
           requestAnimationFrame(() => {
-            de.value = s, ye.value = a;
+            de.value = s, he.value = a;
           });
         });
         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);
@@ -305,41 +305,41 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
     }), vl(() => {
       Ee();
     });
-    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(() => ({
+    const U = b(() => Math.max(...k.value.flatMap((t) => (t.values || []).length))), de = d(e.value.style.layout.width), he = d(e.value.style.layout.height), B = b(() => ({
       width: Math.max(10, de.value),
-      height: Math.max(10, ye.value)
-    })), re = d(0), Ht = Te((t) => {
+      height: Math.max(10, he.value)
+    })), re = d(0), Ht = Se((t) => {
       t !== re.value && (re.value = t);
     }, 100);
     Ue({ elementRef: $e, callback: Ht, attr: "height" });
-    const le = d(0), Xt = Te((t) => {
+    const le = d(0), Xt = Se((t) => {
       t !== le.value && (le.value = t);
     }, 100);
     Ue({ elementRef: Ze, callback: Xt, attr: "width" });
-    const he = d(0), Pt = Te((t) => {
-      t !== he.value && (he.value = t);
+    const ye = d(0), Pt = Se((t) => {
+      t !== ye.value && (ye.value = t);
     }, 100);
     Ue({ elementRef: Fe, callback: Pt, attr: "height" }), ft(() => {
-      re.value = 0, le.value = 0, he.value = 0;
+      re.value = 0, le.value = 0, ye.value = 0;
     });
-    const r = b(() => Math.min(M.value.height, M.value.width) / 1e3 * e.value.style.layout.cells.spacing), l = b(() => {
+    const r = b(() => Math.min(B.value.height, B.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 = M.value.height - s.top - s.bottom - re.value - a, c = M.value.width / 60, w = {
+      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 = B.value.height - s.top - s.bottom - re.value - a, c = B.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, _ = {
+      }, G = B.value.width - s.left - s.right - w.x - c * 2 - 2 - t - le.value, y = v - c - w.y - ye.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))
+        height: Math.max(3, y / (k.value.length ?? 1))
       };
       return {
         top: s.top + re.value + c + a,
         topLabelsHeight: re.value,
         sumCellXHeight: c,
-        height: h,
+        height: y,
         left: s.left + le.value + c / 2,
         right: s.right - t,
-        bottom: M.value.height - s.bottom - he.value,
+        bottom: B.value.height - s.bottom - ye.value,
         width: G,
         cellSize: _
       };
@@ -359,25 +359,25 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       start: 0,
       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 t = It.value.map((y) => y.text), s = Vt.value.map((y) => y.text), a = k.value.map((y) => y.values.reduce((_, Xe) => _ + Xe, 0)), o = Math.max(...a), v = Math.min(...a), c = [];
+      for (let y = 0; y < U.value; y += 1)
+        c.push(k.value.map((_) => _.values[y] || 0).reduce((_, Xe) => _ + Xe, 0));
       const w = Math.max(...c), G = Math.min(...c);
       return {
-        yTotals: a.map((h) => {
-          const _ = isNaN(h / o) ? 0 : h / o;
+        yTotals: a.map((y) => {
+          const _ = isNaN(y / o) ? 0 : y / o;
           return {
-            total: h,
+            total: y,
             proportion: _,
-            color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, v, o, h)
+            color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, v, o, y)
           };
         }),
-        xTotals: c.map((h) => {
-          const _ = isNaN(h / w) ? 0 : h / w;
+        xTotals: c.map((y) => {
+          const _ = isNaN(y / w) ? 0 : y / w;
           return {
-            total: h,
+            total: y,
             proportion: _,
-            color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, G, w, h)
+            color: pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, G, w, y)
           };
         }),
         yLabels: t,
@@ -425,7 +425,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
     }
     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 };
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: s }), M.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,
@@ -433,7 +433,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         series: oe.value,
         config: e.value
       }, ne.value = !0;
-      let h = "";
+      let y = "";
       const _ = e.value.style.tooltip.customFormat;
       kl(_) && wl(() => _({
         datapoint: t,
@@ -445,7 +445,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         seriesIndex: s,
         series: oe.value,
         config: e.value
-      }) : (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(
+      }) : (y += `<div>${c} ${w ? c ? ` - ${w}` : `${w}` : ""}</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:${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,
         W({
@@ -455,10 +455,10 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
           r: e.value.style.tooltip.roundingValue
         }),
         { datapoint: t, seriesIndex: s }
-      )}</span></div>`, _e.value = `<div style="font-size:${e.value.style.tooltip.fontSize}px">${h}</div>`);
+      )}</span></div>`, _e.value = `<div style="font-size:${e.value.style.tooltip.fontSize}px">${y}</div>`);
     }
     function qt({ datapoint: t, seriesIndex: s }) {
-      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;
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: s }), ne.value = !1, Ge.value = void 0, R.value = null, M.value = null;
     }
     function Kt(t) {
       return K(
@@ -493,7 +493,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       return { head: t, body: s };
     });
     function Ne(t = null) {
-      Se(() => {
+      Te(() => {
         const s = ["", ...k.value.map((c, w) => c.name)], a = [];
         for (let c = 0; c < p.value.xLabels.length; c += 1) {
           const w = [p.value.xLabels[c]];
@@ -520,14 +520,14 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       Ce.value = !Ce.value;
     }
     function Jt(t, s) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: s }), S("selectDatapoint", t);
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: s }), T("selectDatapoint", t);
     }
     function Qt() {
       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 Ml({ domElement: $.value, base64: !0, img: !0, scale: t });
+      const { width: s, height: a } = $.value.getBoundingClientRect(), o = s / a, { imageUri: v, base64: c } = await Bl({ domElement: $.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: v,
         base64: c,
@@ -540,10 +540,10 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
     const dt = b(() => ({
       start: 0,
       end: U.value
-    })), yt = b(() => p.value.xLabels);
+    })), ht = b(() => p.value.xLabels);
     kt({
       timeLabelsEls: $e,
-      timeLabels: yt,
+      timeLabels: ht,
       slicer: dt,
       configRef: e,
       rotationPath: ["style", "layout", "dataLabels", "xAxis", "rotation"],
@@ -552,10 +552,10 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       targetClass: ".vue-ui-heatmap-col-name",
       rotation: e.value.style.layout.dataLabels.xAxis.autoRotate.angle,
       width: de,
-      height: ye
+      height: he
     }), kt({
       timeLabelsEls: Fe,
-      timeLabels: yt,
+      timeLabels: ht,
       slicer: dt,
       configRef: e,
       rotationPath: ["style", "layout", "cells", "columnTotal", "value", "rotation"],
@@ -564,7 +564,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       targetClass: ".vue-ui-heatmap-col-total",
       rotation: e.value.style.layout.cells.columnTotal.value.autoRotate.angle,
       width: de,
-      height: ye
+      height: he
     });
     const ke = b(() => {
       const t = e.value.table.useDialog && !e.value.table.show, s = E.value.showTable;
@@ -597,18 +597,18 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       };
     });
     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());
+      e.value.table.show || (t && e.value.table.useDialog && ce.value ? (await Te(), ce.value.open()) : "close" in ce.value && ce.value.close());
     });
     const { isResponsive: tl } = Fl(Ye, Rt);
     function He() {
       E.value.showTable = !1, ze.value && ze.value.setTableIconState(!1);
     }
     const ll = b(() => e.value.style.backgroundColor), al = b(() => e.value.style.title), { exportSvg: ol, getSvg: sl } = zl({
-      svg: Me,
+      svg: Be,
       title: al,
       backgroundColor: ll
     });
-    async function ht({ isCb: t }) {
+    async function yt({ 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 });
@@ -621,7 +621,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       generatePdf: at,
       generateCsv: Ne,
       generateImage: ot,
-      generateSvg: ht,
+      generateSvg: yt,
       toggleTable: vt,
       toggleTooltip: ct,
       toggleAnnotator: Re,
@@ -637,7 +637,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
     }, [
       e.value.userOptions.buttons.annotator ? (u(), be(n(D), {
         key: 0,
-        svgRef: n(Me),
+        svgRef: n(Be),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         active: Ce.value,
@@ -676,7 +676,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         ref: qe,
         style: "width:100%;background:transparent"
       }, [
-        (u(), be(Bl, {
+        (u(), be(Ml, {
           key: `title_${je.value}`,
           config: {
             title: {
@@ -720,7 +720,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         onGeneratePdf: n(at),
         onGenerateCsv: Ne,
         onGenerateImage: n(ot),
-        onGenerateSvg: ht,
+        onGenerateSvg: yt,
         onToggleTable: vt,
         onToggleTooltip: ct,
         onToggleAnnotator: Re,
@@ -800,17 +800,17 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       }, [
         (u(), i("svg", {
           ref_key: "svgRef",
-          ref: Me,
+          ref: Be,
           xmlns: n(pl),
           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}`,
+          viewBox: `0 0 ${B.value.width} ${B.value.height}`,
           width: "100%",
           style: L(`overflow: visible; background:transparent;color:${e.value.style.color}`),
           "aria-live": "polite",
           role: "img",
           preserveAspectRatio: "xMidYMid"
         }, [
-          Ae(n(T)),
+          Ae(n(S)),
           t.$slots["chart-background"] ? (u(), i("foreignObject", {
             key: 0,
             x: l.value.left,
@@ -826,11 +826,11 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
           e.value.style.layout.cells.columnTotal.color.show ? (u(), i("g", {
             key: 1,
             ref_key: "xAxisSumRects",
-            ref: Mt
+            ref: Bt
           }, [
             (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 * (M.value.height / M.value.width),
+              y: l.value.top - l.value.sumCellXHeight + r.value * (B.value.height / B.value.width),
               height: l.value.sumCellXHeight,
               width: l.value.cellSize.width - r.value,
               fill: e.value.style.layout.cells.colors.underlayer,
@@ -839,7 +839,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
             }, null, 8, Il))), 256)),
             (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 * (M.value.height / M.value.width),
+              y: l.value.top - l.value.sumCellXHeight + r.value * (B.value.height / B.value.width),
               height: l.value.sumCellXHeight,
               width: l.value.cellSize.width - r.value,
               fill: a.color,
@@ -995,11 +995,11 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
               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})`
             }, F(Zt(o)), 9, Jl))), 256))
           ], 512)) : f("", !0),
-          B.value ? (u(), i("g", Ql, [
+          M.value ? (u(), i("g", Ql, [
             g("rect", {
               style: { "pointer-events": "none" },
-              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,
+              x: M.value.x - e.value.style.layout.cells.selected.border / 2 + r.value + l.value.sumCellXHeight,
+              y: M.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",
@@ -1008,21 +1008,21 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
               rx: 1
             }, null, 8, ea)
           ])) : f("", !0),
-          e.value.style.layout.crosshairs.show && B.value ? (u(), i("g", ta, [
+          e.value.style.layout.crosshairs.show && M.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,
+              x1: l.value.left + l.value.sumCellXHeight,
+              x2: M.value.x + l.value.sumCellXHeight,
+              y1: M.value.y + (l.value.cellSize.height - r.value) / 2,
+              y2: M.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,
+              x1: M.value.x + l.value.sumCellXHeight + (l.value.cellSize.width - r.value) / 2,
+              x2: M.value.x + l.value.sumCellXHeight + (l.value.cellSize.width - r.value) / 2,
+              y1: M.value.y,
               y2: l.value.top,
               stroke: e.value.style.layout.crosshairs.stroke,
               "stroke-width": e.value.style.layout.crosshairs.strokeWidth,
@@ -1030,7 +1030,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
               "stroke-linecap": "round"
             }, null, 8, aa)
           ])) : f("", !0),
-          x(t.$slots, "svg", { svg: M.value }, void 0, !0)
+          x(t.$slots, "svg", { svg: B.value }, void 0, !0)
         ], 14, Xl)),
         e.value.style.legend.show ? (u(), i("div", {
           key: 0,
@@ -1164,7 +1164,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      N.value && e.value.userOptions.buttons.table ? (u(), be(dl(ke.value.component), yl({ key: 6 }, ke.value.props, {
+      N.value && e.value.userOptions.buttons.table ? (u(), be(dl(ke.value.component), hl({ key: 6 }, ke.value.props, {
         ref_key: "tableUnit",
         ref: ce,
         onClose: He
@@ -1186,7 +1186,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
                 tabindex: "0",
                 style: L(`width:32px; position: absolute; top: 0; left:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${e.value.table.th.backgroundColor};`),
                 onClick: He,
-                onKeypress: hl(He, ["enter"])
+                onKeypress: yl(He, ["enter"])
               }, [
                 Ae(n(Q), {
                   name: "close",
@@ -1210,7 +1210,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
                     g("th", {
                       style: L(`outline:${e.value.table.th.outline};padding-right:6px`)
                     }, null, 4),
-                    (u(!0), i(z, null, P(y.dataset, (a, o) => (u(), i("th", {
+                    (u(!0), i(z, null, P(h.dataset, (a, o) => (u(), i("th", {
                       align: "right",
                       style: L(`outline:${e.value.table.th.outline};padding-right:6px`)
                     }, F(a.name), 5))), 256))
@@ -1229,12 +1229,12 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
                     }, [
                       g("div", ca, F(a), 1)
                     ], 12, va),
-                    (u(!0), i(z, null, P(y.dataset, (v, c) => (u(), i("td", {
+                    (u(!0), i(z, null, P(h.dataset, (v, c) => (u(), i("td", {
                       class: "vue-ui-data-table__tbody__td",
-                      "data-cell": y.dataset[c].name,
+                      "data-cell": h.dataset[c].name,
                       style: L(`outline:${e.value.table.td.outline}`)
                     }, [
-                      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)
+                      g("div", ha, 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))
                 ])
@@ -1271,12 +1271,12 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       n(me) ? (u(), be(_l, { key: 7 })) : f("", !0)
     ], 46, Hl));
   }
-}, fa = /* @__PURE__ */ Nl(ha, [["__scopeId", "data-v-7c9fa799"]]), Ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, fa = /* @__PURE__ */ Nl(ya, [["__scopeId", "data-v-9f255c51"]]), Ba = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: fa
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Oa as a,
-  Ma as b,
+  Ba as b,
   fa as v
 };