vue-data-ui 3.0.0-next.22 → 3.0.0-next.24

package/dist/{vue-ui-xy-Cb4IrNMs.js → vue-ui-xy-BwhHWoc_.js}

@@ -1,17 +1,17 @@
-import { defineAsyncComponent as Be, useSlots as Nt, getCurrentInstance as Vt, ref as w, computed as $, onMounted as Ba, toRefs as Pt, watchEffect as Ht, onBeforeUnmount as Ya, watch as Ql, createElementBlock as i, openBlock as u, normalizeStyle as z, normalizeClass as Ue, createBlock as Me, createCommentVNode as d, createVNode as xl, unref as v, createSlots as Rt, withCtx as ue, renderSlot as q, normalizeProps as Ze, guardReactiveProps as Je, createElementVNode as g, Fragment as h, renderList as y, toDisplayString as ee, mergeProps as jl, withDirectives as Bt, vModelCheckbox as Yt, createTextVNode as Ft, nextTick as bl } from "vue";
-import { u as Et, c as ea, e as la, A as Wt, a5 as Ye, b as Xt, D as ml, ab as Ke, d as Gt, p as Dt, ac as zl, aa as R, ad as qt, v as T, ae as Fa, V as Ea, af as Wa, U as Xa, ag as Ut, ah as Ga, ai as Da, i as re, x as Zt, y as Jt, _ as qa, R as ze, f as xe, w as Qe, s as we, a8 as X, L as Kt, F as Fe, aj as Cl, I as Qt, ak as Ee, C as Ne, t as jt, a as eo, o as Ua, q as lo, r as ao, E as ol } from "./index-BW0C2_Tb.js";
-import { u as aa } from "./useNestedProp-CTefm-aW.js";
+import { defineAsyncComponent as Be, useSlots as Nt, getCurrentInstance as Vt, ref as w, computed as $, onMounted as Ba, toRefs as Pt, watchEffect as Ht, onBeforeUnmount as Ya, watch as Ql, createElementBlock as i, openBlock as u, normalizeStyle as z, normalizeClass as Ue, createBlock as Me, createCommentVNode as d, createVNode as xl, unref as v, createSlots as Rt, withCtx as ue, renderSlot as q, normalizeProps as Ze, guardReactiveProps as Je, createElementVNode as g, Fragment as h, renderList as y, toDisplayString as ee, mergeProps as jl, withDirectives as Bt, vModelCheckbox as Yt, createTextVNode as Ft, nextTick as ml } from "vue";
+import { u as Et, c as ea, e as la, A as Wt, a5 as Ye, b as Xt, D as bl, ab as Ke, d as Gt, p as Dt, ac as zl, aa as R, ad as qt, v as T, ae as Fa, V as Ea, af as Wa, U as Xa, ag as Ut, ah as Ga, ai as Da, i as re, x as Zt, y as Jt, _ as qa, R as ze, f as xe, w as Qe, s as we, a8 as X, L as Kt, F as Fe, aj as Cl, I as Qt, ak as Ee, C as Ne, t as jt, a as eo, o as Ua, q as lo, r as ao, E as ol } from "./index-BlXaaLFe.js";
+import { u as aa } from "./useNestedProp-Cy-hEFSJ.js";
 import { u as to } from "./useTimeLabels-DFkUfjfs.js";
 import { u as oo } from "./useTimeLabelCollider-V7AOiPLB.js";
