vue-data-ui 3.13.2 → 3.13.4

package/dist/{vue-ui-xy-canvas-BH6gw0g-.js → vue-ui-xy-canvas-CQtgYpEg.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as pe, ref as d, computed as m, useSlots as Xa, onMounted as Ml, toRefs as Ua, watch as O, nextTick as Ce, onBeforeUnmount as $l, shallowRef as je, createElementBlock as Ie, openBlock as $, normalizeClass as Va, normalizeStyle as xe, createCommentVNode as _, createElementVNode as J, createBlock as H, unref as C, createSlots as Il, withCtx as p, renderSlot as z, normalizeProps as Q, guardReactiveProps as ee, createVNode as El, Teleport as Wa, toDisplayString as qe, resolveDynamicComponent as Ya, mergeProps as ja, createTextVNode as Ol } from "vue";
+import { defineAsyncComponent as pe, ref as d, computed as m, useSlots as Xa, onMounted as Ml, toRefs as Ua, watch as O, nextTick as Ce, onBeforeUnmount as $l, shallowRef as je, createElementBlock as Ie, openBlock as $, normalizeClass as Wa, normalizeStyle as xe, createCommentVNode as _, createElementVNode as J, createBlock as H, unref as C, createSlots as Il, withCtx as p, renderSlot as S, normalizeProps as Q, guardReactiveProps as ee, createVNode as El, Teleport as Va, toDisplayString as qe, resolveDynamicComponent as Ya, mergeProps as ja, createTextVNode as Ol } from "vue";
 import { c as qa, t as Ga, i as Za, j as le, a1 as Ja, k as Ka, N as Ge, a as se, d as ue, m as Rl, R as Qa, a7 as et, T as lt, o as at, g as tt, y as Bl, s as Le, q as ot, v as rt, r as st, _ as ut } from "./lib-BrVUf7jz.js";
 import { c as nt, a as Ze, d as it, t as ct, u as vt, l as A, r as Ee, b as Y, p as Pl } from "./useResponsive-DfdjqQps.js";
-import { u as dt, a as Oe } from "./useNestedProp-Bamwa7TH.js";
+import { u as dt, a as Oe } from "./useNestedProp-DjoyBYIz.js";
 import { u as ht, B as ft } from "./BaseScanner-BMpwQAfz.js";
 import { u as gt } from "./usePrinter-DKjCimma.js";
 import { u as yt, a as mt, l as bt } from "./useTimeLabels-DKoynYae.js";
@@ -10,21 +10,21 @@ import { u as Ct } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as xt } from "./useChartAccessibility-9icAAmYg.js";
 import Lt from "./img-BMMrBrFA.js";
 import At from "./Legend-DDvnrFfr.js";
-import kt from "./Title-CeMocAxM.js";
+import kt from "./Title-DPeHXmsJ.js";
 import wt from "./BaseIcon-CJ7mD4nD.js";
-import St from "./vue-ui-accordion-d_mYq_ty.js";
-import { S as zt } from "./SlicerPreview-BEkr4ELo.js";
+import zt from "./vue-ui-accordion-DIafkLLh.js";
+import { S as St } from "./SlicerPreview-BciDdnXB.js";
 import { B as Ft } from "./BaseLegendToggle-BMdGBKCs.js";
 import { _ as Tt } 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", selectAllToggle: { backgroundColor: "#3A3A3A", 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", selectAllToggle: { backgroundColor: "#3A3A3A", 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", selectAllToggle: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, 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", selectAllToggle: { backgroundColor: "#3A3A3A", 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", selectAllToggle: { backgroundColor: "#3A3A3A", 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", selectAllToggle: { backgroundColor: "#E0CFC3", color: "#8F837A" } }, 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", selectAllToggle: { backgroundColor: "#50606C", color: "#f6f6fb" } }, 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 = {
+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", selectAllToggle: { backgroundColor: "#3A3A3A", 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", selectAllToggle: { backgroundColor: "#3A3A3A", 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", selectAllToggle: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, 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", selectAllToggle: { backgroundColor: "#3A3A3A", 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" } } }, Wl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, selector: { color: "#66CC66" }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99", selectAllToggle: { backgroundColor: "#3A3A3A", 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" } } }, Vl = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, selector: { color: "#8F837A" }, legend: { backgroundColor: "#fbfafa", color: "#99AA99", selectAllToggle: { backgroundColor: "#E0CFC3", color: "#8F837A" } }, 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", selectAllToggle: { backgroundColor: "#50606C", color: "#f6f6fb" } }, 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: {},
   minimal: Nl,
   minimalDark: _l,
   dark: Hl,
   celebration: Xl,
   celebrationNight: Ul,
