vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-xy-canvas-CoBMpLeE.js → vue-ui-xy-canvas-eHl--9m7.js}

@@ -1,41 +1,45 @@
-import { defineAsyncComponent as pe, ref as d, computed as p, useSlots as Na, onMounted as Tl, toRefs as _a, watch as R, nextTick as be, onBeforeUnmount as $l, shallowRef as je, createElementBlock as $e, openBlock as I, normalizeClass as Ha, normalizeStyle as xe, createCommentVNode as V, createElementVNode as J, createBlock as W, unref as C, createSlots as Il, withCtx as b, renderSlot as S, normalizeProps as Q, guardReactiveProps as ee, createVNode as El, Teleport as Xa, toDisplayString as qe, resolveDynamicComponent as Ua, mergeProps as Va, createTextVNode as Rl } from "vue";
-import { c as Wa, t as Ya, i as ja, j as le, a1 as Ce, k as qa, N as Ge, a as se, d as ue, m as Ol, R as Ga, a7 as Za, T as Ja, o as Ka, g as Qa, y as Pl, s as Le, q as et, v as lt, r as at, _ as tt } from "./lib-2iaAPQ_c.js";
-import { c as ot, a as Ze, d as rt, t as st, u as ut, l as k, r as Ie, b as Y, p as Bl } from "./useResponsive-DfdjqQps.js";
-import { u as nt, a as Ee } from "./useNestedProp-BCt4DMkT.js";
-import { u as it, B as ct } from "./BaseScanner-BMpwQAfz.js";
-import { u as vt } from "./usePrinter-ChVMpU2f.js";
-import { u as dt, a as ht, l as ft } from "./useTimeLabels-DKoynYae.js";
-import { u as yt } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as mt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as gt } from "./useChartAccessibility-9icAAmYg.js";
-import pt from "./img-CqYIrJ8I.js";
-import bt from "./Legend-D2xmnFPH.js";
-import xt from "./Title-B5L2jweB.js";
-import Ct from "./BaseIcon-B9bGT7HU.js";
-import Lt from "./vue-ui-accordion-CAXPDm31.js";
-import { S as kt } from "./SlicerPreview-Ddfxn6es.js";
-import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, selector: { color: "#CCCCCC" }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, grid: { y: { axisColor: "#5A5A5A", axisLabels: { color: "#CCCCCC" }, verticalLines: { color: "#4A4A4A" } }, x: { axisColor: "#5A5A5A", horizontalLines: { color: "#4A4A4A" }, timeLabels: { color: "#CCCCCC" } }, zeroLine: { color: "#5A5A5A" } }, dataLabels: { color: "#CCCCCC" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, _l = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, selector: { color: "#5D4037" }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, grid: { y: { axisColor: "#5D4037", axisLabels: { color: "#424242" }, verticalLines: { show: !1 } }, x: { axisColor: "#5D4037", horizontalLines: { color: "#9A9A9A" }, timeLabels: { color: "#424242" } }, zeroLine: { color: "#424242" } }, dataLabels: { color: "#424242" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Hl = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, selector: { color: "#BDBDBD" }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, grid: { y: { axisColor: "#5D4037", axisLabels: { color: "#BDBDBD" }, verticalLines: { show: !1 } }, x: { axisColor: "#5D4037", horizontalLines: { color: "#3A3A3A" }, timeLabels: { color: "#BDBDBD" } }, zeroLine: { color: "#5D4037" } }, dataLabels: { color: "#BDBDBD" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Xl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, selector: { color: "#66CC66" }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66", borderRadius: 0 }, grid: { y: { axisColor: "#5F6A5F", axisLabels: { color: "#99AA99" }, verticalLines: { show: !1 } }, x: { axisColor: "#5F6A5F", horizontalLines: { color: "#3A3A3A" }, timeLabels: { color: "#99AA99" } }, zeroLine: { color: "#444444" } }, dataLabels: { color: "#99AA99" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ul = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, selector: { color: "#8F837A" }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, grid: { y: { axisColor: "#8F837A", axisLabels: { color: "#8F837A" }, verticalLines: { show: !1 } }, x: { axisColor: "#8F837A", horizontalLines: { show: !1, alternate: !1 }, timeLabels: { color: "#8F837A" } }, zeroLine: { color: "#444444" } }, dataLabels: { color: "#8F837A" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Vl = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, selector: { color: "#7DA9B5" }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, grid: { y: { axisColor: "#829C98", axisLabels: { color: "#50606C" }, verticalLines: { show: !1 } }, x: { axisColor: "#829C98", timeLabels: { color: "#50606C" } }, zeroLine: { color: "#444444" } }, dataLabels: { color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Wl = {
+import { defineAsyncComponent as pe, ref as d, computed as p, useSlots as Ha, onMounted as Tl, toRefs as Xa, watch as O, nextTick as be, onBeforeUnmount as $l, shallowRef as je, createElementBlock as $e, openBlock as I, normalizeClass as Ua, normalizeStyle as Ce, createCommentVNode as V, createElementVNode as J, createBlock as W, unref as x, createSlots as Il, withCtx as b, renderSlot as S, normalizeProps as Q, guardReactiveProps as ee, createVNode as El, Teleport as Va, toDisplayString as qe, resolveDynamicComponent as Wa, mergeProps as Ya, createTextVNode as Ol } from "vue";
+import { c as ja, t as qa, i as Ga, j as le, a1 as xe, k as Za, N as Ge, a as se, d as ue, m as Rl, R as Ja, a7 as Ka, T as Qa, o as et, g as lt, y as Pl, s as Le, q as at, v as tt, r as ot, _ as rt } from "./lib-CVHM9FhP.js";
+import { c as st, a as Ze, d as ut, t as nt, u as it, l as k, r as Ie, b as Y, p as Bl } from "./useResponsive-DfdjqQps.js";
+import { u as ct, a as Ee } from "./useNestedProp-Ckf_2P_V.js";
+import { u as vt, B as dt } from "./BaseScanner-BMpwQAfz.js";
+import { u as ht } from "./usePrinter-1NmjuP-i.js";
+import { u as ft, a as yt, l as mt } from "./useTimeLabels-DKoynYae.js";
+import { u as gt } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as pt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as bt } from "./useChartAccessibility-9icAAmYg.js";
+import Ct from "./img-6fNF_rG0.js";
+import xt from "./Legend-DN5UJOBH.js";
+import Lt from "./Title-NgeRXqRA.js";
+import kt from "./BaseIcon-4uOct8re.js";
+import At from "./vue-ui-accordion-DFKaB_05.js";
+import { S as wt } from "./SlicerPreview-CSc_cazO.js";
+import { _ as zt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { show: !0 } }, legend: { show: !1 }, bar: { gradient: { show: !1 } } } } }, _l = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { show: !0, selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, selector: { color: "#CCCCCC" }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" }, grid: { y: { axisColor: "#5A5A5A", axisLabels: { color: "#CCCCCC" }, verticalLines: { color: "#4A4A4A" } }, x: { axisColor: "#5A5A5A", horizontalLines: { color: "#4A4A4A" }, timeLabels: { color: "#CCCCCC" } }, zeroLine: { color: "#5A5A5A" } }, dataLabels: { color: "#CCCCCC" }, bar: { gradient: { show: !1 } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Hl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, selector: { color: "#CCCCCC" }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, grid: { y: { axisColor: "#5A5A5A", axisLabels: { color: "#CCCCCC" }, verticalLines: { color: "#4A4A4A" } }, x: { axisColor: "#5A5A5A", horizontalLines: { color: "#4A4A4A" }, timeLabels: { color: "#CCCCCC" } }, zeroLine: { color: "#5A5A5A" } }, dataLabels: { color: "#CCCCCC" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Xl = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, selector: { color: "#5D4037" }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, grid: { y: { axisColor: "#5D4037", axisLabels: { color: "#424242" }, verticalLines: { show: !1 } }, x: { axisColor: "#5D4037", horizontalLines: { color: "#9A9A9A" }, timeLabels: { color: "#424242" } }, zeroLine: { color: "#424242" } }, dataLabels: { color: "#424242" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Ul = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, selector: { color: "#BDBDBD" }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, grid: { y: { axisColor: "#5D4037", axisLabels: { color: "#BDBDBD" }, verticalLines: { show: !1 } }, x: { axisColor: "#5D4037", horizontalLines: { color: "#3A3A3A" }, timeLabels: { color: "#BDBDBD" } }, zeroLine: { color: "#5D4037" } }, dataLabels: { color: "#BDBDBD" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Vl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, selector: { color: "#66CC66" }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66", borderRadius: 0 }, grid: { y: { axisColor: "#5F6A5F", axisLabels: { color: "#99AA99" }, verticalLines: { show: !1 } }, x: { axisColor: "#5F6A5F", horizontalLines: { color: "#3A3A3A" }, timeLabels: { color: "#99AA99" } }, zeroLine: { color: "#444444" } }, dataLabels: { color: "#99AA99" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Wl = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, selector: { color: "#8F837A" }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, grid: { y: { axisColor: "#8F837A", axisLabels: { color: "#8F837A" }, verticalLines: { show: !1 } }, x: { axisColor: "#8F837A", horizontalLines: { show: !1, alternate: !1 }, timeLabels: { color: "#8F837A" } }, zeroLine: { color: "#444444" } }, dataLabels: { color: "#8F837A" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Yl = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, selector: { color: "#7DA9B5" }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, grid: { y: { axisColor: "#829C98", axisLabels: { color: "#50606C" }, verticalLines: { show: !1 } }, x: { axisColor: "#829C98", timeLabels: { color: "#50606C" } }, zeroLine: { color: "#444444" } }, dataLabels: { color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, jl = {
   default: {},
-  dark: Nl,
-  celebration: _l,
-  celebrationNight: Hl,
-  hack: Xl,
-  zen: Ul,
-  concrete: Vl
-}, Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: Nl,
+  minimalDark: _l,
+  dark: Hl,
+  celebration: Xl,
+  celebrationNight: Ul,
+  hack: Vl,
+  zen: Wl,
+  concrete: Yl
+}, Kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: _l,
-  celebrationNight: Hl,
-  concrete: Vl,
-  dark: Nl,
-  default: Wl,
-  hack: Xl,
-  zen: Ul
-}, Symbol.toStringTag, { value: "Module" })), wt = ["id"], zt = ["id"], St = ["id"], Ft = ["onClick"], Dt = {
+  celebration: Xl,
+  celebrationNight: Ul,
+  concrete: Yl,
+  dark: Hl,
+  default: jl,
+  hack: Vl,
+  minimal: Nl,
+  minimalDark: _l,
+  zen: Wl
+}, Symbol.toStringTag, { value: "Module" })), St = ["id"], Ft = ["id"], Dt = ["id"], Mt = ["onClick"], Tt = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Mt = ["innerHTML"], Tt = {
+}, $t = ["innerHTML"], It = {
   __name: "vue-ui-xy-canvas",
   props: {
     dataset: {
@@ -56,13 +60,13 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     }
   },
   emits: ["selectLegend", "selectX"],
-  setup(Je, { expose: Yl, emit: jl }) {
-    const ql = pe(() => import("./Tooltip-DpfUZbt7.js")), Gl = pe(() => import("./DataTable-DEwh__D8.js")), Zl = pe(() => import("./UserOptions-5pXc4J-c.js")), Jl = pe(() => import("./NonSvgPenAndPaper-CxbOhI52.js")), Kl = pe(() => import("./BaseDraggableDialog-O2XSymlZ.js")), { vue_ui_xy_canvas: Ql } = nt(), { isThemeValid: ea, warnInvalidTheme: la } = yt(), g = Je, K = d(Wa()), _ = d(null), ae = d(null), c = d(null), m = d(1), j = d(1), ne = d(!1), h = d(null), ke = d(""), Ke = d(null), F = d([]), te = d(1), O = d(!0), H = d(!0), Ae = d(null), Qe = d(0), ie = d(!1), el = d(null), ll = d(null), q = d(null), al = d(null), Re = d(0), Oe = d(0), Pe = d(0), P = d(null), tl = d(!1), ce = d(null), Be = d(null), ve = d(!1), ol = d(!1), we = d(!1), A = d(null), X = p(() => Array.isArray(He.value) && He.value.length > 0), Ne = jl, aa = Na();
+  setup(Je, { expose: ql, emit: Gl }) {
+    const Zl = pe(() => import("./Tooltip-B6qvABDL.js")), Jl = pe(() => import("./DataTable-DyoDzNNY.js")), Kl = pe(() => import("./UserOptions-CX7Xsusk.js")), Ql = pe(() => import("./NonSvgPenAndPaper-CNMLfAk3.js")), ea = pe(() => import("./BaseDraggableDialog-BQYfVNu8.js")), { vue_ui_xy_canvas: la } = ct(), { isThemeValid: aa, warnInvalidTheme: ta } = gt(), g = Je, K = d(ja()), _ = d(null), ae = d(null), c = d(null), m = d(1), j = d(1), ne = d(!1), h = d(null), ke = d(""), Ke = d(null), F = d([]), te = d(1), R = d(!0), H = d(!0), Ae = d(null), Qe = d(0), ie = d(!1), el = d(null), ll = d(null), q = d(null), al = d(null), Oe = d(0), Re = d(0), Pe = d(0), P = d(null), tl = d(!1), ce = d(null), Be = d(null), ve = d(!1), ol = d(!1), we = d(!1), A = d(null), X = p(() => Array.isArray(He.value) && He.value.length > 0), Ne = Gl, oa = Ha();
     Tl(() => {
-      aa["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
+      oa["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });
-    const l = d(Ue()), ta = p(() => !!l.value.debug), { loading: _e, FINAL_DATASET: He } = it({
-      ..._a(g),
+    const l = d(Ue()), ra = p(() => !!l.value.debug), { loading: _e, FINAL_DATASET: He } = vt({
+      ...Xa(g),
       FINAL_CONFIG: l,
       prepareConfig: Ue,
       skeletonDataset: [
@@ -80,7 +84,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           color: "#AAAAAA"
         }
       ],
-      skeletonConfig: Ya({
+      skeletonConfig: qa({
         defaultConfig: l.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -119,26 +123,26 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           }
         }
       })
-    }), { userOptionsVisible: Xe, setUserOptionsVisibility: rl, keepUserOptionState: sl } = mt({ config: l.value }), { svgRef: w } = gt({ config: l.value.style.chart.title });
-    function oa() {
+    }), { userOptionsVisible: Xe, setUserOptionsVisibility: rl, keepUserOptionState: sl } = pt({ config: l.value }), { svgRef: w } = bt({ config: l.value.style.chart.title });
+    function sa() {
       rl(!0);
     }
-    function ra() {
+    function ua() {
       rl(!1), Ne("selectX", { seriesIndex: null, datapoint: null }), h.value = null;
     }
     function Ue() {
       const e = Ee({
         userConfig: g.config,
-        defaultConfig: Ql
+        defaultConfig: la
       });
       let a = {};
       const t = e.theme;
       if (t)
-        if (!ea.value(e))
-          la(e), a = e;
+        if (!aa.value(e))
+          ta(e), a = e;
         else {
           const s = Ee({
-            userConfig: Wl[t] || g.config,
+            userConfig: jl[t] || g.config,
             defaultConfig: e
           });
           a = {
@@ -146,22 +150,22 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
               userConfig: g.config,
               defaultConfig: s
             }),
-            customPalette: e.customPalette.length ? e.customPalette : ja[t] || le
+            customPalette: e.customPalette.length ? e.customPalette : Ga[t] || le
           };
         }
       else
         a = e;
-      return g.config && Ce(g.config, "style.chart.scale.min") ? a.style.chart.scale.min = g.config.style.chart.scale.min : a.style.chart.scale.min = null, g.config && Ce(g.config, "style.chart.scale.max") ? a.style.chart.scale.max = g.config.style.chart.scale.max : a.style.chart.scale.max = null, g.config && Ce(g.config, "style.chart.zoom.startIndex") ? a.style.chart.zoom.startIndex = g.config.style.chart.zoom.startIndex : a.style.chart.zoom.startIndex = null, g.config && Ce(g.config, "style.chart.zoom.endIndex") ? a.style.chart.zoom.endIndex = g.config.style.chart.zoom.endIndex : a.style.chart.zoom.endIndex = null, g.config && Ce(g.config, "style.chart.grid.y.timeLabels") && (console.warn("VueUiXyCanvas: you are using the deprecated config.style.chart.grid.y.timeLabels. It is recommended to move this configuration to config.style.chart.grid.x.timeLabels."), a.style.chart.grid.x.timeLabels = Ee({
+      return g.config && xe(g.config, "style.chart.scale.min") ? a.style.chart.scale.min = g.config.style.chart.scale.min : a.style.chart.scale.min = null, g.config && xe(g.config, "style.chart.scale.max") ? a.style.chart.scale.max = g.config.style.chart.scale.max : a.style.chart.scale.max = null, g.config && xe(g.config, "style.chart.zoom.startIndex") ? a.style.chart.zoom.startIndex = g.config.style.chart.zoom.startIndex : a.style.chart.zoom.startIndex = null, g.config && xe(g.config, "style.chart.zoom.endIndex") ? a.style.chart.zoom.endIndex = g.config.style.chart.zoom.endIndex : a.style.chart.zoom.endIndex = null, g.config && xe(g.config, "style.chart.grid.y.timeLabels") && (console.warn("VueUiXyCanvas: you are using the deprecated config.style.chart.grid.y.timeLabels. It is recommended to move this configuration to config.style.chart.grid.x.timeLabels."), a.style.chart.grid.x.timeLabels = Ee({
         defaultConfig: a.style.chart.grid.x.timeLabels,
         userConfig: g.config.style.chart.grid.y.timeLabels
       })), a;
     }
-    R(() => g.config, (e) => {
-      _e.value || (l.value = Ue()), Xe.value = !l.value.userOptions.showOnChartHover, Ll(), Re.value += 1, Oe.value += 1, Pe.value += 1, v.value.showTable = l.value.table.show, v.value.showDataLabels = l.value.style.chart.dataLabels.show, v.value.stacked = l.value.style.chart.stacked, v.value.showTooltip = l.value.style.chart.tooltip.show;
-    }, { deep: !0 }), R(() => g.dataset, async (e) => {
-      !Array.isArray(e) || e.length === 0 || (await be(), w.value && !c.value && (c.value = w.value.getContext("2d", { willReadFrequently: !0 })), O.value = !0, H.value = !0, await he(), Se(), Re.value += 1, Oe.value += 1, Pe.value += 1);
+    O(() => g.config, (e) => {
+      _e.value || (l.value = Ue()), Xe.value = !l.value.userOptions.showOnChartHover, Ll(), Oe.value += 1, Re.value += 1, Pe.value += 1, v.value.showTable = l.value.table.show, v.value.showDataLabels = l.value.style.chart.dataLabels.show, v.value.stacked = l.value.style.chart.stacked, v.value.showTooltip = l.value.style.chart.tooltip.show;
+    }, { deep: !0 }), O(() => g.dataset, async (e) => {
+      !Array.isArray(e) || e.length === 0 || (await be(), w.value && !c.value && (c.value = w.value.getContext("2d", { willReadFrequently: !0 })), R.value = !0, H.value = !0, await he(), Se(), Oe.value += 1, Re.value += 1, Pe.value += 1);
     }, { deep: !0 });
-    const ul = d(l.value.style.chart.aspectRatio), { isPrinting: nl, isImaging: il, generatePdf: cl, generateImage: vl } = vt({
+    const ul = d(l.value.style.chart.aspectRatio), { isPrinting: nl, isImaging: il, generatePdf: cl, generateImage: vl } = ht({
       elementId: `xy_canvas_${K.value}`,
       fileName: l.value.style.chart.title.text || "vue-ui-xy-canvas",
       options: l.value.userOptions.print
@@ -174,8 +178,8 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     function dl(e) {
       ie.value = e, Qe.value += 1;
     }
-    const hl = p(() => qa(l.value.customPalette)), E = p(() => $.value ? Math.max(...$.value.filter((e, a) => !F.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
-    function sa(e) {
+    const hl = p(() => Za(l.value.customPalette)), E = p(() => $.value ? Math.max(...$.value.filter((e, a) => !F.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
+    function na(e) {
       A.value = e, G();
     }
     const o = p(() => {
@@ -195,16 +199,16 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     function fl(e, a) {
       return e / a;
     }
-    function ua({ hasAutoScale: e, series: a, min: t, max: s, scale: u, yOffset: i, individualHeight: n, stackIndex: f = null }) {
-      return a.map((x, T) => {
-        const L = u.min < 0 ? Math.abs(u.min) : 0, N = fl(x + L, L + u.max);
+    function ia({ hasAutoScale: e, series: a, min: t, max: s, scale: u, yOffset: i, individualHeight: n, stackIndex: f = null }) {
+      return a.map((C, T) => {
+        const L = u.min < 0 ? Math.abs(u.min) : 0, N = fl(C + L, L + u.max);
         let me, ge;
-        e && (me = u.min, ge = fl(x - me, u.max - me));
+        e && (me = u.min, ge = fl(C - me, u.max - me));
         let U = 0;
         return f === null ? U = o.value.bottom - o.value.height * (e ? ge : N) : U = o.value.bottom - i - n * (e ? ge : N), {
           x: o.value.left + o.value.slot * T + o.value.slot / 2,
           y: U,
-          value: x
+          value: C
         };
       });
     }
@@ -222,7 +226,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         yLabels: i,
         zero: u
       };
-    }), na = p(() => y.value.map((e) => `
+    }), ca = p(() => y.value.map((e) => `
             <div style="display:flex;flex-direction:row;gap:6px;align-items:center;">
                 <svg viewBox="0 0 10 10" height="12" width="12">
                     <circle cx="5" cy="5" r="5" fill="${e.color}"/>
@@ -242,27 +246,27 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
             </div>
         `)), ze = p(() => l.value.style.chart.line.cutNullValues), $ = p(() => He.value.map((e, a) => ({
       ...e,
-      series: Ga({
-        data: Za(e.series, [], ze.value),
+      series: Ja({
+        data: Ka(e.series, [], ze.value),
         threshold: l.value.downsample.threshold
       }),
       absoluteIndex: a,
-      color: Ol(e.color || hl.value[a] || le[a] || le[a % le.length])
-    }))), ia = p(() => {
+      color: Rl(e.color || hl.value[a] || le[a] || le[a % le.length])
+    }))), va = p(() => {
       if (!l.value.style.chart.zoom.minimap.show) return [];
       const e = $.value.filter((u) => !F.value.includes(u.absoluteIndex)), a = Math.max(...e.map((u) => u.series.length)), t = [];
       for (let u = 0; u < a; u += 1)
         t.push(e.map((i) => i.series[u] || 0).reduce((i, n) => (i || 0) + (n || 0), 0));
       const s = Math.min(...t);
       return t.map((u) => u + (s < 0 ? Math.abs(s) : 0));
-    }), ca = p(() => l.value.style.chart.zoom.minimap.show ? $.value.map((a) => ({
+    }), da = p(() => l.value.style.chart.zoom.minimap.show ? $.value.map((a) => ({
       ...a,
       isVisible: !F.value.includes(a.absoluteIndex)
     })) : []);
-    R(E, (e) => {
+    O(E, (e) => {
       e && he();
     });
-    const y = p(() => Ja($.value.filter((e, a) => !F.value.includes(e.absoluteIndex))).map((e, a) => ({
+    const y = p(() => Qa($.value.filter((e, a) => !F.value.includes(e.absoluteIndex))).map((e, a) => ({
       ...e,
       series: e.series.slice(r.value.start, r.value.end)
     })).map((e, a) => {
@@ -274,14 +278,14 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       }, i = e.scaleSteps || l.value.style.chart.scale.ticks;
       let n;
       e.autoScaling ? n = Ge(u.valueMin, u.valueMax, i) : n = Ge(u.valueMin < 0 ? u.valueMin : 0, u.valueMax <= 0 ? 0 : u.valueMax, i);
-      const f = v.value.stacked ? o.value.height * (1 - e.cumulatedStackRatio) : 0, x = v.value.stacked ? o.value.height / l.value.style.chart.stackGap : 0, T = v.value.stacked ? o.value.height * e.stackRatio - x : o.value.height, L = n.min < 0 ? Math.abs(n.min) : 0;
+      const f = v.value.stacked ? o.value.height * (1 - e.cumulatedStackRatio) : 0, C = v.value.stacked ? o.value.height / l.value.style.chart.stackGap : 0, T = v.value.stacked ? o.value.height * e.stackRatio - C : o.value.height, L = n.min < 0 ? Math.abs(n.min) : 0;
       let N;
       e.autoScaling && v.value.stacked && s <= 0 ? N = o.value.bottom - f - T : N = o.value.bottom - f - T * (L / (n.max + L));
-      const me = n.ticks.map((U, Ba) => ({
-        y: o.value.bottom - f - T * (Ba / (n.ticks.length - 1)),
+      const me = n.ticks.map((U, _a) => ({
+        y: o.value.bottom - f - T * (_a / (n.ticks.length - 1)),
         x: o.value.left - 8,
         value: U
-      })), ge = ua({
+      })), ge = ia({
         hasAutoScale: v.value.stacked && e.autoScaling,
         series: e.series,
         min: v.value.stacked ? t : z.value.min,
@@ -307,7 +311,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       start: 0,
       end: E.value
     }), D = d({ start: 0, end: E.value }), de = d(null);
-    function va() {
+    function ha() {
       return new Promise((e) => requestAnimationFrame(
         () => requestAnimationFrame(() => e())
       ));
@@ -317,10 +321,10 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     });
     async function he() {
       ml(), await be(), de.value && cancelAnimationFrame(de.value), de.value = requestAnimationFrame(async () => {
-        await va(), ml();
+        await ha(), ml();
       });
     }
-    const da = p(() => l.value.style.chart.zoom.preview.enable && (D.value.start !== r.value.start || D.value.end !== r.value.end));
+    const fa = p(() => l.value.style.chart.zoom.preview.enable && (D.value.start !== r.value.start || D.value.end !== r.value.end));
     function yl(e, a) {
       D.value[e] = a;
     }
@@ -337,10 +341,10 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         }
       }
     }
-    function ha(e) {
+    function ya(e) {
       ve.value || we.value || e !== r.value.start && (r.value.start = e, D.value.start = e, Ve());
     }
-    function fa(e) {
+    function ma(e) {
       if (ve.value || we.value) return;
       const a = gl(e);
       a !== r.value.end && (r.value.end = a, D.value.end = a, Ve());
@@ -357,20 +361,20 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       let a = Math.max(0, Math.min(r.value.start ?? 0, e - 1)), t = Math.max(a + 1, Math.min(r.value.end ?? e, e));
       (!Number.isFinite(a) || !Number.isFinite(t) || t <= a) && (a = 0, t = e), r.value = { start: a, end: t }, D.value.start = a, D.value.end = t, q.value && (q.value.setStartValue(a), q.value.setEndValue(t));
     }
-    const ya = p(() => y.value.filter((e) => ["line", "plot", void 0].includes(e.type))), M = p(() => y.value.filter((e) => e.type === "bar"));
+    const ga = p(() => y.value.filter((e) => ["line", "plot", void 0].includes(e.type))), M = p(() => y.value.filter((e) => e.type === "bar"));
     function Se() {
       if (!w.value || !ae.value) return;
       const e = ae.value.offsetWidth, a = ae.value.offsetHeight;
       w.value.width = e * te.value * 2, w.value.height = a * te.value * 2, m.value = e * te.value * 2, j.value = a * te.value * 2, c.value?.scale(te.value, te.value), G();
     }
-    R(X, async (e) => {
+    O(X, async (e) => {
       if (!e) {
         Ae.value = null, ne.value = !1, h.value = null, P.value = null;
         return;
       }
-      await be(), w.value && !c.value && (c.value = w.value.getContext("2d", { willReadFrequently: !0 })), O.value = !0, H.value = !0, await he(), Se(), G();
+      await be(), w.value && !c.value && (c.value = w.value.getContext("2d", { willReadFrequently: !0 })), R.value = !0, H.value = !0, await he(), Se(), G();
     });
-    function ma() {
+    function pa() {
       if (c.value && (c.value.clearRect(0, 0, 1e4, 1e4), c.value.fillStyle = l.value.style.chart.backgroundColor, c.value.fillRect(0, 0, o.value.canvasWidth, o.value.canvasHeight), !!X.value)) {
         if (v.value.stacked)
           l.value.style.chart.grid.y.verticalLines.show && r.value.end - r.value.start < l.value.style.chart.grid.y.verticalLines.hideUnderXLength ? y.value.forEach((e) => {
@@ -590,7 +594,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         );
       }
     }
-    function ga(e) {
+    function ba(e) {
       for (let a = 0; a < e.coordinatesLine.length; a += 1) {
         const t = (h.value === a || A.value === a ? m.value / 150 : l.value.style.chart.line.plots.show || e.type === "plot" ? m.value / 200 : 0) * l.value.style.chart.line.plots.radiusRatio;
         Ze(
@@ -604,7 +608,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         );
       }
     }
-    function pa() {
+    function Ca() {
       y.value.forEach((e) => {
         e.showYMarker && fe(e) && Y(
           c.value,
@@ -629,7 +633,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         );
       });
     }
-    function ba() {
+    function xa() {
       l.value.style.chart.grid.y.axisLabels.show && (v.value.stacked ? y.value.forEach((e) => {
         e.localYLabels.forEach((a, t) => {
           Y(
@@ -680,7 +684,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         );
       }));
     }
-    function xa(e) {
+    function La(e) {
       for (let a = 0; a < e.coordinatesLine.length; a += 1)
         Y(
           c.value,
@@ -706,16 +710,16 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           }
         );
     }
-    const B = p(() => dt({
+    const B = p(() => ft({
       values: l.value.style.chart.grid.x.timeLabels.values,
       maxDatapoints: E.value,
       formatter: l.value.style.chart.grid.x.timeLabels.datetimeFormatter,
       start: 0,
       end: E.value
     })), pl = p(() => {
-      const e = l.value.style.chart.grid.x.timeLabels.datetimeFormatter, a = ht({
+      const e = l.value.style.chart.grid.x.timeLabels.datetimeFormatter, a = yt({
         useUTC: e.useUTC,
-        locale: ft[e.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
+        locale: mt[e.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
         januaryAsYear: e.januaryAsYear
       });
       return (t, s) => {
@@ -725,11 +729,11 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     }), bl = p(() => (l.value.style.chart.grid.x.timeLabels.values || []).map((a, t) => ({
       text: pl.value(t, l.value.style.chart.zoom.timeFormat),
       absoluteIndex: t
-    }))), Ca = p(() => (l.value.style.chart.grid.x.timeLabels.values || []).map((a, t) => ({
+    }))), ka = p(() => (l.value.style.chart.grid.x.timeLabels.values || []).map((a, t) => ({
       text: pl.value(t, l.value.style.chart.tooltip.timeFormat),
       absoluteIndex: t
     })));
-    function La() {
+    function Aa() {
       for (let e = r.value.start; e < r.value.end; e += 1)
         (r.value.end - r.value.start < l.value.style.chart.grid.x.timeLabels.modulo || r.value.end - r.value.start >= l.value.style.chart.grid.x.timeLabels.modulo && (e % Math.floor((r.value.end - r.value.start) / l.value.style.chart.grid.x.timeLabels.modulo) === 0 || (e === h.value + r.value.start || e === A.value) && l.value.style.chart.grid.x.timeLabels.showMarker)) && Y(
           c.value,
@@ -744,7 +748,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           }
         );
     }
-    function xl() {
+    function Cl() {
       k(
         c.value,
         [
@@ -758,7 +762,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         }
       );
     }
-    function ka() {
+    function wa() {
       P.value && k(
         c.value,
         [
@@ -772,7 +776,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         }
       );
     }
-    function Aa() {
+    function za() {
       M.value.forEach((e, a) => {
         for (let t = 0; t < e.coordinatesLine.length; t += 1)
           Ie(
@@ -809,7 +813,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
                 },
                 stops: [
                   { offset: 0, color: e.color },
-                  { offset: 1, color: l.value.style.chart.bar.gradient.show ? et(e.color, 0.5) : e.color }
+                  { offset: 1, color: l.value.style.chart.bar.gradient.show ? at(e.color, 0.5) : e.color }
                 ]
               }
             }
@@ -838,10 +842,10 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           );
       });
     }
-    function wa(e, a) {
+    function Sa(e, a) {
       const t = e.coordinatesLine.map((n, f) => {
-        const x = e.series[f];
-        return x != null && Number.isFinite(n?.y) ? n : null;
+        const C = e.series[f];
+        return C != null && Number.isFinite(n?.y) ? n : null;
       }), s = [], u = [];
       let i = [];
       for (let n = 0; n < t.length; n += 1) {
@@ -850,9 +854,9 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           i.push(f);
         else {
           if (i.length >= 2) {
-            const x = i[0], T = i[i.length - 1];
+            const C = i[0], T = i[i.length - 1];
             s.push([
-              { x: x.x, y: a },
+              { x: C.x, y: a },
               ...i,
               { x: T.x, y: a }
             ]);
@@ -870,7 +874,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       } else i.length === 1 && u.push(i[0]);
       return { polygons: s, singles: u };
     }
-    function za(e) {
+    function Fa(e) {
       const a = e.coordinatesLine.map((u, i) => {
         const n = e.series[i];
         return n != null && Number.isFinite(u?.y) ? u : null;
@@ -882,9 +886,9 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       }
       return s.length >= 2 && t.push(s), t;
     }
-    function Cl(e) {
+    function xl(e) {
       if (ze.value) {
-        const a = za(e);
+        const a = Fa(e);
         for (const t of a)
           k(c.value, t, {
             color: e.color,
@@ -896,12 +900,12 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           lineWidth: 3
         });
     }
-    function Sa(e) {
+    function Da(e) {
       const a = !!ze.value;
       if (e.useArea) {
         const t = v.value.stacked ? e.localZero : z.value.zero;
         if (a) {
-          const { polygons: s, singles: u } = wa(e, t);
+          const { polygons: s, singles: u } = Sa(e, t);
           for (const n of s)
             Bl(c.value, n, {
               fillColor: Le(e.color, l.value.style.chart.area.opacity),
@@ -929,12 +933,12 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
             }
           );
         }
-        Cl(e);
+        xl(e);
         return;
       }
-      Cl(e);
+      xl(e);
     }
-    function Fa() {
+    function Ma() {
       y.value.forEach((e, a) => {
         k(
           c.value,
@@ -949,8 +953,8 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         );
       });
     }
-    function Da() {
-      const { left: e, top: a, width: t, height: s } = o.value, u = r.value.start, n = r.value.end - u, f = t / n, x = D.value.start - u, T = D.value.end - u, L = Math.max(0, Math.min(n, x)), N = Math.max(0, Math.min(n, T));
+    function Ta() {
+      const { left: e, top: a, width: t, height: s } = o.value, u = r.value.start, n = r.value.end - u, f = t / n, C = D.value.start - u, T = D.value.end - u, L = Math.max(0, Math.min(n, C)), N = Math.max(0, Math.min(n, T));
       Ie(
         c.value,
         [
@@ -968,9 +972,9 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       );
     }
     function G() {
-      !X.value || !w.value || !c.value || (ma(), O.value ? ((h.value !== null || A.value !== null) && l.value.style.chart.selector.show && xl(), Aa(), v.value.stacked && l.value.style.chart.grid.x.showAxis && Fa(), ya.value.forEach((e) => {
-        (e.type === "line" || !e.type) && Sa(e), H.value && (ga(e), v.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && xa(e));
-      }), w.value && (Ae.value = ot(w.value))) : (Ae.value && (c.value.clearRect(0, 0, 1e4, 1e4), c.value.drawImage(Ae.value, 0, 0)), (h.value !== null || A.value !== null) && l.value.style.chart.selector.show && xl(), (h.value !== null || A.value !== null) && y.value.forEach((e) => {
+      !X.value || !w.value || !c.value || (pa(), R.value ? ((h.value !== null || A.value !== null) && l.value.style.chart.selector.show && Cl(), za(), v.value.stacked && l.value.style.chart.grid.x.showAxis && Ma(), ga.value.forEach((e) => {
+        (e.type === "line" || !e.type) && Da(e), H.value && (ba(e), v.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && La(e));
+      }), w.value && (Ae.value = st(w.value))) : (Ae.value && (c.value.clearRect(0, 0, 1e4, 1e4), c.value.drawImage(Ae.value, 0, 0)), (h.value !== null || A.value !== null) && l.value.style.chart.selector.show && Cl(), (h.value !== null || A.value !== null) && y.value.forEach((e) => {
         const a = h.value ?? A.value, t = e.coordinatesLine[a];
         (e.type === "line" || !e.type || e.type === "plot") && t && Number.isFinite(t.x) && Number.isFinite(t.y) && Ze(
           c.value,
@@ -981,9 +985,9 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
             fillStyle: e.color
           }
         );
-      })), l.value.style.chart.grid.x.timeLabels.show && La(), l.value.style.chart.selector.show && l.value.style.chart.selector.showHorizontalSelector && ka(), ba(), pa(), l.value.style.chart.zoom.preview.enable && (r.value.start !== D.value.start || r.value.end !== D.value.end) && Da(), O.value = !1);
+      })), l.value.style.chart.grid.x.timeLabels.show && Aa(), l.value.style.chart.selector.show && l.value.style.chart.selector.showHorizontalSelector && wa(), xa(), Ca(), l.value.style.chart.zoom.preview.enable && (r.value.start !== D.value.start || r.value.end !== D.value.end) && Ta(), R.value = !1);
     }
-    const Fe = rt(() => {
+    const Fe = ut(() => {
       H.value = !0, Se();
     }, E.value > 200 ? 10 : 1, !H.value);
     function fe(e) {
@@ -991,7 +995,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       const { y: a, value: t } = e.coordinatesLine[h.value ?? A.value];
       return { y: a, value: t };
     }
-    function Ma(e) {
+    function $a(e) {
       if (!X.value || !w.value) return;
       const { left: a, top: t } = w.value.getBoundingClientRect(), s = e.clientX - a;
       if (P.value = (e.clientY - t) * 2, (P.value < o.value.top || P.value > o.value.bottom) && (P.value = null), s * 2 < o.value.left || s * 2 > o.value.right) {
@@ -1001,14 +1005,14 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       const u = s * 2 - o.value.left;
       if (h.value = Math.floor(u / o.value.slot), ne.value = !0, !H.value) return;
       let i = "";
-      const n = l.value.style.chart.tooltip.customFormat, f = y.value.map((x) => ({
-        shape: x.shape || null,
-        name: x.name,
-        color: x.color,
-        type: x.type || "line",
-        value: x.series.find((T, L) => L === h.value)
+      const n = l.value.style.chart.tooltip.customFormat, f = y.value.map((C) => ({
+        shape: C.shape || null,
+        name: C.name,
+        color: C.color,
+        type: C.type || "line",
+        value: C.series.find((T, L) => L === h.value)
       }));
-      Ta({ seriesIndex: h.value, datapoint: f }), Pl(n) && tt(() => n({
+      Ia({ seriesIndex: h.value, datapoint: f }), Pl(n) && rt(() => n({
         seriesIndex: h.value,
         datapoint: f,
         series: y.value,
@@ -1018,9 +1022,9 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         datapoint: f,
         series: y.value,
         config: l.value
-      }) : (l.value.style.chart.grid.x.timeLabels.values.slice(r.value.start, r.value.end)[h.value] ? i += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${l.value.style.chart.tooltip.borderColor}; width:100%">${l.value.style.chart.tooltip.useDefaultTimeFormat ? B.value.slice(r.value.start, r.value.end)[h.value]?.text : Ca.value[h.value]?.text}</div>` : i += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${l.value.style.chart.tooltip.borderColor}; width:100%">${B.value[h.value + r.value.start]?.text ?? ""}</div>`, i += na.value.join(""), ke.value = i), H.value = !1;
+      }) : (l.value.style.chart.grid.x.timeLabels.values.slice(r.value.start, r.value.end)[h.value] ? i += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${l.value.style.chart.tooltip.borderColor}; width:100%">${l.value.style.chart.tooltip.useDefaultTimeFormat ? B.value.slice(r.value.start, r.value.end)[h.value]?.text : ka.value[h.value]?.text}</div>` : i += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${l.value.style.chart.tooltip.borderColor}; width:100%">${B.value[h.value + r.value.start]?.text ?? ""}</div>`, i += ca.value.join(""), ke.value = i), H.value = !1;
     }
-    function Ta({ seriesIndex: e, datapoint: a }) {
+    function Ia({ seriesIndex: e, datapoint: a }) {
       const t = r.value.start + e;
       Ne("selectX", {
         dataset: a,
@@ -1028,29 +1032,29 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         indexLabel: ""
       });
     }
-    R(() => g.selectedXIndex, (e) => {
+    O(() => g.selectedXIndex, (e) => {
       if ([null, void 0].includes(g.selectedXIndex)) {
         h.value = null;
         return;
       }
       const a = e - r.value.start;
       a < 0 || e >= r.value.end ? h.value = null : h.value = a ?? null;
-    }, { immediate: !0 }), R(() => h.value, (e) => {
+    }, { immediate: !0 }), O(() => h.value, (e) => {
       Fe();
-    }), R(() => r.value, (e) => {
-      O.value = !0, G();
+    }), O(() => r.value, (e) => {
+      R.value = !0, G();
     }, {
       deep: !0
-    }), R(() => D.value, (e) => {
+    }), O(() => D.value, (e) => {
       G();
-    }, { deep: !0 }), R(() => v.value.showDataLabels, (e) => {
-      O.value = !0, G();
-    }), R(() => P.value, (e) => {
+    }, { deep: !0 }), O(() => v.value.showDataLabels, (e) => {
+      R.value = !0, G();
+    }), O(() => P.value, (e) => {
       e && G();
-    }), R(() => v.value.stacked, (e) => {
-      O.value = !0, H.value = !0, Fe();
+    }), O(() => v.value.stacked, (e) => {
+      R.value = !0, H.value = !0, Fe();
     });
-    function $a() {
+    function Ea() {
       ne.value = !1, h.value = null, ke.value = "", P.value = null, G();
     }
     const Z = je(null), oe = je(null), re = je(null);
@@ -1058,11 +1062,11 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       tl.value = !0, Ll();
     });
     function Ll() {
-      if (Ka(g.dataset) && ta.value && Qa({ componentName: "VueUiXyCanvas", type: "dataset" }), be(() => {
-        w.value && !c.value && (c.value = w.value.getContext("2d", { willReadFrequently: !0 })), c.value && X.value && (O.value = !0, H.value = !0, Se());
+      if (et(g.dataset) && ra.value && lt({ componentName: "VueUiXyCanvas", type: "dataset" }), be(() => {
+        w.value && !c.value && (c.value = w.value.getContext("2d", { willReadFrequently: !0 })), c.value && X.value && (R.value = !0, H.value = !0, Se());
       }), l.value.responsive) {
-        const e = st(() => {
-          const { width: a, height: t } = ut({
+        const e = nt(() => {
+          const { width: a, height: t } = it({
             chart: _.value,
             title: l.value.style.chart.title.text ? el.value : null,
             legend: l.value.style.chart.legend.show ? ll.value : null,
@@ -1077,14 +1081,14 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       }
       re.value && re.value.disconnect(), re.value = new ResizeObserver((e) => {
         for (const a of e)
-          a.contentBoxSize && ae.value && (O.value = !0, Fe());
+          a.contentBoxSize && ae.value && (R.value = !0, Fe());
       }), re.value.observe(ae.value), he();
     }
     $l(() => {
       re.value && re.value.disconnect(), Z.value && (oe.value && Z.value.unobserve(oe.value), Z.value.disconnect());
     });
     function De(e) {
-      Ne("selectLegend", y.value.find((a) => a.absoluteIndex === e)), F.value.includes(e) ? F.value = F.value.filter((a) => a !== e) : F.value.push(e), O.value = !0, Fe();
+      Ne("selectLegend", y.value.find((a) => a.absoluteIndex === e)), F.value.includes(e) ? F.value = F.value.filter((a) => a !== e) : F.value.push(e), R.value = !0, Fe();
     }
     function kl(e) {
       if (!$.value.length)
@@ -1092,18 +1096,18 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       const a = $.value.find((t) => t.name === e);
       return a || (l.value.debug && console.warn(`VueUiXyCanvas - Series name not found "${e}"`), null);
     }
-    function Ia(e) {
+    function Oa(e) {
       const a = kl(e);
       a !== null && F.value.includes(a.absoluteIndex) && De(a.absoluteIndex);
     }
-    function Ea(e) {
+    function Ra(e) {
       const a = kl(e);
       a !== null && (F.value.includes(a.absoluteIndex) || De(a.absoluteIndex));
     }
     const Al = p(() => $.value.map((e, a) => ({
       ...e,
       name: e.name,
-      color: Ol(e.color) || hl.value[a] || le[a] || le[a % le.length],
+      color: Rl(e.color) || hl.value[a] || le[a] || le[a % le.length],
       shape: e.shape || "circle",
       prefix: e.prefix || "",
       suffix: e.suffix || "",
@@ -1113,7 +1117,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       opacity: F.value.includes(e.absoluteIndex) ? 0.5 : 1,
       segregate: () => De(e.absoluteIndex),
       isSegregated: F.value.includes(e.absoluteIndex)
-    }))), Ra = p(() => ({
+    }))), Pa = p(() => ({
       cy: "donut-div-legend",
       backgroundColor: l.value.style.chart.legend.backgroundColor,
       color: l.value.style.chart.legend.color,
@@ -1157,10 +1161,10 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       return { head: e, body: a };
     });
     function We(e = null) {
-      const a = [[l.value.style.chart.title.text], [l.value.style.chart.title.subtitle.text], [""]], t = ["", ...wl.value.head.map((n) => n.label)], s = wl.value.body, u = a.concat([t]).concat(s), i = lt(u);
-      e ? e(i) : at({ csvContent: i, title: l.value.style.chart.title.text || "vue-ui-xy-canvas" });
+      const a = [[l.value.style.chart.title.text], [l.value.style.chart.title.subtitle.text], [""]], t = ["", ...wl.value.head.map((n) => n.label)], s = wl.value.body, u = a.concat([t]).concat(s), i = tt(u);
+      e ? e(i) : ot({ csvContent: i, title: l.value.style.chart.title.text || "vue-ui-xy-canvas" });
     }
-    function Oa() {
+    function Ba() {
       return y.value;
     }
     function zl() {
@@ -1179,9 +1183,9 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     function Ye() {
       Te.value = !Te.value;
     }
-    async function Pa({ scale: e = 2 } = {}) {
+    async function Na({ scale: e = 2 } = {}) {
       if (!_.value) return;
-      const { width: a, height: t } = _.value.getBoundingClientRect(), s = a / t, { imageUri: u, base64: i } = await pt({ domElement: _.value, base64: !0, img: !0, scale: e });
+      const { width: a, height: t } = _.value.getBoundingClientRect(), s = a / t, { imageUri: u, base64: i } = await Ct({ domElement: _.value, base64: !0, img: !0, scale: e });
       return {
         imageUri: u,
         base64: i,
@@ -1194,7 +1198,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     const ye = p(() => {
       const e = l.value.table.useDialog && !l.value.table.show, a = v.value.showTable;
       return {
-        component: e ? Kl : Lt,
+        component: e ? ea : At,
         title: `${l.value.style.chart.title.text}${l.value.style.chart.title.subtitle.text ? `: ${l.value.style.chart.title.subtitle.text}` : ""}`,
         props: e ? {
           backgroundColor: l.value.table.th.backgroundColor,
@@ -1221,20 +1225,20 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         }
       };
     });
-    R(() => v.value.showTable, (e) => {
+    O(() => v.value.showTable, (e) => {
       l.value.table.show || (e && l.value.table.useDialog && ce.value ? ce.value.open() : "close" in ce.value && ce.value.close());
     });
     function Ml() {
       v.value.showTable = !1, Be.value && Be.value.setTableIconState(!1);
     }
-    return Yl({
-      getData: Oa,
-      getImage: Pa,
+    return ql({
+      getData: Ba,
+      getImage: Na,
       generateCsv: We,
       generatePdf: cl,
       generateImage: vl,
-      hideSeries: Ea,
-      showSeries: Ia,
+      hideSeries: Ra,
+      showSeries: Oa,
       toggleTable: zl,
       toggleLabels: Sl,
       toggleStack: Fl,
@@ -1242,22 +1246,22 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       toggleAnnotator: Ye,
       toggleFullscreen: dl
     }), (e, a) => (I(), $e("div", {
-      style: xe(`width:100%; position:relative; ${l.value.responsive ? "height: 100%" : ""}; background:${l.value.style.chart.backgroundColor};`),
+      style: Ce(`width:100%; position:relative; ${l.value.responsive ? "height: 100%" : ""}; background:${l.value.style.chart.backgroundColor};`),
       ref_key: "xy",
       ref: _,
       id: `xy_canvas_${K.value}`,
-      class: Ha(`vue-data-ui-component vue-ui-xy-canvas ${ie.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      onMouseenter: oa,
-      onMouseleave: ra
+      class: Ua(`vue-data-ui-component vue-ui-xy-canvas ${ie.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      onMouseenter: sa,
+      onMouseleave: ua
     }, [
       l.value.style.chart.title.text ? (I(), $e("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: el,
-        style: xe(`width:100%;background:${l.value.style.chart.backgroundColor};`)
+        style: Ce(`width:100%;background:${l.value.style.chart.backgroundColor};`)
       }, [
-        (I(), W(xt, {
-          key: `title_${Re.value}`,
+        (I(), W(Lt, {
+          key: `title_${Oe.value}`,
           config: {
             title: {
               cy: "xy-canvas-title",
@@ -1272,15 +1276,15 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       ], 4)) : V("", !0),
       J("div", {
         id: `legend-top-${K.value}`
-      }, null, 8, zt),
-      l.value.userOptions.show && X.value && (C(sl) || C(Xe)) ? (I(), W(C(Zl), {
+      }, null, 8, Ft),
+      l.value.userOptions.show && X.value && (x(sl) || x(Xe)) ? (I(), W(x(Kl), {
         ref_key: "userOptionsRef",
         ref: Be,
         key: `user_option_${Qe.value}`,
         backgroundColor: l.value.style.chart.backgroundColor,
         color: l.value.style.chart.color,
-        isPrinting: C(nl),
-        isImaging: C(il),
+        isPrinting: x(nl),
+        isImaging: x(il),
         uid: K.value,
         hasTooltip: l.value.userOptions.buttons.tooltip && l.value.style.chart.tooltip.show,
         hasPdf: l.value.userOptions.buttons.pdf,
@@ -1302,16 +1306,16 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         printScale: l.value.userOptions.print.scale,
         tableDialog: l.value.table.useDialog,
         onToggleFullscreen: dl,
-        onGeneratePdf: C(cl),
+        onGeneratePdf: x(cl),
         onGenerateCsv: We,
-        onGenerateImage: C(vl),
+        onGenerateImage: x(vl),
         onToggleTable: zl,
         onToggleLabels: Sl,
         onToggleStack: Fl,
         onToggleTooltip: Dl,
         onToggleAnnotator: Ye,
-        style: xe({
-          visibility: C(sl) ? C(Xe) ? "visible" : "hidden" : "visible"
+        style: Ce({
+          visibility: x(sl) ? x(Xe) ? "visible" : "hidden" : "visible"
         })
       }, Il({ _: 2 }, [
         e.$slots.menuIcon ? {
@@ -1387,7 +1391,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasLabel", "hasStack", "hasFullscreen", "hasTable", "isFullscreen", "isTooltip", "isStacked", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : V("", !0),
       J("div", {
         class: "vue-ui-xy-canvas",
-        style: xe(`position: relative; aspect-ratio: ${ul.value}`),
+        style: Ce(`position: relative; aspect-ratio: ${ul.value}`),
         ref_key: "container",
         ref: ae
       }, [
@@ -1395,11 +1399,11 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           ref_key: "canvas",
           ref: w,
           style: { width: "100%", height: "100%" },
-          onMousemove: a[0] || (a[0] = (t) => Ma(t)),
-          onMouseleave: $a
+          onMousemove: a[0] || (a[0] = (t) => $a(t)),
+          onMouseleave: Ea
         }, null, 544),
-        C(_e) ? (I(), W(ct, { key: 0 })) : V("", !0),
-        El(C(ql), {
+        x(_e) ? (I(), W(dt, { key: 0 })) : V("", !0),
+        El(x(Zl), {
           teleportTo: l.value.style.chart.tooltip.teleportTo,
           show: v.value.showTooltip && ne.value,
           backgroundColor: l.value.style.chart.tooltip.backgroundColor,
@@ -1410,11 +1414,11 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           borderWidth: l.value.style.chart.tooltip.borderWidth,
           position: l.value.style.chart.tooltip.position,
           offsetY: l.value.style.chart.tooltip.offsetY,
-          parent: C(w),
+          parent: x(w),
           content: ke.value,
           isFullscreen: ie.value,
           backgroundOpacity: l.value.style.chart.tooltip.backgroundOpacity,
-          isCustom: C(Pl)(l.value.style.chart.tooltip.customFormat),
+          isCustom: x(Pl)(l.value.style.chart.tooltip.customFormat),
           smooth: l.value.style.chart.tooltip.smooth,
           backdropFilter: l.value.style.chart.tooltip.backdropFilter,
           smoothForce: l.value.style.chart.tooltip.smoothForce,
@@ -1429,11 +1433,11 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           _: 3
         }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "position", "offsetY", "parent", "content", "isFullscreen", "backgroundOpacity", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"])
       ], 4),
-      l.value.style.chart.zoom.show && E.value > 6 && X.value && ol.value && !C(_e) ? (I(), W(kt, {
+      l.value.style.chart.zoom.show && E.value > 6 && X.value && ol.value && !x(_e) ? (I(), W(wt, {
         key: 2,
         ref_key: "chartSlicer",
         ref: q,
-        allMinimaps: ca.value,
+        allMinimaps: da.value,
         background: l.value.style.chart.zoom.color,
         borderColor: l.value.style.chart.backgroundColor,
         customFormat: l.value.style.chart.zoom.customFormat,
@@ -1446,12 +1450,12 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         fontSize: l.value.style.chart.zoom.fontSize,
         immediate: !l.value.style.chart.zoom.preview.enable,
         inputColor: l.value.style.chart.zoom.color,
-        isPreview: da.value,
+        isPreview: fa.value,
         labelLeft: l.value.style.chart.grid.x.timeLabels.values[r.value.start] ? B.value[r.value.start].text : "",
         labelRight: l.value.style.chart.grid.x.timeLabels.values[r.value.end - 1] ? B.value[r.value.end - 1].text : "",
         max: E.value,
         min: 0,
-        minimap: ia.value,
+        minimap: va.value,
         minimapCompact: l.value.style.chart.zoom.minimap.compact,
         minimapFrameColor: l.value.style.chart.zoom.minimap.frameColor,
         minimapIndicatorColor: l.value.style.chart.zoom.minimap.indicatorColor,
@@ -1478,9 +1482,9 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         onFutureEnd: a[1] || (a[1] = (t) => yl("end", t)),
         onFutureStart: a[2] || (a[2] = (t) => yl("start", t)),
         onReset: he,
-        onTrapMouse: sa,
-        "onUpdate:end": fa,
-        "onUpdate:start": ha
+        onTrapMouse: na,
+        "onUpdate:end": ma,
+        "onUpdate:start": ya
       }, {
         "reset-action": b(({ reset: t }) => [
           S(e.$slots, "reset-action", Q(ee({ reset: t })), void 0, !0)
@@ -1489,8 +1493,8 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       }, 8, ["allMinimaps", "background", "borderColor", "customFormat", "cutNullValues", "enableRangeHandles", "enableSelectionDrag", "end", "focusOnDrag", "focusRangeRatio", "fontSize", "immediate", "inputColor", "isPreview", "labelLeft", "labelRight", "max", "minimap", "minimapCompact", "minimapFrameColor", "minimapIndicatorColor", "minimapLineColor", "minimapMerged", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapSelectionRadius", "preciseLabels", "refreshEndPoint", "refreshStartPoint", "selectColor", "selectedSeries", "smoothMinimap", "start", "timeLabels", "usePreciseLabels", "textColor", "useResetSlot", "valueEnd", "valueStart", "verticalHandles"])) : V("", !0),
       J("div", {
         id: `legend-bottom-${K.value}`
-      }, null, 8, St),
-      tl.value ? (I(), W(Xa, {
+      }, null, 8, Dt),
+      tl.value ? (I(), W(Va, {
         key: 3,
         to: l.value.style.chart.legend.position === "top" ? `#legend-top-${K.value}` : `#legend-bottom-${K.value}`
       }, [
@@ -1498,17 +1502,17 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           ref_key: "chartLegend",
           ref: ll
         }, [
-          l.value.style.chart.legend.show && X.value ? (I(), W(bt, {
+          l.value.style.chart.legend.show && X.value ? (I(), W(xt, {
             legendSet: Al.value,
-            config: Ra.value,
+            config: Pa.value,
             key: `legend_${Pe.value}`,
             onClickMarker: a[3] || (a[3] = ({ i: t }) => De(t))
           }, {
             item: b(({ legend: t, index: s }) => [
               J("div", {
                 onClick: (u) => t.segregate(),
-                style: xe(`opacity:${F.value.includes(s) ? 0.5 : 1}`)
-              }, qe(t.name), 13, Ft)
+                style: Ce(`opacity:${F.value.includes(s) ? 0.5 : 1}`)
+              }, qe(t.name), 13, Mt)
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : S(e.$slots, "legend", {
@@ -1517,8 +1521,8 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : V("", !0),
-      e.$slots.watermark ? (I(), $e("div", Dt, [
-        S(e.$slots, "watermark", Q(ee({ isPrinting: C(nl) || C(il) })), void 0, !0)
+      e.$slots.watermark ? (I(), $e("div", Tt, [
+        S(e.$slots, "watermark", Q(ee({ isPrinting: x(nl) || x(il) })), void 0, !0)
       ])) : V("", !0),
       e.$slots.source ? (I(), $e("div", {
         key: 5,
@@ -1528,14 +1532,14 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       }, [
         S(e.$slots, "source", {}, void 0, !0)
       ], 512)) : V("", !0),
-      X.value && l.value.userOptions.buttons.table ? (I(), W(Ua(ye.value.component), Va({ key: 6 }, ye.value.props, {
+      X.value && l.value.userOptions.buttons.table ? (I(), W(Wa(ye.value.component), Ya({ key: 6 }, ye.value.props, {
         ref_key: "tableUnit",
         ref: ce,
         onClose: Ml
       }), Il({
         content: b(() => [
-          (I(), W(C(Gl), {
-            key: `table_${Oe.value}`,
+          (I(), W(x(Jl), {
+            key: `table_${Re.value}`,
             colNames: Me.value.colNames,
             head: Me.value.head,
             body: Me.value.body,
@@ -1545,10 +1549,10 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
             onClose: Ml
           }, {
             th: b(({ th: t }) => [
-              J("div", { innerHTML: t }, null, 8, Mt)
+              J("div", { innerHTML: t }, null, 8, $t)
             ]),
             td: b(({ td: t }) => [
-              Rl(qe(t), 1)
+              Ol(qe(t), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1558,7 +1562,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         l.value.table.useDialog ? {
           name: "title",
           fn: b(() => [
-            Rl(qe(ye.value.title), 1)
+            Ol(qe(ye.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -1570,7 +1574,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
               class: "vue-ui-user-options-button",
               onClick: a[4] || (a[4] = (t) => We(l.value.userOptions.callbacks.csv))
             }, [
-              El(Ct, {
+              El(kt, {
                 name: "excel",
                 stroke: ye.value.props.color
               }, null, 8, ["stroke"])
@@ -1579,7 +1583,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           key: "1"
         } : void 0
       ]), 1040)) : V("", !0),
-      l.value.userOptions.buttons.annotator && y.value.length ? (I(), W(C(Jl), {
+      l.value.userOptions.buttons.annotator && y.value.length ? (I(), W(x(Ql), {
         key: 7,
         parent: _.value,
         backgroundColor: l.value.style.chart.backgroundColor,
@@ -1587,14 +1591,14 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         active: Te.value,
         onClose: Ye
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : V("", !0)
-    ], 46, wt));
+    ], 46, St));
   }
-}, $t = /* @__PURE__ */ At(Tt, [["__scopeId", "data-v-3293aa2d"]]), Jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Et = /* @__PURE__ */ zt(It, [["__scopeId", "data-v-3293aa2d"]]), Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: $t
+  default: Et
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Zt as a,
-  Jt as b,
-  $t as v
+  Kt as a,
+  Qt as b,
+  Et as v
 };