-import { S as so } from "./Slicer-DEWW_x3E.js";
-import uo from "./Title-CSrQOK6i.js";
-import { _ as Il } from "./Shape-BYtD3aCC.js";
-import ro from "./img-Cw1NdbG_.js";
-import { u as io } from "./usePrinter-B4zYrgnb.js";
+import { S as so } from "./Slicer-w37VlSJL.js";
+import uo from "./Title-C31zTrEg.js";
+import { _ as Il } from "./Shape-nLYuojED.js";
+import ro from "./img-Uixyjj8A.js";
+import { u as io } from "./usePrinter-D5YEoSwm.js";
 import { u as no, B as co } from "./BaseScanner-DIK2NTdp.js";
 import { t as vo } from "./useResponsive-DfdjqQps.js";
 import { _ as ho } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "height"], bo = { key: 1 }, mo = { class: "vue-ui-xy-grid" }, yo = ["stroke", "x1", "x2", "y1", "y2"], po = ["stroke", "x1", "x2", "y1", "y2"], ko = { key: 1 }, _o = ["x1", "x2", "y1", "y2", "stroke"], wo = ["x1", "x2", "y1", "y2", "stroke"], So = ["x1", "x2", "y1", "y2", "stroke"], $o = { key: 3 }, Lo = ["d", "stroke"], Ao = { key: 4 }, Mo = ["d", "stroke"], zo = ["id"], Co = ["stop-color"], Io = ["stop-color"], To = ["stop-color"], Oo = ["id"], No = ["stop-color"], Vo = ["stop-color"], Po = ["stop-color"], Ho = ["id"], Ro = ["stop-color"], Bo = ["stop-color"], Yo = ["id"], Fo = ["stop-color"], Eo = ["stop-color"], Wo = ["id"], Xo = ["stop-color"], Go = ["stop-color"], Do = ["x", "y", "height", "width", "fill"], qo = ["x", "y", "width"], Uo = { key: 0 }, Zo = ["x", "y", "height", "width", "fill"], Jo = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ko = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Qo = ["width", "x", "y"], jo = { key: 0 }, es = ["id"], ls = ["fill"], as = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ts = ["x", "y", "font-size", "fill"], os = ["stroke", "x1", "x2", "y1", "y2"], ss = { key: 3 }, us = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], rs = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], is = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ns = ["fill", "font-size", "transform"], cs = ["x1", "x2", "y1", "y2", "stroke"], vs = ["x", "y", "font-size", "fill"], ds = ["x1", "x2", "y1", "y2", "stroke"], hs = ["x", "y", "font-size", "fill"], fs = ["width", "x", "y"], gs = { style: { width: "100%" } }, xs = { key: 0 }, bs = ["id"], ms = ["fill"], ys = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ps = ["x", "y", "font-size", "fill"], ks = ["d", "stroke", "stroke-width", "stroke-dasharray"], _s = ["d", "stroke", "stroke-width", "stroke-dasharray"], ws = { key: 6 }, Ss = { key: 0 }, $s = ["d", "fill"], Ls = ["d", "fill"], As = ["d", "fill"], Ms = ["d", "fill"], zs = ["d", "stroke", "stroke-width", "stroke-dasharray"], Cs = ["d", "stroke", "stroke-width", "stroke-dasharray"], Is = ["width", "x", "y"], Ts = { style: { width: "100%" } }, Os = { key: 3 }, Ns = ["id"], Vs = ["fill"], Ps = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Hs = ["x", "y", "font-size", "fill"], Rs = { key: 7 }, Bs = ["x", "y", "font-size", "fill"], Ys = ["x", "y", "font-size", "fill", "font-weight"], Fs = { key: 8 }, Es = ["x", "y", "font-size", "fill"], Ws = { key: 9 }, Xs = ["x", "y"], Gs = ["innerHTML"], Ds = ["x", "y"], qs = ["innerHTML"], Us = ["x1", "x2", "y1", "y2", "stroke"], Zs = { key: 10 }, Js = ["x", "y", "font-size", "fill"], Ks = { key: 11 }, Qs = ["x", "y"], js = ["innerHTML"], eu = ["x", "y"], lu = ["innerHTML"], au = ["x1", "x2", "y1", "y2", "stroke"], tu = ["x", "y", "font-size", "fill", "innerHTML"], ou = ["x", "y", "font-size", "fill", "innerHTML"], su = ["x", "y", "font-size", "fill", "innerHTML"], uu = ["x", "y", "font-size", "fill", "innerHTML"], ru = ["id"], iu = ["stop-color"], nu = ["stop-color"], cu = ["x", "y", "width", "height", "fill", "onMouseenter"], vu = ["font-size", "fill", "transform"], du = ["x", "y", "font-size", "fill"], hu = ["text-anchor", "font-size", "fill", "transform", "onClick"], fu = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], gu = { key: 14 }, xu = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], bu = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], mu = ["y", "x", "width", "height", "fill"], yu = ["id", "x", "y", "font-size", "fill", "text-anchor"], pu = { key: 15 }, ku = ["x", "y", "height", "width", "onMouseenter", "onClick"], _u = {
+const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "height"], mo = { key: 1 }, bo = { class: "vue-ui-xy-grid" }, yo = ["stroke", "x1", "x2", "y1", "y2"], po = ["stroke", "x1", "x2", "y1", "y2"], ko = { key: 1 }, _o = ["x1", "x2", "y1", "y2", "stroke"], wo = ["x1", "x2", "y1", "y2", "stroke"], So = ["x1", "x2", "y1", "y2", "stroke"], $o = { key: 3 }, Lo = ["d", "stroke"], Ao = { key: 4 }, Mo = ["d", "stroke"], zo = ["id"], Co = ["stop-color"], Io = ["stop-color"], To = ["stop-color"], Oo = ["id"], No = ["stop-color"], Vo = ["stop-color"], Po = ["stop-color"], Ho = ["id"], Ro = ["stop-color"], Bo = ["stop-color"], Yo = ["id"], Fo = ["stop-color"], Eo = ["stop-color"], Wo = ["id"], Xo = ["stop-color"], Go = ["stop-color"], Do = ["x", "y", "height", "width", "fill"], qo = ["x", "y", "width"], Uo = { key: 0 }, Zo = ["x", "y", "height", "width", "fill"], Jo = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ko = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Qo = ["width", "x", "y"], jo = { key: 0 }, es = ["id"], ls = ["fill"], as = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ts = ["x", "y", "font-size", "fill"], os = ["stroke", "x1", "x2", "y1", "y2"], ss = { key: 3 }, us = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], rs = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], is = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ns = ["fill", "font-size", "transform"], cs = ["x1", "x2", "y1", "y2", "stroke"], vs = ["x", "y", "font-size", "fill"], ds = ["x1", "x2", "y1", "y2", "stroke"], hs = ["x", "y", "font-size", "fill"], fs = ["width", "x", "y"], gs = { style: { width: "100%" } }, xs = { key: 0 }, ms = ["id"], bs = ["fill"], ys = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ps = ["x", "y", "font-size", "fill"], ks = ["d", "stroke", "stroke-width", "stroke-dasharray"], _s = ["d", "stroke", "stroke-width", "stroke-dasharray"], ws = { key: 6 }, Ss = { key: 0 }, $s = ["d", "fill"], Ls = ["d", "fill"], As = ["d", "fill"], Ms = ["d", "fill"], zs = ["d", "stroke", "stroke-width", "stroke-dasharray"], Cs = ["d", "stroke", "stroke-width", "stroke-dasharray"], Is = ["width", "x", "y"], Ts = { style: { width: "100%" } }, Os = { key: 3 }, Ns = ["id"], Vs = ["fill"], Ps = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Hs = ["x", "y", "font-size", "fill"], Rs = { key: 7 }, Bs = ["x", "y", "font-size", "fill"], Ys = ["x", "y", "font-size", "fill", "font-weight"], Fs = { key: 8 }, Es = ["x", "y", "font-size", "fill"], Ws = { key: 9 }, Xs = ["x", "y"], Gs = ["innerHTML"], Ds = ["x", "y"], qs = ["innerHTML"], Us = ["x1", "x2", "y1", "y2", "stroke"], Zs = { key: 10 }, Js = ["x", "y", "font-size", "fill"], Ks = { key: 11 }, Qs = ["x", "y"], js = ["innerHTML"], eu = ["x", "y"], lu = ["innerHTML"], au = ["x1", "x2", "y1", "y2", "stroke"], tu = ["x", "y", "font-size", "fill", "innerHTML"], ou = ["x", "y", "font-size", "fill", "innerHTML"], su = ["x", "y", "font-size", "fill", "innerHTML"], uu = ["x", "y", "font-size", "fill", "innerHTML"], ru = ["id"], iu = ["stop-color"], nu = ["stop-color"], cu = ["x", "y", "width", "height", "fill", "onMouseenter"], vu = ["font-size", "fill", "transform"], du = ["x", "y", "font-size", "fill"], hu = ["text-anchor", "font-size", "fill", "transform", "onClick"], fu = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], gu = { key: 14 }, xu = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], mu = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], bu = ["y", "x", "width", "height", "fill"], yu = ["id", "x", "y", "font-size", "fill", "text-anchor"], pu = { key: 15 }, ku = ["x", "y", "height", "width", "onMouseenter", "onClick"], _u = {
   key: 16,
   style: { "pointer-events": "none" }
 }, wu = ["x", "y"], Su = ["cx", "cy", "r", "fill"], $u = {
@@ -73,10 +73,10 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(Tl, { expose: Za, emit: Ja }) {
-    const m = Tl, Ka = Be(() => import("./DataTable-DWrR2huG.js")), Qa = Be(() => import("./Tooltip-BXN6Dia0.js")), ja = Be(() => import("./UserOptions-DuttP5Ha.js")), et = Be(() => import("./BaseIcon-B02_iZvv.js")), lt = Be(() => import("./vue-ui-table-sparkline-BfxTdEYr.js")), at = Be(() => import("./vue-ui-accordion-c1jZbYHr.js")), tt = Be(() => import("./PackageVersion-Dw8LsLrG.js")), ot = Be(() => import("./PenAndPaper-B5NLS-T8.js")), Ol = Ja, ta = Nt(), st = Vt(), { vue_ui_xy: Nl } = Et(), je = w(null), sl = w(null), Se = w(null), el = w(null), ul = w(null), rl = w(null), ut = w(null), Vl = w(null), Pl = w(null), ll = w(null), Hl = w(null), We = w(null), Rl = w(null), Bl = w(0), M = w(null), oa = w(!0), ve = w(600), ae = w(1e3), yl = w("0 0 1000 600"), rt = w({ x: 0, y: 0 }), il = w({ line: "line", bar: "bar", plot: "plot" }), pl = w(!1), al = w(!1), sa = w(!1), k = w(null), Xe = w(null), te = w([]), U = w(ea()), ua = w(0), ra = w(0), ia = w(0), nl = w(!0), Yl = w(0), O = w(null), na = w(!1), Fl = w(!0), kl = w(!0), be = w(null), Ce = w({}), _l = w(null), it = $(() => ({
+    const b = Tl, Ka = Be(() => import("./DataTable-C52vrt0E.js")), Qa = Be(() => import("./Tooltip-DTeSp5uD.js")), ja = Be(() => import("./UserOptions-CUhQWPrm.js")), et = Be(() => import("./BaseIcon-Bqx1co2m.js")), lt = Be(() => import("./vue-ui-table-sparkline-L3sxqyOu.js")), at = Be(() => import("./vue-ui-accordion-BEife378.js")), tt = Be(() => import("./PackageVersion-foDSwBnR.js")), ot = Be(() => import("./PenAndPaper-BHk86d8V.js")), Ol = Ja, ta = Nt(), st = Vt(), { vue_ui_xy: Nl } = Et(), je = w(null), sl = w(null), Se = w(null), el = w(null), ul = w(null), rl = w(null), ut = w(null), Vl = w(null), Pl = w(null), ll = w(null), Hl = w(null), We = w(null), Rl = w(null), Bl = w(0), M = w(null), oa = w(!0), ve = w(600), ae = w(1e3), yl = w("0 0 1000 600"), rt = w({ x: 0, y: 0 }), il = w({ line: "line", bar: "bar", plot: "plot" }), pl = w(!1), al = w(!1), sa = w(!1), k = w(null), Xe = w(null), te = w([]), U = w(ea()), ua = w(0), ra = w(0), ia = w(0), nl = w(!0), Yl = w(0), O = w(null), na = w(!1), Fl = w(!0), kl = w(!0), me = w(null), Ce = w({}), _l = w(null), it = $(() => ({
       height: ve.value,
       width: ae.value
-    })), nt = m.config.downsample && m.config.downsample.threshold ? m.config.downsample.threshold : 500, f = w({
+    })), nt = b.config.downsample && b.config.downsample.threshold ? b.config.downsample.threshold : 500, f = w({
       dataLabels: { show: !0 },
       showTooltip: !0,
       showTable: !1,
@@ -89,7 +89,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
       plotLabels: 10
     }), $e = w({ plot: 3, line: 3 });
     Ba(() => {
-      m.dataset.length && m.dataset.forEach((a, c) => {
+      b.dataset.length && b.dataset.forEach((a, c) => {
         [null, void 0].includes(a.series) && la({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
@@ -100,32 +100,32 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
       });
     });
     function El() {
-      if (!Object.keys(m.config || {}).length)
+      if (!Object.keys(b.config || {}).length)
         return Nl;
       const a = aa({
-        userConfig: m.config,
+        userConfig: b.config,
         defaultConfig: Nl
       });
-      return m.config && Ne(m.config, "chart.highlightArea") && (Array.isArray(m.config.chart.highlightArea) ? a.chart.highlightArea = m.config.chart.highlightArea : a.chart.highlightArea = [m.config.chart.highlightArea]), m.config && Ne(m.config, "chart.grid.labels.yAxis.scaleMin") ? a.chart.grid.labels.yAxis.scaleMin = m.config.chart.grid.labels.yAxis.scaleMin : a.chart.grid.labels.yAxis.scaleMin = null, m.config && Ne(m.config, "chart.grid.labels.yAxis.scaleMax") ? a.chart.grid.labels.yAxis.scaleMax = m.config.chart.grid.labels.yAxis.scaleMax : a.chart.grid.labels.yAxis.scaleMax = null, m.config && Ne(m.config, "chart.zoom.startIndex") ? a.chart.zoom.startIndex = m.config.chart.zoom.startIndex : a.chart.zoom.startIndex = null, m.config && Ne(m.config, "chart.zoom.endIndex") ? a.chart.zoom.endIndex = m.config.chart.zoom.endIndex : a.chart.zoom.endIndex = null, m.config && Ne(m.config, "chart.grid.labels.yAxis.groupColor") ? a.chart.grid.labels.yAxis.groupColor = m.config.chart.grid.labels.yAxis.groupColor : a.chart.grid.labels.yAxis.groupColor = null, m.config && m.config.chart.annotations && Array.isArray(m.config.chart.annotations) && m.config.chart.annotations.length ? a.chart.annotations = m.config.chart.annotations.map((c) => aa({
+      return b.config && Ne(b.config, "chart.highlightArea") && (Array.isArray(b.config.chart.highlightArea) ? a.chart.highlightArea = b.config.chart.highlightArea : a.chart.highlightArea = [b.config.chart.highlightArea]), b.config && Ne(b.config, "chart.grid.labels.yAxis.scaleMin") ? a.chart.grid.labels.yAxis.scaleMin = b.config.chart.grid.labels.yAxis.scaleMin : a.chart.grid.labels.yAxis.scaleMin = null, b.config && Ne(b.config, "chart.grid.labels.yAxis.scaleMax") ? a.chart.grid.labels.yAxis.scaleMax = b.config.chart.grid.labels.yAxis.scaleMax : a.chart.grid.labels.yAxis.scaleMax = null, b.config && Ne(b.config, "chart.zoom.startIndex") ? a.chart.zoom.startIndex = b.config.chart.zoom.startIndex : a.chart.zoom.startIndex = null, b.config && Ne(b.config, "chart.zoom.endIndex") ? a.chart.zoom.endIndex = b.config.chart.zoom.endIndex : a.chart.zoom.endIndex = null, b.config && Ne(b.config, "chart.grid.labels.yAxis.groupColor") ? a.chart.grid.labels.yAxis.groupColor = b.config.chart.grid.labels.yAxis.groupColor : a.chart.grid.labels.yAxis.groupColor = null, b.config && b.config.chart.annotations && Array.isArray(b.config.chart.annotations) && b.config.chart.annotations.length ? a.chart.annotations = b.config.chart.annotations.map((c) => aa({
         defaultConfig: Nl.chart.annotations[0],
         userConfig: c
-      })) : a.chart.annotations = [], m.config && Ne(m.config, "chart.grid.position") && m.config.chart.grid.position === "start" && m.dataset.length && m.dataset.some((c) => c.type === "bar") && (a.chart.grid.position = "middle", Ne(m.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), m.config && Ne(m.config, "chart.grid.labels.yAxis.serieNameFormatter") ? a.chart.grid.labels.yAxis.serieNameFormatter = m.config.chart.grid.labels.yAxis.serieNameFormatter : a.chart.grid.labels.yAxis.serieNameFormatter = null, a.theme ? {
+      })) : a.chart.annotations = [], b.config && Ne(b.config, "chart.grid.position") && b.config.chart.grid.position === "start" && b.dataset.length && b.dataset.some((c) => c.type === "bar") && (a.chart.grid.position = "middle", Ne(b.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), b.config && Ne(b.config, "chart.grid.labels.yAxis.serieNameFormatter") ? a.chart.grid.labels.yAxis.serieNameFormatter = b.config.chart.grid.labels.yAxis.serieNameFormatter : a.chart.grid.labels.yAxis.serieNameFormatter = null, a.theme ? {
         ...aa({
-          userConfig: eo.vue_ui_xy[a.theme] || m.config,
+          userConfig: eo.vue_ui_xy[a.theme] || b.config,
           defaultConfig: a
         }),
-        customPalette: jt[a.theme] || m.palette
+        customPalette: jt[a.theme] || b.palette
       } : a;
     }
     const Wl = $({
       get() {
-        return !!m.dataset && m.dataset.length;
+        return !!b.dataset && b.dataset.length;
       },
       set(a) {
         return a;
       }
-    }), l = w(El()), { loading: Xl, FINAL_DATASET: me, manualLoading: wl } = no({
-      ...Pt(m),
+    }), l = w(El()), { loading: Xl, FINAL_DATASET: be, manualLoading: wl } = no({
+      ...Pt(b),
       FINAL_CONFIG: l,
       prepareConfig: El,
       callback: () => {
@@ -207,7 +207,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
         }
       })
     }), Ve = $({
-      get: () => Math.max(...me.value.map((a) => Ye({ data: a.series, threshold: nt }).length)),
+      get: () => Math.max(...be.value.map((a) => Ye({ data: a.series, threshold: nt }).length)),
       set: (a) => a
     }), S = w({ start: 0, end: Ve.value }), { isPrinting: Gl, isImaging: ca, generatePdf: va, generateImage: da } = io({
       elementId: `vue-ui-xy_${U.value}`,
@@ -218,7 +218,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
         return l.value.chart.grid.labels.yAxis.scaleMin;
       const a = Math.min(...Ie.value.filter((c) => !te.value.includes(c.id)).map((c) => Math.min(...c.series)));
       return a > 0 ? 0 : a;
-    }), ye = $(() => l.value.chart.grid.labels.yAxis.useNiceScale ? ml(Dl.value, Sl.value < 0 ? 0 : Sl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps) : Ke(Dl.value, Sl.value < 0 ? 0 : Sl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps)), cl = $(() => [null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) ? ye.value.min >= 0 ? 0 : Math.abs(ye.value.min) : -ye.value.min), Ie = $(() => oa.value ? me.value.map((a, c) => {
+    }), ye = $(() => l.value.chart.grid.labels.yAxis.useNiceScale ? bl(Dl.value, Sl.value < 0 ? 0 : Sl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps) : Ke(Dl.value, Sl.value < 0 ? 0 : Sl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps)), cl = $(() => [null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) ? ye.value.min >= 0 ? 0 : Math.abs(ye.value.min) : -ye.value.min), Ie = $(() => oa.value ? be.value.map((a, c) => {
       const e = Ye({
         data: a.series,
         threshold: l.value.downsample.threshold
@@ -231,7 +231,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
         id: s,
         scaleLabel: a.scaleLabel || s
       };
-    }) : me.value), Te = $(() => Ie.value.map((a, c) => ({
+    }) : be.value), Te = $(() => Ie.value.map((a, c) => ({
       absoluteIndex: c,
       ...a,
       series: a.series.map((e) => e + cl.value),
@@ -270,16 +270,16 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
       Vl.value && (a = Vl.value.getBBox().height);
       let c = 0;
       return ll.value && (c = ql.value), a + c + x.value.xAxis;
-    }), ht = $(() => me.value.some((a) => a.useProgression)), n = $(() => {
+    }), ht = $(() => be.value.some((a) => a.useProgression)), n = $(() => {
       let a = 0;
       const c = 36;
-      l.value.chart.grid.labels.show && (f.value.useIndividualScale && !f.value.isStacked ? a = (me.value.length - te.value.length) * (l.value.chart.grid.labels.yAxis.labelWidth + c) : f.value.useIndividualScale && f.value.isStacked ? a = l.value.chart.grid.labels.yAxis.labelWidth + c : a = vt());
+      l.value.chart.grid.labels.show && (f.value.useIndividualScale && !f.value.isStacked ? a = (be.value.length - te.value.length) * (l.value.chart.grid.labels.yAxis.labelWidth + c) : f.value.useIndividualScale && f.value.isStacked ? a = l.value.chart.grid.labels.yAxis.labelWidth + c : a = vt());
       const e = l.value.chart.labels.fontSize * 1.1, s = ht.value ? 24 : 6;
       if (ll.value) {
         const o = ll.value.getBBox().x;
         o < 0 && (a += Math.abs(o));
       }
-      const t = ae.value - a - l.value.chart.grid.labels.yAxis.crosshairSize - s - l.value.chart.padding.left - l.value.chart.padding.right, r = l.value.chart.grid.position === "middle" ? 0 : t / b.value / 2;
+      const t = ae.value - a - l.value.chart.grid.labels.yAxis.crosshairSize - s - l.value.chart.padding.left - l.value.chart.padding.right, r = l.value.chart.grid.position === "middle" ? 0 : t / m.value / 2;
       return {
         top: l.value.chart.padding.top + e,
         right: ae.value - s - l.value.chart.padding.right,
@@ -291,9 +291,9 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
         individualOffsetX: c
       };
     }), ft = $(() => {
-      const a = l.value.chart.grid.position === "middle" ? 1 : 0, c = b.value + a, e = R(n.value.top), s = R(n.value.bottom);
+      const a = l.value.chart.grid.position === "middle" ? 1 : 0, c = m.value + a, e = R(n.value.top), s = R(n.value.bottom);
       return Array.from({ length: c }).map((t, r) => {
-        const o = n.value.width / b.value * r + n.value.left + G.value;
+        const o = n.value.width / m.value * r + n.value.left + G.value;
         return `M${o},${e} L${o},${s}`;
       }).join(" ");
     }), gt = $(() => {
@@ -306,10 +306,10 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
       } = l.value.chart.grid.labels.xAxisLabels, s = le.value.length ? Math.min(e, [...new Set(le.value.map((r) => r.text))]) : e, t = Math.floor((S.value.end - S.value.start) / s);
       return le.value.map((r, o) => {
         if (!r) return null;
-        const B = a && b.value <= s, F = !c && !a, E = c && !a && (o === 0 || o === le.value.length - 1), L = c && !a && k.value === o, C = !c && a && o % t === 0;
+        const B = a && m.value <= s, F = !c && !a, E = c && !a && (o === 0 || o === le.value.length - 1), L = c && !a && k.value === o, C = !c && a && o % t === 0;
         if (!(B || F || E || L || C))
           return null;
-        const Y = n.value.width / b.value, _ = n.value.left + Y * o + Y / 2, N = l.value.chart.grid.labels.xAxis.crosshairSize, A = l.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero, J = A ? ie.value - (ie.value === n.value.bottom ? 0 : N / 2) : n.value.bottom, oe = A ? ie.value + N / (ie.value === n.value.bottom ? 1 : 2) : n.value.bottom + N;
+        const Y = n.value.width / m.value, _ = n.value.left + Y * o + Y / 2, N = l.value.chart.grid.labels.xAxis.crosshairSize, A = l.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero, J = A ? ie.value - (ie.value === n.value.bottom ? 0 : N / 2) : n.value.bottom, oe = A ? ie.value + N / (ie.value === n.value.bottom ? 1 : 2) : n.value.bottom + N;
         return `M${_},${J} L${_},${oe}`;
       }).filter((r) => r !== null).join(" ");
     });
@@ -331,14 +331,14 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
       e && (Ce.value[`${a}_${c}_${s}_${t}`] = e);
     }
     const Ul = w(!1);
-    async function ba(a = !1) {
-      await bl(), Ul.value = a, na.value && (kl.value = a);
+    async function ma(a = !1) {
+      await ml(), Ul.value = a, na.value && (kl.value = a);
     }
     function Zl() {
       pl.value = !pl.value;
     }
     const le = $(() => {
-      const a = Math.max(...me.value.map((c) => Ye({ data: c.series, threshold: l.value.downsample.threshold }).length));
+      const a = Math.max(...be.value.map((c) => Ye({ data: c.series, threshold: l.value.downsample.threshold }).length));
       return to({
         values: l.value.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: a,
@@ -350,7 +350,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
       const a = l.value.chart.grid.labels.xAxisLabels.modulo;
       return le.value.length ? Math.min(a, [...new Set(le.value.map((c) => c.text))].length) : a;
     });
-    function ma(a, c) {
+    function ba(a, c) {
       const e = pe.value.map((s) => ({
         shape: s.shape || null,
         name: s.name,
@@ -367,8 +367,8 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
         label: a.text
       });
     }
-    const b = $(() => S.value.end - S.value.start);
-    function bt(a) {
+    const m = $(() => S.value.end - S.value.start);
+    function mt(a) {
       O.value = a;
     }
     function ya() {
@@ -377,20 +377,20 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
     function Jl(a) {
       hl.value && a.autoScaling && (l.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), l.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
     }
-    function mt(a, c) {
+    function bt(a, c) {
       let e = Array(a).fill(0);
       for (let s = 0; s < c.length && s < a; s += 1)
         e[s] = c[s];
       return e;
     }
     function yt(a) {
-      const c = Math.max(...me.value.map((e) => Ye({ data: e.series, threshold: l.value.downsample.threshold }).length));
+      const c = Math.max(...be.value.map((e) => Ye({ data: e.series, threshold: l.value.downsample.threshold }).length));
       return a > c ? c : a < 0 || l.value.chart.zoom.startIndex !== null && a < l.value.chart.zoom.startIndex ? l.value.chart.zoom.startIndex !== null ? l.value.chart.zoom.startIndex + 1 : 1 : a;
     }
     async function Kl() {
-      (l.value.chart.zoom.startIndex !== null || l.value.chart.zoom.endIndex !== null) && Se.value ? (l.value.chart.zoom.startIndex !== null && (await bl(), await bl(), Se.value.setStartValue(l.value.chart.zoom.startIndex)), l.value.chart.zoom.endIndex !== null && (await bl(), await bl(), Se.value.setEndValue(yt(l.value.chart.zoom.endIndex + 1)))) : (S.value = {
+      (l.value.chart.zoom.startIndex !== null || l.value.chart.zoom.endIndex !== null) && Se.value ? (l.value.chart.zoom.startIndex !== null && (await ml(), await ml(), Se.value.setStartValue(l.value.chart.zoom.startIndex)), l.value.chart.zoom.endIndex !== null && (await ml(), await ml(), Se.value.setEndValue(yt(l.value.chart.zoom.endIndex + 1)))) : (S.value = {
         start: 0,
-        end: Math.max(...me.value.map((a) => Ye({ data: a.series, threshold: l.value.downsample.threshold }).length))
+        end: Math.max(...be.value.map((a) => Ye({ data: a.series, threshold: l.value.downsample.threshold }).length))
       }, Bl.value += 1);
     }
     function pt() {
@@ -412,15 +412,15 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
       return a.value >= 0 ? T(a.zeroPosition - a.y <= 0 ? 1e-5 : a.zeroPosition - a.y) : T(a.y - a.zeroPosition <= 0 ? 1e-5 : a.zeroPosition - a.y);
     }
     const Z = $(() => ({
-      bar: n.value.width / b.value / Ie.value.filter((a) => a.type === "bar").filter((a) => !te.value.includes(a.id)).length,
-      plot: n.value.width / b.value,
-      line: n.value.width / b.value
+      bar: n.value.width / m.value / Ie.value.filter((a) => a.type === "bar").filter((a) => !te.value.includes(a.id)).length,
+      plot: n.value.width / m.value,
+      line: n.value.width / m.value
     }));
     function ke() {
-      return f.value.useIndividualScale && f.value.isStacked ? Z.value.line - n.value.width / b.value * 0.1 : Z.value.bar;
+      return f.value.useIndividualScale && f.value.isStacked ? Z.value.line - n.value.width / m.value * 0.1 : Z.value.bar;
     }
     function Al(a) {
-      return f.value.useIndividualScale && f.value.isStacked ? a.x + n.value.width / b.value * 0.05 : a.x + Z.value.bar / 2;
+      return f.value.useIndividualScale && f.value.isStacked ? a.x + n.value.width / m.value * 0.05 : a.x + Z.value.bar / 2;
     }
     function wa(a) {
       return a.value >= 0 ? a.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(ie.value) ? n.bottom.value : ie.value;
@@ -481,7 +481,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
       const a = l.value.chart.title.text || "Chart visualization", c = l.value.chart.title.subtitle.text || "";
       return `${a}. ${c}`;
     }), La = $(() => ({
-      linePlot: b.value > l.value.line.dot.hideAboveMaxSerieLength
+      linePlot: m.value > l.value.line.dot.hideAboveMaxSerieLength
     })), $t = $(() => l.value.chart.userOptions.show && (!l.value.chart.title.show || !l.value.chart.title.text)), Lt = $(() => {
       if (Array.isArray(l.value.chart.highlightArea))
         return l.value.chart.highlightArea.map((c) => {
@@ -496,20 +496,20 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
         to: Math.min(l.value.chart.highlightArea.to, Ve.value - 1)
       };
       return [{ ...a, span: a.from === a.to ? 1 : a.to < a.from ? 0 : a.to - a.from + 1 }];
-    }), At = $(() => oa.value ? me.value.map((a, c) => ({
+    }), At = $(() => oa.value ? be.value.map((a, c) => ({
       ...a,
       series: Ye({
         data: a.series,
         threshold: l.value.downsample.threshold
       }),
       id: `uniqueId_${c}`
-    })) : me.value), Mt = $(() => pe.value.map((a) => {
+    })) : be.value), Mt = $(() => pe.value.map((a) => {
       const c = a.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
       return {
         id: a.id,
         name: a.name,
         color: a.color,
-        values: mt(b.value, c)
+        values: bt(m.value, c)
       };
     })), zt = $(() => ({
       responsiveBreakpoint: l.value.table.responsiveBreakpoint,
@@ -534,7 +534,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
       userOptions: {
         show: !1
       }
-    })), G = $(() => l.value.chart.grid.position === "middle" ? 0 : n.value.width / b.value / 2), De = $(() => qt(Te.value.filter((a) => !te.value.includes(a.id)))), p = $(() => {
+    })), G = $(() => l.value.chart.grid.position === "middle" ? 0 : n.value.width / m.value / 2), De = $(() => qt(Te.value.filter((a) => !te.value.includes(a.id)))), p = $(() => {
       const a = Object.groupBy(De.value, (e) => e.scaleLabel), c = {};
       for (const [e, s] of Object.entries(a)) {
         const t = s.flatMap((r) => r.absoluteValues);
@@ -547,7 +547,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
       return c;
     }), Ct = $(() => {
       const a = Ie.value.filter((c) => c.type === "bar").filter((c) => !te.value.includes(c.id)).length;
-      return n.value.width / b.value / a - Oe.value * a;
+      return n.value.width / m.value / a - Oe.value * a;
     }), Oe = $(() => Z.value.line * l.value.bar.periodGap), It = $(() => {
       if (!l.value.chart.zoom.minimap.show) return [];
       const a = At.value.filter((t) => !te.value.includes(t.id)), c = Math.max(...a.map((t) => t.series.length)), e = [];
@@ -624,8 +624,8 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
         }, C = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues.filter((V) => ![void 0, null].includes(V))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((V) => ![null, void 0].includes(V)))
-        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, N = l.value.chart.grid.labels.yAxis.useNiceScale ? ml(C.min, C.max === C.min ? C.max * _ : C.max, Y) : Ke(C.min, C.max === C.min ? C.max * _ : C.max, Y), A = l.value.chart.grid.labels.yAxis.useNiceScale ? ml(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * _ : L.valueMax, Y) : Ke(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * _ : L.valueMax, Y), J = N.min >= 0 ? 0 : Math.abs(N.min), oe = 0, D = N.max + J, ge = A.max + Math.abs(oe), Ae = o.stackIndex, tl = c - 1 - Ae, de = s ? 1 - o.cumulatedStackRatio : 0, P = s ? r * de + e * tl : 0, H = s ? r * o.stackRatio : n.value.height, K = n.value.bottom - P - H * J / D, he = n.value.bottom - P - H * oe / ge, ne = Te.value.filter((V) => V.type === "bar").filter((V) => !te.value.includes(V.id)).length, fl = o.series.map((V, j) => {
-          const Re = f.value.useIndividualScale ? (o.absoluteValues[j] + J) / D : Ge(V), qe = f.value.useIndividualScale && f.value.isStacked ? n.value.left + n.value.width / b.value * j : n.value.left + Z.value.bar * B + Z.value.bar * j * ne - Ct.value / 2 - B * Oe.value;
+        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, N = l.value.chart.grid.labels.yAxis.useNiceScale ? bl(C.min, C.max === C.min ? C.max * _ : C.max, Y) : Ke(C.min, C.max === C.min ? C.max * _ : C.max, Y), A = l.value.chart.grid.labels.yAxis.useNiceScale ? bl(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * _ : L.valueMax, Y) : Ke(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * _ : L.valueMax, Y), J = N.min >= 0 ? 0 : Math.abs(N.min), oe = 0, D = N.max + J, ge = A.max + Math.abs(oe), Ae = o.stackIndex, tl = c - 1 - Ae, de = s ? 1 - o.cumulatedStackRatio : 0, P = s ? r * de + e * tl : 0, H = s ? r * o.stackRatio : n.value.height, K = n.value.bottom - P - H * J / D, he = n.value.bottom - P - H * oe / ge, ne = Te.value.filter((V) => V.type === "bar").filter((V) => !te.value.includes(V.id)).length, fl = o.series.map((V, j) => {
+          const Re = f.value.useIndividualScale ? (o.absoluteValues[j] + J) / D : Ge(V), qe = f.value.useIndividualScale && f.value.isStacked ? n.value.left + n.value.width / m.value * j : n.value.left + Z.value.bar * B + Z.value.bar * j * ne - Ct.value / 2 - B * Oe.value;
           return {
             yOffset: T(P),
             individualHeight: T(H),
@@ -637,7 +637,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
             comment: o.comments && o.comments.slice(S.value.start, S.value.end)[j] || ""
           };
         }), ce = o.absoluteValues.map((V) => A.min >= 0 ? (V - Math.abs(A.min)) / (A.max - Math.abs(A.min)) : (V + Math.abs(A.min)) / (A.max + Math.abs(A.min))), He = o.series.map((V, j) => {
-          const Re = f.value.useIndividualScale && f.value.isStacked ? n.value.left + n.value.width / b.value * j : n.value.left - Z.value.bar / 2 + Z.value.bar * B + Z.value.bar * j * Te.value.filter((qe) => qe.type === "bar").filter((qe) => !te.value.includes(qe.id)).length;
+          const Re = f.value.useIndividualScale && f.value.isStacked ? n.value.left + n.value.width / m.value * j : n.value.left - Z.value.bar / 2 + Z.value.bar * B + Z.value.bar * j * Te.value.filter((qe) => qe.type === "bar").filter((qe) => !te.value.includes(qe.id)).length;
           return {
             yOffset: T(P),
             individualHeight: T(H),
@@ -689,7 +689,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
         }, C = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
-        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, N = l.value.chart.grid.labels.yAxis.useNiceScale ? ml(C.min, C.max === C.min ? C.max * _ : C.max, Y) : Ke(C.min, C.max === C.min ? C.max * _ : C.max, Y), A = l.value.chart.grid.labels.yAxis.useNiceScale ? ml(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * _ : L.valueMax, Y) : Ke(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * _ : L.valueMax, Y), J = N.min >= 0 ? 0 : Math.abs(N.min), oe = 0, D = N.max + Math.abs(J), ge = A.max + Math.abs(oe), Ae = o.stackIndex, tl = c - 1 - Ae, de = s ? 1 - o.cumulatedStackRatio : 0, P = s ? r * de + e * tl : 0, H = s ? r * o.stackRatio : n.value.height, K = n.value.bottom - P - H * J / D, he = n.value.bottom - P - H * oe / ge, ne = o.series.map((I, se) => {
+        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, N = l.value.chart.grid.labels.yAxis.useNiceScale ? bl(C.min, C.max === C.min ? C.max * _ : C.max, Y) : Ke(C.min, C.max === C.min ? C.max * _ : C.max, Y), A = l.value.chart.grid.labels.yAxis.useNiceScale ? bl(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * _ : L.valueMax, Y) : Ke(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * _ : L.valueMax, Y), J = N.min >= 0 ? 0 : Math.abs(N.min), oe = 0, D = N.max + Math.abs(J), ge = A.max + Math.abs(oe), Ae = o.stackIndex, tl = c - 1 - Ae, de = s ? 1 - o.cumulatedStackRatio : 0, P = s ? r * de + e * tl : 0, H = s ? r * o.stackRatio : n.value.height, K = n.value.bottom - P - H * J / D, he = n.value.bottom - P - H * oe / ge, ne = o.series.map((I, se) => {
           const Ot = f.value.useIndividualScale ? (o.absoluteValues[se] + Math.abs(J)) / D : Ge(I);
           return {
             x: T(n.value.left + Z.value.line / 2 + Z.value.line * se),
@@ -973,7 +973,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
       let c = [""].concat(pe.value.map((r) => r.name));
       a && (c = c.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 e = [];
-      for (let r = 0; r < b.value; r += 1) {
+      for (let r = 0; r < m.value; r += 1) {
         const o = pe.value.map((B) => B.absoluteValues[r] ?? 0).reduce((B, F) => B + F, 0);
         e.push(
           [
@@ -1071,11 +1071,11 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
     }
     const hl = $(() => !!l.value.debug);
     function Ra() {
-      Ua(m.dataset) ? (la({
+      Ua(b.dataset) ? (la({
         componentName: "VueUiXy",
         type: "dataset",
         debug: hl.value
-      }), wl.value = !0) : m.dataset.forEach((c, e) => {
+      }), wl.value = !0) : b.dataset.forEach((c, e) => {
         [null, void 0].includes(c.name) && (la({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
@@ -1083,13 +1083,13 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
           index: e,
           debug: hl.value
         }), wl.value = !0);
-      }), hl.value && m.dataset.forEach((c) => {
+      }), hl.value && b.dataset.forEach((c) => {
         c.series.forEach((e, s) => {
           zl(e) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
 -----> The serie '${c.name}' contains the value '${e}' at index ${s}.
 '${e}' was converted to null to allow the chart to display.`);
         });
-      }), Ua(m.dataset) || (wl.value = l.value.loading), na.value = l.value.chart.userOptions.showOnChartHover, Fl.value = l.value.chart.userOptions.keepStateOnChartLeave, kl.value = !l.value.chart.userOptions.showOnChartHover, f.value = {
+      }), Ua(b.dataset) || (wl.value = l.value.loading), na.value = l.value.chart.userOptions.showOnChartHover, Fl.value = l.value.chart.userOptions.keepStateOnChartLeave, kl.value = !l.value.chart.userOptions.showOnChartHover, f.value = {
         dataLabels: {
           show: !0
         },
@@ -1140,15 +1140,15 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
       rotationPath: ["chart", "grid", "labels", "xAxisLabels", "rotation"],
       autoRotatePath: ["chart", "grid", "labels", "xAxisLabels", "autoRotate"],
       isAutoSize: ct
-    }), Ql(() => m.dataset, (a) => {
-      Array.isArray(a) && a.length > 0 && (wl.value = !1), Ve.value = Math.max(...me.value.map((c) => Ye({
+    }), Ql(() => b.dataset, (a) => {
+      Array.isArray(a) && a.length > 0 && (wl.value = !1), Ve.value = Math.max(...be.value.map((c) => Ye({
         data: c.series,
         threshold: l.value.downsample.threshold
       }).length)), S.value = {
         start: 0,
         end: Ve.value
       }, Bl.value += 1, Yl.value += 1;
-    }, { deep: !0 }), Ql(() => m.config, (a) => {
+    }, { deep: !0 }), Ql(() => b.config, (a) => {
       Xl.value || (l.value = El()), Ra(), ia.value += 1, ra.value += 1, f.value = {
         dataLabels: {
           show: !0
@@ -1186,12 +1186,12 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
       ref_key: "chart",
       ref: je,
       style: z(`background:${l.value.chart.backgroundColor}; color:${l.value.chart.color};width:100%;font-family:${l.value.chart.fontFamily};${l.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: c[7] || (c[7] = () => ba(!0)),
-      onMouseleave: c[8] || (c[8] = () => ba(!1))
+      onMouseenter: c[7] || (c[7] = () => ma(!0)),
+      onMouseleave: c[8] || (c[8] = () => ma(!1))
     }, [
-      l.value.chart.userOptions.buttons.annotator && be.value ? (u(), Me(v(ot), {
+      l.value.chart.userOptions.buttons.annotator && me.value ? (u(), Me(v(ot), {
         key: 0,
-        svgRef: be.value,
+        svgRef: me.value,
         backgroundColor: l.value.chart.backgroundColor,
         color: l.value.chart.color,
         active: pl.value,
@@ -1337,7 +1337,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : d("", !0),
       (u(), i("svg", {
         ref_key: "svgRef",
-        ref: be,
+        ref: me,
         xmlns: "http://www.w3.org/2000/svg",
         class: Ue([{ "vue-data-ui-fullscreen--on": al.value, "vue-data-ui-fulscreen--off": !al.value }, "vue-ui-xy-svg vue-data-ui-svg"]),
         width: "100%",
@@ -1362,7 +1362,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
             key: 0,
             x: n.value.left + G.value < 0 ? 0 : n.value.left + G.value,
             y: n.value.top,
-            width: n.value.width - (l.value.chart.grid.position === "middle" ? 0 : n.value.width / b.value) < 0 ? 0 : n.value.width - (l.value.chart.grid.position === "middle" ? 0 : n.value.width / b.value),
+            width: n.value.width - (l.value.chart.grid.position === "middle" ? 0 : n.value.width / m.value) < 0 ? 0 : n.value.width - (l.value.chart.grid.position === "middle" ? 0 : n.value.width / m.value),
             height: n.value.height < 0 ? 0 : n.value.height,
             style: {
               pointerEvents: "none"
@@ -1370,8 +1370,8 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
           }, [
             q(a.$slots, "chart-background", {}, void 0, !0)
           ], 8, xo)) : d("", !0),
-          b.value > 0 ? (u(), i("g", bo, [
-            g("g", mo, [
+          m.value > 0 ? (u(), i("g", mo, [
+            g("g", bo, [
               l.value.chart.grid.labels.xAxis.showBaseline ? (u(), i("line", {
                 key: 0,
                 stroke: l.value.chart.grid.stroke,
@@ -1553,24 +1553,24 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
                       transition: "none",
                       opacity: e.from + t >= S.value.start && e.from + t <= S.value.end - 1 ? 1 : 0
                     }),
-                    x: n.value.left + n.value.width / b.value * (e.from + t - S.value.start),
+                    x: n.value.left + n.value.width / m.value * (e.from + t - S.value.start),
                     y: n.value.top,
                     height: n.value.height < 0 ? 10 : n.value.height,
-                    width: n.value.width / b.value < 0 ? 1e-5 : n.value.width / b.value,
+                    width: n.value.width / m.value < 0 ? 1e-5 : n.value.width / m.value,
                     fill: v(we)(e.color, e.opacity)
                   }, null, 12, Do)
                 ]))), 256)),
                 (u(!0), i(h, null, y(e.span, (s, t) => (u(), i("g", null, [
                   e.caption.text && t === 0 ? (u(), i("foreignObject", {
                     key: 0,
-                    x: n.value.left + n.value.width / b.value * (e.from + t - S.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - n.value.width / b.value * e.span / 2),
+                    x: n.value.left + n.value.width / m.value * (e.from + t - S.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - n.value.width / m.value * e.span / 2),
                     y: n.value.top + e.caption.offsetY,
                     style: z({
                       overflow: "visible",
                       opacity: e.to >= S.value.start && e.from < S.value.end ? 1 : 0
                     }),
                     height: "1",
-                    width: e.caption.width === "auto" ? n.value.width / b.value * e.span : e.caption.width
+                    width: e.caption.width === "auto" ? n.value.width / m.value * e.span : e.caption.width
                   }, [
                     g("div", {
                       style: z(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`)
@@ -1580,14 +1580,14 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
               ], 64)) : d("", !0)
             ]))), 256)),
             Ul.value ? (u(), i("g", Uo, [
-              (u(!0), i(h, null, y(b.value, (e, s) => (u(), i("g", {
+              (u(!0), i(h, null, y(m.value, (e, s) => (u(), i("g", {
                 key: `tooltip_trap_highlighter_${s}`
               }, [
                 g("rect", {
-                  x: n.value.left + n.value.width / b.value * s,
+                  x: n.value.left + n.value.width / m.value * s,
                   y: n.value.top,
                   height: n.value.height < 0 ? 10 : n.value.height,
-                  width: n.value.width / b.value < 0 ? 1e-5 : n.value.width / b.value,
+                  width: n.value.width / m.value < 0 ? 1e-5 : n.value.width / m.value,
                   fill: [O.value, k.value, Xe.value].includes(s) ? v(we)(l.value.chart.highlighter.color, l.value.chart.highlighter.opacity) : "transparent"
                 }, null, 8, Zo)
               ]))), 128))
@@ -1690,8 +1690,8 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
             }, null, 8, os)) : d("", !0),
             l.value.chart.highlighter.useLine && (![null, void 0].includes(k.value) || ![null, void 0].includes(O.value)) ? (u(), i("g", ss, [
               g("line", {
-                x1: n.value.left + n.value.width / b.value * ((k.value !== null ? k.value : 0) || (O.value !== null ? O.value : 0)) + n.value.width / b.value / 2,
-                x2: n.value.left + n.value.width / b.value * ((k.value !== null ? k.value : 0) || (O.value !== null ? O.value : 0)) + n.value.width / b.value / 2,
+                x1: n.value.left + n.value.width / m.value * ((k.value !== null ? k.value : 0) || (O.value !== null ? O.value : 0)) + n.value.width / m.value / 2,
+                x2: n.value.left + n.value.width / m.value * ((k.value !== null ? k.value : 0) || (O.value !== null ? O.value : 0)) + n.value.width / m.value / 2,
                 y1: v(R)(n.value.top),
                 y2: v(R)(n.value.bottom),
                 stroke: l.value.chart.highlighter.color,
@@ -1706,7 +1706,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
               style: { pointerEvents: "none", transition: "none", animation: "none !important" },
               x: n.value.left + G.value < 0 ? 0 : n.value.left + G.value,
               y: n.value.top,
-              width: n.value.width - (l.value.chart.grid.position === "middle" ? 0 : n.value.width / b.value) < 0 ? 0 : n.value.width - (l.value.chart.grid.position === "middle" ? 0 : n.value.width / b.value),
+              width: n.value.width - (l.value.chart.grid.position === "middle" ? 0 : n.value.width / m.value) < 0 ? 0 : n.value.width - (l.value.chart.grid.position === "middle" ? 0 : n.value.width / m.value),
               height: n.value.height < 0 ? 0 : n.value.height,
               fill: "transparent",
               stroke: l.value.chart.grid.frame.stroke,
@@ -1852,8 +1852,8 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
                     g("polygon", {
                       points: `0 0, 7 ${7 / 2}, 0 7`,
                       fill: e.color
-                    }, null, 8, ms)
-                  ], 8, bs)
+                    }, null, 8, bs)
+                  ], 8, ms)
                 ]),
                 e.plots.length > 1 ? (u(), i("line", {
                   key: 0,
@@ -1915,22 +1915,24 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
             }, [
               e.useArea && e.plots.length > 1 ? (u(), i("g", Ss, [
                 e.smooth ? (u(!0), i(h, { key: 0 }, y(e.curveAreas, (t, r) => (u(), i(h, { key: r }, [
-                  g("path", {
+                  t ? (u(), i("path", {
+                    key: 0,
                     d: t,
                     fill: l.value.line.area.useGradient ? `url(#areaGradient_${s}_${U.value})` : v(we)(e.color, l.value.line.area.opacity)
-                  }, null, 8, $s),
-                  a.$slots.pattern ? (u(), i("path", {
-                    key: 0,
+                  }, null, 8, $s)) : d("", !0),
+                  a.$slots.pattern && t ? (u(), i("path", {
+                    key: 1,
                     d: t,
                     fill: `url(#pattern_${U.value}_${e.slotAbsoluteIndex})`
                   }, null, 8, Ls)) : d("", !0)
                 ], 64))), 128)) : (u(!0), i(h, { key: 1 }, y(e.area.split(";"), (t, r) => (u(), i(h, { key: r }, [
-                  g("path", {
+                  t ? (u(), i("path", {
+                    key: 0,
                     d: `M${t}Z`,
                     fill: l.value.line.area.useGradient ? `url(#areaGradient_${s}_${U.value})` : v(we)(e.color, l.value.line.area.opacity)
-                  }, null, 8, As),
-                  a.$slots.pattern ? (u(), i("path", {
-                    key: 0,
+                  }, null, 8, As)) : d("", !0),
+                  a.$slots.pattern && t ? (u(), i("path", {
+                    key: 1,
                     d: `M${t}Z`,
                     fill: `url(#pattern_${U.value}_${e.slotAbsoluteIndex})`
                   }, null, 8, Ms)) : d("", !0)
@@ -2413,26 +2415,26 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
                 key: `time_label_${s}`,
                 ref_for: !0
               }, {
-                x: n.value.left + n.value.width / b.value * s + n.value.width / b.value / 2,
+                x: n.value.left + n.value.width / m.value * s + n.value.width / m.value / 2,
                 y: n.value.bottom,
                 fontSize: x.value.xAxis,
                 fill: l.value.chart.grid.labels.xAxisLabels.color,
-                transform: `translate(${n.value.left + n.value.width / b.value * s + n.value.width / b.value / 2}, ${n.value.bottom + x.value.xAxis * 1.3 + l.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
+                transform: `translate(${n.value.left + n.value.width / m.value * s + n.value.width / m.value / 2}, ${n.value.bottom + x.value.xAxis * 1.3 + l.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
                 absoluteIndex: e.absoluteIndex,
                 content: e.text,
                 textAnchor: l.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : l.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-                show: e && l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && b.value <= Ll.value || e && !l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (s === 0 || s === le.value.length - 1) && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && k.value === s && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && !l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && s % Math.floor((S.value.end - S.value.start) / Ll.value) === 0
+                show: e && l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && m.value <= Ll.value || e && !l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (s === 0 || s === le.value.length - 1) && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && k.value === s && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && !l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && s % Math.floor((S.value.end - S.value.start) / Ll.value) === 0
               }), void 0, !0)), 128)) : (u(!0), i(h, { key: 1 }, y(le.value, (e, s) => (u(), i("g", {
                 key: `time_label_${s}`
               }, [
-                e && l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && b.value <= Ll.value || e && !l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (s === 0 || s === le.value.length - 1) && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && k.value === s && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && !l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && s % Math.floor((S.value.end - S.value.start) / Ll.value) === 0 ? (u(), i(h, { key: 0 }, [
+                e && l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && m.value <= Ll.value || e && !l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (s === 0 || s === le.value.length - 1) && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && k.value === s && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && !l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && s % Math.floor((S.value.end - S.value.start) / Ll.value) === 0 ? (u(), i(h, { key: 0 }, [
                   String(e.text).includes(`
 `) ? (u(), i("text", {
                     key: 1,
                     "text-anchor": l.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : l.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                     "font-size": x.value.xAxis,
                     fill: l.value.chart.grid.labels.xAxisLabels.color,
-                    transform: `translate(${n.value.left + n.value.width / b.value * s + n.value.width / b.value / 2}, ${n.value.bottom + x.value.xAxis * 1.3 + l.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
+                    transform: `translate(${n.value.left + n.value.width / m.value * s + n.value.width / m.value / 2}, ${n.value.bottom + x.value.xAxis * 1.3 + l.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
                     style: z({
                       cursor: ga() ? "pointer" : "default"
                     }),
@@ -2443,18 +2445,18 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
                       x: 0,
                       y: 0
                     }),
-                    onClick: () => ma(e, s)
+                    onClick: () => ba(e, s)
                   }, null, 12, fu)) : (u(), i("text", {
                     key: 0,
                     class: "vue-data-ui-time-label",
                     "text-anchor": l.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : l.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                     "font-size": x.value.xAxis,
                     fill: l.value.chart.grid.labels.xAxisLabels.color,
-                    transform: `translate(${n.value.left + n.value.width / b.value * s + n.value.width / b.value / 2}, ${n.value.bottom + x.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
+                    transform: `translate(${n.value.left + n.value.width / m.value * s + n.value.width / m.value / 2}, ${n.value.bottom + x.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
                     style: z({
                       cursor: ga() ? "pointer" : "default"
                     }),
-                    onClick: () => ma(e, s)
+                    onClick: () => ba(e, s)
                   }, ee(e.text || ""), 13, hu))
                 ], 64)) : d("", !0)
               ]))), 128))
@@ -2486,7 +2488,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
                   "stroke-dasharray": e.config.line.strokeDasharray,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, bu)) : d("", !0),
+                }, null, 8, mu)) : d("", !0),
                 e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (u(), i("rect", {
                   key: 2,
                   y: Math.min(e.yTop, e.yBottom),
@@ -2495,7 +2497,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
                   height: v(T)(e.areaHeight, 0),
                   fill: v(we)(e.config.area.fill, e.config.area.opacity),
                   style: { animation: "none !important" }
-                }, null, 8, mu)) : d("", !0),
+                }, null, 8, bu)) : d("", !0),
                 e.config.label.text && e.show && isFinite(e._box.y) ? (u(), i("rect", jl({
                   key: 3,
                   class: "vue-ui-xy-annotation-label-box"
@@ -2513,12 +2515,12 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
               ]))), 128))
             ])) : d("", !0),
             Ul.value ? (u(), i("g", pu, [
-              (u(!0), i(h, null, y(b.value, (e, s) => (u(), i("rect", {
+              (u(!0), i(h, null, y(m.value, (e, s) => (u(), i("rect", {
                 key: `tooltip_trap_${s}`,
-                x: n.value.left + n.value.width / b.value * s,
+                x: n.value.left + n.value.width / m.value * s,
                 y: n.value.top,
                 height: n.value.height < 0 ? 10 : n.value.height,
-                width: n.value.width / b.value < 0 ? 1e-5 : n.value.width / b.value,
+                width: n.value.width / m.value < 0 ? 1e-5 : n.value.width / m.value,
                 fill: "transparent",
                 onMouseenter: (t) => Ta(!0, s),
                 onMouseleave: c[1] || (c[1] = (t) => Ta(!1)),
@@ -2527,7 +2529,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
             ])) : d("", !0),
             l.value.chart.timeTag.show && (![null, void 0].includes(k.value) || ![null, void 0].includes(O.value)) ? (u(), i("g", _u, [
               (u(), i("foreignObject", {
-                x: n.value.left + n.value.width / b.value * ((k.value !== null ? k.value : 0) || (O.value !== null ? O.value : 0)) - 100 + n.value.width / b.value / 2,
+                x: n.value.left + n.value.width / m.value * ((k.value !== null ? k.value : 0) || (O.value !== null ? O.value : 0)) - 100 + n.value.width / m.value / 2,
                 y: n.value.bottom,
                 width: "200",
                 height: "40",
@@ -2539,7 +2541,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
                 }, ee(le.value[(k.value !== null ? k.value : 0) || (O.value !== null ? O.value : 0)].text || (k.value !== null ? k.value : 0) || (O.value !== null ? O.value : 0)), 5)
               ], 8, wu)),
               g("circle", {
-                cx: n.value.left + n.value.width / b.value * ((k.value !== null ? k.value : 0) || (O.value !== null ? O.value : 0)) + n.value.width / b.value / 2,
+                cx: n.value.left + n.value.width / m.value * ((k.value !== null ? k.value : 0) || (O.value !== null ? O.value : 0)) + n.value.width / m.value / 2,
                 cy: n.value.bottom,
                 r: l.value.chart.timeTag.circleMarker.radius,
                 fill: l.value.chart.timeTag.circleMarker.color
@@ -2567,14 +2569,14 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
             style: z({
               position: "fixed",
               top: v(Ee)({
-                svgElement: be.value,
+                svgElement: me.value,
                 x: n.value.right + l.value.line.tag.fontSize / 1.5,
                 y: t.y,
                 element: Ce.value[`${s}_${r}_right_line`],
                 position: "right"
               }).top + "px",
               left: v(Ee)({
-                svgElement: be.value,
+                svgElement: me.value,
                 x: n.value.right + l.value.line.tag.fontSize / 1.5,
                 y: t.y,
                 element: Ce.value[`${s}_${r}_right_line`],
@@ -2619,14 +2621,14 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
             style: z({
               position: "fixed",
               top: v(Ee)({
-                svgElement: be.value,
+                svgElement: me.value,
                 x: n.value.left - l.value.line.tag.fontSize / 1.5,
                 y: t.y,
                 element: Ce.value[`${s}_${r}_left_line`],
                 position: "left"
               }).top + "px",
               left: v(Ee)({
-                svgElement: be.value,
+                svgElement: me.value,
                 x: n.value.left - l.value.line.tag.fontSize / 1.5,
                 y: t.y,
                 element: Ce.value[`${s}_${r}_left_line`],
@@ -2679,14 +2681,14 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
             style: z({
               position: "fixed",
               top: v(Ee)({
-                svgElement: be.value,
+                svgElement: me.value,
                 x: n.value.right + l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
                 element: Ce.value[`${s}_${r}_right_plot`],
                 position: "right"
               }).top + "px",
               left: v(Ee)({
-                svgElement: be.value,
+                svgElement: me.value,
                 x: n.value.right + l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
                 element: Ce.value[`${s}_${r}_right_plot`],
@@ -2731,14 +2733,14 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
             style: z({
               position: "fixed",
               top: v(Ee)({
-                svgElement: be.value,
+                svgElement: me.value,
                 x: n.value.left - l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
                 element: Ce.value[`${s}_${r}_left_plot`],
                 position: "left"
               }).top + "px",
               left: v(Ee)({
-                svgElement: be.value,
+                svgElement: me.value,
                 x: n.value.left - l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
                 element: Ce.value[`${s}_${r}_left_plot`],
@@ -2811,7 +2813,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
         enableRangeHandles: l.value.chart.zoom.enableRangeHandles,
         enableSelectionDrag: l.value.chart.zoom.enableSelectionDrag,
         onReset: pt,
-        onTrapMouse: bt
+        onTrapMouse: mt
       }, {
         "reset-action": ue(({ reset: e }) => [
           q(a.$slots, "reset-action", Ze(Je({ reset: e })), void 0, !0)
@@ -2992,7 +2994,7 @@ const fo = ["id"], go = ["viewBox", "aria-label"], xo = ["x", "y", "width", "hei
       v(Xl) ? (u(), Me(co, { key: 10 })) : d("", !0)
     ], 46, fo));
   }
-}, rr = /* @__PURE__ */ ho(qu, [["__scopeId", "data-v-f2bb4a89"]]);
+}, rr = /* @__PURE__ */ ho(qu, [["__scopeId", "data-v-4dc97e04"]]);
 export {
   rr as default
 };