-  hack: Vl,
-  zen: Wl,
+  hack: Wl,
+  zen: Vl,
   concrete: Yl
 }, ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -33,10 +33,10 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
   concrete: Yl,
   dark: Hl,
   default: jl,
-  hack: Vl,
+  hack: Wl,
   minimal: Nl,
   minimalDark: _l,
-  zen: Wl
+  zen: Vl
 }, Symbol.toStringTag, { value: "Module" })), Dt = ["id"], Mt = ["id"], $t = ["id"], It = ["onClick"], Et = {
   key: 4,
   class: "vue-data-ui-watermark"
@@ -62,11 +62,11 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
   },
   emits: ["selectLegend", "selectX"],
   setup(Je, { expose: ql, emit: Gl }) {
-    const Zl = pe(() => import("./Tooltip-jUEeS8VT.js")), Jl = pe(() => import("./DataTable-C2E28XF-.js")), Kl = pe(() => import("./UserOptions-DV6hYCK6.js")), Ql = pe(() => import("./NonSvgPenAndPaper-dznYxXaY.js")), ea = pe(() => import("./BaseDraggableDialog-DC6U5583.js")), { vue_ui_xy_canvas: la } = dt(), { isThemeValid: aa, warnInvalidTheme: ta } = pt(), I = Je, K = d(qa()), X = d(null), ae = d(null), c = d(null), y = d(1), j = d(1), ne = d(!1), h = d(null), Ae = d(""), Ke = d(null), b = d([]), te = d(1), R = d(!0), U = d(!0), ke = d(null), Qe = d(0), ie = d(!1), el = d(null), ll = d(null), q = d(null), al = d(null), Re = d(0), Be = d(0), Pe = d(0), B = d(null), tl = d(!1), ce = d(null), Ne = d(null), ve = d(!1), ol = d(!1), we = d(!1), k = d(null), V = m(() => Array.isArray(He.value) && He.value.length > 0), _e = Gl, oa = Xa();
+    const Zl = pe(() => import("./Tooltip-jUEeS8VT.js")), Jl = pe(() => import("./DataTable-C2E28XF-.js")), Kl = pe(() => import("./UserOptions-DV6hYCK6.js")), Ql = pe(() => import("./NonSvgPenAndPaper-dznYxXaY.js")), ea = pe(() => import("./BaseDraggableDialog-DC6U5583.js")), { vue_ui_xy_canvas: la } = dt(), { isThemeValid: aa, warnInvalidTheme: ta } = pt(), I = Je, K = d(qa()), X = d(null), ae = d(null), c = d(null), y = d(1), j = d(1), ne = d(!1), h = d(null), Ae = d(""), Ke = d(null), b = d([]), te = d(1), R = d(!0), U = d(!0), ke = d(null), Qe = d(0), ie = d(!1), el = d(null), ll = d(null), q = d(null), al = d(null), Re = d(0), Be = d(0), Pe = d(0), B = d(null), tl = d(!1), ce = d(null), Ne = d(null), ve = d(!1), ol = d(!1), we = d(!1), k = d(null), W = m(() => Array.isArray(He.value) && He.value.length > 0), _e = Gl, oa = Xa();
     Ml(() => {
       oa["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });
-    const l = d(Ue()), ra = m(() => !!l.value.debug), { loading: Se, FINAL_DATASET: He } = ht({
+    const l = d(Ue()), ra = m(() => !!l.value.debug), { loading: ze, FINAL_DATASET: He } = ht({
       ...Ua(I),
       FINAL_CONFIG: l,
       prepareConfig: Ue,
@@ -170,7 +170,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
       })), a;
     }
     O(() => I.config, (e) => {
-      Se.value || (l.value = Ue()), Xe.value = !l.value.userOptions.showOnChartHover, Al(), Re.value += 1, Be.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;
+      ze.value || (l.value = Ue()), Xe.value = !l.value.userOptions.showOnChartHover, Al(), Re.value += 1, Be.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(() => I.dataset, async (e) => {
       !Array.isArray(e) || e.length === 0 || (await Ce(), w.value && !c.value && (c.value = w.value.getContext("2d", { willReadFrequently: !0 })), R.value = !0, U.value = !0, await he(), Fe(), Re.value += 1, Be.value += 1, Pe.value += 1);
     }, { deep: !0 });
@@ -213,15 +213,15 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
         const L = u.min < 0 ? Math.abs(u.min) : 0, N = gl(x + L, L + u.max);
         let me, be;
         e && (me = u.min, be = gl(x - me, u.max - me));
-        let W = 0;
-        return f === null ? W = o.value.bottom - o.value.height * (e ? be : N) : W = o.value.bottom - i - n * (e ? be : N), {
+        let V = 0;
+        return f === null ? V = o.value.bottom - o.value.height * (e ? be : N) : V = o.value.bottom - i - n * (e ? be : N), {
           x: o.value.left + o.value.slot * M + o.value.slot / 2,
-          y: W,
+          y: V,
           value: x
         };
       });
     }
-    const S = m(() => {
+    const z = m(() => {
       const e = l.value.style.chart.scale.min !== null ? l.value.style.chart.scale.min : Math.min(...F.value.filter((n, f) => !b.value.includes(n.absoluteIndex)).flatMap((n) => n.series.slice(r.value.start, r.value.end))), a = l.value.style.chart.scale.max !== null ? l.value.style.chart.scale.max : Math.max(...F.value.filter((n, f) => !b.value.includes(n.absoluteIndex)).flatMap((n) => n.series.slice(r.value.start, r.value.end))), t = Ge(e < 0 ? e : 0, a === e ? e + 1 < 0 ? 0 : e + 1 : a < 0 ? 0 : a, l.value.style.chart.scale.ticks), s = t.min < 0 ? Math.abs(t.min) : 0, u = o.value.bottom - o.value.height * (s / (t.max + s)), i = t.ticks.map((n) => ({
         y: o.value.bottom - o.value.height * ((n + s) / (t.max + s)),
         x: o.value.left - 8,
@@ -253,10 +253,10 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
       { datapoint: e, seriesIndex: h.value }
     )}</span>
             </div>
-        `)), ze = m(() => l.value.style.chart.line.cutNullValues), F = m(() => He.value.map((e, a) => ({
+        `)), Se = m(() => l.value.style.chart.line.cutNullValues), F = m(() => He.value.map((e, a) => ({
       ...e,
       series: Qa({
-        data: et(e.series, [], ze.value),
+        data: et(e.series, [], Se.value),
         threshold: l.value.downsample.threshold
       }),
       absoluteIndex: a,
@@ -280,7 +280,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
       series: e.series.slice(r.value.start, r.value.end)
     })).map((e, a) => {
       let t = [null, void 0].includes(e.scaleMin) ? Math.min(...e.series) || 0 : e.scaleMin, s = [null, void 0].includes(e.scaleMax) ? Math.max(...e.series) || 1 : e.scaleMax;
-      t === s && (t = t >= 0 ? s - 1 : t, s = s >= 0 ? s : t + 1), e.series.filter((W) => ![null, void 0].includes(W)).map((W) => (W - t) / (s - t));
+      t === s && (t = t >= 0 ? s - 1 : t, s = s >= 0 ? s : t + 1), e.series.filter((V) => ![null, void 0].includes(V)).map((V) => (V - t) / (s - t));
       const u = {
         valueMin: t,
         valueMax: s
@@ -290,16 +290,16 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
       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, M = v.value.stacked ? o.value.height * e.stackRatio - x : 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 - M : N = o.value.bottom - f - M * (L / (n.max + L));
-      const me = n.ticks.map((W, Ha) => ({
+      const me = n.ticks.map((V, Ha) => ({
         y: o.value.bottom - f - M * (Ha / (n.ticks.length - 1)),
         x: o.value.left - 8,
-        value: W
+        value: V
       })), be = ia({
         hasAutoScale: v.value.stacked && e.autoScaling,
         series: e.series,
-        min: v.value.stacked ? t : S.value.min,
-        max: v.value.stacked ? s : S.value.max,
-        scale: v.value.stacked ? n : S.value.scale,
+        min: v.value.stacked ? t : z.value.min,
+        max: v.value.stacked ? s : z.value.max,
+        scale: v.value.stacked ? n : z.value.scale,
         yOffset: f,
         individualHeight: M,
         stackIndex: v.value.stacked ? a : null
@@ -342,7 +342,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
         ve.value = !0;
         try {
           const { startIndex: e, endIndex: a } = l.value.style.chart.zoom, t = Math.max(...F.value.map((i) => i.series.length)), s = e ?? 0, u = a != null ? Math.min(bl(a + 1), t) : t;
-          we.value = !0, r.value.start = s, r.value.end = u, T.value.start = s, T.value.end = u, Ve(), ol.value = !0, await Ce(), q.value && (q.value.setStartValue(r.value.start), q.value.setEndValue(r.value.end));
+          we.value = !0, r.value.start = s, r.value.end = u, T.value.start = s, T.value.end = u, We(), ol.value = !0, await Ce(), q.value && (q.value.setStartValue(r.value.start), q.value.setEndValue(r.value.end));
         } finally {
           queueMicrotask(() => {
             we.value = !1;
@@ -351,18 +351,18 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
       }
     }
     function ga(e) {
-      ve.value || we.value || e !== r.value.start && (r.value.start = e, T.value.start = e, Ve());
+      ve.value || we.value || e !== r.value.start && (r.value.start = e, T.value.start = e, We());
     }
     function ya(e) {
       if (ve.value || we.value) return;
       const a = bl(e);
-      a !== r.value.end && (r.value.end = a, T.value.end = a, Ve());
+      a !== r.value.end && (r.value.end = a, T.value.end = a, We());
     }
     function bl(e) {
       const a = E.value;
       return e > a ? a : e < 0 || e < r.value.start ? l.value.style.chart.zoom.startIndex !== null ? l.value.style.chart.zoom.startIndex + 1 : 1 : e;
     }
-    function Ve() {
+    function We() {
       const e = Math.max(
         1,
         Math.max(...F.value.map((s) => s.series.length))
@@ -376,7 +376,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
       const e = ae.value.offsetWidth, a = ae.value.offsetHeight;
       w.value.width = e * te.value * 2, w.value.height = a * te.value * 2, y.value = e * te.value * 2, j.value = a * te.value * 2, c.value?.scale(te.value, te.value), G();
     }
-    O(V, async (e) => {
+    O(W, async (e) => {
       if (!e) {
         ke.value = null, ne.value = !1, h.value = null, B.value = null;
         return;
@@ -384,7 +384,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
       await Ce(), w.value && !c.value && (c.value = w.value.getContext("2d", { willReadFrequently: !0 })), R.value = !0, U.value = !0, await he(), Fe(), G();
     });
     function ba() {
-      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), !!V.value)) {
+      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), !!W.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 ? g.value.forEach((e) => {
             for (let a = 0; a < r.value.end - r.value.start + 1; a += 1)
@@ -522,21 +522,21 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
                   color: l.value.style.chart.grid.y.verticalLines.color
                 }
               );
-          l.value.style.chart.grid.x.horizontalLines.show && (l.value.style.chart.grid.x.horizontalLines.alternate ? S.value.yLabels.forEach((e, a) => {
-            a < S.value.yLabels.length - 1 && Ee(
+          l.value.style.chart.grid.x.horizontalLines.show && (l.value.style.chart.grid.x.horizontalLines.alternate ? z.value.yLabels.forEach((e, a) => {
+            a < z.value.yLabels.length - 1 && Ee(
               c.value,
               [
                 { x: o.value.left, y: e.y },
                 { x: o.value.right, y: e.y },
-                { x: o.value.right, y: S.value.yLabels[a + 1].y },
-                { x: o.value.left, y: S.value.yLabels[a + 1].y }
+                { x: o.value.right, y: z.value.yLabels[a + 1].y },
+                { x: o.value.left, y: z.value.yLabels[a + 1].y }
               ],
               {
                 fillColor: a % 2 === 0 ? "transparent" : Le(l.value.style.chart.grid.x.horizontalLines.color, l.value.style.chart.grid.x.horizontalLines.opacity),
                 strokeColor: "transparent"
               }
             );
-          }) : S.value.yLabels.forEach((e) => {
+          }) : z.value.yLabels.forEach((e) => {
             A(
               c.value,
               [
@@ -570,8 +570,8 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
           ), l.value.style.chart.grid.zeroLine.show && A(
             c.value,
             [
-              { x: o.value.left, y: S.value.zero },
-              { x: o.value.right, y: S.value.zero }
+              { x: o.value.left, y: z.value.zero },
+              { x: o.value.right, y: z.value.zero }
             ],
             {
               color: l.value.style.chart.grid.zeroLine.color,
@@ -668,7 +668,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
             }
           );
         });
-      }) : S.value.yLabels.forEach((e, a) => {
+      }) : z.value.yLabels.forEach((e, a) => {
         Y(
           c.value,
           se(
@@ -785,7 +785,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
         }
       );
     }
-    function Sa() {
+    function za() {
       D.value.forEach((e, a) => {
         for (let t = 0; t < e.coordinatesLine.length; t += 1)
           Ee(
@@ -793,11 +793,11 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
             [
               {
                 x: o.value.left + o.value.slot * t + o.value.slot / 10 + (v.value.stacked ? 0 : o.value.slot / D.value.length * a - (a === 0 ? 0 : o.value.slot / (5 * D.value.length) * a)),
-                y: v.value.stacked ? e.localZero : S.value.zero
+                y: v.value.stacked ? e.localZero : z.value.zero
               },
               {
                 x: o.value.left + o.value.slot * t + o.value.slot / 10 + (v.value.stacked ? 0 : o.value.slot / D.value.length * a - (a === 0 ? 0 : o.value.slot / (5 * D.value.length) * a)) + o.value.slot * 0.8 / (v.value.stacked ? 1 : D.value.length),
-                y: v.value.stacked ? e.localZero : S.value.zero
+                y: v.value.stacked ? e.localZero : z.value.zero
               },
               {
                 x: o.value.left + o.value.slot * t + o.value.slot / 10 + (v.value.stacked ? 0 : o.value.slot / D.value.length * a - (a === 0 ? 0 : o.value.slot / (5 * D.value.length) * a)) + o.value.slot * 0.8 / (v.value.stacked ? 1 : D.value.length),
@@ -818,7 +818,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
                 },
                 end: {
                   x: e.coordinatesLine[t].x,
-                  y: v.value.stacked ? e.localZero : S.value.zero
+                  y: v.value.stacked ? e.localZero : z.value.zero
                 },
                 stops: [
                   { offset: 0, color: e.color },
@@ -840,7 +840,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
               { datapoint: e.coordinatesLine[t], seriesIndex: t }
             ),
             o.value.left + o.value.slot * t + o.value.slot / 10 + (v.value.stacked ? 0 : o.value.slot / D.value.length * a - (a === 0 ? 0 : o.value.slot / (5 * D.value.length) * a)) + o.value.slot * 0.4 / (v.value.stacked ? 1 : D.value.length),
-            (e.coordinatesLine[t].value < 0 ? v.value.stacked ? e.localZero : S.value.zero : e.coordinatesLine[t].y) + l.value.style.chart.dataLabels.offsetY,
+            (e.coordinatesLine[t].value < 0 ? v.value.stacked ? e.localZero : z.value.zero : e.coordinatesLine[t].y) + l.value.style.chart.dataLabels.offsetY,
             {
               align: "center",
               font: `${Math.round(y.value / 40 * l.value.style.chart.dataLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
@@ -851,7 +851,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
           );
       });
     }
-    function za(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;
@@ -896,7 +896,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
       return s.length >= 2 && t.push(s), t;
     }
     function Ll(e) {
-      if (ze.value) {
+      if (Se.value) {
         const a = Fa(e);
         for (const t of a)
           A(c.value, t, {
@@ -910,11 +910,11 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
         });
     }
     function Ta(e) {
-      const a = !!ze.value;
+      const a = !!Se.value;
       if (e.useArea) {
-        const t = v.value.stacked ? e.localZero : S.value.zero;
+        const t = v.value.stacked ? e.localZero : z.value.zero;
         if (a) {
-          const { polygons: s, singles: u } = za(e, t);
+          const { polygons: s, singles: u } = Sa(e, t);
           for (const n of s)
             Pl(c.value, n, {
               fillColor: Le(e.color, l.value.style.chart.area.opacity),
@@ -981,7 +981,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
       );
     }
     function G() {
-      !V.value || !w.value || !c.value || (ba(), R.value ? ((h.value !== null || k.value !== null) && l.value.style.chart.selector.show && xl(), Sa(), v.value.stacked && l.value.style.chart.grid.x.showAxis && Da(), ma.value.forEach((e) => {
+      !W.value || !w.value || !c.value || (ba(), R.value ? ((h.value !== null || k.value !== null) && l.value.style.chart.selector.show && xl(), za(), v.value.stacked && l.value.style.chart.grid.x.showAxis && Da(), ma.value.forEach((e) => {
         (e.type === "line" || !e.type) && Ta(e), U.value && (pa(e), v.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && La(e));
       }), w.value && (ke.value = nt(w.value))) : (ke.value && (c.value.clearRect(0, 0, 1e4, 1e4), c.value.drawImage(ke.value, 0, 0)), (h.value !== null || k.value !== null) && l.value.style.chart.selector.show && xl(), (h.value !== null || k.value !== null) && g.value.forEach((e) => {
         const a = h.value ?? k.value, t = e.coordinatesLine[a];
@@ -1005,7 +1005,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
       return { y: a, value: t };
     }
     function $a(e) {
-      if (!V.value || !w.value || fl.value) return;
+      if (!W.value || !w.value || fl.value) return;
       const { left: a, top: t } = w.value.getBoundingClientRect(), s = e.clientX - a;
       if (B.value = (e.clientY - t) * 2, (B.value < o.value.top || B.value > o.value.bottom) && (B.value = null), s * 2 < o.value.left || s * 2 > o.value.right) {
         ne.value = !1, h.value = null;
@@ -1072,7 +1072,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
     });
     function Al() {
       if (at(I.dataset) && ra.value && tt({ componentName: "VueUiXyCanvas", type: "dataset" }), Ce(() => {
-        w.value && !c.value && (c.value = w.value.getContext("2d", { willReadFrequently: !0 })), c.value && V.value && (R.value = !0, U.value = !0, Fe());
+        w.value && !c.value && (c.value = w.value.getContext("2d", { willReadFrequently: !0 })), c.value && W.value && (R.value = !0, U.value = !0, Fe());
       }), l.value.responsive) {
         const e = ct(() => {
           const { width: a, height: t } = vt({
@@ -1174,17 +1174,17 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
       }
       return { head: e, body: a };
     });
-    function We(e = null) {
+    function Ve(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 = rt(u);
       e ? e(i) : st({ csvContent: i, title: l.value.style.chart.title.text || "vue-ui-xy-canvas" });
     }
     function Na() {
       return g.value;
     }
-    function Sl() {
+    function zl() {
       v.value.showTable = !v.value.showTable;
     }
-    function zl() {
+    function Sl() {
       v.value.showDataLabels = !v.value.showDataLabels;
     }
     function Fl() {
@@ -1212,7 +1212,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
     const ye = m(() => {
       const e = l.value.table.useDialog && !l.value.table.show, a = v.value.showTable;
       return {
-        component: e ? ea : St,
+        component: e ? ea : zt,
         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,
@@ -1248,13 +1248,13 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
     return ql({
       getData: Na,
       getImage: _a,
-      generateCsv: We,
+      generateCsv: Ve,
       generatePdf: cl,
       generateImage: vl,
       hideSeries: Ba,
       showSeries: Ra,
-      toggleTable: Sl,
-      toggleLabels: zl,
+      toggleTable: zl,
+      toggleLabels: Sl,
       toggleStack: Fl,
       toggleTooltip: Tl,
       toggleAnnotator: Ye,
@@ -1264,7 +1264,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
       ref_key: "xy",
       ref: X,
       id: `xy_canvas_${K.value}`,
-      class: Va(`vue-data-ui-component vue-ui-xy-canvas ${ie.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: Wa(`vue-data-ui-component vue-ui-xy-canvas ${ie.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       onMouseenter: sa,
       onMouseleave: ua
     }, [
@@ -1291,7 +1291,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
       J("div", {
         id: `legend-top-${K.value}`
       }, null, 8, Mt),
-      l.value.userOptions.show && V.value && (C(sl) || C(Xe)) ? ($(), H(C(Kl), {
+      l.value.userOptions.show && W.value && (C(sl) || C(Xe)) ? ($(), H(C(Kl), {
         ref_key: "userOptionsRef",
         ref: Ne,
         key: `user_option_${Qe.value}`,
@@ -1321,10 +1321,10 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
         tableDialog: l.value.table.useDialog,
         onToggleFullscreen: dl,
         onGeneratePdf: C(cl),
-        onGenerateCsv: We,
+        onGenerateCsv: Ve,
         onGenerateImage: C(vl),
-        onToggleTable: Sl,
-        onToggleLabels: zl,
+        onToggleTable: zl,
+        onToggleLabels: Sl,
         onToggleStack: Fl,
         onToggleTooltip: Tl,
         onToggleAnnotator: Ye,
@@ -1335,70 +1335,70 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
         e.$slots.menuIcon ? {
           name: "menuIcon",
           fn: p(({ isOpen: t, color: s }) => [
-            z(e.$slots, "menuIcon", Q(ee({ isOpen: t, color: s })), void 0, !0)
+            S(e.$slots, "menuIcon", Q(ee({ isOpen: t, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: p(() => [
-            z(e.$slots, "optionTooltip", {}, void 0, !0)
+            S(e.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.optionPdf ? {
           name: "optionPdf",
           fn: p(() => [
-            z(e.$slots, "optionPdf", {}, void 0, !0)
+            S(e.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.$slots.optionCsv ? {
           name: "optionCsv",
           fn: p(() => [
-            z(e.$slots, "optionCsv", {}, void 0, !0)
+            S(e.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         e.$slots.optionImg ? {
           name: "optionImg",
           fn: p(() => [
-            z(e.$slots, "optionImg", {}, void 0, !0)
+            S(e.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         e.$slots.optionTable ? {
           name: "optionTable",
           fn: p(() => [
-            z(e.$slots, "optionTable", {}, void 0, !0)
+            S(e.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         e.$slots.optionLabels ? {
           name: "optionLabels",
           fn: p(() => [
-            z(e.$slots, "optionLabels", {}, void 0, !0)
+            S(e.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         e.$slots.optionStack ? {
           name: "optionStack",
           fn: p(() => [
-            z(e.$slots, "optionStack", {}, void 0, !0)
+            S(e.$slots, "optionStack", {}, void 0, !0)
           ]),
           key: "7"
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: p(({ toggleFullscreen: t, isFullscreen: s }) => [
-            z(e.$slots, "optionFullscreen", Q(ee({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
+            S(e.$slots, "optionFullscreen", Q(ee({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         e.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: p(({ toggleAnnotator: t, isAnnotator: s }) => [
-            z(e.$slots, "optionAnnotator", Q(ee({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
+            S(e.$slots, "optionAnnotator", Q(ee({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
           ]),
           key: "9"
         } : void 0
@@ -1416,7 +1416,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
           onMousemove: a[0] || (a[0] = (t) => $a(t)),
           onMouseleave: Ea
         }, null, 544),
-        C(Se) ? ($(), H(ft, { key: 0 })) : _("", !0),
+        C(ze) ? ($(), H(ft, { key: 0 })) : _("", !0),
         El(C(Zl), {
           teleportTo: l.value.style.chart.tooltip.teleportTo,
           show: v.value.showTooltip && ne.value,
@@ -1439,15 +1439,15 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
           smoothSnapThreshold: l.value.style.chart.tooltip.smoothSnapThreshold
         }, {
           "tooltip-before": p(() => [
-            z(e.$slots, "tooltip-before", Q(ee({ ...Ke.value })), void 0, !0)
+            S(e.$slots, "tooltip-before", Q(ee({ ...Ke.value })), void 0, !0)
           ]),
           "tooltip-after": p(() => [
-            z(e.$slots, "tooltip-after", Q(ee({ ...Ke.value })), void 0, !0)
+            S(e.$slots, "tooltip-after", Q(ee({ ...Ke.value })), void 0, !0)
           ]),
           _: 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 && V.value && ol.value && !C(Se) ? ($(), H(zt, {
+      l.value.style.chart.zoom.show && E.value > 6 && W.value && ol.value && !C(ze) ? ($(), H(St, {
         key: 2,
         ref_key: "chartSlicer",
         ref: q,
@@ -1455,7 +1455,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
         background: l.value.style.chart.zoom.color,
         borderColor: l.value.style.chart.backgroundColor,
         customFormat: l.value.style.chart.zoom.customFormat,
-        cutNullValues: ze.value,
+        cutNullValues: Se.value,
         enableRangeHandles: l.value.style.chart.zoom.enableRangeHandles,
         enableSelectionDrag: l.value.style.chart.zoom.enableSelectionDrag,
         end: r.value.end,
@@ -1493,6 +1493,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
         valueEnd: r.value.end,
         valueStart: r.value.start,
         verticalHandles: l.value.style.chart.zoom.minimap.verticalHandles,
+        maxWidth: l.value.style.chart.zoom.maxWidth,
         onFutureEnd: a[1] || (a[1] = (t) => yl("end", t)),
         onFutureStart: a[2] || (a[2] = (t) => yl("start", t)),
         onReset: he,
@@ -1501,14 +1502,14 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
         "onUpdate:start": ga
       }, {
         "reset-action": p(({ reset: t }) => [
-          z(e.$slots, "reset-action", Q(ee({ reset: t })), void 0, !0)
+          S(e.$slots, "reset-action", Q(ee({ reset: t })), void 0, !0)
         ]),
         _: 3
-      }, 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"])) : _("", !0),
+      }, 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", "maxWidth"])) : _("", !0),
       J("div", {
         id: `legend-bottom-${K.value}`
       }, null, 8, $t),
-      tl.value ? ($(), H(Wa, {
+      tl.value ? ($(), H(Va, {
         key: 3,
         to: l.value.style.chart.legend.position === "top" ? `#legend-top-${K.value}` : `#legend-bottom-${K.value}`
       }, [
@@ -1516,7 +1517,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
           ref_key: "chartLegend",
           ref: ll
         }, [
-          l.value.style.chart.legend.show && V.value ? ($(), H(At, {
+          l.value.style.chart.legend.show && W.value ? ($(), H(At, {
             legendSet: De.value,
             config: Pa.value,
             key: `legend_${Pe.value}`,
@@ -1529,7 +1530,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
               }, qe(t.name), 13, It)
             ]),
             legendToggle: p(() => [
-              De.value.length > 2 && l.value.style.chart.legend.selectAllToggle.show && !C(Se) ? ($(), H(Ft, {
+              De.value.length > 2 && l.value.style.chart.legend.selectAllToggle.show && !C(ze) ? ($(), H(Ft, {
                 key: 0,
                 backgroundColor: l.value.style.chart.legend.selectAllToggle.backgroundColor,
                 color: l.value.style.chart.legend.selectAllToggle.color,
@@ -1539,14 +1540,14 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
               }, null, 8, ["backgroundColor", "color", "fontSize", "checked"])) : _("", !0)
             ]),
             _: 1
-          }, 8, ["legendSet", "config"])) : z(e.$slots, "legend", {
+          }, 8, ["legendSet", "config"])) : S(e.$slots, "legend", {
             key: 1,
             legend: De.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : _("", !0),
       e.$slots.watermark ? ($(), Ie("div", Et, [
-        z(e.$slots, "watermark", Q(ee({ isPrinting: C(nl) || C(il) })), void 0, !0)
+        S(e.$slots, "watermark", Q(ee({ isPrinting: C(nl) || C(il) })), void 0, !0)
       ])) : _("", !0),
       e.$slots.source ? ($(), Ie("div", {
         key: 5,
@@ -1554,9 +1555,9 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
         ref: al,
         dir: "auto"
       }, [
-        z(e.$slots, "source", {}, void 0, !0)
+        S(e.$slots, "source", {}, void 0, !0)
       ], 512)) : _("", !0),
-      V.value && l.value.userOptions.buttons.table ? ($(), H(Ya(ye.value.component), ja({ key: 6 }, ye.value.props, {
+      W.value && l.value.userOptions.buttons.table ? ($(), H(Ya(ye.value.component), ja({ key: 6 }, ye.value.props, {
         ref_key: "tableUnit",
         ref: ce,
         onClose: Dl
@@ -1596,7 +1597,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
             J("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: a[4] || (a[4] = (t) => We(l.value.userOptions.callbacks.csv))
+              onClick: a[4] || (a[4] = (t) => Ve(l.value.userOptions.callbacks.csv))
             }, [
               El(wt, {
                 name: "fileCsv",
@@ -1617,7 +1618,7 @@ const Nl = { userOptions: { show: !1 }, style: { chart: { zoom: { minimap: { sho
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : _("", !0)
     ], 46, Dt));
   }
-}, Bt = /* @__PURE__ */ Tt(Rt, [["__scopeId", "data-v-12abead8"]]), to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Bt = /* @__PURE__ */ Tt(Rt, [["__scopeId", "data-v-cb73b653"]]), to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Bt
 }, Symbol.toStringTag, { value: "Module" }));