vue-data-ui 3.1.17 → 3.1.19-next.0

package/dist/{vue-ui-xy-canvas-cIU8Y1sD.js → vue-ui-xy-canvas-CSSVKhex.js}

@@ -1,17 +1,18 @@
-import { defineAsyncComponent as ee, ref as c, computed as L, useSlots as ea, onMounted as dl, watch as D, nextTick as hl, shallowRef as Me, onBeforeUnmount as la, createElementBlock as de, openBlock as S, unref as p, normalizeClass as aa, normalizeStyle as le, createCommentVNode as H, createElementVNode as Y, createBlock as F, createSlots as yl, withCtx as m, renderSlot as k, normalizeProps as V, guardReactiveProps as G, createVNode as fl, Teleport as ta, toDisplayString as Oe, resolveDynamicComponent as oa, mergeProps as ua, createTextVNode as gl } from "vue";
-import { u as sa, c as ra, a as na, p as Z, b as ia, C as xe, d as va, D as Re, k as ae, i as te, e as pl, a7 as ca, G as da, ah as ha, o as ya, f as fa, y as ml, v as ga, w as pa, z as ma, s as he, l as ba } from "./index-Lg17rmB1.js";
-import { d as xa, t as La, u as ka, c as Ca, a as bl, l as C, r as De, b as P, p as xl } from "./useResponsive-DfdjqQps.js";
-import { u as Ll } from "./useNestedProp-DpwLJMsW.js";
-import { u as wa } from "./usePrinter-DGI4Mlad.js";
-import { u as Sa } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as za } from "./useChartAccessibility-9icAAmYg.js";
-import $a from "./Legend-CjdnJGHq.js";
-import Ta from "./Title-BVMfF0uu.js";
-import { S as Ia } from "./Slicer-BJkhMBk4.js";
-import Ma from "./vue-ui-accordion-BJG-ogQj.js";
+import { defineAsyncComponent as ee, ref as c, computed as L, useSlots as ea, onMounted as dl, watch as D, nextTick as hl, shallowRef as Me, onBeforeUnmount as la, createElementBlock as de, openBlock as S, unref as p, normalizeClass as aa, normalizeStyle as le, createCommentVNode as H, createElementVNode as Y, createBlock as F, createSlots as fl, withCtx as m, renderSlot as k, normalizeProps as V, guardReactiveProps as Z, createVNode as yl, Teleport as ta, toDisplayString as Oe, resolveDynamicComponent as oa, mergeProps as ua, createTextVNode as gl } from "vue";
+import { c as ra, b as sa, p as G, D as xe, e as na, E as Re, a as ae, d as te, h as pl, a0 as ia, L as va, a8 as ca, o as da, f as ha, z as ml, x as fa, y as ya, A as ga, s as he, m as pa } from "./lib-p5pfHmOX.js";
+import { d as ma, t as ba, u as xa, c as La, a as bl, l as C, r as De, b as P, p as xl } from "./useResponsive-DfdjqQps.js";
+import { u as ka, a as Ll } from "./useNestedProp-DF7e2h1z.js";
+import { u as Ca } from "./usePrinter-Yeu5jOfm.js";
+import { u as wa } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Sa } from "./useChartAccessibility-9icAAmYg.js";
+import { t as za } from "./themes-D3cUNuKw.js";
+import $a from "./Legend-_Rv594VS.js";
+import Ta from "./Title-pI68ZJsq.js";
+import { S as Ia } from "./Slicer-BgpOhmb6.js";
+import Ma from "./vue-ui-accordion-D-L73-T2.js";
 import { u as Oa } from "./useTimeLabels-BGFjWgrv.js";
