vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-xy-canvas-BR-Qogdl.js → vue-ui-xy-canvas-BNUX13xH.js}

@@ -1,22 +1,22 @@
 import { defineAsyncComponent as ze, ref as c, computed as g, useSlots as vl, onMounted as Ja, toRefs as cl, watch as E, nextTick as Te, onBeforeUnmount as sa, watchEffect as ua, shallowRef as na, openBlock as I, createElementBlock as $e, normalizeClass as dl, normalizeStyle as ve, createElementVNode as H, toDisplayString as Ae, createBlock as q, createCommentVNode as W, unref as z, createSlots as Qa, withCtx as b, renderSlot as C, normalizeProps as j, guardReactiveProps as G, createVNode as et, Teleport as hl, resolveDynamicComponent as fl, mergeProps as ml, createTextVNode as at } from "vue";
-import { j as yl, t as tt, m as gl, p as se, $ as pl, n as bl, D as ra, k as ce, l as de, s as lt, H as xl, a8 as Ll, J as Cl, o as kl, q as wl, T as ia, u as Ie, x as Sl, a0 as zl, a1 as Tl, U as ot } from "./lib-DBptbyyI.js";
+import { j as yl, t as tt, m as gl, p as se, $ as pl, n as bl, D as ra, k as ce, l as de, s as lt, H as xl, a8 as Ll, J as Cl, o as kl, q as wl, T as ia, u as Ie, x as Sl, a0 as zl, a1 as Tl, U as ot } from "./lib-DMzrGQHK.js";
 import { c as $l, a as va, d as Al, t as Il, u as Ml, l as T, r as Ve, b as Q, p as st } from "./useResponsive-DfdjqQps.js";
-import { u as Fl, a as ut, b as Pl } from "./useTimeLabels-C-A2uZKi.js";
-import { u as Rl } from "./useConfig-C40HvGpD.js";
-import { u as Dl, B as Ol } from "./BaseScanner-BhhkKVoj.js";
-import { u as El } from "./usePrinter-CEpYU3r5.js";
-import { u as Ue } from "./useNestedProp-Bf5XFbs8.js";
-import { u as Nl } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as Bl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Hl } from "./useChartAccessibility-9icAAmYg.js";
-import Wl from "./img-LXxMLmCg.js";
+import { u as Fl, a as ut, b as Pl } from "./useTimeLabels-Cv0tD9In.js";
+import { u as Rl } from "./useConfig-DTHxOX6V.js";
+import { u as Dl, B as Ol } from "./BaseScanner-BON3d_Sx.js";
+import { u as El } from "./usePrinter-C4t8DdQ-.js";
+import { u as Ue } from "./useNestedProp-DH0BEVVS.js";
+import { u as Nl } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as Bl } from "./useUserOptionState-B7Ej974k.js";
+import { u as Hl } from "./useChartAccessibility-cp6XQtqi.js";
+import Wl from "./img-CjTQXS0U.js";
 import Xl from "./vue_ui_xy_canvas-6BBDSowT.js";
