vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-heatmap-D_JOEm4-.js → vue-ui-heatmap-Bp9HI0Zo.js}

@@ -1,20 +1,20 @@
-import { watchEffect as ul, nextTick as Se, useCssVars as nl, defineAsyncComponent as ve, computed as b, ref as d, shallowRef as il, toRefs as rl, watch as we, onBeforeUnmount as ft, onMounted as vl, reactive as gt, createElementBlock as i, openBlock as u, normalizeStyle as L, normalizeClass as ge, createBlock as be, createCommentVNode as f, createElementVNode as g, createVNode as Ae, unref as n, withCtx as C, renderSlot as x, normalizeProps as H, guardReactiveProps as X, createSlots as bt, Fragment as z, renderList as P, withDirectives as pt, createTextVNode as Pe, toDisplayString as F, vShow as cl, resolveDynamicComponent as dl, mergeProps as yl, withKeys as hl } from "vue";
-import { c as Ie, t as fl, a1 as gl, o as mt, g as xt, am as pe, l as bl, X as pl, x as Le, a as K, d as W, U as J, az as ml, v as xl, r as Cl, y as kl, _ as wl } from "./lib-2iaAPQ_c.js";
-import { t as Te, u as Al } from "./useResponsive-DfdjqQps.js";
-import { u as Ll, a as Ve } from "./useNestedProp-BCt4DMkT.js";
-import { u as Tl } from "./usePrinter-ChVMpU2f.js";
-import { u as Sl, 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";
-import { u as Fl } from "./useTableResponsive-Cbx-ACcP.js";
-import { u as Dl } from "./useUserOptionState-BIvW1Kz7.js";
+import { watchEffect as il, nextTick as Se, useCssVars as rl, defineAsyncComponent as ve, computed as b, ref as d, shallowRef as vl, toRefs as cl, watch as Ae, onBeforeUnmount as ft, onMounted as dl, 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 we, unref as n, withCtx as x, renderSlot as C, 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 yl, resolveDynamicComponent as hl, mergeProps as fl, withKeys as gl } from "vue";
+import { c as Ie, t as bl, a1 as pl, o as mt, g as Ct, am as pe, l as ml, X as Cl, x as Le, a as K, d as W, U as J, az as xl, v as kl, r as Al, y as wl, _ as Ll } from "./lib-CVHM9FhP.js";
+import { t as Te, u as Tl } from "./useResponsive-DfdjqQps.js";
+import { u as Sl, a as Ve } from "./useNestedProp-Ckf_2P_V.js";
+import { u as _l } from "./usePrinter-1NmjuP-i.js";
+import { u as zl, B as $l } from "./BaseScanner-BMpwQAfz.js";
+import { u as Fl } from "./useSvgExport-ByUukOZt.js";
+import { u as xt } from "./useTimeLabels-DKoynYae.js";
+import { u as Dl } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Ol } from "./useTableResponsive-Cbx-ACcP.js";
+import { u as Bl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as kt } from "./useTimeLabelCollider-CIsgDrl9.js";
-import { u as Ol } from "./useChartAccessibility-9icAAmYg.js";
-import Bl from "./img-CqYIrJ8I.js";
-import Ml from "./Title-B5L2jweB.js";
-import El from "./vue-ui-accordion-CAXPDm31.js";
-import { _ as Nl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { u as Ml } from "./useChartAccessibility-9icAAmYg.js";
+import El from "./img-6fNF_rG0.js";
+import Nl from "./Title-NgeRXqRA.js";
+import Rl from "./vue-ui-accordion-DFKaB_05.js";
+import { _ as Hl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function Ue({
   elementRef: y,
   callback: I,
@@ -26,25 +26,25 @@ function Ue({
   if (Y) return;
   const V = (T) => {
     if (!T) return;
-    let A;
+    let w;
     if (typeof T.getBBox == "function")
       try {
         const O = T.getBBox();
-        A = Q === "width" ? O.width : O.height;
+        w = Q === "width" ? O.width : O.height;
       } catch {
       }
-    if (typeof A != "number" || Number.isNaN(A))
+    if (typeof w != "number" || Number.isNaN(w))
       try {
         const O = T.getBoundingClientRect();
-        A = Q === "width" ? O.width : O.height;
+        w = Q === "width" ? O.width : O.height;
       } catch {
-        A = void 0;
+        w = void 0;
       }
-    typeof A == "number" && !Number.isNaN(A) && I(A);
+    typeof w == "number" && !Number.isNaN(w) && I(w);
   };
-  ul((T) => {
-    const A = y.value;
-    if (!A) return;
+  il((T) => {
+    const w = y.value;
+    if (!w) return;
     let O = !1;
     (async () => {
       await Se();
@@ -68,7 +68,7 @@ function Ue({
         y.value && V(y.value);
       });
     });
-    ee.observe(A, {
+    ee.observe(w, {
       childList: !0,
       subtree: !0,
       characterData: !0,
@@ -77,7 +77,7 @@ function Ue({
     });
     let m;
     if (typeof ResizeObserver < "u") {
-      const S = A.ownerSVGElement ? A.ownerSVGElement : A;
+      const S = w.ownerSVGElement ? w.ownerSVGElement : w;
       m = new ResizeObserver(() => {
         const N = y.value;
         N && V(N);
@@ -88,32 +88,36 @@ function Ue({
     });
   }, { flush: "post" });
 }
-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" } } }, Tt = { 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" } } }, St = { 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 = {
+const wt = { userOptions: { show: !1 }, style: { legend: { show: !1 } } }, Lt = { userOptions: { show: !1 }, 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: "#3A3A3A" }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Tt = { 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" } } }, St = { 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" } } }, _t = { 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" } } }, zt = { 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" } } }, Ft = { 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" } } }, Dt = {
   default: {},
-  dark: At,
-  celebration: Lt,
-  celebrationNight: Tt,
-  hack: St,
-  zen: _t,
-  concrete: zt
-}, Oa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: wt,
+  minimalDark: Lt,
+  dark: Tt,
+  celebration: St,
+  celebrationNight: _t,
+  hack: zt,
+  zen: $t,
+  concrete: Ft
+}, Ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: Lt,
-  celebrationNight: Tt,
-  concrete: zt,
-  dark: At,
-  default: $t,
-  hack: St,
-  zen: _t
-}, Symbol.toStringTag, { value: "Module" })), Rl = {
+  celebration: St,
+  celebrationNight: _t,
+  concrete: Ft,
+  dark: Tt,
+  default: Dt,
+  hack: zt,
+  minimal: wt,
+  minimalDark: Lt,
+  zen: $t
+}, Symbol.toStringTag, { value: "Module" })), Xl = {
   mounted(y, I) {
-    wt(y, I.value);
+    At(y, I.value);
   },
   updated(y, I) {
-    wt(y, I.value);
+    At(y, I.value);
   }
 };
-function wt(y, {
+function At(y, {
   cellWidth: I,
   cellHeight: Q,
   maxFontSize: Y,
@@ -121,7 +125,7 @@ function wt(y, {
   index: D,
   reportRotation: V,
   reportHide: T,
-  rotateAll: A,
+  rotateAll: w,
   hideAll: O
 }) {
   y.removeAttribute("transform"), y.removeAttribute("visibility");
@@ -134,7 +138,7 @@ function wt(y, {
     const S = Math.floor(Y * I / m);
     S >= Z ? (y.setAttribute("font-size", S), V(D, !1), T(D, !1)) : (V(D, !0), T(D, !1), ue = !0);
   }
-  if (A && (ue = !0), ue) {
+  if (w && (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})`);
@@ -148,10 +152,10 @@ function wt(y, {
   }
   (O || ee) && y.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"], Jl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Ql = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Zl = { 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 = {
+const Pl = ["id"], Il = ["xmlns", "viewBox"], Vl = ["x", "y", "width", "height"], Ul = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Gl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Wl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Yl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "onMouseover", "onMouseout", "onClick"], jl = ["font-size", "font-weight", "fill", "x", "y"], ql = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Kl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Jl = ["font-size", "fill", "x", "y", "font-weight"], Ql = ["font-size", "fill", "x", "y", "font-weight"], Zl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], ea = ["text-anchor", "font-size", "fill", "font-weight", "transform"], ta = { key: 6 }, la = ["x", "y", "width", "height", "stroke", "stroke-width"], aa = { key: 7 }, oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ua = { class: "vue-ui-heatmap-legend-gauge-right" }, na = ["data-value"], ia = { class: "vue-ui-heatmap-gauge-indicator-value" }, ra = {
   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 = {
+}, va = { class: "vue-ui-data-table" }, ca = { key: 0 }, da = ["data-cell"], ya = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ha = ["data-cell"], fa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ga = {
   __name: "vue-ui-heatmap",
   props: {
     config: {
@@ -169,23 +173,23 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint"],
   setup(y, { expose: I, emit: Q }) {
-    nl((t) => ({
+    rl((t) => ({
       v38f57f20: t.tdo
     }));
-    const Y = ve(() => import("./Tooltip-DpfUZbt7.js")), Z = ve(() => import("./BaseIcon-B9bGT7HU.js")), D = ve(() => import("./PenAndPaper-CulSakut.js")), V = ve(() => import("./UserOptions-5pXc4J-c.js")), T = ve(() => import("./PackageVersion-C-JOGZBL.js")), A = ve(() => import("./BaseDraggableDialog-O2XSymlZ.js")), { vue_ui_heatmap: O } = Ll(), { isThemeValid: ue, warnInvalidTheme: ee } = $l(), m = y, S = Q, N = b({
+    const Y = ve(() => import("./Tooltip-B6qvABDL.js")), Z = ve(() => import("./BaseIcon-4uOct8re.js")), D = ve(() => import("./PenAndPaper-LTuSTmWE.js")), V = ve(() => import("./UserOptions-CX7Xsusk.js")), T = ve(() => import("./PackageVersion-CQxJyGQr.js")), w = ve(() => import("./BaseDraggableDialog-BQYfVNu8.js")), { vue_ui_heatmap: O } = Sl(), { isThemeValid: ue, warnInvalidTheme: ee } = Dl(), m = y, S = Q, 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), 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), Je = d(null), Ot = d(null), $e = d(null), Fe = d(null), Bt = d(null), Qe = d(null), ie = il(null), e = d(Me());
-    function Mt() {
+    }), 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), Ot = d(null), ce = d(null), ze = d(null), qe = d(null), Ke = d(null), Bt = d(null), Je = d(null), Mt = d(null), $e = d(null), Fe = d(null), Et = d(null), Qe = d(null), ie = vl(null), e = d(Me());
+    function Nt() {
       const t = Array(7).fill("_"), s = [], a = 14, o = t.length;
       for (let v = 0; v < o; v += 1) {
         const c = [];
-        for (let w = 0; w < a; w += 1)
-          c.push(v + w * 2);
+        for (let A = 0; A < a; A += 1)
+          c.push(v + A * 2);
         s.push({
           name: `${t[v]}`,
           values: c
@@ -193,17 +197,17 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       }
       return s;
     }
-    const { loading: me, FINAL_DATASET: k, manualLoading: De } = Sl({
-      ...rl(m),
+    const { loading: me, FINAL_DATASET: k, manualLoading: De } = zl({
+      ...cl(m),
       FINAL_CONFIG: e,
       prepareConfig: Me,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Se(), $.value && ml($.value, { delta: 0.1, delay: 250 });
+          await Se(), $.value && xl($.value, { delta: 0.1, delay: 250 });
         });
       },
-      skeletonDataset: Mt(),
-      skeletonConfig: fl({
+      skeletonDataset: Nt(),
+      skeletonConfig: bl({
         defaultConfig: e.value,
         userConfig: {
           table: { show: !1 },
@@ -228,9 +232,9 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
           }
         }
       })
-    }), { userOptionsVisible: Oe, setUserOptionsVisibility: Et, keepUserOptionState: Ze } = Dl({ config: e.value }), { svgRef: Be } = Ol({ config: e.value.style.title });
+    }), { userOptionsVisible: Oe, setUserOptionsVisibility: Rt, keepUserOptionState: Ze } = Bl({ config: e.value }), { svgRef: Be } = Ml({ config: e.value.style.title });
     function et(t) {
-      Et(t);
+      Rt(t);
     }
     function Me() {
       const t = Ve({
@@ -244,7 +248,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
           ee(t), s = t;
         else {
           const o = Ve({
-            userConfig: $t[a] || m.config,
+            userConfig: Dt[a] || m.config,
             defaultConfig: t
           });
           s = {
@@ -256,36 +260,36 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         }
       else
         s = t;
-      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;
+      return m.config && pl(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) => {
+    Ae(() => m.config, (t) => {
       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, ye.value = e.value.style.layout.height;
-    }, { deep: !0 }), we(() => m.dataset, (t) => {
+    }, { deep: !0 }), Ae(() => 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 } = _l({
       elementId: `heatmap__${te.value}`,
       fileName: e.value.style.title.text || "vue-ui-heatmap",
       options: e.value.userOptions.print
-    }), Nt = b(() => e.value.userOptions.show && !e.value.style.title.text), E = d({
+    }), Ht = b(() => e.value.userOptions.show && !e.value.style.title.text), E = d({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
-    we(e, () => {
+    Ae(e, () => {
       E.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 });
-    const Rt = b(() => e.value.table.responsiveBreakpoint), j = d(null), st = b(() => !!e.value.debug);
+    const Xt = b(() => e.value.table.responsiveBreakpoint), j = d(null), st = b(() => !!e.value.debug);
     function Ee() {
-      if (mt(m.dataset) && (xt({
+      if (mt(m.dataset) && (Ct({
         componentName: "VueUiHeatmap",
         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 { width: s, height: a } = Al({
+          const { width: s, height: a } = Tl({
             chart: $.value,
             title: e.value.style.title.text ? qe.value : null,
             // add legend hirizontal in legend attr
@@ -302,33 +306,33 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
     }
     ft(() => {
       j.value && (ie.value && j.value.unobserve(ie.value), j.value.disconnect());
-    }), vl(() => {
+    }), dl(() => {
       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), B = b(() => ({
       width: Math.max(10, de.value),
       height: Math.max(10, ye.value)
-    })), re = d(0), Ht = Te((t) => {
+    })), re = d(0), Pt = Te((t) => {
       t !== re.value && (re.value = t);
     }, 100);
-    Ue({ elementRef: $e, callback: Ht, attr: "height" });
-    const le = d(0), Xt = Te((t) => {
+    Ue({ elementRef: $e, callback: Pt, attr: "height" });
+    const le = d(0), It = Te((t) => {
       t !== le.value && (le.value = t);
     }, 100);
-    Ue({ elementRef: Je, callback: Xt, attr: "width" });
-    const he = d(0), Pt = Te((t) => {
+    Ue({ elementRef: Je, callback: It, attr: "width" });
+    const he = d(0), Vt = Te((t) => {
       t !== he.value && (he.value = t);
     }, 100);
-    Ue({ elementRef: Fe, callback: Pt, attr: "height" }), ft(() => {
+    Ue({ elementRef: Fe, callback: Vt, attr: "height" }), ft(() => {
       re.value = 0, le.value = 0, he.value = 0;
     });
     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 = B.value.height - s.top - s.bottom - re.value - a, c = B.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, A = {
         x: r.value * U.value,
         y: r.value * ((k.value || []).length + 1)
-      }, G = B.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 - A.x - c * 2 - 2 - t - le.value, h = v - c - A.y - he.value - o - e.value.style.layout.cells.columnTotal.value.offsetY, _ = {
         width: Math.max(3, G / U.value),
         height: Math.max(3, h / (k.value.length ?? 1))
       };
@@ -346,23 +350,23 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
     }), q = b(() => Math.max(...k.value.flatMap((t) => t.values))), fe = b(() => Math.min(...k.value.flatMap((t) => t.values))), ae = b(() => {
       const t = k.value.flatMap((a) => a.values);
       return t.reduce((a, o) => a + o, 0) / t.length;
-    }), It = b(() => Ct({
+    }), Ut = b(() => xt({
       values: e.value.style.layout.dataLabels.yAxis.values.length ? e.value.style.layout.dataLabels.yAxis.values : k.value.map((t) => t.name),
       maxDatapoints: k.value.length,
       formatter: e.value.style.layout.dataLabels.yAxis.datetimeFormatter,
       start: 0,
       end: k.value.length
-    })), Vt = b(() => Ct({
+    })), Gt = b(() => xt({
       values: e.value.style.layout.dataLabels.xAxis.values,
       maxDatapoints: U.value,
       formatter: e.value.style.layout.dataLabels.xAxis.datetimeFormatter,
       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 = [];
+      const t = Ut.value.map((h) => h.text), s = Gt.value.map((h) => h.text), a = k.value.map((h) => h.values.reduce((_, Xe) => _ + Xe, 0)), o = Math.max(...a), v = Math.min(...a), c = [];
       for (let h = 0; h < U.value; h += 1)
         c.push(k.value.map((_) => _.values[h] || 0).reduce((_, Xe) => _ + Xe, 0));
-      const w = Math.max(...c), G = Math.min(...c);
+      const A = Math.max(...c), G = Math.min(...c);
       return {
         yTotals: a.map((h) => {
           const _ = isNaN(h / o) ? 0 : h / o;
@@ -373,22 +377,22 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
           };
         }),
         xTotals: c.map((h) => {
-          const _ = isNaN(h / w) ? 0 : h / w;
+          const _ = isNaN(h / A) ? 0 : h / A;
           return {
             total: h,
             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, A, h)
           };
         }),
         yLabels: t,
         xLabels: s.slice(0, U.value)
       };
     }), oe = b(() => (k.value.forEach((t, s) => {
-      bl({
+      ml({
         datasetObject: t,
         requiredAttributes: ["values"]
       }).forEach((a) => {
-        xt({
+        Ct({
           componentName: "VueUiHeatmap",
           type: "datasetSerieAttribute",
           property: "values",
@@ -415,19 +419,19 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         xAxisName: p.value.xLabels[o],
         id: `vue-data-ui-heatmap-cell-${Ie()}`
       })
-    })))), ut = b(() => k.value.length), nt = gt(Array(ut.value * U.value || 1).fill(!1)), Ut = b(() => nt.some((t) => t));
-    function Gt(t, s) {
+    })))), ut = b(() => k.value.length), nt = gt(Array(ut.value * U.value || 1).fill(!1)), Wt = b(() => nt.some((t) => t));
+    function Yt(t, s) {
       nt[t] = s;
     }
-    const it = gt(Array(ut.value * U.value || 1).fill(!1)), Wt = b(() => it.some((t) => t));
-    function Yt(t, s) {
+    const it = gt(Array(ut.value * U.value || 1).fill(!1)), jt = b(() => it.some((t) => t));
+    function qt(t, s) {
       it[t] = s;
     }
-    const R = d(null), xe = d(null);
-    function jt(t, s, a, o) {
+    const R = d(null), Ce = d(null);
+    function Kt(t, s, a, 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 = {
+      const { value: v, yAxisName: c, xAxisName: A, id: G } = t;
+      Ge.value = G, R.value = v, Ce.value = {
         datapoint: t,
         seriesIndex: s,
         series: oe.value,
@@ -435,7 +439,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       }, ne.value = !0;
       let h = "";
       const _ = e.value.style.tooltip.customFormat;
-      kl(_) && wl(() => _({
+      wl(_) && Ll(() => _({
         datapoint: t,
         seriesIndex: s,
         series: oe.value,
@@ -445,7 +449,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(
+      }) : (h += `<div>${c} ${A ? c ? ` - ${A}` : `${A}` : ""}</div>`, h += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${pe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, fe.value, q.value, v)}">⬤</span><span>${isNaN(v) ? "-" : K(
         e.value.style.layout.cells.value.formatter,
         v,
         W({
@@ -457,10 +461,10 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         { datapoint: t, seriesIndex: s }
       )}</span></div>`, _e.value = `<div style="font-size:${e.value.style.tooltip.fontSize}px">${h}</div>`);
     }
-    function qt({ datapoint: t, seriesIndex: s }) {
+    function Jt({ 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, M.value = null;
     }
-    function Kt(t) {
+    function Qt(t) {
       return K(
         e.value.style.layout.cells.value.formatter,
         p.value.yTotals[t].total,
@@ -473,7 +477,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         { datapoint: p.value.yTotals[t], rowIndex: t }
       );
     }
-    function Jt(t) {
+    function Zt(t) {
       return K(
         e.value.style.layout.cells.value.formatter,
         p.value.xTotals[t].total,
@@ -494,15 +498,15 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
     });
     function Ne(t = null) {
       Se(() => {
-        const s = ["", ...k.value.map((c, w) => c.name)], a = [];
+        const s = ["", ...k.value.map((c, A) => c.name)], a = [];
         for (let c = 0; c < p.value.xLabels.length; c += 1) {
-          const w = [p.value.xLabels[c]];
+          const A = [p.value.xLabels[c]];
           for (let G = 0; G < k.value.length; G += 1)
-            w.push([k.value[G].values[c]]);
-          a.push(w);
+            A.push([k.value[G].values[c]]);
+          a.push(A);
         }
-        const o = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([s]).concat(a), v = xl(o);
-        t ? t(v) : Cl({ csvContent: v, title: e.value.style.title.text || "vue-ui-heatmap" });
+        const o = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([s]).concat(a), v = kl(o);
+        t ? t(v) : Al({ csvContent: v, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
     const se = d(!1);
@@ -515,19 +519,19 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
     function ct() {
       E.value.showTooltip = !E.value.showTooltip;
     }
-    const Ce = d(!1);
+    const xe = d(!1);
     function Re() {
-      Ce.value = !Ce.value;
+      xe.value = !xe.value;
     }
-    function Qt(t, s) {
+    function el(t, s) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: s }), S("selectDatapoint", t);
     }
-    function Zt() {
+    function tl() {
       return oe.value;
     }
-    async function el({ scale: t = 2 } = {}) {
+    async function ll({ scale: t = 2 } = {}) {
       if (!$.value) return;
-      const { width: s, height: a } = $.value.getBoundingClientRect(), o = s / a, { imageUri: v, base64: c } = await Bl({ domElement: $.value, base64: !0, img: !0, scale: t });
+      const { width: s, height: a } = $.value.getBoundingClientRect(), o = s / a, { imageUri: v, base64: c } = await El({ domElement: $.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: v,
         base64: c,
@@ -569,7 +573,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
     const ke = b(() => {
       const t = e.value.table.useDialog && !e.value.table.show, s = E.value.showTable;
       return {
-        component: t ? A : El,
+        component: t ? w : Rl,
         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,
@@ -596,28 +600,28 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         }
       };
     });
-    we(() => E.value.showTable, async (t) => {
+    Ae(() => E.value.showTable, async (t) => {
       e.value.table.show || (t && e.value.table.useDialog && ce.value ? (await Se(), ce.value.open()) : "close" in ce.value && ce.value.close());
     });
-    const { isResponsive: tl } = Fl(Ye, Rt);
+    const { isResponsive: al } = Ol(Ye, Xt);
     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({
+    const ol = b(() => e.value.style.backgroundColor), sl = b(() => e.value.style.title), { exportSvg: ul, getSvg: nl } = Fl({
       svg: Be,
-      title: al,
-      backgroundColor: ll
+      title: sl,
+      backgroundColor: ol
     });
     async function ht({ isCb: t }) {
       if (t) {
-        const { blob: s, url: a, text: o, dataUrl: v } = await sl();
+        const { blob: s, url: a, text: o, dataUrl: v } = await nl();
         e.value.userOptions.callbacks.svg({ blob: s, url: a, text: o, dataUrl: v });
       } else
-        ol();
+        ul();
     }
     return I({
-      getData: Zt,
-      getImage: el,
+      getData: tl,
+      getImage: ll,
       generatePdf: at,
       generateCsv: Ne,
       generateImage: ot,
@@ -640,30 +644,30 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         svgRef: n(Be),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        active: Ce.value,
+        active: xe.value,
         onClose: Re
       }, {
-        "annotator-action-close": C(() => [
-          x(t.$slots, "annotator-action-close", {}, void 0, !0)
+        "annotator-action-close": x(() => [
+          C(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": C(({ color: a }) => [
-          x(t.$slots, "annotator-action-color", H(X({ color: a })), void 0, !0)
+        "annotator-action-color": x(({ color: a }) => [
+          C(t.$slots, "annotator-action-color", H(X({ color: a })), void 0, !0)
         ]),
-        "annotator-action-draw": C(({ mode: a }) => [
-          x(t.$slots, "annotator-action-draw", H(X({ mode: a })), void 0, !0)
+        "annotator-action-draw": x(({ mode: a }) => [
+          C(t.$slots, "annotator-action-draw", H(X({ mode: a })), void 0, !0)
         ]),
-        "annotator-action-undo": C(({ disabled: a }) => [
-          x(t.$slots, "annotator-action-undo", H(X({ disabled: a })), void 0, !0)
+        "annotator-action-undo": x(({ disabled: a }) => [
+          C(t.$slots, "annotator-action-undo", H(X({ disabled: a })), void 0, !0)
         ]),
-        "annotator-action-redo": C(({ disabled: a }) => [
-          x(t.$slots, "annotator-action-redo", H(X({ disabled: a })), void 0, !0)
+        "annotator-action-redo": x(({ disabled: a }) => [
+          C(t.$slots, "annotator-action-redo", H(X({ disabled: a })), void 0, !0)
         ]),
-        "annotator-action-delete": C(({ disabled: a }) => [
-          x(t.$slots, "annotator-action-delete", H(X({ disabled: a })), void 0, !0)
+        "annotator-action-delete": x(({ disabled: a }) => [
+          C(t.$slots, "annotator-action-delete", H(X({ disabled: a })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
-      Nt.value ? (u(), i("div", {
+      Ht.value ? (u(), i("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Ke,
@@ -676,7 +680,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         ref: qe,
         style: "width:100%;background:transparent"
       }, [
-        (u(), be(Ml, {
+        (u(), be(Nl, {
           key: `title_${je.value}`,
           config: {
             title: {
@@ -712,7 +716,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         chartElement: $.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: Ce.value,
+        isAnnotation: xe.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
@@ -730,64 +734,64 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       }, bt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: C(({ isOpen: a, color: o }) => [
-            x(t.$slots, "menuIcon", H(X({ isOpen: a, color: o })), void 0, !0)
+          fn: x(({ isOpen: a, color: o }) => [
+            C(t.$slots, "menuIcon", H(X({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: C(() => [
-            x(t.$slots, "optionTooltip", {}, void 0, !0)
+          fn: x(() => [
+            C(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: C(() => [
-            x(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: x(() => [
+            C(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: C(() => [
-            x(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: x(() => [
+            C(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: C(() => [
-            x(t.$slots, "optionImg", {}, void 0, !0)
+          fn: x(() => [
+            C(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: C(() => [
-            x(t.$slots, "optionSvg", {}, void 0, !0)
+          fn: x(() => [
+            C(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: C(() => [
-            x(t.$slots, "optionTable", {}, void 0, !0)
+          fn: x(() => [
+            C(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: C(({ toggleFullscreen: a, isFullscreen: o }) => [
-            x(t.$slots, "optionFullscreen", H(X({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+          fn: x(({ toggleFullscreen: a, isFullscreen: o }) => [
+            C(t.$slots, "optionFullscreen", H(X({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: C(({ toggleAnnotator: a, isAnnotator: o }) => [
-            x(t.$slots, "optionAnnotator", H(X({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+          fn: x(({ toggleAnnotator: a, isAnnotator: o }) => [
+            C(t.$slots, "optionAnnotator", H(X({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "8"
         } : void 0
@@ -801,7 +805,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         (u(), i("svg", {
           ref_key: "svgRef",
           ref: Be,
-          xmlns: n(pl),
+          xmlns: n(Cl),
           class: ge({ "vue-data-ui-fullscreen--on": se.value, "vue-data-ui-fulscreen--off": !se.value }),
           viewBox: `0 0 ${B.value.width} ${B.value.height}`,
           width: "100%",
@@ -810,7 +814,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
           role: "img",
           preserveAspectRatio: "xMidYMid"
         }, [
-          Ae(n(T)),
+          we(n(T)),
           t.$slots["chart-background"] ? (u(), i("foreignObject", {
             key: 0,
             x: l.value.left,
@@ -821,12 +825,12 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
               pointerEvents: "none"
             }
           }, [
-            x(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Pl)) : f("", !0),
+            C(t.$slots, "chart-background", {}, void 0, !0)
+          ], 8, Vl)) : f("", !0),
           e.value.style.layout.cells.columnTotal.color.show ? (u(), i("g", {
             key: 1,
             ref_key: "xAxisSumRects",
-            ref: Bt
+            ref: Et
           }, [
             (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,
@@ -836,7 +840,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
               fill: e.value.style.layout.cells.colors.underlayer,
               stroke: e.value.style.backgroundColor,
               "stroke-width": r.value
-            }, null, 8, Il))), 256)),
+            }, null, 8, Ul))), 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 * (B.value.height / B.value.width),
@@ -845,11 +849,11 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
               fill: a.color,
               stroke: e.value.style.backgroundColor,
               "stroke-width": r.value
-            }, null, 8, Vl))), 256))
+            }, null, 8, Gl))), 256))
           ], 512)) : f("", !0),
           g("g", {
             ref_key: "datapoints",
-            ref: Ft
+            ref: Ot
           }, [
             (u(!0), i(z, null, P(oe.value, (a, o) => (u(), i(z, null, [
               (u(!0), i(z, null, P(a.temperatures, (v, c) => (u(), i("g", null, [
@@ -861,7 +865,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
                   fill: e.value.style.layout.cells.colors.underlayer,
                   stroke: e.value.style.backgroundColor,
                   "stroke-width": r.value
-                }, null, 8, Ul),
+                }, null, 8, Wl),
                 g("rect", {
                   x: l.value.left + l.value.cellSize.width * c + r.value / 2 + l.value.sumCellXHeight,
                   y: l.value.top + l.value.cellSize.height * o + r.value / 2,
@@ -870,10 +874,10 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
                   fill: v.color,
                   stroke: e.value.style.backgroundColor,
                   "stroke-width": r.value,
-                  onMouseover: (w) => jt(v, o, l.value.left + l.value.cellSize.width * c, l.value.top + l.value.cellSize.height * o),
-                  onMouseout: () => qt({ datapoint: v, seriesIndex: o }),
-                  onClick: () => Qt(v, o)
-                }, null, 40, Gl),
+                  onMouseover: (A) => Kt(v, o, l.value.left + l.value.cellSize.width * c, l.value.top + l.value.cellSize.height * o),
+                  onMouseout: () => Jt({ datapoint: v, seriesIndex: o }),
+                  onClick: () => el(v, o)
+                }, null, 40, Yl),
                 e.value.style.layout.cells.value.show ? pt((u(), i("text", {
                   key: 0,
                   "text-anchor": "middle",
@@ -895,17 +899,17 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
                     }),
                     { datapoint: v }
                   )), 1)
-                ], 8, Wl)), [
-                  [n(Rl), {
+                ], 8, jl)), [
+                  [n(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: o * U.value + c,
-                    reportHide: Yt,
-                    reportRotation: Gt,
-                    hideAll: Wt.value,
-                    rotateAll: Ut.value
+                    reportHide: qt,
+                    reportRotation: Yt,
+                    hideAll: jt.value,
+                    rotateAll: Wt.value
                   }]
                 ]) : f("", !0)
               ]))), 256))
@@ -914,7 +918,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
           e.value.style.layout.cells.rowTotal.color.show ? (u(), i("g", {
             key: 2,
             ref_key: "yAxisSumRects",
-            ref: Ot
+            ref: Mt
           }, [
             (u(!0), i(z, null, P(oe.value, (a, o) => (u(), i(z, null, [
               g("rect", {
@@ -925,7 +929,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
                 fill: e.value.style.layout.cells.colors.underlayer,
                 stroke: e.value.style.backgroundColor,
                 "stroke-width": r.value
-              }, null, 8, Yl),
+              }, null, 8, ql),
               g("rect", {
                 x: l.value.left,
                 y: l.value.top + l.value.cellSize.height * o + r.value / 2,
@@ -934,7 +938,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
                 fill: p.value.yTotals[o].color,
                 stroke: e.value.style.backgroundColor,
                 "stroke-width": r.value
-              }, null, 8, jl)
+              }, null, 8, Kl)
             ], 64))), 256))
           ], 512)) : f("", !0),
           e.value.style.layout.dataLabels.yAxis.show ? (u(), i("g", {
@@ -951,7 +955,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
                 y: l.value.top + l.value.cellSize.height * o + l.value.cellSize.height / 2 + e.value.style.layout.dataLabels.yAxis.fontSize / 3 + e.value.style.layout.dataLabels.yAxis.offsetY - (e.value.style.layout.cells.rowTotal.value.show ? e.value.style.layout.dataLabels.yAxis.fontSize / 1.5 : 0),
                 "text-anchor": "end",
                 "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal"
-              }, F(p.value.yLabels[o]), 9, ql),
+              }, F(p.value.yLabels[o]), 9, Jl),
               e.value.style.layout.cells.rowTotal.value.show ? (u(), i("text", {
                 key: 0,
                 class: "vue-ui-heatmap-row-total",
@@ -961,7 +965,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
                 y: l.value.top + l.value.cellSize.height * o + l.value.cellSize.height / 2 + e.value.style.layout.dataLabels.yAxis.fontSize + e.value.style.layout.dataLabels.yAxis.offsetY,
                 "text-anchor": "end",
                 "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal"
-              }, F(Kt(o)), 9, Kl)) : f("", !0)
+              }, F(Qt(o)), 9, Ql)) : f("", !0)
             ], 64))), 256))
           ], 512)) : f("", !0),
           e.value.style.layout.dataLabels.xAxis.show ? (u(), i("g", {
@@ -978,7 +982,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
                 fill: e.value.style.layout.dataLabels.xAxis.color,
                 "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal",
                 transform: `translate(${l.value.left + l.value.cellSize.width / 2 + l.value.width / p.value.xLabels.length * o + e.value.style.layout.dataLabels.xAxis.offsetX + l.value.sumCellXHeight}, ${l.value.topLabelsHeight}), rotate(${e.value.style.layout.dataLabels.xAxis.rotation})`
-              }, F(a), 9, Jl)) : f("", !0)
+              }, F(a), 9, Zl)) : f("", !0)
             ], 64))), 256))
           ], 512)) : f("", !0),
           e.value.style.layout.cells.columnTotal.value.show ? (u(), i("g", {
@@ -993,9 +997,9 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
               fill: e.value.style.layout.dataLabels.xAxis.color,
               "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal",
               transform: `translate(${l.value.left + l.value.cellSize.width / 2 + l.value.width / p.value.xLabels.length * o + e.value.style.layout.dataLabels.xAxis.offsetX + 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(Jt(o)), 9, Ql))), 256))
+            }, F(Zt(o)), 9, ea))), 256))
           ], 512)) : f("", !0),
-          M.value ? (u(), i("g", Zl, [
+          M.value ? (u(), i("g", ta, [
             g("rect", {
               style: { "pointer-events": "none" },
               x: M.value.x - e.value.style.layout.cells.selected.border / 2 + r.value + l.value.sumCellXHeight,
@@ -1006,9 +1010,9 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
               stroke: e.value.style.layout.cells.selected.color,
               "stroke-width": e.value.style.layout.cells.selected.border,
               rx: 1
-            }, null, 8, ea)
+            }, null, 8, la)
           ])) : f("", !0),
-          e.value.style.layout.crosshairs.show && M.value ? (u(), i("g", ta, [
+          e.value.style.layout.crosshairs.show && M.value ? (u(), i("g", aa, [
             g("line", {
               x1: l.value.left + l.value.sumCellXHeight,
               x2: M.value.x + l.value.sumCellXHeight,
@@ -1018,7 +1022,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
               "stroke-width": e.value.style.layout.crosshairs.strokeWidth,
               "stroke-dasharray": e.value.style.layout.crosshairs.strokeDasharray,
               "stroke-linecap": "round"
-            }, null, 8, la),
+            }, null, 8, oa),
             g("line", {
               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,
@@ -1028,14 +1032,14 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
               "stroke-width": e.value.style.layout.crosshairs.strokeWidth,
               "stroke-dasharray": e.value.style.layout.crosshairs.strokeDasharray,
               "stroke-linecap": "round"
-            }, null, 8, aa)
+            }, null, 8, sa)
           ])) : f("", !0),
-          x(t.$slots, "svg", { svg: B.value }, void 0, !0)
-        ], 14, Xl)),
+          C(t.$slots, "svg", { svg: B.value }, void 0, !0)
+        ], 14, Il)),
         e.value.style.legend.show ? (u(), i("div", {
           key: 0,
           ref_key: "legendRight",
-          ref: Dt,
+          ref: Bt,
           class: "vue-ui-heatmap-legend-right",
           style: L({
             "--legend-width": e.value.style.legend.width + "px"
@@ -1058,7 +1062,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
               r: e.value.style.legend.roundingValue
             })
           )), 5)),
-          g("div", oa, [
+          g("div", ua, [
             g("div", {
               class: "vue-ui-heatmap-gauge",
               style: L({
@@ -1081,7 +1085,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
                   position: "absolute",
                   width: "100%",
                   height: "2px",
-                  background: [void 0, null].includes(R.value) ? "transparent" : n(Le)(xe.value.datapoint.color),
+                  background: [void 0, null].includes(R.value) ? "transparent" : n(Le)(Ce.value.datapoint.color),
                   top: `${[void 0, null].includes(R.value) ? 0 : (1 - R.value / q.value) * 100}%`,
                   transition: "all 0.2s ease-in-out",
                   "--background-color": e.value.style.backgroundColor,
@@ -1091,7 +1095,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
                   "--gauge-arrow-font-size": e.value.style.legend.fontSize + "px"
                 })
               }, [
-                g("div", ua, F(n(K)(
+                g("div", ia, F(n(K)(
                   e.value.style.layout.cells.value.formatter,
                   n(J)(R.value),
                   n(W)({
@@ -1101,8 +1105,8 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
                     r: e.value.style.legend.roundingValue
                   })
                 )), 1)
-              ], 12, sa), [
-                [cl, ![void 0, null].includes(R.value)]
+              ], 12, na), [
+                [yl, ![void 0, null].includes(R.value)]
               ])
             ], 4)
           ]),
@@ -1125,8 +1129,8 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
           )), 5))
         ], 4)) : f("", !0)
       ], 2),
-      t.$slots.watermark ? (u(), i("div", na, [
-        x(t.$slots, "watermark", H(X({ isPrinting: n(tt) || n(lt) })), void 0, !0)
+      t.$slots.watermark ? (u(), i("div", ra, [
+        C(t.$slots, "watermark", H(X({ isPrinting: n(tt) || n(lt) })), void 0, !0)
       ])) : f("", !0),
       t.$slots.source ? (u(), i("div", {
         key: 5,
@@ -1134,9 +1138,9 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         ref: Qe,
         dir: "auto"
       }, [
-        x(t.$slots, "source", {}, void 0, !0)
+        C(t.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      Ae(n(Y), {
+      we(n(Y), {
         teleportTo: e.value.style.tooltip.teleportTo,
         show: E.value.showTooltip && ne.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
@@ -1157,20 +1161,20 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         smoothForce: e.value.style.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": C(() => [
-          x(t.$slots, "tooltip-before", H(X({ ...xe.value })), void 0, !0)
+        "tooltip-before": x(() => [
+          C(t.$slots, "tooltip-before", H(X({ ...Ce.value })), void 0, !0)
         ]),
-        "tooltip-after": C(() => [
-          x(t.$slots, "tooltip-after", H(X({ ...xe.value })), void 0, !0)
+        "tooltip-after": x(() => [
+          C(t.$slots, "tooltip-after", H(X({ ...Ce.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      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(hl(ke.value.component), fl({ key: 6 }, ke.value.props, {
         ref_key: "tableUnit",
         ref: ce,
         onClose: He
       }), bt({
-        content: C(() => [
+        content: x(() => [
           g("div", {
             ref_key: "tableContainer",
             ref: Ye,
@@ -1179,7 +1183,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
           }, [
             g("div", {
               style: L(`width:100%;overflow-x:auto;position:relative;${e.value.table.useDialog ? "" : "padding-top:36px"};`),
-              class: ge({ "vue-ui-responsive": n(tl) })
+              class: ge({ "vue-ui-responsive": n(al) })
             }, [
               e.value.table.useDialog ? f("", !0) : (u(), i("div", {
                 key: 0,
@@ -1187,21 +1191,21 @@ 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: gl(He, ["enter"])
               }, [
-                Ae(n(Z), {
+                we(n(Z), {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2
                 }, null, 8, ["stroke"])
               ], 36)),
-              g("table", ia, [
+              g("table", va, [
                 e.value.table.useDialog ? f("", !0) : (u(), i("caption", {
                   key: 0,
                   style: L(`backgroundColor:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
                 }, [
                   Pe(F(e.value.style.title.text) + " ", 1),
-                  e.value.style.title.subtitle.text ? (u(), i("span", ra, F(e.value.style.title.subtitle.text), 1)) : f("", !0)
+                  e.value.style.title.subtitle.text ? (u(), i("span", ca, F(e.value.style.title.subtitle.text), 1)) : f("", !0)
                 ], 4)),
                 g("thead", null, [
                   g("tr", {
@@ -1228,15 +1232,15 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
                       class: "vue-ui-data-table__tbody__td",
                       style: L(`outline:${e.value.table.td.outline}`)
                     }, [
-                      g("div", ca, F(a), 1)
-                    ], 12, va),
+                      g("div", ya, F(a), 1)
+                    ], 12, da),
                     (u(!0), i(z, null, P(y.dataset, (v, c) => (u(), i("td", {
                       class: "vue-ui-data-table__tbody__td",
                       "data-cell": y.dataset[c].name,
                       style: 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)
-                    ], 12, da))), 256))
+                      g("div", fa, 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, ha))), 256))
                   ], 6))), 256))
                 ])
               ])
@@ -1247,20 +1251,20 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: C(() => [
+          fn: x(() => [
             Pe(F(ke.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: C(() => [
+          fn: x(() => [
             g("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: s[0] || (s[0] = (a) => Ne(e.value.userOptions.callbacks.csv))
             }, [
-              Ae(n(Z), {
+              we(n(Z), {
                 name: "excel",
                 stroke: ke.value.props.color
               }, null, 8, ["stroke"])
@@ -1269,15 +1273,15 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
           key: "1"
         } : void 0
       ]), 1040)) : f("", !0),
-      n(me) ? (u(), be(_l, { key: 7 })) : f("", !0)
-    ], 46, Hl));
+      n(me) ? (u(), be($l, { key: 7 })) : f("", !0)
+    ], 46, Pl));
   }
-}, fa = /* @__PURE__ */ Nl(ha, [["__scopeId", "data-v-0f0d4652"]]), Ba = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ba = /* @__PURE__ */ Hl(ga, [["__scopeId", "data-v-0f0d4652"]]), Ea = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: fa
+  default: ba
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Oa as a,
-  Ba as b,
-  fa as v
+  Ma as a,
+  Ea as b,
+  ba as v
 };