-import Ra from "./img-CeCjiMpr.js";
-import Da from "./BaseIcon-7s-tCFcQ.js";
+import Ra from "./img-CH7J0fYg.js";
+import Da from "./BaseIcon-D2f9w5Z5.js";
 import { _ as Fa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
   key: 3,
@@ -34,14 +35,14 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
   },
   emits: ["selectLegend"],
   setup(Fe, { expose: kl, emit: Cl }) {
-    const wl = ee(() => import("./DataTable-Dw6dxJk3.js")), Sl = ee(() => import("./NonSvgPenAndPaper-tX2IXHuz.js")), zl = ee(() => import("./vue-ui-skeleton-fqG3bKSz.js")), $l = ee(() => import("./Tooltip-DBvmoYXU.js")), Tl = ee(() => import("./UserOptions-CKzW9w0Q.js")), Il = ee(() => import("./BaseDraggableDialog-CrCjMg89.js")), { vue_ui_xy_canvas: Ml } = sa(), g = Fe, _ = c(ra()), I = c(null), oe = c(null), n = c(null), y = c(1), E = c(1), ye = c(!1), d = c(null), fe = c(""), Pe = c(null), $ = c([]), j = c(1), B = c(!0), q = c(!0), Le = c(null), Ee = c(0), Ae = c(0), ue = c(!1), Ne = c(null), He = c(null), Ye = c(null), _e = c(null), ke = c(0), Ce = c(0), we = c(0), M = c(null), Be = c(!1), se = c(null), Se = c(null), ge = L(() => !!g.dataset && g.dataset.length), Ol = Cl, Rl = ea();
+    const wl = ee(() => import("./DataTable-xISHA7Pu.js")), Sl = ee(() => import("./NonSvgPenAndPaper-DiM4-9ju.js")), zl = ee(() => import("./vue-ui-skeleton-FtA6-6zz.js")), $l = ee(() => import("./Tooltip-Clf2K3CF.js")), Tl = ee(() => import("./UserOptions-Bn3u4JQu.js")), Il = ee(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_xy_canvas: Ml } = ka(), g = Fe, _ = c(ra()), I = c(null), oe = c(null), n = c(null), f = c(1), E = c(1), fe = c(!1), d = c(null), ye = c(""), Pe = c(null), $ = c([]), j = c(1), B = c(!0), q = c(!0), Le = c(null), Ee = c(0), Ae = c(0), ue = c(!1), Ne = c(null), He = c(null), Ye = c(null), _e = c(null), ke = c(0), Ce = c(0), we = c(0), M = c(null), Be = c(!1), re = c(null), Se = c(null), ge = L(() => !!g.dataset && g.dataset.length), Ol = Cl, Rl = ea();
     dl(() => {
       Rl["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });
     const l = L({
       get: () => Xe(),
       set: (e) => e
-    }), { userOptionsVisible: ze, setUserOptionsVisibility: Ue, keepUserOptionState: We } = Sa({ config: l.value }), { svgRef: O } = za({ config: l.value.style.chart.title });
+    }), { userOptionsVisible: ze, setUserOptionsVisibility: Ue, keepUserOptionState: We } = wa({ config: l.value }), { svgRef: O } = Sa({ config: l.value.style.chart.title });
     function Xe() {
       const e = Ll({
         userConfig: g.config,
@@ -50,22 +51,22 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
       let a = {};
       return e.theme ? a = {
         ...Ll({
-          userConfig: ia.vue_ui_xy_canvas[e.theme] || g.config,
+          userConfig: za.vue_ui_xy_canvas[e.theme] || g.config,
           defaultConfig: e
         }),
-        customPalette: na[e.theme] || Z
+        customPalette: sa[e.theme] || G
       } : a = e, 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, a;
     }
     D(() => g.config, (e) => {
-      l.value = Xe(), ze.value = !l.value.userOptions.showOnChartHover, $e(), ke.value += 1, Ce.value += 1, we.value += 1, s.value.showTable = l.value.table.show, s.value.showDataLabels = l.value.style.chart.dataLabels.show, s.value.stacked = l.value.style.chart.stacked, s.value.showTooltip = l.value.style.chart.tooltip.show;
+      l.value = Xe(), ze.value = !l.value.userOptions.showOnChartHover, $e(), ke.value += 1, Ce.value += 1, we.value += 1, r.value.showTable = l.value.table.show, r.value.showDataLabels = l.value.style.chart.dataLabels.show, r.value.stacked = l.value.style.chart.stacked, r.value.showTooltip = l.value.style.chart.tooltip.show;
     }, { deep: !0 }), D(() => g.dataset, () => {
       $e(), ke.value += 1, Ce.value += 1, we.value += 1;
     }, { deep: !0 });
-    const Ve = c(l.value.style.chart.aspectRatio), { isPrinting: Ge, isImaging: Ze, generatePdf: je, generateImage: qe } = wa({
+    const Ve = c(l.value.style.chart.aspectRatio), { isPrinting: Ze, isImaging: Ge, generatePdf: je, generateImage: qe } = Ca({
       elementId: `xy_canvas_${_.value}`,
       fileName: l.value.style.chart.title.text || "vue-ui-xy-canvas",
       options: l.value.userOptions.print
-    }), s = c({
+    }), r = c({
       showTable: l.value.table.show,
       showDataLabels: l.value.style.chart.dataLabels.show,
       stacked: l.value.style.chart.stacked,
@@ -74,14 +75,14 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
     function Je(e) {
       ue.value = e, Ae.value += 1;
     }
-    const Ke = L(() => va(l.value.customPalette)), T = L(() => J.value ? Math.max(...J.value.filter((e, a) => !$.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0), t = L(() => {
-      const e = y.value - y.value * (l.value.style.chart.paddingProportions.left + l.value.style.chart.paddingProportions.right);
+    const Ke = L(() => na(l.value.customPalette)), T = L(() => J.value ? Math.max(...J.value.filter((e, a) => !$.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0), t = L(() => {
+      const e = f.value - f.value * (l.value.style.chart.paddingProportions.left + l.value.style.chart.paddingProportions.right);
       return {
-        canvasWidth: y.value,
+        canvasWidth: f.value,
         canvasHeight: E.value,
-        left: y.value * l.value.style.chart.paddingProportions.left,
+        left: f.value * l.value.style.chart.paddingProportions.left,
         top: E.value * l.value.style.chart.paddingProportions.top,
-        right: y.value - y.value * l.value.style.chart.paddingProportions.right,
+        right: f.value - f.value * l.value.style.chart.paddingProportions.right,
         bottom: E.value - E.value * l.value.style.chart.paddingProportions.bottom,
         width: e,
         height: E.value - E.value * (l.value.style.chart.paddingProportions.top + l.value.style.chart.paddingProportions.bottom),
@@ -91,13 +92,13 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
     function Qe(e, a) {
       return e / a;
     }
-    function Dl({ hasAutoScale: e, series: a, min: o, max: r, scale: i, yOffset: x, individualHeight: v, stackIndex: f = null }) {
+    function Dl({ hasAutoScale: e, series: a, min: o, max: s, scale: i, yOffset: x, individualHeight: v, stackIndex: y = null }) {
       return a.map((W, z) => {
         const N = i.min < 0 ? Math.abs(i.min) : 0, X = Qe(W + N, N + i.max);
         let ve, ce;
         e && (ve = i.min, ce = Qe(W - ve, i.max - ve));
         let R = 0;
-        return f === null ? R = t.value.bottom - t.value.height * (e ? ce : X) : R = t.value.bottom - x - v * (e ? ce : X), {
+        return y === null ? R = t.value.bottom - t.value.height * (e ? ce : X) : R = t.value.bottom - x - v * (e ? ce : X), {
           x: t.value.left + t.value.slot * z + t.value.slot / 2,
           y: R,
           value: W
@@ -105,13 +106,13 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
       });
     }
     const b = L(() => {
-      const e = l.value.style.chart.scale.min !== null ? l.value.style.chart.scale.min : Math.min(...J.value.filter((v, f) => !$.value.includes(v.absoluteIndex)).flatMap((v) => v.series.slice(u.value.start, u.value.end))), a = l.value.style.chart.scale.max !== null ? l.value.style.chart.scale.max : Math.max(...J.value.filter((v, f) => !$.value.includes(v.absoluteIndex)).flatMap((v) => v.series.slice(u.value.start, u.value.end))), o = Re(e < 0 ? e : 0, a === e ? e + 1 < 0 ? 0 : e + 1 : a < 0 ? 0 : a, l.value.style.chart.scale.ticks), r = o.min < 0 ? Math.abs(o.min) : 0, i = t.value.bottom - t.value.height * (r / (o.max + r)), x = o.ticks.map((v) => ({
-        y: t.value.bottom - t.value.height * ((v + r) / (o.max + r)),
+      const e = l.value.style.chart.scale.min !== null ? l.value.style.chart.scale.min : Math.min(...J.value.filter((v, y) => !$.value.includes(v.absoluteIndex)).flatMap((v) => v.series.slice(u.value.start, u.value.end))), a = l.value.style.chart.scale.max !== null ? l.value.style.chart.scale.max : Math.max(...J.value.filter((v, y) => !$.value.includes(v.absoluteIndex)).flatMap((v) => v.series.slice(u.value.start, u.value.end))), o = Re(e < 0 ? e : 0, a === e ? e + 1 < 0 ? 0 : e + 1 : a < 0 ? 0 : a, l.value.style.chart.scale.ticks), s = o.min < 0 ? Math.abs(o.min) : 0, i = t.value.bottom - t.value.height * (s / (o.max + s)), x = o.ticks.map((v) => ({
+        y: t.value.bottom - t.value.height * ((v + s) / (o.max + s)),
         x: t.value.left - 8,
         value: v
       }));
       return {
-        absoluteMin: r,
+        absoluteMin: s,
         max: a,
         min: e,
         scale: o,
@@ -138,55 +139,55 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
             </div>
         `)), J = L(() => g.dataset.map((e, a) => ({
       ...e,
-      series: ca({
-        data: da(e.series),
+      series: ia({
+        data: va(e.series),
         threshold: l.value.downsample.threshold
       }),
       absoluteIndex: a,
-      color: pl(e.color || Ke.value[a] || Z[a] || Z[a % Z.length])
+      color: pl(e.color || Ke.value[a] || G[a] || G[a % G.length])
     })));
     D(T, (e) => {
       e && el();
     });
-    const h = L(() => ha(J.value.filter((e, a) => !$.value.includes(e.absoluteIndex))).map((e, a) => ({
+    const h = L(() => ca(J.value.filter((e, a) => !$.value.includes(e.absoluteIndex))).map((e, a) => ({
       ...e,
       series: e.series.slice(u.value.start, u.value.end)
     })).map((e, a) => {
-      let o = [null, void 0].includes(e.scaleMin) ? Math.min(...e.series) || 0 : e.scaleMin, r = [null, void 0].includes(e.scaleMax) ? Math.max(...e.series) || 1 : e.scaleMax;
-      o === r && (o = o >= 0 ? r - 1 : o, r = r >= 0 ? r : o + 1), e.series.filter((R) => ![null, void 0].includes(R)).map((R) => (R - o) / (r - o));
+      let o = [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;
+      o === s && (o = o >= 0 ? s - 1 : o, s = s >= 0 ? s : o + 1), e.series.filter((R) => ![null, void 0].includes(R)).map((R) => (R - o) / (s - o));
       const i = {
         valueMin: o,
-        valueMax: r
+        valueMax: s
       }, x = e.scaleSteps || l.value.style.chart.scale.ticks;
       let v;
       e.autoScaling ? v = Re(i.valueMin, i.valueMax, x) : v = Re(i.valueMin < 0 ? i.valueMin : 0, i.valueMax <= 0 ? 0 : i.valueMax, x);
-      const f = s.value.stacked ? t.value.height * (1 - e.cumulatedStackRatio) : 0, W = s.value.stacked ? t.value.height / l.value.style.chart.stackGap : 0, z = s.value.stacked ? t.value.height * e.stackRatio - W : t.value.height, N = v.min < 0 ? Math.abs(v.min) : 0;
+      const y = r.value.stacked ? t.value.height * (1 - e.cumulatedStackRatio) : 0, W = r.value.stacked ? t.value.height / l.value.style.chart.stackGap : 0, z = r.value.stacked ? t.value.height * e.stackRatio - W : t.value.height, N = v.min < 0 ? Math.abs(v.min) : 0;
       let X;
-      e.autoScaling && s.value.stacked && r <= 0 ? X = t.value.bottom - f - z : X = t.value.bottom - f - z * (N / (v.max + N));
+      e.autoScaling && r.value.stacked && s <= 0 ? X = t.value.bottom - y - z : X = t.value.bottom - y - z * (N / (v.max + N));
       const ve = v.ticks.map((R, Ql) => ({
-        y: t.value.bottom - f - z * (Ql / (v.ticks.length - 1)),
+        y: t.value.bottom - y - z * (Ql / (v.ticks.length - 1)),
         x: t.value.left - 8,
         value: R
       })), ce = Dl({
-        hasAutoScale: s.value.stacked && e.autoScaling,
+        hasAutoScale: r.value.stacked && e.autoScaling,
         series: e.series,
-        min: s.value.stacked ? o : b.value.min,
-        max: s.value.stacked ? r : b.value.max,
-        scale: s.value.stacked ? v : b.value.scale,
-        yOffset: f,
+        min: r.value.stacked ? o : b.value.min,
+        max: r.value.stacked ? s : b.value.max,
+        scale: r.value.stacked ? v : b.value.scale,
+        yOffset: y,
         individualHeight: z,
-        stackIndex: s.value.stacked ? a : null
+        stackIndex: r.value.stacked ? a : null
       });
       return {
         ...e,
         coordinatesLine: ce,
         min: o,
-        max: r,
+        max: s,
         localScale: v,
         localZero: X,
         localMin: N,
         localYLabels: ve,
-        yOffset: f,
+        yOffset: y,
         individualHeight: z
       };
     })), u = c({
@@ -199,8 +200,8 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
     const ll = c(null);
     async function al() {
       await hl(), await hl();
-      const { startIndex: e, endIndex: a } = l.value.style.chart.zoom, o = ll.value, r = T.value;
-      u.value = { start: 0, end: r }, (e != null || a != null) && o ? (e != null ? o.setStartValue(e) : (u.value.start = 0, o.setStartValue(0)), a != null ? o.setEndValue(Pl(a + 1)) : (u.value.end = r, o.setEndValue(r))) : (u.value = { start: 0, end: r }, Ee.value += 1);
+      const { startIndex: e, endIndex: a } = l.value.style.chart.zoom, o = ll.value, s = T.value;
+      u.value = { start: 0, end: s }, (e != null || a != null) && o ? (e != null ? o.setStartValue(e) : (u.value.start = 0, o.setStartValue(0)), a != null ? o.setEndValue(Pl(a + 1)) : (u.value.end = s, o.setEndValue(s))) : (u.value = { start: 0, end: s }, Ee.value += 1);
     }
     function Pl(e) {
       const a = T.value;
@@ -211,10 +212,10 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
       if (!O.value)
         return;
       const e = oe.value.offsetWidth, a = oe.value.offsetHeight;
-      O.value.width = e * j.value * 2, O.value.height = a * j.value * 2, y.value = e * j.value * 2, E.value = a * j.value * 2, n.value.scale(j.value, j.value), re();
+      O.value.width = e * j.value * 2, O.value.height = a * j.value * 2, f.value = e * j.value * 2, E.value = a * j.value * 2, n.value.scale(j.value, j.value), se();
     }
     function Nl() {
-      if (n.value.clearRect(0, 0, 1e4, 1e4), n.value.fillStyle = l.value.style.chart.backgroundColor, n.value.fillRect(0, 0, t.value.canvasWidth, t.value.canvasHeight), s.value.stacked)
+      if (n.value.clearRect(0, 0, 1e4, 1e4), n.value.fillStyle = l.value.style.chart.backgroundColor, n.value.fillRect(0, 0, t.value.canvasWidth, t.value.canvasHeight), r.value.stacked)
         l.value.style.chart.grid.y.verticalLines.show && u.value.end - u.value.start < l.value.style.chart.grid.y.verticalLines.hideUnderXLength ? h.value.forEach((e) => {
           for (let a = 0; a < u.value.end - u.value.start + 1; a += 1)
             C(
@@ -316,13 +317,13 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           P(
             n.value,
             e.name,
-            y.value / 35,
+            f.value / 35,
             t.value.bottom - e.yOffset - e.individualHeight / 2,
             {
               align: "center",
               rotation: -90,
               color: e.color,
-              font: `${Math.round(y.value / 40 * l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`
+              font: `${Math.round(f.value / 40 * l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`
             }
           );
         });
@@ -411,10 +412,10 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
       l.value.style.chart.grid.y.axisName && P(
         n.value,
         l.value.style.chart.grid.y.axisName,
-        y.value - y.value / 40 * l.value.style.chart.grid.y.axisLabels.fontSizeRatio * 1.2,
+        f.value - f.value / 40 * l.value.style.chart.grid.y.axisLabels.fontSizeRatio * 1.2,
         t.value.bottom - t.value.height / 2,
         {
-          font: `${l.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
+          font: `${l.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(f.value / 40 * l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
           color: l.value.style.chart.color,
           align: "center",
           rotation: 90
@@ -422,10 +423,10 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
       ), l.value.style.chart.grid.x.axisName && P(
         n.value,
         l.value.style.chart.grid.x.axisName,
-        y.value / 2,
+        f.value / 2,
         E.value,
         {
-          font: `${l.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
+          font: `${l.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(f.value / 40 * l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
           color: l.value.style.chart.color,
           align: "center"
         }
@@ -433,7 +434,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
     }
     function Hl(e) {
       for (let a = 0; a < e.coordinatesLine.length; a += 1) {
-        const o = (d.value === a ? y.value / 150 : l.value.style.chart.line.plots.show ? y.value / 200 : 0) * l.value.style.chart.line.plots.radiusRatio;
+        const o = (d.value === a ? f.value / 150 : l.value.style.chart.line.plots.show ? f.value / 200 : 0) * l.value.style.chart.line.plots.radiusRatio;
         bl(
           n.value,
           { x: e.coordinatesLine[a].x, y: e.coordinatesLine[a].y },
@@ -464,14 +465,14 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           ne(e).y,
           {
             align: "right",
-            font: `${l.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
+            font: `${l.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(f.value / 40 * l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
             color: e.color
           }
         );
       });
     }
     function _l() {
-      l.value.style.chart.grid.y.axisLabels.show && (s.value.stacked ? h.value.forEach((e) => {
+      l.value.style.chart.grid.y.axisLabels.show && (r.value.stacked ? h.value.forEach((e) => {
         e.localYLabels.forEach((a, o) => {
           P(
             n.value,
@@ -490,7 +491,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
             a.y,
             {
               align: "right",
-              font: `${l.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
+              font: `${l.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(f.value / 40 * l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
               color: e.color,
               globalAlpha: e.showYMarker && ![null, void 0].includes(d.value) ? 0.2 : 1
             }
@@ -514,7 +515,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           e.y,
           {
             align: "right",
-            font: `${l.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
+            font: `${l.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(f.value / 40 * l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
             color: l.value.style.chart.grid.y.axisLabels.color,
             globalAlpha: h.value.some((o) => o.showYMarker) && ![null, void 0].includes(d.value) ? 0.2 : 1
           }
@@ -540,7 +541,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           e.coordinatesLine[a].y + l.value.style.chart.dataLabels.offsetY,
           {
             align: "center",
-            font: `${l.value.style.chart.dataLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * l.value.style.chart.dataLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
+            font: `${l.value.style.chart.dataLabels.bold ? "bold " : ""}${Math.round(f.value / 40 * l.value.style.chart.dataLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
             color: l.value.style.chart.dataLabels.useSerieColor ? e.color : l.value.style.chart.dataLabels.color
           }
         );
@@ -558,10 +559,10 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           n.value,
           U.value[e] ? U.value[e].text : e + 1,
           t.value.left + t.value.slot * (e - u.value.start) + t.value.slot / 2,
-          t.value.bottom + y.value / l.value.style.chart.grid.y.timeLabels.offsetY,
+          t.value.bottom + f.value / l.value.style.chart.grid.y.timeLabels.offsetY,
           {
             align: l.value.style.chart.grid.y.timeLabels.rotation === 0 ? "center" : l.value.style.chart.grid.y.timeLabels.rotation > 0 ? "left" : "right",
-            font: `${l.value.style.chart.grid.y.timeLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * l.value.style.chart.grid.y.timeLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
+            font: `${l.value.style.chart.grid.y.timeLabels.bold ? "bold " : ""}${Math.round(f.value / 40 * l.value.style.chart.grid.y.timeLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
             color: l.value.style.chart.grid.y.timeLabels.showMarker ? he(l.value.style.chart.grid.y.timeLabels.color, d.value !== null ? d.value + u.value.start === e ? 100 : 20 : 100) : l.value.style.chart.grid.y.timeLabels.color,
             rotation: l.value.style.chart.grid.y.timeLabels.rotation
           }
@@ -602,19 +603,19 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
             n.value,
             [
               {
-                x: t.value.left + t.value.slot * o + t.value.slot / 10 + (s.value.stacked ? 0 : t.value.slot / w.value.length * a - (a === 0 ? 0 : t.value.slot / (5 * w.value.length) * a)),
-                y: s.value.stacked ? e.localZero : b.value.zero
+                x: t.value.left + t.value.slot * o + t.value.slot / 10 + (r.value.stacked ? 0 : t.value.slot / w.value.length * a - (a === 0 ? 0 : t.value.slot / (5 * w.value.length) * a)),
+                y: r.value.stacked ? e.localZero : b.value.zero
               },
               {
-                x: t.value.left + t.value.slot * o + t.value.slot / 10 + (s.value.stacked ? 0 : t.value.slot / w.value.length * a - (a === 0 ? 0 : t.value.slot / (5 * w.value.length) * a)) + t.value.slot * 0.8 / (s.value.stacked ? 1 : w.value.length),
-                y: s.value.stacked ? e.localZero : b.value.zero
+                x: t.value.left + t.value.slot * o + t.value.slot / 10 + (r.value.stacked ? 0 : t.value.slot / w.value.length * a - (a === 0 ? 0 : t.value.slot / (5 * w.value.length) * a)) + t.value.slot * 0.8 / (r.value.stacked ? 1 : w.value.length),
+                y: r.value.stacked ? e.localZero : b.value.zero
               },
               {
-                x: t.value.left + t.value.slot * o + t.value.slot / 10 + (s.value.stacked ? 0 : t.value.slot / w.value.length * a - (a === 0 ? 0 : t.value.slot / (5 * w.value.length) * a)) + t.value.slot * 0.8 / (s.value.stacked ? 1 : w.value.length),
+                x: t.value.left + t.value.slot * o + t.value.slot / 10 + (r.value.stacked ? 0 : t.value.slot / w.value.length * a - (a === 0 ? 0 : t.value.slot / (5 * w.value.length) * a)) + t.value.slot * 0.8 / (r.value.stacked ? 1 : w.value.length),
                 y: e.coordinatesLine[o].y
               },
               {
-                x: t.value.left + t.value.slot * o + t.value.slot / 10 + (s.value.stacked ? 0 : t.value.slot / w.value.length * a - (a === 0 ? 0 : t.value.slot / (5 * w.value.length) * a)),
+                x: t.value.left + t.value.slot * o + t.value.slot / 10 + (r.value.stacked ? 0 : t.value.slot / w.value.length * a - (a === 0 ? 0 : t.value.slot / (5 * w.value.length) * a)),
                 y: e.coordinatesLine[o].y
               }
             ],
@@ -628,15 +629,15 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
                 },
                 end: {
                   x: e.coordinatesLine[o].x,
-                  y: s.value.stacked ? e.localZero : b.value.zero
+                  y: r.value.stacked ? e.localZero : b.value.zero
                 },
                 stops: [
                   { offset: 0, color: e.color },
-                  { offset: 1, color: l.value.style.chart.bar.gradient.show ? ba(e.color, 0.5) : e.color }
+                  { offset: 1, color: l.value.style.chart.bar.gradient.show ? pa(e.color, 0.5) : e.color }
                 ]
               }
             }
-          ), s.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && P(
+          ), r.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && P(
             n.value,
             ae(
               l.value.style.chart.dataLabels.formatter,
@@ -649,11 +650,11 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
               }),
               { datapoint: e.coordinatesLine[o], seriesIndex: o }
             ),
-            t.value.left + t.value.slot * o + t.value.slot / 10 + (s.value.stacked ? 0 : t.value.slot / w.value.length * a - (a === 0 ? 0 : t.value.slot / (5 * w.value.length) * a)) + t.value.slot * 0.4 / (s.value.stacked ? 1 : w.value.length),
-            (e.coordinatesLine[o].value < 0 ? s.value.stacked ? e.localZero : b.value.zero : e.coordinatesLine[o].y) + l.value.style.chart.dataLabels.offsetY,
+            t.value.left + t.value.slot * o + t.value.slot / 10 + (r.value.stacked ? 0 : t.value.slot / w.value.length * a - (a === 0 ? 0 : t.value.slot / (5 * w.value.length) * a)) + t.value.slot * 0.4 / (r.value.stacked ? 1 : w.value.length),
+            (e.coordinatesLine[o].value < 0 ? r.value.stacked ? e.localZero : b.value.zero : e.coordinatesLine[o].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}`,
+              font: `${Math.round(f.value / 40 * l.value.style.chart.dataLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,
               color: l.value.style.chart.dataLabels.useSerieColor ? e.color : l.value.style.chart.dataLabels.color,
               strokeColor: l.value.style.chart.backgroundColor,
               lineWidth: 0.8
@@ -662,7 +663,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
       });
     }
     function Vl(e) {
-      e.useArea ? s.value.stacked ? xl(
+      e.useArea ? r.value.stacked ? xl(
         n.value,
         [{ x: e.coordinatesLine[0].x, y: e.localZero }, ...e.coordinatesLine, { x: e.coordinatesLine.at(-1).x, y: e.localZero }],
         {
@@ -681,7 +682,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         lineWidth: 3
       });
     }
-    function Gl() {
+    function Zl() {
       h.value.forEach((e, a) => {
         C(
           n.value,
@@ -696,10 +697,10 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         );
       });
     }
-    function re() {
-      Nl(), B.value ? (d.value !== null && l.value.style.chart.selector.show && tl(), Xl(), s.value.stacked && l.value.style.chart.grid.x.showAxis && Gl(), El.value.forEach((e) => {
-        (e.type === "line" || !e.type) && Vl(e), q.value && (Hl(e), s.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Bl(e));
-      }), Le.value = Ca(O.value)) : (Le.value && (n.value.clearRect(0, 0, 1e4, 1e4), n.value.drawImage(Le.value, 0, 0)), d.value !== null && l.value.style.chart.selector.show && tl(), d.value !== null && h.value.forEach((e) => {
+    function se() {
+      Nl(), B.value ? (d.value !== null && l.value.style.chart.selector.show && tl(), Xl(), r.value.stacked && l.value.style.chart.grid.x.showAxis && Zl(), El.value.forEach((e) => {
+        (e.type === "line" || !e.type) && Vl(e), q.value && (Hl(e), r.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Bl(e));
+      }), Le.value = La(O.value)) : (Le.value && (n.value.clearRect(0, 0, 1e4, 1e4), n.value.drawImage(Le.value, 0, 0)), d.value !== null && l.value.style.chart.selector.show && tl(), d.value !== null && h.value.forEach((e) => {
         if (e.type === "line" || !e.type || e.type === "plot") {
           if (!e.coordinatesLine[d.value]) return;
           e.coordinatesLine[d.value].x !== void 0 && e.coordinatesLine[d.value].y !== void 0 && bl(
@@ -708,7 +709,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
               x: e.coordinatesLine[d.value].x,
               y: e.coordinatesLine[d.value].y
             },
-            y.value / 150 * l.value.style.chart.line.plots.radiusRatio,
+            f.value / 150 * l.value.style.chart.line.plots.radiusRatio,
             {
               color: l.value.style.chart.backgroundColor,
               fillStyle: e.color
@@ -717,7 +718,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         }
       })), l.value.style.chart.grid.y.timeLabels.show && Ul(), l.value.style.chart.selector.show && l.value.style.chart.selector.showHorizontalSelector && Wl(), _l(), Yl(), B.value = !1;
     }
-    const pe = xa(() => {
+    const pe = ma(() => {
       q.value = !0, Al();
     }, T.value > 200 ? 10 : 1, !q.value);
     function ne(e) {
@@ -725,67 +726,67 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
       const { y: a, value: o } = e.coordinatesLine[d.value];
       return { y: a, value: o };
     }
-    function Zl(e) {
-      const { left: a, top: o } = O.value.getBoundingClientRect(), r = e.clientX - a;
-      if (M.value = (e.clientY - o) * 2, (M.value < t.value.top || M.value > t.value.bottom) && (M.value = null), r * 2 < t.value.left || r * 2 > t.value.right) {
-        ye.value = !1, d.value = null;
+    function Gl(e) {
+      const { left: a, top: o } = O.value.getBoundingClientRect(), s = e.clientX - a;
+      if (M.value = (e.clientY - o) * 2, (M.value < t.value.top || M.value > t.value.bottom) && (M.value = null), s * 2 < t.value.left || s * 2 > t.value.right) {
+        fe.value = !1, d.value = null;
         return;
       }
-      const i = r * 2 - t.value.left;
-      if (d.value = Math.floor(i / t.value.slot), ye.value = !0, !q.value) return;
+      const i = s * 2 - t.value.left;
+      if (d.value = Math.floor(i / t.value.slot), fe.value = !0, !q.value) return;
       let x = "";
       const v = l.value.style.chart.tooltip.customFormat;
-      ml(v) && ma(() => v({
+      ml(v) && ga(() => v({
         seriesIndex: d.value,
-        datapoint: h.value.map((f) => ({
-          shape: f.shape || null,
-          name: f.name,
-          color: f.color,
-          type: f.type || "line",
-          value: f.series.find((W, z) => z === d.value)
+        datapoint: h.value.map((y) => ({
+          shape: y.shape || null,
+          name: y.name,
+          color: y.color,
+          type: y.type || "line",
+          value: y.series.find((W, z) => z === d.value)
         })),
         series: h.value,
         config: l.value
-      })) ? fe.value = v({
+      })) ? ye.value = v({
         seriesIndex: d.value,
-        datapoint: h.value.map((f) => ({
-          shape: f.shape || null,
-          name: f.name,
-          color: f.color,
-          type: f.type || "line",
-          value: f.series.find((W, z) => z === d.value)
+        datapoint: h.value.map((y) => ({
+          shape: y.shape || null,
+          name: y.name,
+          color: y.color,
+          type: y.type || "line",
+          value: y.series.find((W, z) => z === d.value)
         })),
         series: h.value,
         config: l.value
-      }) : (l.value.style.chart.grid.y.timeLabels.values.slice(u.value.start, u.value.end)[d.value] && (x += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${l.value.style.chart.tooltip.borderColor}; width:100%">${U.value.slice(u.value.start, u.value.end)[d.value].text}</div>`), x += Fl.value.join(""), fe.value = x), q.value = !1;
+      }) : (l.value.style.chart.grid.y.timeLabels.values.slice(u.value.start, u.value.end)[d.value] && (x += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${l.value.style.chart.tooltip.borderColor}; width:100%">${U.value.slice(u.value.start, u.value.end)[d.value].text}</div>`), x += Fl.value.join(""), ye.value = x), q.value = !1;
     }
     D(() => d.value, (e) => {
       pe();
     }), D(() => u.value, (e) => {
-      B.value = !0, re();
+      B.value = !0, se();
     }, {
       deep: !0
-    }), D(() => s.value.showDataLabels, (e) => {
-      B.value = !0, re();
+    }), D(() => r.value.showDataLabels, (e) => {
+      B.value = !0, se();
     }), D(() => M.value, (e) => {
-      e && re();
-    }), D(() => s.value.stacked, (e) => {
+      e && se();
+    }), D(() => r.value.stacked, (e) => {
       B.value = !0, q.value = !0, pe();
     });
     function jl() {
-      ye.value = !1, d.value = null, fe.value = "", M.value = null, re();
+      fe.value = !1, d.value = null, ye.value = "", M.value = null, se();
     }
     const A = Me(null), K = Me(null), Q = Me(null);
     dl(() => {
       Be.value = !0, $e();
     });
     function $e() {
-      if (ya(g.dataset) ? fa({
+      if (da(g.dataset) ? ha({
         componentName: "VueUiXyCanvas",
         type: "dataset"
       }) : O.value && (n.value = O.value.getContext("2d", { willReadFrequently: !0 })), l.value.responsive) {
-        const e = La(() => {
-          const { width: a, height: o } = ka({
+        const e = ba(() => {
+          const { width: a, height: o } = xa({
             chart: I.value,
             title: l.value.style.chart.title.text ? Ne.value : null,
             legend: l.value.style.chart.legend.show ? He.value : null,
@@ -812,7 +813,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
     const ul = L(() => J.value.map((e, a) => ({
       ...e,
       name: e.name,
-      color: pl(e.color) || Ke.value[a] || Z[a] || Z[a % Z.length],
+      color: pl(e.color) || Ke.value[a] || G[a] || G[a % G.length],
       shape: e.shape || "circle",
       prefix: e.prefix || "",
       suffix: e.suffix || "",
@@ -833,7 +834,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
       const e = [""].concat(h.value.map((i) => i.name)).concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>');
       let a = [];
       for (let i = 0; i < T.value; i += 1) {
-        const x = h.value.map((v) => v.series[i] ?? 0).reduce((v, f) => v + f, 0);
+        const x = h.value.map((v) => v.series[i] ?? 0).reduce((v, y) => v + y, 0);
         a.push([l.value.style.chart.grid.y.timeLabels.values.slice(u.value.start, u.value.end)[i] ? U.value.slice(u.value.start, u.value.end)[i].text : i + 1].concat(h.value.map((v) => (v.series[i] ?? 0).toFixed(l.value.table.rounding))).concat((x ?? 0).toFixed(l.value.table.rounding)));
       }
       const o = {
@@ -848,9 +849,9 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           outline: l.value.table.td.outline
         },
         breakpoint: l.value.table.responsiveBreakpoint
-      }, r = [l.value.table.columnNames.period].concat(h.value.map((i) => i.name)).concat(l.value.table.columnNames.total);
-      return { head: e, body: a.slice(0, u.value.end - u.value.start), config: o, colNames: r };
-    }), sl = L(() => {
+      }, s = [l.value.table.columnNames.period].concat(h.value.map((i) => i.name)).concat(l.value.table.columnNames.total);
+      return { head: e, body: a.slice(0, u.value.end - u.value.start), config: o, colNames: s };
+    }), rl = L(() => {
       if (h.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
       const e = h.value.map((o) => ({
         label: o.name,
@@ -858,31 +859,31 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         type: o.type
       })), a = [];
       for (let o = u.value.start; o < u.value.end; o += 1) {
-        const r = [l.value.style.chart.grid.y.timeLabels.values[o] ? U.value[o].text : o + 1];
+        const s = [l.value.style.chart.grid.y.timeLabels.values[o] ? U.value[o].text : o + 1];
         h.value.forEach((i) => {
-          r.push(Number((i.series[o] || 0).toFixed(l.value.table.rounding)));
-        }), a.push(r);
+          s.push(Number((i.series[o] || 0).toFixed(l.value.table.rounding)));
+        }), a.push(s);
       }
       return { head: e, body: a };
     });
     function Te(e = null) {
-      const a = [[l.value.style.chart.title.text], [l.value.style.chart.title.subtitle.text], [""]], o = ["", ...sl.value.head.map((v) => v.label)], r = sl.value.body, i = a.concat([o]).concat(r), x = ga(i);
-      e ? e(x) : pa({ csvContent: x, 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], [""]], o = ["", ...rl.value.head.map((v) => v.label)], s = rl.value.body, i = a.concat([o]).concat(s), x = fa(i);
+      e ? e(x) : ya({ csvContent: x, title: l.value.style.chart.title.text || "vue-ui-xy-canvas" });
     }
     function Jl() {
       return h.value;
     }
-    function rl() {
-      s.value.showTable = !s.value.showTable;
+    function sl() {
+      r.value.showTable = !r.value.showTable;
     }
     function nl() {
-      s.value.showDataLabels = !s.value.showDataLabels;
+      r.value.showDataLabels = !r.value.showDataLabels;
     }
     function il() {
-      s.value.stacked = !s.value.stacked;
+      r.value.stacked = !r.value.stacked;
     }
     function vl() {
-      s.value.showTooltip = !s.value.showTooltip;
+      r.value.showTooltip = !r.value.showTooltip;
     }
     const be = c(!1);
     function Ie() {
@@ -890,18 +891,18 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
     }
     async function Kl({ scale: e = 2 } = {}) {
       if (!I.value) return;
-      const { width: a, height: o } = I.value.getBoundingClientRect(), r = a / o, { imageUri: i, base64: x } = await Ra({ domElement: I.value, base64: !0, img: !0, scale: e });
+      const { width: a, height: o } = I.value.getBoundingClientRect(), s = a / o, { imageUri: i, base64: x } = await Ra({ domElement: I.value, base64: !0, img: !0, scale: e });
       return {
         imageUri: i,
         base64: x,
         title: l.value.style.chart.title.text,
         width: a,
         height: o,
-        aspectRatio: r
+        aspectRatio: s
       };
     }
     const ie = L(() => {
-      const e = l.value.table.useDialog && !l.value.table.show, a = s.value.showTable;
+      const e = l.value.table.useDialog && !l.value.table.show, a = r.value.showTable;
       return {
         component: e ? Il : Ma,
         title: `${l.value.style.chart.title.text}${l.value.style.chart.title.subtitle.text ? `: ${l.value.style.chart.title.subtitle.text}` : ""}`,
@@ -930,11 +931,11 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         }
       };
     });
-    D(() => s.value.showTable, (e) => {
-      l.value.table.show || (e && l.value.table.useDialog && se.value ? se.value.open() : "close" in se.value && se.value.close());
+    D(() => r.value.showTable, (e) => {
+      l.value.table.show || (e && l.value.table.useDialog && re.value ? re.value.open() : "close" in re.value && re.value.close());
     });
     function cl() {
-      s.value.showTable = !1, Se.value && Se.value.setTableIconState(!1);
+      r.value.showTable = !1, Se.value && Se.value.setTableIconState(!1);
     }
     return kl({
       getData: Jl,
@@ -942,7 +943,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
       generateCsv: Te,
       generatePdf: je,
       generateImage: qe,
-      toggleTable: rl,
+      toggleTable: sl,
       toggleLabels: nl,
       toggleStack: il,
       toggleTooltip: vl,
@@ -986,8 +987,8 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         key: `user_option_${Ae.value}`,
         backgroundColor: l.value.style.chart.backgroundColor,
         color: l.value.style.chart.color,
-        isPrinting: p(Ge),
-        isImaging: p(Ze),
+        isPrinting: p(Ze),
+        isImaging: p(Ge),
         uid: _.value,
         hasTooltip: l.value.userOptions.buttons.tooltip && l.value.style.chart.tooltip.show,
         hasPdf: l.value.userOptions.buttons.pdf,
@@ -998,8 +999,8 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         hasFullscreen: l.value.userOptions.buttons.fullscreen,
         hasTable: u.value.end - u.value.start <= 730 && l.value.userOptions.buttons.table,
         isFullscreen: ue.value,
-        isTooltip: s.value.showTooltip,
-        isStacked: s.value.stacked,
+        isTooltip: r.value.showTooltip,
+        isStacked: r.value.stacked,
         titles: { ...l.value.userOptions.buttonTitles },
         chartElement: I.value,
         position: l.value.userOptions.position,
@@ -1012,7 +1013,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         onGeneratePdf: p(je),
         onGenerateCsv: Te,
         onGenerateImage: p(qe),
-        onToggleTable: rl,
+        onToggleTable: sl,
         onToggleLabels: nl,
         onToggleStack: il,
         onToggleTooltip: vl,
@@ -1020,11 +1021,11 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         style: le({
           visibility: p(We) ? p(ze) ? "visible" : "hidden" : "visible"
         })
-      }, yl({ _: 2 }, [
+      }, fl({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: m(({ isOpen: o, color: r }) => [
-            k(e.$slots, "menuIcon", V(G({ isOpen: o, color: r })), void 0, !0)
+          fn: m(({ isOpen: o, color: s }) => [
+            k(e.$slots, "menuIcon", V(Z({ isOpen: o, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -1079,15 +1080,15 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: m(({ toggleFullscreen: o, isFullscreen: r }) => [
-            k(e.$slots, "optionFullscreen", V(G({ toggleFullscreen: o, isFullscreen: r })), void 0, !0)
+          fn: m(({ toggleFullscreen: o, isFullscreen: s }) => [
+            k(e.$slots, "optionFullscreen", V(Z({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         e.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: m(({ toggleAnnotator: o, isAnnotator: r }) => [
-            k(e.$slots, "optionAnnotator", V(G({ toggleAnnotator: o, isAnnotator: r })), void 0, !0)
+          fn: m(({ toggleAnnotator: o, isAnnotator: s }) => [
+            k(e.$slots, "optionAnnotator", V(Z({ toggleAnnotator: o, isAnnotator: s })), void 0, !0)
           ]),
           key: "9"
         } : void 0
@@ -1103,7 +1104,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           ref_key: "canvas",
           ref: O,
           style: { width: "100%", height: "100%" },
-          onMousemove: a[0] || (a[0] = (o) => Zl(o)),
+          onMousemove: a[0] || (a[0] = (o) => Gl(o)),
           onMouseleave: jl
         }, null, 544)) : (S(), F(p(zl), {
           key: 1,
@@ -1123,8 +1124,8 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
             }
           }
         }, null, 8, ["config"])),
-        fl(p($l), {
-          show: s.value.showTooltip && ye.value,
+        yl(p($l), {
+          show: r.value.showTooltip && fe.value,
           backgroundColor: l.value.style.chart.tooltip.backgroundColor,
           color: l.value.style.chart.tooltip.color,
           fontSize: l.value.style.chart.tooltip.fontSize,
@@ -1134,7 +1135,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           position: l.value.style.chart.tooltip.position,
           offsetY: l.value.style.chart.tooltip.offsetY,
           parent: p(O),
-          content: fe.value,
+          content: ye.value,
           isFullscreen: ue.value,
           backgroundOpacity: l.value.style.chart.tooltip.backgroundOpacity,
           isCustom: p(ml)(l.value.style.chart.tooltip.customFormat),
@@ -1144,10 +1145,10 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           smoothSnapThreshold: l.value.style.chart.tooltip.smoothSnapThreshold
         }, {
           "tooltip-before": m(() => [
-            k(e.$slots, "tooltip-before", V(G({ ...Pe.value })), void 0, !0)
+            k(e.$slots, "tooltip-before", V(Z({ ...Pe.value })), void 0, !0)
           ]),
           "tooltip-after": m(() => [
-            k(e.$slots, "tooltip-after", V(G({ ...Pe.value })), void 0, !0)
+            k(e.$slots, "tooltip-after", V(Z({ ...Pe.value })), void 0, !0)
           ]),
           _: 3
         }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "position", "offsetY", "parent", "content", "isFullscreen", "backgroundOpacity", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"])
@@ -1188,7 +1189,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
           onReset: el
         }, {
           "reset-action": m(({ reset: o }) => [
-            k(e.$slots, "reset-action", V(G({ reset: o })), void 0, !0)
+            k(e.$slots, "reset-action", V(Z({ reset: o })), void 0, !0)
           ]),
           _: 3
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "focusOnDrag", "focusRangeRatio"])) : H("", !0)
@@ -1210,10 +1211,10 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
             key: `legend_${we.value}`,
             onClickMarker: a[3] || (a[3] = ({ i: o }) => ol(o))
           }, {
-            item: m(({ legend: o, index: r }) => [
+            item: m(({ legend: o, index: s }) => [
               Y("div", {
                 onClick: (i) => o.segregate(),
-                style: le(`opacity:${$.value.includes(r) ? 0.5 : 1}`)
+                style: le(`opacity:${$.value.includes(s) ? 0.5 : 1}`)
               }, Oe(o.name), 13, Na)
             ]),
             _: 1
@@ -1224,7 +1225,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
         ], 512)
       ], 8, ["to"])) : H("", !0),
       e.$slots.watermark ? (S(), de("div", Ha, [
-        k(e.$slots, "watermark", V(G({ isPrinting: p(Ge) || p(Ze) })), void 0, !0)
+        k(e.$slots, "watermark", V(Z({ isPrinting: p(Ze) || p(Ge) })), void 0, !0)
       ])) : H("", !0),
       e.$slots.source ? (S(), de("div", {
         key: 4,
@@ -1236,9 +1237,9 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
       ], 512)) : H("", !0),
       ge.value && l.value.userOptions.buttons.table ? (S(), F(oa(ie.value.component), ua({ key: 5 }, ie.value.props, {
         ref_key: "tableUnit",
-        ref: se,
+        ref: re,
         onClose: cl
-      }), yl({
+      }), fl({
         content: m(() => [
           (S(), F(p(wl), {
             key: `table_${Ce.value}`,
@@ -1276,7 +1277,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
               class: "vue-ui-user-options-button",
               onClick: a[4] || (a[4] = (o) => Te(l.value.userOptions.callbacks.csv))
             }, [
-              fl(Da, {
+              yl(Da, {
                 name: "excel",
                 stroke: ie.value.props.color
               }, null, 8, ["stroke"])
@@ -1295,7 +1296,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : H("", !0)
     ], 46, Pa));
   }
-}, tt = /* @__PURE__ */ Fa(_a, [["__scopeId", "data-v-c6565152"]]);
+}, ot = /* @__PURE__ */ Fa(_a, [["__scopeId", "data-v-c6565152"]]);
 export {
-  tt as default
+  ot as default
 };