-import _l from "./Legend-CS7Xo5LK.js";
-import Vl from "./Title-BeMKE1cj.js";
-import Ul from "./BaseIcon-Cb3zzG6s.js";
-import Yl from "./vue-ui-accordion-DDuJT1xA.js";
-import { S as ql } from "./SlicerPreview-BMx3cqgX.js";
-import { B as jl } from "./BaseLegendToggle-BQVIawmA.js";
+import _l from "./Legend-DGN5lY60.js";
+import Vl from "./Title-BbKoiBk2.js";
+import Ul from "./BaseIcon-DX0hTWa-.js";
+import Yl from "./vue-ui-accordion-BHmfmb_6.js";
+import { S as ql } from "./SlicerPreview-D_CgrN_7.js";
+import { B as jl } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as Gl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Zl = ["id"], Kl = ["id"], Jl = {
   class: "sr-only",
@@ -52,21 +52,38 @@ const Zl = ["id"], Kl = ["id"], Jl = {
   },
   emits: ["selectLegend", "selectX", "copyAlt"],
   setup(ca, { expose: nt, emit: rt }) {
-    const it = ze(() => import("./Tooltip-C8KGyqQk.js")), vt = ze(() => import("./DataTable-DT2kIdQ6.js")), ct = ze(() => import("./UserOptions-rW2fRf3V.js")), dt = ze(() => import("./NonSvgPenAndPaper-VyJFyJ6X.js")), ht = ze(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_xy_canvas: ft } = Rl(), { isThemeValid: mt, warnInvalidTheme: yt } = Nl(), D = ca, Z = c(yl()), K = c(null), ue = c(null), v = c(null), y = c(1), ee = c(1), he = c(!1), h = c(null), fe = c(""), Me = c(null), p = c([]), ne = c(1), N = c(!0), X = c(!0), Fe = c(null), da = c(0), me = c(!1), ha = c(null), fa = c(null), ae = c(null), ma = c(null), Ye = c(0), qe = c(0), je = c(0), _ = c(null), ya = c(!1), ye = c(null), Ge = c(null), ge = c(!1), ga = c(!1), Pe = c(!1), $ = c(null), Ze = c(!1), Re = c(!1), Ke = c(!1), V = c(null), pa = c({ x: 0, y: 0 }), U = g(() => Array.isArray(Je.value) && Je.value.length > 0), De = rt, gt = vl();
+    const it = ze(() => import("./Tooltip-Cvt7Fi0Q.js")), vt = ze(() => import("./DataTable-cMnb68Ik.js")), ct = ze(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), dt = ze(
+      () => import("./NonSvgPenAndPaper-B6E0zEYe.js")
+    ), ht = ze(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_xy_canvas: ft } = Rl(), { isThemeValid: mt, warnInvalidTheme: yt } = Nl(), D = ca, Z = c(yl()), K = c(null), ue = c(null), v = c(null), y = c(1), ee = c(1), he = c(!1), h = c(null), fe = c(""), Me = c(null), p = c([]), ne = c(1), N = c(!0), X = c(!0), Fe = c(null), da = c(0), me = c(!1), ha = c(null), fa = c(null), ae = c(null), ma = c(null), Ye = c(0), qe = c(0), je = c(0), _ = c(null), ya = c(!1), ye = c(null), Ge = c(null), ge = c(!1), ga = c(!1), Pe = c(!1), $ = c(null), Ze = c(!1), Re = c(!1), Ke = c(!1), V = c(null), pa = c({ x: 0, y: 0 }), U = g(
+      () => Array.isArray(Je.value) && Je.value.length > 0
+    ), De = rt, gt = vl();
     Ja(() => {
-      gt["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
+      gt["chart-background"] && console.warn(
+        "VueUiXyCanvas does not support the #chart-background slot."
+      );
     });
     const a = c(ea()), pt = g(() => {
-      const e = a.value.style.chart.title.text || "XY chart", t = s.value.end - s.value.start, l = f.value.filter((u) => !p.value.includes(u.absoluteIndex)).length;
+      const e = a.value.style.chart.title.text || "XY chart", t = s.value.end - s.value.start, l = f.value.filter(
+        (u) => !p.value.includes(u.absoluteIndex)
+      ).length;
       return `${e}. ${l} series. ${t} visible data points.`;
     }), bt = g(() => {
       if (V.value === null) return "";
-      const e = V.value + s.value.start, t = a.value.style.chart.grid.x.timeLabels.values.slice(s.value.start, s.value.end)[V.value] ? a.value.style.chart.tooltip.useDefaultTimeFormat ? w.value.slice(s.value.start, s.value.end)[V.value]?.text : Be.value[V.value]?.text : w.value[e]?.text ?? `Point ${e + 1}`, l = f.value.filter((u) => !p.value.includes(u.absoluteIndex)).map((u) => {
+      const e = V.value + s.value.start, t = a.value.style.chart.grid.x.timeLabels.values.slice(
+        s.value.start,
+        s.value.end
+      )[V.value] ? a.value.style.chart.tooltip.useDefaultTimeFormat ? w.value.slice(s.value.start, s.value.end)[V.value]?.text : Be.value[V.value]?.text : w.value[e]?.text ?? `Point ${e + 1}`, l = f.value.filter((u) => !p.value.includes(u.absoluteIndex)).map((u) => {
         const n = u.series[V.value], i = n?.value ?? n ?? null;
         return `${u.name}: ${i}`;
       }).join(". ");
       return `${t}. ${l}.`;
-    }), le = g(() => a.value.userOptions.useCursorPointer), xt = g(() => !!a.value.debug), Lt = g(() => tt({
+    }), le = g(
+      () => a.value.userOptions.useCursorPointer
+    ), xt = g(() => !!a.value.debug), Lt = g(() => tt({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -135,7 +152,9 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         defaultConfig: a.value,
         userConfig: Lt.value
       })
-    }), { userOptionsVisible: Qe, setUserOptionsVisibility: ba, keepUserOptionState: xa } = Bl({ config: a.value }), { svgRef: k } = Hl({ config: a.value.style.chart.title });
+    }), { userOptionsVisible: Qe, setUserOptionsVisibility: ba, keepUserOptionState: xa } = Bl({ config: a.value }), { svgRef: k } = Hl({
+      config: a.value.style.chart.title
+    });
     function Ct() {
       ba(!0);
     }
@@ -167,16 +186,28 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         }
       else
         t = e;
-      return D.config && pl(D.config, "style.chart.grid.y.timeLabels") && (console.warn("VueUiXyCanvas: you are using the deprecated config.style.chart.grid.y.timeLabels. It is recommended to move this configuration to config.style.chart.grid.x.timeLabels."), t.style.chart.grid.x.timeLabels = Ue({
+      return D.config && pl(D.config, "style.chart.grid.y.timeLabels") && (console.warn(
+        "VueUiXyCanvas: you are using the deprecated config.style.chart.grid.y.timeLabels. It is recommended to move this configuration to config.style.chart.grid.x.timeLabels."
+      ), t.style.chart.grid.x.timeLabels = Ue({
         defaultConfig: t.style.chart.grid.x.timeLabels,
         userConfig: D.config.style.chart.grid.y.timeLabels
       })), t;
     }
-    E(() => D.config, (e) => {
-      Oe.value || (a.value = ea()), Qe.value = !a.value.userOptions.showOnChartHover, _a(), Ye.value += 1, qe.value += 1, je.value += 1, d.value.showTable = a.value.table.show, d.value.showDataLabels = a.value.style.chart.dataLabels.show, d.value.stacked = a.value.style.chart.stacked, d.value.showTooltip = a.value.style.chart.tooltip.show;
-    }, { deep: !0 }), E(() => D.dataset, async (e) => {
-      !Array.isArray(e) || e.length === 0 || (await Te(), k.value && !v.value && (v.value = k.value.getContext("2d", { willReadFrequently: !0 })), N.value = !0, X.value = !0, await xe(), Ne(), Ye.value += 1, qe.value += 1, je.value += 1);
-    }, { deep: !0 });
+    E(
+      () => D.config,
+      (e) => {
+        Oe.value || (a.value = ea()), Qe.value = !a.value.userOptions.showOnChartHover, _a(), Ye.value += 1, qe.value += 1, je.value += 1, d.value.showTable = a.value.table.show, d.value.showDataLabels = a.value.style.chart.dataLabels.show, d.value.stacked = a.value.style.chart.stacked, d.value.showTooltip = a.value.style.chart.tooltip.show;
+      },
+      { deep: !0 }
+    ), E(
+      () => D.dataset,
+      async (e) => {
+        !Array.isArray(e) || e.length === 0 || (await Te(), k.value && !v.value && (v.value = k.value.getContext("2d", {
+          willReadFrequently: !0
+        })), N.value = !0, X.value = !0, await xe(), Ne(), Ye.value += 1, qe.value += 1, je.value += 1);
+      },
+      { deep: !0 }
+    );
     const La = c(a.value.style.chart.aspectRatio), { isPrinting: Ca, isImaging: ka, generatePdf: wa, generateImage: Sa } = El({
       elementId: `xy_canvas_${Z.value}`,
       fileName: a.value.style.chart.title.text || "vue-ui-xy-canvas",
@@ -190,7 +221,13 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     function za(e) {
       me.value = e, da.value += 1;
     }
-    const Ta = g(() => bl(a.value.customPalette)), aa = g(() => p.value.length === M.value.length), O = g(() => M.value ? Math.max(...M.value.filter((e, t) => aa.value ? !0 : !p.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
+    const Ta = g(() => bl(a.value.customPalette)), aa = g(
+      () => p.value.length === M.value.length
+    ), O = g(() => M.value ? Math.max(
+      ...M.value.filter(
+        (e, t) => aa.value ? !0 : !p.value.includes(e.absoluteIndex)
+      ).map((e) => e.series.length)
+    ) : 0);
     function wt(e) {
       $.value = e, J();
     }
@@ -242,11 +279,23 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     function Aa(e, t) {
       return e / t;
     }
-    function $t({ hasAutoScale: e, series: t, min: l, max: u, scale: n, yOffset: i, individualHeight: r, stackIndex: m = null }) {
+    function $t({
+      hasAutoScale: e,
+      series: t,
+      min: l,
+      max: u,
+      scale: n,
+      yOffset: i,
+      individualHeight: r,
+      stackIndex: m = null
+    }) {
       return t.map((L, x) => {
         const S = n.min < 0 ? Math.abs(n.min) : 0, R = Aa(L + S, S + n.max);
         let oe, Y;
-        e && (oe = n.min, Y = Aa(L - oe, n.max - oe));
+        e && (oe = n.min, Y = Aa(
+          L - oe,
+          n.max - oe
+        ));
         let B = 0;
         return m === null ? B = o.value.bottom - o.value.height * (e ? Y : R) : B = o.value.bottom - i - r * (e ? Y : R), {
           x: o.value.left + o.value.slot * x + o.value.slot / 2,
@@ -256,7 +305,23 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       });
     }
     const A = g(() => {
-      const e = a.value.style.chart.scale.min !== null ? a.value.style.chart.scale.min : Math.min(...M.value.filter((r, m) => !p.value.includes(r.absoluteIndex)).flatMap((r) => r.series.slice(s.value.start, s.value.end))), t = a.value.style.chart.scale.max !== null ? a.value.style.chart.scale.max : Math.max(...M.value.filter((r, m) => !p.value.includes(r.absoluteIndex)).flatMap((r) => r.series.slice(s.value.start, s.value.end))), l = ra(e < 0 ? e : 0, t === e ? e + 1 < 0 ? 0 : e + 1 : t < 0 ? 0 : t, a.value.style.chart.scale.ticks), u = l.min < 0 ? Math.abs(l.min) : 0, n = o.value.bottom - o.value.height * (u / (l.max + u)), i = l.ticks.map((r) => ({
+      const e = a.value.style.chart.scale.min !== null ? a.value.style.chart.scale.min : Math.min(
+        ...M.value.filter(
+          (r, m) => !p.value.includes(r.absoluteIndex)
+        ).flatMap(
+          (r) => r.series.slice(s.value.start, s.value.end)
+        )
+      ), t = a.value.style.chart.scale.max !== null ? a.value.style.chart.scale.max : Math.max(
+        ...M.value.filter(
+          (r, m) => !p.value.includes(r.absoluteIndex)
+        ).flatMap(
+          (r) => r.series.slice(s.value.start, s.value.end)
+        )
+      ), l = ra(
+        e < 0 ? e : 0,
+        t === e ? e + 1 < 0 ? 0 : e + 1 : t < 0 ? 0 : t,
+        a.value.style.chart.scale.ticks
+      ), u = l.min < 0 ? Math.abs(l.min) : 0, n = o.value.bottom - o.value.height * (u / (l.max + u)), i = l.ticks.map((r) => ({
         y: o.value.bottom - o.value.height * ((r + u) / (l.max + u)),
         x: o.value.left - 8,
         value: r
@@ -294,12 +359,20 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         threshold: a.value.downsample.threshold
       }),
       absoluteIndex: t,
-      color: lt(e.color || Ta.value[t] || se[t] || se[t % se.length])
+      color: lt(
+        e.color || Ta.value[t] || se[t] || se[t % se.length]
+      )
     }))), At = g(() => {
       if (!a.value.style.chart.zoom.minimap.show) return [];
-      const e = M.value.filter((n) => !p.value.includes(n.absoluteIndex)), t = Math.max(...e.map((n) => n.series.length)), l = [];
+      const e = M.value.filter(
+        (n) => !p.value.includes(n.absoluteIndex)
+      ), t = Math.max(
+        ...e.map((n) => n.series.length)
+      ), l = [];
       for (let n = 0; n < t; n += 1)
-        l.push(e.map((i) => i.series[n] || 0).reduce((i, r) => (i || 0) + (r || 0), 0));
+        l.push(
+          e.map((i) => i.series[n] || 0).reduce((i, r) => (i || 0) + (r || 0), 0)
+        );
       const u = Math.min(...l);
       return l.map((n) => n + (u < 0 ? Math.abs(u) : 0));
     }), It = g(() => a.value.style.chart.zoom.minimap.show ? M.value.map((t) => ({
@@ -309,7 +382,11 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     E(O, (e) => {
       e && xe();
     });
-    const f = g(() => Cl(M.value.filter((e, t) => !p.value.includes(e.absoluteIndex))).map((e, t) => ({
+    const f = g(() => Cl(
+      M.value.filter(
+        (e, t) => !p.value.includes(e.absoluteIndex)
+      )
+    ).map((e, t) => ({
       ...e,
       series: e.series.slice(s.value.start, s.value.end)
     })).map((e, t) => {
@@ -320,7 +397,15 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         valueMax: u
       }, i = e.scaleSteps || a.value.style.chart.scale.ticks;
       let r;
-      e.autoScaling ? r = ra(n.valueMin, n.valueMax, i) : r = ra(n.valueMin < 0 ? n.valueMin : 0, n.valueMax <= 0 ? 0 : n.valueMax, i);
+      e.autoScaling ? r = ra(
+        n.valueMin,
+        n.valueMax,
+        i
+      ) : r = ra(
+        n.valueMin < 0 ? n.valueMin : 0,
+        n.valueMax <= 0 ? 0 : n.valueMax,
+        i
+      );
       const m = d.value.stacked ? o.value.height * (1 - e.cumulatedStackRatio) : 0, L = d.value.stacked ? o.value.height / a.value.style.chart.stackGap : 0, x = d.value.stacked ? o.value.height * e.stackRatio - L : o.value.height, S = r.min < 0 ? Math.abs(r.min) : 0;
       let R;
       e.autoScaling && d.value.stacked && u <= 0 ? R = o.value.bottom - m - x : R = o.value.bottom - m - x * (S / (r.max + S));
@@ -355,9 +440,9 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       end: O.value
     }), F = c({ start: 0, end: O.value }), be = c(null);
     function Mt() {
-      return new Promise((e) => requestAnimationFrame(
-        () => requestAnimationFrame(() => e())
-      ));
+      return new Promise(
+        (e) => requestAnimationFrame(() => requestAnimationFrame(() => e()))
+      );
     }
     sa(() => {
       be.value && cancelAnimationFrame(be.value);
@@ -418,7 +503,12 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       await Te(), k.value && !v.value && (v.value = k.value.getContext("2d", { willReadFrequently: !0 })), N.value = !0, X.value = !0, await xe(), Ne(), J();
     });
     function Ot() {
-      if (v.value && (v.value.clearRect(0, 0, 1e4, 1e4), v.value.fillStyle = a.value.style.chart.backgroundColor, v.value.fillRect(0, 0, o.value.canvasWidth, o.value.canvasHeight), !!U.value)) {
+      if (v.value && (v.value.clearRect(0, 0, 1e4, 1e4), v.value.fillStyle = a.value.style.chart.backgroundColor, v.value.fillRect(
+        0,
+        0,
+        o.value.canvasWidth,
+        o.value.canvasHeight
+      ), !!U.value)) {
         if (d.value.stacked)
           a.value.style.chart.grid.y.verticalLines.show && s.value.end - s.value.start < a.value.style.chart.grid.y.verticalLines.hideUnderXLength ? f.value.forEach((e) => {
             for (let t = 0; t < s.value.end - s.value.start + 1; t += 1)
@@ -440,7 +530,9 @@ const Zl = ["id"], Kl = ["id"], Jl = {
               );
           }) : a.value.style.chart.grid.y.verticalLines.show && s.value.end - s.value.start >= a.value.style.chart.grid.y.verticalLines.hideUnderXLength && f.value.forEach((e) => {
             for (let t = s.value.start; t < s.value.end; t += 1)
-              t % Math.floor((s.value.end - s.value.start) / a.value.style.chart.grid.x.timeLabels.modulo) === 0 && T(
+              t % Math.floor(
+                (s.value.end - s.value.start) / a.value.style.chart.grid.x.timeLabels.modulo
+              ) === 0 && T(
                 v.value,
                 [
                   {
@@ -463,11 +555,20 @@ const Zl = ["id"], Kl = ["id"], Jl = {
                 [
                   { x: o.value.left, y: t.y },
                   { x: o.value.right, y: t.y },
-                  { x: o.value.right, y: e.localYLabels[l + 1].y },
-                  { x: o.value.left, y: e.localYLabels[l + 1].y }
+                  {
+                    x: o.value.right,
+                    y: e.localYLabels[l + 1].y
+                  },
+                  {
+                    x: o.value.left,
+                    y: e.localYLabels[l + 1].y
+                  }
                 ],
                 {
-                  fillColor: l % 2 === 0 ? "transparent" : Ie(a.value.style.chart.grid.x.horizontalLines.color, a.value.style.chart.grid.x.horizontalLines.opacity),
+                  fillColor: l % 2 === 0 ? "transparent" : Ie(
+                    a.value.style.chart.grid.x.horizontalLines.color,
+                    a.value.style.chart.grid.x.horizontalLines.opacity
+                  ),
                   strokeColor: "transparent"
                 }
               );
@@ -501,8 +602,14 @@ const Zl = ["id"], Kl = ["id"], Jl = {
             T(
               v.value,
               [
-                { x: o.value.left, y: o.value.bottom - e.yOffset },
-                { x: o.value.left, y: o.value.bottom - e.yOffset - e.individualHeight }
+                {
+                  x: o.value.left,
+                  y: o.value.bottom - e.yOffset
+                },
+                {
+                  x: o.value.left,
+                  y: o.value.bottom - e.yOffset - e.individualHeight
+                }
               ],
               {
                 color: e.color
@@ -510,8 +617,14 @@ const Zl = ["id"], Kl = ["id"], Jl = {
             ), T(
               v.value,
               [
-                { x: o.value.right, y: o.value.bottom - e.yOffset },
-                { x: o.value.right, y: o.value.bottom - e.yOffset - e.individualHeight }
+                {
+                  x: o.value.right,
+                  y: o.value.bottom - e.yOffset
+                },
+                {
+                  x: o.value.right,
+                  y: o.value.bottom - e.yOffset - e.individualHeight
+                }
               ],
               {
                 color: e.color
@@ -537,8 +650,14 @@ const Zl = ["id"], Kl = ["id"], Jl = {
               T(
                 v.value,
                 [
-                  { x: o.value.left + o.value.slot * e, y: o.value.top },
-                  { x: o.value.left + o.value.slot * e, y: o.value.bottom }
+                  {
+                    x: o.value.left + o.value.slot * e,
+                    y: o.value.top
+                  },
+                  {
+                    x: o.value.left + o.value.slot * e,
+                    y: o.value.bottom
+                  }
                 ],
                 {
                   color: a.value.style.chart.grid.y.verticalLines.color
@@ -546,11 +665,19 @@ const Zl = ["id"], Kl = ["id"], Jl = {
               );
           else if (a.value.style.chart.grid.y.verticalLines.show && s.value.end - s.value.start >= a.value.style.chart.grid.y.verticalLines.hideUnderXLength)
             for (let e = s.value.start; e < s.value.end; e += 1)
-              e % Math.floor((s.value.end - s.value.start) / a.value.style.chart.grid.x.timeLabels.modulo) === 0 && T(
+              e % Math.floor(
+                (s.value.end - s.value.start) / a.value.style.chart.grid.x.timeLabels.modulo
+              ) === 0 && T(
                 v.value,
                 [
-                  { x: o.value.left + o.value.slot * (e - s.value.start) + o.value.slot / 2, y: o.value.top },
-                  { x: o.value.left + o.value.slot * (e - s.value.start) + o.value.slot / 2, y: o.value.bottom }
+                  {
+                    x: o.value.left + o.value.slot * (e - s.value.start) + o.value.slot / 2,
+                    y: o.value.top
+                  },
+                  {
+                    x: o.value.left + o.value.slot * (e - s.value.start) + o.value.slot / 2,
+                    y: o.value.bottom
+                  }
                 ],
                 {
                   color: a.value.style.chart.grid.y.verticalLines.color
@@ -562,11 +689,20 @@ const Zl = ["id"], Kl = ["id"], Jl = {
               [
                 { x: o.value.left, y: e.y },
                 { x: o.value.right, y: e.y },
-                { x: o.value.right, y: A.value.yLabels[t + 1].y },
-                { x: o.value.left, y: A.value.yLabels[t + 1].y }
+                {
+                  x: o.value.right,
+                  y: A.value.yLabels[t + 1].y
+                },
+                {
+                  x: o.value.left,
+                  y: A.value.yLabels[t + 1].y
+                }
               ],
               {
-                fillColor: t % 2 === 0 ? "transparent" : Ie(a.value.style.chart.grid.x.horizontalLines.color, a.value.style.chart.grid.x.horizontalLines.opacity),
+                fillColor: t % 2 === 0 ? "transparent" : Ie(
+                  a.value.style.chart.grid.x.horizontalLines.color,
+                  a.value.style.chart.grid.x.horizontalLines.opacity
+                ),
                 strokeColor: "transparent"
               }
             );
@@ -604,8 +740,14 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           ), a.value.style.chart.grid.zeroLine.show && T(
             v.value,
             [
-              { x: o.value.left, y: A.value.zero },
-              { x: o.value.right, y: A.value.zero }
+              {
+                x: o.value.left,
+                y: A.value.zero
+              },
+              {
+                x: o.value.right,
+                y: A.value.zero
+              }
             ],
             {
               color: a.value.style.chart.grid.zeroLine.color,
@@ -698,7 +840,9 @@ const Zl = ["id"], Kl = ["id"], Jl = {
               align: "right",
               font: `${a.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * a.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`,
               color: e.color,
-              globalAlpha: e.showYMarker && ![null, void 0].includes(h.value ?? $.value) ? 0.2 : 1
+              globalAlpha: e.showYMarker && ![null, void 0].includes(
+                h.value ?? $.value
+              ) ? 0.2 : 1
             }
           );
         });
@@ -722,7 +866,11 @@ const Zl = ["id"], Kl = ["id"], Jl = {
             align: "right",
             font: `${a.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * a.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`,
             color: a.value.style.chart.grid.y.axisLabels.color,
-            globalAlpha: f.value.some((l) => l.showYMarker) && ![null, void 0].includes(h.value ?? $.value) ? 0.2 : 1
+            globalAlpha: f.value.some(
+              (l) => l.showYMarker
+            ) && ![null, void 0].includes(
+              h.value ?? $.value
+            ) ? 0.2 : 1
           }
         );
       }));
@@ -767,15 +915,25 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         });
         e === Ra && (w.value = t);
       })();
-    }), ua(() => {
-      a.value.style.chart.grid.x.timeLabels.show, a.value.style.chart.grid.x.timeLabels.rotation, a.value.style.chart.grid.x.timeLabels.offsetY, a.value.style.chart.grid.x.timeLabels.fontSizeRatio, a.value.style.chart.grid.x.timeLabels.bold, s.value.start, s.value.end, y.value, ee.value, (w.value || []).map((e) => e?.text ?? "").join("|"), Tt();
-    }, { flush: "post" });
-    const Da = c({ months: [], shortMonths: [], days: [], shortDays: [] });
+    }), ua(
+      () => {
+        a.value.style.chart.grid.x.timeLabels.show, a.value.style.chart.grid.x.timeLabels.rotation, a.value.style.chart.grid.x.timeLabels.offsetY, a.value.style.chart.grid.x.timeLabels.fontSizeRatio, a.value.style.chart.grid.x.timeLabels.bold, s.value.start, s.value.end, y.value, ee.value, (w.value || []).map((e) => e?.text ?? "").join("|"), Tt();
+      },
+      { flush: "post" }
+    );
+    const Da = c({
+      months: [],
+      shortMonths: [],
+      days: [],
+      shortDays: []
+    });
     let Oa = 0;
     ua(() => {
       const e = ++Oa, t = a.value.style.chart.grid.x.timeLabels.datetimeFormatter;
       (async () => {
-        const l = await ut(t.locale).catch(() => ut("en"));
+        const l = await ut(t.locale).catch(
+          () => ut("en")
+        );
         e === Oa && (Da.value = l.data);
       })();
     });
@@ -790,15 +948,23 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         return i == null ? "" : t.formatDate(new Date(i), u);
       };
     }), Na = g(() => (a.value.style.chart.grid.x.timeLabels.values || []).map((t, l) => ({
-      text: Ea.value(l, a.value.style.chart.zoom.timeFormat),
+      text: Ea.value(
+        l,
+        a.value.style.chart.zoom.timeFormat
+      ),
       absoluteIndex: l
     }))), Be = g(() => (a.value.style.chart.grid.x.timeLabels.values || []).map((t, l) => ({
-      text: Ea.value(l, a.value.style.chart.tooltip.timeFormat),
+      text: Ea.value(
+        l,
+        a.value.style.chart.tooltip.timeFormat
+      ),
       absoluteIndex: l
     })));
     function Wt() {
       for (let e = s.value.start; e < s.value.end; e += 1)
-        (s.value.end - s.value.start < a.value.style.chart.grid.x.timeLabels.modulo || s.value.end - s.value.start >= a.value.style.chart.grid.x.timeLabels.modulo && (e % Math.floor((s.value.end - s.value.start) / a.value.style.chart.grid.x.timeLabels.modulo) === 0 || (e === h.value + s.value.start || e === $.value) && a.value.style.chart.grid.x.timeLabels.showMarker)) && Q(
+        (s.value.end - s.value.start < a.value.style.chart.grid.x.timeLabels.modulo || s.value.end - s.value.start >= a.value.style.chart.grid.x.timeLabels.modulo && (e % Math.floor(
+          (s.value.end - s.value.start) / a.value.style.chart.grid.x.timeLabels.modulo
+        ) === 0 || (e === h.value + s.value.start || e === $.value) && a.value.style.chart.grid.x.timeLabels.showMarker)) && Q(
           v.value,
           w.value[e] ? w.value[e].text : e + 1,
           o.value.left + o.value.slot * (e - s.value.start) + o.value.slot / 2,
@@ -806,7 +972,10 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           {
             align: a.value.style.chart.grid.x.timeLabels.rotation === 0 ? "center" : a.value.style.chart.grid.x.timeLabels.rotation > 0 ? "left" : "right",
             font: `${a.value.style.chart.grid.x.timeLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * a.value.style.chart.grid.x.timeLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`,
-            color: a.value.style.chart.grid.x.timeLabels.showMarker ? Ie(a.value.style.chart.grid.x.timeLabels.color, h.value !== null || $.value !== null ? h.value + s.value.start === e || $.value === e ? 100 : 20 : 100) : a.value.style.chart.grid.x.timeLabels.color,
+            color: a.value.style.chart.grid.x.timeLabels.showMarker ? Ie(
+              a.value.style.chart.grid.x.timeLabels.color,
+              h.value !== null || $.value !== null ? h.value + s.value.start === e || $.value === e ? 100 : 20 : 100
+            ) : a.value.style.chart.grid.x.timeLabels.color,
             rotation: a.value.style.chart.grid.x.timeLabels.rotation
           }
         );
@@ -815,8 +984,14 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       T(
         v.value,
         [
-          { x: o.value.left + o.value.slot * (h.value ?? $.value) + o.value.slot / 2, y: o.value.top },
-          { x: o.value.left + o.value.slot * (h.value ?? $.value) + o.value.slot / 2, y: o.value.bottom }
+          {
+            x: o.value.left + o.value.slot * (h.value ?? $.value) + o.value.slot / 2,
+            y: o.value.top
+          },
+          {
+            x: o.value.left + o.value.slot * (h.value ?? $.value) + o.value.slot / 2,
+            y: o.value.bottom
+          }
         ],
         {
           color: a.value.style.chart.selector.color,
@@ -876,7 +1051,10 @@ const Zl = ["id"], Kl = ["id"], Jl = {
                 },
                 stops: [
                   { offset: 0, color: e.color },
-                  { offset: 1, color: a.value.style.chart.bar.gradient.show ? Sl(e.color, 0.5) : e.color }
+                  {
+                    offset: 1,
+                    color: a.value.style.chart.bar.gradient.show ? Sl(e.color, 0.5) : e.color
+                  }
                 ]
               }
             }
@@ -891,7 +1069,10 @@ const Zl = ["id"], Kl = ["id"], Jl = {
                 s: e.suffix || "",
                 r: e.rounding || 0
               }),
-              { datapoint: e.coordinatesLine[l], seriesIndex: l }
+              {
+                datapoint: e.coordinatesLine[l],
+                seriesIndex: l
+              }
             ),
             o.value.left + o.value.slot * l + o.value.slot / 10 + (d.value.stacked ? 0 : o.value.slot / P.value.length * t - (t === 0 ? 0 : o.value.slot / (5 * P.value.length) * t)) + o.value.slot * 0.4 / (d.value.stacked ? 1 : P.value.length),
             (e.coordinatesLine[l].value < 0 ? d.value.stacked ? e.localZero : A.value.zero : e.coordinatesLine[l].y) + a.value.style.chart.dataLabels.offsetY,
@@ -971,30 +1152,27 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           const { polygons: u, singles: n } = Vt(e, l);
           for (const r of u)
             st(v.value, r, {
-              fillColor: Ie(e.color, a.value.style.chart.area.opacity),
+              fillColor: Ie(
+                e.color,
+                a.value.style.chart.area.opacity
+              ),
               strokeColor: "transparent"
             });
           const i = y.value / 200 * a.value.style.chart.line.plots.radiusRatio;
           for (const r of n)
-            va(
-              v.value,
-              { x: r.x, y: r.y },
-              i,
-              {
-                color: a.value.style.chart.backgroundColor,
-                fillStyle: e.color
-              }
-            );
+            va(v.value, { x: r.x, y: r.y }, i, {
+              color: a.value.style.chart.backgroundColor,
+              fillStyle: e.color
+            });
         } else {
           const u = { x: e.coordinatesLine[0].x, y: l }, n = { x: e.coordinatesLine.at(-1).x, y: l };
-          st(
-            v.value,
-            [u, ...e.coordinatesLine, n],
-            {
-              fillColor: Ie(e.color, a.value.style.chart.area.opacity),
-              strokeColor: "transparent"
-            }
-          );
+          st(v.value, [u, ...e.coordinatesLine, n], {
+            fillColor: Ie(
+              e.color,
+              a.value.style.chart.area.opacity
+            ),
+            strokeColor: "transparent"
+          });
         }
         Ha(e);
         return;
@@ -1006,8 +1184,14 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         T(
           v.value,
           [
-            { x: o.value.left, y: o.value.bottom - e.yOffset },
-            { x: o.value.right, y: o.value.bottom - e.yOffset }
+            {
+              x: o.value.left,
+              y: o.value.bottom - e.yOffset
+            },
+            {
+              x: o.value.right,
+              y: o.value.bottom - e.yOffset
+            }
           ],
           {
             color: a.value.style.chart.grid.x.horizontalLines.color,
@@ -1023,13 +1207,18 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         [
           { x: e + S * m, y: t },
           { x: e + S * m + (R - S) * m, y: t },
-          { x: e + S * m + (R - S) * m, y: t + u },
+          {
+            x: e + S * m + (R - S) * m,
+            y: t + u
+          },
           { x: e + S * m, y: t + u }
         ],
         {
           fillColor: a.value.style.chart.zoom.preview.fill,
           strokeColor: a.value.style.chart.zoom.preview.stroke,
-          lineDash: Array(4).fill(a.value.style.chart.zoom.preview.strokeDasharray),
+          lineDash: Array(4).fill(
+            a.value.style.chart.zoom.preview.strokeDasharray
+          ),
           lineWidth: a.value.style.chart.zoom.preview.strokeWidth
         }
       );
@@ -1050,11 +1239,18 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         );
       })), a.value.style.chart.grid.x.timeLabels.show && Wt(), a.value.style.chart.selector.show && a.value.style.chart.selector.showHorizontalSelector && Xt(), Bt(), Nt(), a.value.style.chart.zoom.preview.enable && (s.value.start !== F.value.start || s.value.end !== F.value.end) && jt(), N.value = !1);
     }
-    const Le = Al(() => {
-      X.value = !0, Ne();
-    }, O.value > 200 ? 10 : 1, !X.value);
+    const Le = Al(
+      () => {
+        X.value = !0, Ne();
+      },
+      O.value > 200 ? 10 : 1,
+      !X.value
+    );
     function Ce(e) {
-      if ([null, void 0].includes(h.value ?? $.value) || !e.coordinatesLine[h.value ?? $.value]) return !1;
+      if ([null, void 0].includes(
+        h.value ?? $.value
+      ) || !e.coordinatesLine[h.value ?? $.value])
+        return !1;
       const { y: t, value: l } = e.coordinatesLine[h.value ?? $.value];
       return { y: t, value: l };
     }
@@ -1076,22 +1272,33 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         value: x.series.find((S, R) => R === h.value)
       }));
       Me.value = {
-        timeLabel: a.value.style.chart.grid.x.timeLabels.values.slice(s.value.start, s.value.end)[h.value] ? a.value.style.chart.tooltip.useDefaultTimeFormat ? w.value.slice(s.value.start, s.value.end)[h.value]?.text : Be.value[h.value]?.text : "",
+        timeLabel: a.value.style.chart.grid.x.timeLabels.values.slice(
+          s.value.start,
+          s.value.end
+        )[h.value] ? a.value.style.chart.tooltip.useDefaultTimeFormat ? w.value.slice(
+          s.value.start,
+          s.value.end
+        )[h.value]?.text : Be.value[h.value]?.text : "",
         datapoint: L,
         seriesIndex: h.value,
         series: f.value,
         config: a.value
-      }, Xa({ seriesIndex: h.value, datapoint: L }), ia(m) && ot(() => m({
-        seriesIndex: h.value,
-        datapoint: L,
-        series: f.value,
-        config: a.value
-      })) ? fe.value = m({
+      }, Xa({ seriesIndex: h.value, datapoint: L }), ia(m) && ot(
+        () => m({
+          seriesIndex: h.value,
+          datapoint: L,
+          series: f.value,
+          config: a.value
+        })
+      ) ? fe.value = m({
         seriesIndex: h.value,
         datapoint: L,
         series: f.value,
         config: a.value
-      }) : (a.value.style.chart.grid.x.timeLabels.values.slice(s.value.start, s.value.end)[h.value] ? r += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${a.value.style.chart.tooltip.useDefaultTimeFormat ? w.value.slice(s.value.start, s.value.end)[h.value]?.text : Be.value[h.value]?.text}</div>` : r += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${w.value[h.value + s.value.start]?.text ?? ""}</div>`, r += Ia.value.join(""), fe.value = r), X.value = !1;
+      }) : (a.value.style.chart.grid.x.timeLabels.values.slice(
+        s.value.start,
+        s.value.end
+      )[h.value] ? r += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${a.value.style.chart.tooltip.useDefaultTimeFormat ? w.value.slice(s.value.start, s.value.end)[h.value]?.text : Be.value[h.value]?.text}</div>` : r += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${w.value[h.value + s.value.start]?.text ?? ""}</div>`, r += Ia.value.join(""), fe.value = r), X.value = !1;
     }
     function Zt(e) {
       return f.value.map((t) => ({
@@ -1105,17 +1312,22 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     function Kt(e) {
       let t = "";
       const l = a.value.style.chart.tooltip.customFormat, u = Zt(e);
-      return Xa({ seriesIndex: e, datapoint: u }), ia(l) && ot(() => l({
-        seriesIndex: e,
-        datapoint: u,
-        series: f.value,
-        config: a.value
-      })) ? l({
+      return Xa({ seriesIndex: e, datapoint: u }), ia(l) && ot(
+        () => l({
+          seriesIndex: e,
+          datapoint: u,
+          series: f.value,
+          config: a.value
+        })
+      ) ? l({
         seriesIndex: e,
         datapoint: u,
         series: f.value,
         config: a.value
-      }) : (a.value.style.chart.grid.x.timeLabels.values.slice(s.value.start, s.value.end)[e] ? t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${a.value.style.chart.tooltip.useDefaultTimeFormat ? w.value.slice(s.value.start, s.value.end)[e]?.text : Be.value[e]?.text}</div>` : t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${w.value[e + s.value.start]?.text ?? ""}</div>`, t += Ia.value.join(""), t);
+      }) : (a.value.style.chart.grid.x.timeLabels.values.slice(
+        s.value.start,
+        s.value.end
+      )[e] ? t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${a.value.style.chart.tooltip.useDefaultTimeFormat ? w.value.slice(s.value.start, s.value.end)[e]?.text : Be.value[e]?.text}</div>` : t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${w.value[e + s.value.start]?.text ?? ""}</div>`, t += Ia.value.join(""), t);
     }
     function Jt(e) {
       if (!k.value || !o.value?.slot) return;
@@ -1155,28 +1367,52 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         indexLabel: ""
       });
     }
-    E(() => D.selectedXIndex, (e) => {
-      if ([null, void 0].includes(D.selectedXIndex)) {
-        ke();
-        return;
+    E(
+      () => D.selectedXIndex,
+      (e) => {
+        if ([null, void 0].includes(D.selectedXIndex)) {
+          ke();
+          return;
+        }
+        const t = e - s.value.start;
+        t < 0 || e >= s.value.end ? ke() : Wa(t, { fromKeyboard: !1 });
+      },
+      { immediate: !0 }
+    ), E(
+      () => h.value,
+      (e) => {
+        Le();
       }
-      const t = e - s.value.start;
-      t < 0 || e >= s.value.end ? ke() : Wa(t, { fromKeyboard: !1 });
-    }, { immediate: !0 }), E(() => h.value, (e) => {
-      Le();
-    }), E(() => s.value, (e) => {
-      N.value = !0, J();
-    }, {
-      deep: !0
-    }), E(() => F.value, (e) => {
-      J();
-    }, { deep: !0 }), E(() => d.value.showDataLabels, (e) => {
-      N.value = !0, J();
-    }), E(() => _.value, (e) => {
-      e && J();
-    }), E(() => d.value.stacked, (e) => {
-      N.value = !0, X.value = !0, Le();
-    });
+    ), E(
+      () => s.value,
+      (e) => {
+        N.value = !0, J();
+      },
+      {
+        deep: !0
+      }
+    ), E(
+      () => F.value,
+      (e) => {
+        J();
+      },
+      { deep: !0 }
+    ), E(
+      () => d.value.showDataLabels,
+      (e) => {
+        N.value = !0, J();
+      }
+    ), E(
+      () => _.value,
+      (e) => {
+        e && J();
+      }
+    ), E(
+      () => d.value.stacked,
+      (e) => {
+        N.value = !0, X.value = !0, Le();
+      }
+    );
     function tl() {
       ke();
     }
@@ -1186,7 +1422,9 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     });
     function _a() {
       if (kl(D.dataset) && xt.value && wl({ componentName: "VueUiXyCanvas", type: "dataset" }), Te(() => {
-        k.value && !v.value && (v.value = k.value.getContext("2d", { willReadFrequently: !0 })), v.value && U.value && (N.value = !0, X.value = !0, Ne());
+        k.value && !v.value && (v.value = k.value.getContext("2d", {
+          willReadFrequently: !0
+        })), v.value && U.value && (N.value = !0, X.value = !0, Ne());
       }), a.value.responsive) {
         const e = Il(() => {
           const { width: t, height: l } = Ml({
@@ -1216,7 +1454,10 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       }), N.value = !0, Le();
     }
     function He(e) {
-      De("selectLegend", f.value.find((t) => t.absoluteIndex === e)), p.value.includes(e) ? p.value = p.value.filter((t) => t !== e) : p.value.push(e), N.value = !0, Le();
+      De(
+        "selectLegend",
+        f.value.find((t) => t.absoluteIndex === e)
+      ), p.value.includes(e) ? p.value = p.value.filter((t) => t !== e) : p.value.push(e), N.value = !0, Le();
     }
     function Va(e) {
       if (!M.value.length)
@@ -1253,16 +1494,26 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       paddingBottom: 12,
       fontWeight: a.value.style.chart.legend.bold ? "bold" : ""
     })), Xe = g(() => {
-      const e = [""].concat(f.value.map((n) => n.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>');
+      const e = [""].concat(f.value.map((n) => n.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 t = [];
       for (let n = 0; n < O.value; n += 1) {
         const i = f.value.map((r) => r.series[n] ?? 0).reduce((r, m) => r + m, 0);
         t.push(
           [
-            a.value.style.chart.grid.x.timeLabels.values.slice(s.value.start, s.value.end)[n] ? w?.value?.slice(s.value.start, s.value.end)?.[n]?.text ?? n + 1 : n + 1
+            a.value.style.chart.grid.x.timeLabels.values.slice(
+              s.value.start,
+              s.value.end
+            )[n] ? w?.value?.slice(
+              s.value.start,
+              s.value.end
+            )?.[n]?.text ?? n + 1 : n + 1
           ].concat(
             f.value.map(
-              (r) => (r.series[n] ?? 0).toFixed(a.value.table.rounding)
+              (r) => (r.series[n] ?? 0).toFixed(
+                a.value.table.rounding
+              )
             )
           ).concat((i ?? 0).toFixed(a.value.table.rounding))
         );
@@ -1280,25 +1531,46 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         },
         breakpoint: a.value.table.responsiveBreakpoint
       }, u = [a.value.table.columnNames.period].concat(f.value.map((n) => n.name)).concat(a.value.table.columnNames.total);
-      return { head: e, body: t.slice(0, s.value.end - s.value.start), config: l, colNames: u };
+      return {
+        head: e,
+        body: t.slice(0, s.value.end - s.value.start),
+        config: l,
+        colNames: u
+      };
     }), Ua = g(() => {
-      if (f.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
+      if (f.value.length === 0)
+        return { head: [], body: [], config: {}, columnNames: [] };
       const e = f.value.map((l) => ({
         label: l.name,
         color: l.color,
         type: l.type
       })), t = [];
       for (let l = s.value.start; l < s.value.end; l += 1) {
-        const u = [a.value.style.chart.grid.x.timeLabels.values[l] ? w.value[l].text : l + 1];
+        const u = [
+          a.value.style.chart.grid.x.timeLabels.values[l] ? w.value[l].text : l + 1
+        ];
         f.value.forEach((n) => {
-          u.push(Number((n.series[l] || 0).toFixed(a.value.table.rounding)));
+          u.push(
+            Number(
+              (n.series[l] || 0).toFixed(
+                a.value.table.rounding
+              )
+            )
+          );
         }), t.push(u);
       }
       return { head: e, body: t };
     });
     function la(e = null) {
-      const t = [[a.value.style.chart.title.text], [a.value.style.chart.title.subtitle.text], [""]], l = ["", ...Ua.value.head.map((r) => r.label)], u = Ua.value.body, n = t.concat([l]).concat(u), i = zl(n);
-      e ? e(i) : Tl({ csvContent: i, title: a.value.style.chart.title.text || "vue-ui-xy-canvas" });
+      const t = [
+        [a.value.style.chart.title.text],
+        [a.value.style.chart.title.subtitle.text],
+        [""]
+      ], l = ["", ...Ua.value.head.map((r) => r.label)], u = Ua.value.body, n = t.concat([l]).concat(u), i = zl(n);
+      e ? e(i) : Tl({
+        csvContent: i,
+        title: a.value.style.chart.title.text || "vue-ui-xy-canvas"
+      });
     }
     function nl() {
       return f.value;
@@ -1321,7 +1593,12 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     }
     async function rl({ scale: e = 2 } = {}) {
       if (!K.value) return;
-      const { width: t, height: l } = K.value.getBoundingClientRect(), u = t / l, { imageUri: n, base64: i } = await Wl({ domElement: K.value, base64: !0, img: !0, scale: e });
+      const { width: t, height: l } = K.value.getBoundingClientRect(), u = t / l, { imageUri: n, base64: i } = await Wl({
+        domElement: K.value,
+        base64: !0,
+        img: !0,
+        scale: e
+      });
       return {
         imageUri: n,
         base64: i,
@@ -1362,9 +1639,12 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         }
       };
     });
-    E(() => d.value.showTable, (e) => {
-      a.value.table.show || (e && a.value.table.useDialog && ye.value ? ye.value.open() : "close" in ye.value && ye.value.close());
-    });
+    E(
+      () => d.value.showTable,
+      (e) => {
+        a.value.table.show || (e && a.value.table.useDialog && ye.value ? ye.value.open() : "close" in ye.value && ye.value.close());
+      }
+    );
     function Za() {
       d.value.showTable = !1, Ge.value && Ge.value.setTableIconState(!1);
     }
@@ -1384,13 +1664,17 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         config: a.value,
         dataset: f.value
       }), !a.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(a.value.userOptions.callbacks.altCopy({
-        config: a.value,
-        dataset: f.value
-      }));
+      await Promise.resolve(
+        a.value.userOptions.callbacks.altCopy({
+          config: a.value,
+          dataset: f.value
+        })
+      );
     }
     return nt({
       getData: nl,
@@ -1590,7 +1874,10 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           onKeydown: al
         }, null, 40, eo),
         e.$slots.hint ? (I(), $e("div", ao, [
-          C(e.$slots, "hint", j(G({ hint: a.value.a11y.translations.keyboardNavigation, isVisible: Ke.value })), void 0, !0)
+          C(e.$slots, "hint", j(G({
+            hint: a.value.a11y.translations.keyboardNavigation,
+            isVisible: Ke.value
+          })), void 0, !0)
         ])) : W("", !0),
         C(e.$slots, "skeleton", {}, () => [
           z(Oe) ? (I(), q(Ol, { key: 0 })) : W("", !0)
@@ -1739,7 +2026,9 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         ], 512)
       ], 8, ["to"])) : W("", !0),
       e.$slots.watermark ? (I(), $e("div", oo, [
-        C(e.$slots, "watermark", j(G({ isPrinting: z(Ca) || z(ka) || Ze.value })), void 0, !0)
+        C(e.$slots, "watermark", j(G({
+          isPrinting: z(Ca) || z(ka) || Ze.value
+        })), void 0, !0)
       ])) : W("", !0),
       e.$slots.source ? (I(), $e("div", {
         key: 5,
@@ -1813,7 +2102,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       }, null, 8, ["parent", "backgroundColor", "color", "active", "isCursorPointer"])) : W("", !0)
     ], 46, Zl));
   }
-}, $o = /* @__PURE__ */ Gl(uo, [["__scopeId", "data-v-e2e8179a"]]);
+}, $o = /* @__PURE__ */ Gl(uo, [["__scopeId", "data-v-db327a26"]]);
 export {
   $o as default
 };