vue-data-ui 3.0.0-next.7 → 3.0.0-next.9

package/dist/{vue-ui-xy-ubRnv9iJ.js → vue-ui-xy--HToGdle.js}

@@ -1,12 +1,12 @@
-import { defineAsyncComponent as Fe, useSlots as It, getCurrentInstance as Tt, ref as _, computed as A, onMounted as ea, toRefs as Ot, onBeforeUnmount as Fa, watch as Cl, nextTick as Se, createElementBlock as r, openBlock as u, normalizeStyle as z, normalizeClass as Ke, createBlock as Ie, createCommentVNode as d, createVNode as ml, unref as c, createSlots as Nt, withCtx as se, renderSlot as U, normalizeProps as Qe, guardReactiveProps as je, createElementVNode as g, Fragment as h, renderList as m, toDisplayString as j, mergeProps as la, withDirectives as Vt, vModelCheckbox as Pt, createTextVNode as Ht } from "vue";
-import { u as Rt, c as aa, e as ta, A as Bt, a5 as Ee, b as Yt, D as yl, ab as el, d as Ft, p as Et, ac as Il, ad as Wt, v as T, ae as Ea, V as Wa, af as Ga, U as Xa, ag as Gt, ah as Xt, ai as Da, x as Dt, y as Ut, _ as Ua, R as Te, i as ne, f as me, aa as H, w as ll, s as $e, a8 as W, L as qt, F as We, aj as Tl, I as Zt, ak as Ge, C as ul, t as Jt, a as Kt, o as qa, q as Qt, r as jt, E as il } from "./index-Cg-RjxqH.js";
-import { u as oa } from "./useNestedProp-C_G5E08Y.js";
-import { u as eo } from "./useTimeLabels-Mrr0jrpL.js";
-import { S as lo } from "./Slicer-BD8Z8VCW.js";
-import ao from "./Title-B7Xb3YuE.js";
-import { _ as Ol } from "./Shape-C2qH26wh.js";
-import to from "./img-D72yZNUg.js";
-import { u as oo } from "./usePrinter-BUzmyQf9.js";
+import { defineAsyncComponent as Fe, useSlots as Tt, getCurrentInstance as Ot, ref as w, computed as A, onMounted as ea, toRefs as Nt, onBeforeUnmount as Fa, watch as Cl, nextTick as Se, createElementBlock as r, openBlock as u, normalizeStyle as z, normalizeClass as Ke, createBlock as Ie, createCommentVNode as d, createVNode as yl, unref as c, createSlots as Vt, withCtx as se, renderSlot as U, normalizeProps as Qe, guardReactiveProps as je, createElementVNode as g, Fragment as h, renderList as m, toDisplayString as j, mergeProps as la, withDirectives as Pt, vModelCheckbox as Ht, createTextVNode as Rt } from "vue";
+import { u as Bt, c as aa, e as ta, A as Yt, a5 as Ee, b as Ft, D as pl, ab as el, d as Et, p as Wt, ac as Il, ad as Gt, v as T, ae as Ea, V as Wa, af as Ga, U as Xa, ag as Xt, ah as Da, ai as Ua, x as Dt, y as Ut, _ as qa, R as Te, i as ce, f as me, aa as H, w as ll, s as $e, a8 as W, L as qt, F as We, aj as Tl, I as Zt, ak as Ge, C as ul, t as Jt, a as Kt, o as Za, q as Qt, r as jt, E as il } from "./index-CgShIRes.js";
+import { u as oa } from "./useNestedProp-BC4Ciblw.js";
+import { u as eo } from "./useTimeLabels-DG97x2hL.js";
+import { S as lo } from "./Slicer-3t0HimeE.js";
+import ao from "./Title-B2dA6-uH.js";
+import { _ as Ol } from "./Shape-Mr1eIp_G.js";
+import to from "./img-C_9wps3s.js";
+import { u as oo } from "./usePrinter-rIrqBbbm.js";
 import { u as so, B as uo } from "./useLoading-Bt5Doa8m.js";
 import { _ as io } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "width", "height"], vo = { key: 1 }, ho = { class: "vue-ui-xy-grid" }, fo = ["stroke", "x1", "x2", "y1", "y2"], go = ["stroke", "x1", "x2", "y1", "y2"], xo = { key: 1 }, bo = ["x1", "x2", "y1", "y2", "stroke"], mo = ["x1", "x2", "y1", "y2", "stroke"], yo = ["x1", "x2", "y1", "y2", "stroke"], po = { key: 3 }, ko = ["x1", "x2", "y1", "y2", "stroke"], _o = { key: 4 }, wo = ["y1", "y2", "x1", "x2", "stroke"], So = ["id"], $o = ["stop-color"], Lo = ["stop-color"], Ao = ["stop-color"], Mo = ["id"], zo = ["stop-color"], Co = ["stop-color"], Io = ["stop-color"], To = ["id"], Oo = ["stop-color"], No = ["stop-color"], Vo = ["id"], Po = ["stop-color"], Ho = ["stop-color"], Ro = ["id"], Bo = ["stop-color"], Yo = ["stop-color"], Fo = ["x", "y", "height", "width", "fill"], Eo = ["x", "y", "width"], Wo = ["x", "y", "height", "width", "fill"], Go = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Xo = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Do = ["width", "x", "y"], Uo = { key: 0 }, qo = ["id"], Zo = ["fill"], Jo = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ko = ["x", "y", "font-size", "fill"], Qo = ["stroke", "x1", "x2", "y1", "y2"], jo = { key: 2 }, es = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ls = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], as = {
@@ -73,22 +73,22 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
     }
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
-  setup(Nl, { expose: Za, emit: Ja }) {
-    const y = Nl, Ka = Fe(() => import("./DataTable-mQ6Wd-rR.js")), Qa = Fe(() => import("./Tooltip-BidRoM5E.js")), ja = Fe(() => import("./UserOptions-0tvMM8PF.js")), et = Fe(() => import("./BaseIcon-BCZfTCeM.js")), lt = Fe(() => import("./vue-ui-table-sparkline-BXMPUEpN.js")), at = Fe(() => import("./vue-ui-accordion-CRomxzaL.js")), tt = Fe(() => import("./PackageVersion-CeEYZfaH.js")), ot = Fe(() => import("./PenAndPaper-DhSxfUrQ.js")), Vl = Ja, sa = It(), st = Tt(), { vue_ui_xy: Pl } = Rt(), ge = _(null), rl = _(null), Le = _(null), al = _(null), nl = _(null), cl = _(null), ua = _(null), Hl = _(null), Rl = _(null), Bl = _(null), Xe = _(null), Yl = _(null), Fl = _(0), M = _(null), ia = _(!0), ue = _(600), Z = _(1e3), De = _("0 0 1000 600"), ut = _({ x: 0, y: 0 }), vl = _({ line: "line", bar: "bar", plot: "plot" }), pl = _(!1), tl = _(!1), ra = _(!1), k = _(null), Ue = _(null), ae = _([]), q = _(aa()), na = _(0), ca = _(0), va = _(0), dl = _(!0), El = _(0), O = _(null), da = _(!1), Wl = _(!0), kl = _(!0), ye = _(null), Oe = _({}), _l = _(null), ha = _(0), it = _(1), rt = A(() => ({
+  setup(Nl, { expose: Ja, emit: Ka }) {
+    const y = Nl, Qa = Fe(() => import("./DataTable--paavNqF.js")), ja = Fe(() => import("./Tooltip-O_hCvqgF.js")), et = Fe(() => import("./UserOptions-Bk03FRqW.js")), lt = Fe(() => import("./BaseIcon-DxUUKVlt.js")), at = Fe(() => import("./vue-ui-table-sparkline-D4DkGvDP.js")), tt = Fe(() => import("./vue-ui-accordion-hlzscmAS.js")), ot = Fe(() => import("./PackageVersion-2QvaZf9_.js")), st = Fe(() => import("./PenAndPaper-hGgW0EHz.js")), Vl = Ka, sa = Tt(), ut = Ot(), { vue_ui_xy: Pl } = Bt(), ge = w(null), rl = w(null), Le = w(null), al = w(null), nl = w(null), cl = w(null), ua = w(null), Hl = w(null), Rl = w(null), Bl = w(null), Xe = w(null), Yl = w(null), Fl = w(0), M = w(null), ia = w(!0), ue = w(600), Z = w(1e3), De = w("0 0 1000 600"), it = w({ x: 0, y: 0 }), vl = w({ line: "line", bar: "bar", plot: "plot" }), kl = w(!1), tl = w(!1), ra = w(!1), k = w(null), Ue = w(null), ae = w([]), q = w(aa()), na = w(0), ca = w(0), va = w(0), dl = w(!0), El = w(0), O = w(null), da = w(!1), Wl = w(!0), _l = w(!0), ye = w(null), Oe = w({}), wl = w(null), ha = w(0), rt = w(1), nt = A(() => ({
       height: ue.value,
       width: Z.value
-    })), nt = y.config.downsample && y.config.downsample.threshold ? y.config.downsample.threshold : 500, f = _({
+    })), ct = y.config.downsample && y.config.downsample.threshold ? y.config.downsample.threshold : 500, f = w({
       dataLabels: { show: !0 },
       showTooltip: !0,
       showTable: !1,
       isStacked: !1,
       useIndividualScale: !1
-    }), x = _({
+    }), x = w({
       xAxis: 18,
       yAxis: 12,
       dataLabels: 20,
       plotLabels: 10
-    }), Ae = _({ plot: 3, line: 3 });
+    }), Ae = w({ plot: 3, line: 3 });
     ea(() => {
       y.dataset.length && y.dataset.forEach((a, v) => {
         [null, void 0].includes(a.series) && ta({
@@ -130,8 +130,8 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
       set(a) {
         return a;
       }
-    }), e = _(Gl()), { loading: Dl, FINAL_DATASET: Ne, manualLoading: wl } = so({
-      ...Ot(y),
+    }), e = w(Gl()), { loading: Dl, FINAL_DATASET: Ne, manualLoading: Sl } = so({
+      ...Nt(y),
       FINAL_CONFIG: e,
       prepareConfig: Gl,
       callback: () => {
@@ -154,7 +154,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
           color: "#CACACA"
         }
       ],
-      skeletonConfig: Bt({
+      skeletonConfig: Yt({
         defaultConfig: e.value,
         userConfig: {
           autoSize: !1,
@@ -163,7 +163,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
           chart: {
             annotations: [],
             highlightArea: [],
-            backgroundColor: "#999999",
+            backgroundColor: "#99999930",
             grid: {
               stroke: "#6A6A6A",
               labels: {
@@ -211,21 +211,21 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         }
       })
     }), He = A({
-      get: () => Math.max(...Ne.value.map((a) => Ee({ data: a.series, threshold: nt }).length)),
+      get: () => Math.max(...Ne.value.map((a) => Ee({ data: a.series, threshold: ct }).length)),
       set: (a) => a
-    }), S = _({ start: 0, end: He.value }), { isPrinting: Ul, isImaging: fa, generatePdf: ga, generateImage: xa } = oo({
+    }), _ = w({ start: 0, end: He.value }), { isPrinting: Ul, isImaging: fa, generatePdf: ga, generateImage: xa } = oo({
       elementId: `vue-ui-xy_${q.value}`,
       fileName: e.value.chart.title.text || "vue-ui-xy",
       options: e.value.chart.userOptions.print
     }), G = A(() => e.value.autoSize), ql = A(() => {
       const [a, v, l, s] = De.value.split(" ").map(Number);
       return { x: a, y: v, width: l, height: s };
-    }), ba = A(() => Yt(e.value.customPalette)), Sl = A(() => e.value.chart.grid.labels.yAxis.scaleMax ? e.value.chart.grid.labels.yAxis.scaleMax : Math.max(...Ve.value.filter((a) => !ae.value.includes(a.id)).map((a) => Math.max(...a.series)))), Zl = A(() => {
+    }), ba = A(() => Ft(e.value.customPalette)), $l = A(() => e.value.chart.grid.labels.yAxis.scaleMax ? e.value.chart.grid.labels.yAxis.scaleMax : Math.max(...Ve.value.filter((a) => !ae.value.includes(a.id)).map((a) => Math.max(...a.series)))), Zl = A(() => {
       if (e.value.chart.grid.labels.yAxis.scaleMin !== null)
         return e.value.chart.grid.labels.yAxis.scaleMin;
       const a = Math.min(...Ve.value.filter((v) => !ae.value.includes(v.id)).map((v) => Math.min(...v.series)));
       return a > 0 ? 0 : a;
-    }), pe = A(() => e.value.chart.grid.labels.yAxis.useNiceScale ? yl(Zl.value, Sl.value < 0 ? 0 : Sl.value, e.value.chart.grid.labels.yAxis.commonScaleSteps) : el(Zl.value, Sl.value < 0 ? 0 : Sl.value, e.value.chart.grid.labels.yAxis.commonScaleSteps)), hl = A(() => [null, void 0].includes(e.value.chart.grid.labels.yAxis.scaleMin) ? pe.value.min >= 0 ? 0 : Math.abs(pe.value.min) : -pe.value.min), Ve = A(() => ia.value ? Ne.value.map((a, v) => {
+    }), pe = A(() => e.value.chart.grid.labels.yAxis.useNiceScale ? pl(Zl.value, $l.value < 0 ? 0 : $l.value, e.value.chart.grid.labels.yAxis.commonScaleSteps) : el(Zl.value, $l.value < 0 ? 0 : $l.value, e.value.chart.grid.labels.yAxis.commonScaleSteps)), hl = A(() => [null, void 0].includes(e.value.chart.grid.labels.yAxis.scaleMin) ? pe.value.min >= 0 ? 0 : Math.abs(pe.value.min) : -pe.value.min), Ve = A(() => ia.value ? Ne.value.map((a, v) => {
       const l = Ee({
         data: a.series,
         threshold: e.value.downsample.threshold
@@ -233,8 +233,8 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
       return {
         ...a,
         slotAbsoluteIndex: v,
-        series: l.map((t) => Il(t) ? t : null).slice(S.value.start, S.value.end),
-        color: Ft(a.color ? a.color : ba.value[v] ? ba.value[v] : Et[v]),
+        series: l.map((t) => Il(t) ? t : null).slice(_.value.start, _.value.end),
+        color: Et(a.color ? a.color : ba.value[v] ? ba.value[v] : Wt[v]),
         id: s,
         scaleLabel: a.scaleLabel || s
       };
@@ -268,27 +268,27 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
       };
     });
     function ma() {
-      return !!st?.vnode.props?.onSelectTimeLabel;
+      return !!ut?.vnode.props?.onSelectTimeLabel;
     }
-    function ct(a, v, l) {
-      if (!_l.value) {
+    function vt(a, v, l) {
+      if (!wl.value) {
         const s = document.createElement("canvas");
-        _l.value = s.getContext("2d");
+        wl.value = s.getContext("2d");
       }
-      return _l.value.font = `normal ${a}px sans-serif`, _l.value;
+      return wl.value.font = `normal ${a}px sans-serif`, wl.value;
     }
     function ya() {
       const a = ge.value.querySelectorAll(".vue-ui-xy-tag");
       a.length && Array.from(a).forEach((v) => v.style.opacity = "0");
     }
-    function $l(a, v, l, s, t) {
+    function Ll(a, v, l, s, t) {
       l && (Oe.value[`${a}_${v}_${s}_${t}`] = l);
     }
     function pa(a = !1) {
-      da.value && (kl.value = a);
+      da.value && (_l.value = a);
     }
     function Jl() {
-      pl.value = !pl.value;
+      kl.value = !kl.value;
     }
     const de = A(() => {
       const a = Math.max(...Ne.value.map((v) => Ee({ data: v.series, threshold: e.value.downsample.threshold }).length));
@@ -296,8 +296,8 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         values: e.value.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: a,
         formatter: e.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
-        start: S.value.start,
-        end: S.value.end
+        start: _.value.start,
+        end: _.value.end
       });
     });
     function ka(a, v) {
@@ -317,21 +317,21 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         label: a.text
       });
     }
-    const b = A(() => S.value.end - S.value.start);
-    async function vt() {
+    const b = A(() => _.value.end - _.value.start);
+    async function dt() {
       if (!Hl.value) return;
       await Se();
       let a = i.value.bottom;
       Bl.value && (a += Bl.value.getBBox().height), Hl.value.setAttribute("y", a + x.value.xAxis * 1.3 + e.value.chart.grid.labels.axis.xLabelOffsetY);
     }
-    async function dt() {
+    async function ht() {
       Rl.value && (await Se(), Rl.value.setAttribute("transform", `translate(${ql.value.x + e.value.chart.grid.labels.axis.yLabelOffsetX + x.value.yAxis}, ${i.value.top + i.value.height / 2}) rotate(-90)`));
     }
     async function ol() {
       await Se();
       const a = ua.value;
       if (!a) return;
-      De.value = `0 0 ${e.value.chart.width} ${e.value.chart.height}`, vt(), await Se(), dt();
+      De.value = `0 0 ${e.value.chart.width} ${e.value.chart.height}`, dt(), await Se(), ht();
       const v = a.getBBox();
       De.value = `${v.x} ${v.y - x.value.plotLabels} ${v.width + e.value.chart.padding.left} ${v.height + x.value.plotLabels + e.value.chart.padding.top}`, await Se(), ge.value.classList.remove("no-transition");
     }
@@ -346,7 +346,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         }
       }
     }
-    function ht(a) {
+    function ft(a) {
       O.value = a;
     }
     function _a() {
@@ -355,23 +355,23 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
     function Ql(a) {
       xl.value && a.autoScaling && (e.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`), e.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 ft(a, v) {
+    function gt(a, v) {
       let l = Array(a).fill(0);
       for (let s = 0; s < v.length && s < a; s += 1)
         l[s] = v[s];
       return l;
     }
-    function gt(a) {
+    function xt(a) {
       const v = Math.max(...Ne.value.map((l) => Ee({ data: l.series, threshold: e.value.downsample.threshold }).length));
       return a > v ? v : a < 0 || e.value.chart.zoom.startIndex !== null && a < e.value.chart.zoom.startIndex ? e.value.chart.zoom.startIndex !== null ? e.value.chart.zoom.startIndex + 1 : 1 : a;
     }
     async function jl() {
-      (e.value.chart.zoom.startIndex !== null || e.value.chart.zoom.endIndex !== null) && Le.value ? (e.value.chart.zoom.startIndex !== null && (await Se(), await Se(), Le.value.setStartValue(e.value.chart.zoom.startIndex)), e.value.chart.zoom.endIndex !== null && (await Se(), await Se(), Le.value.setEndValue(gt(e.value.chart.zoom.endIndex + 1)))) : (S.value = {
+      (e.value.chart.zoom.startIndex !== null || e.value.chart.zoom.endIndex !== null) && Le.value ? (e.value.chart.zoom.startIndex !== null && (await Se(), await Se(), Le.value.setStartValue(e.value.chart.zoom.startIndex)), e.value.chart.zoom.endIndex !== null && (await Se(), await Se(), Le.value.setEndValue(xt(e.value.chart.zoom.endIndex + 1)))) : (_.value = {
         start: 0,
         end: Math.max(...Ne.value.map((a) => Ee({ data: a.series, threshold: e.value.downsample.threshold }).length))
       }, Fl.value += 1);
     }
-    function xt() {
+    function bt() {
       jl();
     }
     function xe(a) {
@@ -397,7 +397,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
     function _e() {
       return f.value.useIndividualScale && f.value.isStacked ? J.value.line - i.value.width / b.value * 0.1 : J.value.bar;
     }
-    function Ll(a) {
+    function Al(a) {
       return f.value.useIndividualScale && f.value.isStacked ? a.x + i.value.width / b.value * 0.05 : a.x + J.value.bar / 2;
     }
     function La(a) {
@@ -406,7 +406,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
     function Aa(a) {
       return a.value >= 0 ? a.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(a.zeroPosition) ? 0 : a.zeroPosition;
     }
-    function bt(a) {
+    function mt(a) {
       Vl(
         "selectX",
         {
@@ -421,7 +421,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         }
       );
     }
-    function mt() {
+    function yt() {
       return Me.value.map((a) => ({
         values: a.absoluteValues,
         color: a.color,
@@ -429,7 +429,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         type: a.type
       }));
     }
-    async function yt({ scale: a = 2 } = {}) {
+    async function pt({ scale: a = 2 } = {}) {
       if (!ge.value) return;
       const { width: v, height: l } = ge.value.getBoundingClientRect(), s = v / l, { imageUri: t, base64: n } = await to({ domElement: ge.value, base64: !0, img: !0, scale: a });
       return {
@@ -455,12 +455,12 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         type: v.type
       }))), El.value += 1;
     }
-    const pt = A(() => {
+    const kt = A(() => {
       const a = e.value.chart.title.text || "Chart visualization", v = e.value.chart.title.subtitle.text || "";
       return `${a}. ${v}`;
     }), za = A(() => ({
       linePlot: b.value > e.value.line.dot.hideAboveMaxSerieLength
-    })), kt = A(() => e.value.chart.userOptions.show && (!e.value.chart.title.show || !e.value.chart.title.text)), _t = A(() => {
+    })), _t = A(() => e.value.chart.userOptions.show && (!e.value.chart.title.show || !e.value.chart.title.text)), wt = A(() => {
       if (Array.isArray(e.value.chart.highlightArea))
         return e.value.chart.highlightArea.map((v) => {
           const l = Math.min(v.to, He.value - 1);
@@ -474,22 +474,22 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         to: Math.min(e.value.chart.highlightArea.to, He.value - 1)
       };
       return [{ ...a, span: a.from === a.to ? 1 : a.to < a.from ? 0 : a.to - a.from + 1 }];
-    }), wt = A(() => ia.value ? Ne.value.map((a, v) => ({
+    }), St = A(() => ia.value ? Ne.value.map((a, v) => ({
       ...a,
       series: Ee({
         data: a.series,
         threshold: e.value.downsample.threshold
       }),
       id: `uniqueId_${v}`
-    })) : Ne.value), St = A(() => ke.value.map((a) => {
+    })) : Ne.value), $t = A(() => ke.value.map((a) => {
       const v = a.absoluteValues.map((l) => [void 0, null].includes(l) ? 0 : l);
       return {
         id: a.id,
         name: a.name,
         color: a.color,
-        values: ft(b.value, v)
+        values: gt(b.value, v)
       };
-    })), $t = A(() => ({
+    })), Lt = A(() => ({
       responsiveBreakpoint: e.value.table.responsiveBreakpoint,
       roundingValues: e.value.table.rounding,
       showAverage: !1,
@@ -512,7 +512,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
       userOptions: {
         show: !1
       }
-    })), B = A(() => e.value.chart.grid.position === "middle" ? 0 : i.value.width / b.value / 2), Ze = A(() => Wt(Me.value.filter((a) => !ae.value.includes(a.id)))), p = A(() => {
+    })), B = A(() => e.value.chart.grid.position === "middle" ? 0 : i.value.width / b.value / 2), Ze = A(() => Gt(Me.value.filter((a) => !ae.value.includes(a.id)))), p = A(() => {
       const a = Object.groupBy(Ze.value, (l) => l.scaleLabel), v = {};
       for (const [l, s] of Object.entries(a)) {
         const t = s.flatMap((n) => n.absoluteValues);
@@ -523,12 +523,12 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         };
       }
       return v;
-    }), Lt = A(() => {
+    }), At = A(() => {
       const a = Ve.value.filter((v) => v.type === "bar").filter((v) => !ae.value.includes(v.id)).length;
       return i.value.width / b.value / a - Pe.value * a;
-    }), Pe = A(() => J.value.line * e.value.bar.periodGap), At = A(() => {
+    }), Pe = A(() => J.value.line * e.value.bar.periodGap), Mt = A(() => {
       if (!e.value.chart.zoom.minimap.show) return [];
-      const a = wt.value.filter((t) => !ae.value.includes(t.id)), v = Math.max(...a.map((t) => t.series.length)), l = [];
+      const a = St.value.filter((t) => !ae.value.includes(t.id)), v = Math.max(...a.map((t) => t.series.length)), l = [];
       for (let t = 0; t < v; t += 1)
         l.push(a.map((n) => n.series[t] || 0).reduce((n, o) => (n || 0) + (o || 0), 0));
       const s = Math.min(...l);
@@ -560,12 +560,12 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         return t - I * n;
       };
       return v.map(($) => {
-        const { yAxis: { yTop: I, yBottom: X, label: w } } = $, R = I != null && X != null && I !== X, L = I == null ? null : ee(I), te = X == null ? null : ee(X), re = ct(w.fontSize);
-        re.font = `${w.fontSize}px sans-serif`;
-        const D = re.measureText(w.text).width, be = w.fontSize, Ce = (w.position === "start" ? l + w.padding.left : s - w.padding.right) + w.offsetX, he = (L != null && te != null ? Math.min(L, te) : L ?? te) - w.fontSize / 3 + w.offsetY - w.padding.top;
+        const { yAxis: { yTop: I, yBottom: X, label: S } } = $, R = I != null && X != null && I !== X, L = I == null ? null : ee(I), te = X == null ? null : ee(X), re = vt(S.fontSize);
+        re.font = `${S.fontSize}px sans-serif`;
+        const D = re.measureText(S.text).width, be = S.fontSize, Ce = (S.position === "start" ? l + S.padding.left : s - S.padding.right) + S.offsetX, he = (L != null && te != null ? Math.min(L, te) : L ?? te) - S.fontSize / 3 + S.offsetY - S.padding.top;
         let V;
-        w.textAnchor === "middle" ? V = Ce - D / 2 - w.padding.left : w.textAnchor === "end" ? V = Ce - D - w.padding.right : V = Ce - w.padding.left;
-        const P = he - be * 0.75 - w.padding.top;
+        S.textAnchor === "middle" ? V = Ce - D / 2 - S.padding.left : S.textAnchor === "end" ? V = Ce - D - S.padding.right : V = Ce - S.padding.left;
+        const P = he - be * 0.75 - S.padding.top;
         return {
           show: ![L, te, P].includes(NaN),
           id: `annotation_y_${aa()}`,
@@ -580,13 +580,13 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
           _box: {
             x: V,
             y: P,
-            width: D + w.padding.left + w.padding.right,
-            height: be + w.padding.top + w.padding.bottom,
-            fill: w.backgroundColor,
-            stroke: w.border.stroke,
-            rx: w.border.rx,
-            ry: w.border.ry,
-            strokeWidth: w.border.strokeWidth
+            width: D + S.padding.left + S.padding.right,
+            height: be + S.padding.top + S.padding.bottom,
+            fill: S.backgroundColor,
+            stroke: S.border.stroke,
+            rx: S.border.rx,
+            ry: S.border.ry,
+            strokeWidth: S.border.strokeWidth
           }
         };
       });
@@ -602,8 +602,8 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         }, I = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues.filter((N) => ![void 0, null].includes(N))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((N) => ![null, void 0].includes(N)))
-        }, X = o.scaleSteps || e.value.chart.grid.labels.yAxis.commonScaleSteps, w = 1.0000001, R = e.value.chart.grid.labels.yAxis.useNiceScale ? yl(I.min, I.max === I.min ? I.max * w : I.max, X) : el(I.min, I.max === I.min ? I.max * w : I.max, X), L = e.value.chart.grid.labels.yAxis.useNiceScale ? yl($.valueMin, $.valueMax === $.valueMin ? $.valueMax * w : $.valueMax, X) : el($.valueMin, $.valueMax === $.valueMin ? $.valueMax * w : $.valueMax, X), te = R.min >= 0 ? 0 : Math.abs(R.min), re = 0, D = R.max + te, be = L.max + Math.abs(re), Ce = o.stackIndex, sl = v - 1 - Ce, he = s ? 1 - o.cumulatedStackRatio : 0, V = s ? n * he + l * sl : 0, P = s ? n * o.stackRatio : i.value.height, K = i.value.bottom - V - P * te / D, fe = i.value.bottom - V - P * re / be, ce = Me.value.filter((N) => N.type === "bar").filter((N) => !ae.value.includes(N.id)).length, bl = o.series.map((N, le) => {
-          const Ye = f.value.useIndividualScale ? (o.absoluteValues[le] + te) / D : qe(N), Je = f.value.useIndividualScale && f.value.isStacked ? i.value.left + i.value.width / b.value * le : i.value.left + J.value.bar * Y + J.value.bar * le * ce - Lt.value / 2 - Y * Pe.value;
+        }, X = o.scaleSteps || e.value.chart.grid.labels.yAxis.commonScaleSteps, S = 1.0000001, R = e.value.chart.grid.labels.yAxis.useNiceScale ? pl(I.min, I.max === I.min ? I.max * S : I.max, X) : el(I.min, I.max === I.min ? I.max * S : I.max, X), L = e.value.chart.grid.labels.yAxis.useNiceScale ? pl($.valueMin, $.valueMax === $.valueMin ? $.valueMax * S : $.valueMax, X) : el($.valueMin, $.valueMax === $.valueMin ? $.valueMax * S : $.valueMax, X), te = R.min >= 0 ? 0 : Math.abs(R.min), re = 0, D = R.max + te, be = L.max + Math.abs(re), Ce = o.stackIndex, sl = v - 1 - Ce, he = s ? 1 - o.cumulatedStackRatio : 0, V = s ? n * he + l * sl : 0, P = s ? n * o.stackRatio : i.value.height, K = i.value.bottom - V - P * te / D, fe = i.value.bottom - V - P * re / be, ne = Me.value.filter((N) => N.type === "bar").filter((N) => !ae.value.includes(N.id)).length, bl = o.series.map((N, le) => {
+          const Ye = f.value.useIndividualScale ? (o.absoluteValues[le] + te) / D : qe(N), Je = f.value.useIndividualScale && f.value.isStacked ? i.value.left + i.value.width / b.value * le : i.value.left + J.value.bar * Y + J.value.bar * le * ne - At.value / 2 - Y * Pe.value;
           return {
             yOffset: T(V),
             individualHeight: T(P),
@@ -612,7 +612,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
             value: o.absoluteValues[le],
             zeroPosition: T(K),
             individualMax: T(D),
-            comment: o.comments && o.comments.slice(S.value.start, S.value.end)[le] || ""
+            comment: o.comments && o.comments.slice(_.value.start, _.value.end)[le] || ""
           };
         }), ve = o.absoluteValues.map((N) => L.min >= 0 ? (N - Math.abs(L.min)) / (L.max - Math.abs(L.min)) : (N + Math.abs(L.min)) / (L.max + Math.abs(L.min))), Be = o.series.map((N, le) => {
           const Ye = f.value.useIndividualScale && f.value.isStacked ? i.value.left + i.value.width / b.value * le : i.value.left - J.value.bar / 2 + J.value.bar * Y + J.value.bar * le * Me.value.filter((Je) => Je.type === "bar").filter((Je) => !ae.value.includes(Je.id)).length;
@@ -624,7 +624,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
             value: o.absoluteValues[le],
             zeroPosition: T(K),
             individualMax: T(D),
-            comment: o.comments && o.comments.slice(S.value.start, S.value.end)[le] || ""
+            comment: o.comments && o.comments.slice(_.value.start, _.value.end)[le] || ""
           };
         }), E = R.ticks.map((N) => ({
           y: N >= 0 ? K - P * (N / D) : K + P * Math.abs(N) / D,
@@ -667,25 +667,25 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         }, I = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
-        }, X = o.scaleSteps || e.value.chart.grid.labels.yAxis.commonScaleSteps, w = 1.0000001, R = e.value.chart.grid.labels.yAxis.useNiceScale ? yl(I.min, I.max === I.min ? I.max * w : I.max, X) : el(I.min, I.max === I.min ? I.max * w : I.max, X), L = e.value.chart.grid.labels.yAxis.useNiceScale ? yl($.valueMin, $.valueMax === $.valueMin ? $.valueMax * w : $.valueMax, X) : el($.valueMin, $.valueMax === $.valueMin ? $.valueMax * w : $.valueMax, X), te = R.min >= 0 ? 0 : Math.abs(R.min), re = 0, D = R.max + Math.abs(te), be = L.max + Math.abs(re), Ce = o.stackIndex, sl = v - 1 - Ce, he = s ? 1 - o.cumulatedStackRatio : 0, V = s ? n * he + l * sl : 0, P = s ? n * o.stackRatio : i.value.height, K = i.value.bottom - V - P * te / D, fe = i.value.bottom - V - P * re / be, ce = o.series.map((C, oe) => {
-          const Ct = f.value.useIndividualScale ? (o.absoluteValues[oe] + Math.abs(te)) / D : qe(C);
+        }, X = o.scaleSteps || e.value.chart.grid.labels.yAxis.commonScaleSteps, S = 1.0000001, R = e.value.chart.grid.labels.yAxis.useNiceScale ? pl(I.min, I.max === I.min ? I.max * S : I.max, X) : el(I.min, I.max === I.min ? I.max * S : I.max, X), L = e.value.chart.grid.labels.yAxis.useNiceScale ? pl($.valueMin, $.valueMax === $.valueMin ? $.valueMax * S : $.valueMax, X) : el($.valueMin, $.valueMax === $.valueMin ? $.valueMax * S : $.valueMax, X), te = R.min >= 0 ? 0 : Math.abs(R.min), re = 0, D = R.max + Math.abs(te), be = L.max + Math.abs(re), Ce = o.stackIndex, sl = v - 1 - Ce, he = s ? 1 - o.cumulatedStackRatio : 0, V = s ? n * he + l * sl : 0, P = s ? n * o.stackRatio : i.value.height, K = i.value.bottom - V - P * te / D, fe = i.value.bottom - V - P * re / be, ne = o.series.map((C, oe) => {
+          const It = f.value.useIndividualScale ? (o.absoluteValues[oe] + Math.abs(te)) / D : qe(C);
           return {
             x: T(i.value.left + J.value.line / 2 + J.value.line * oe),
-            y: T(i.value.bottom - V - P * Ct),
+            y: T(i.value.bottom - V - P * It),
             value: o.absoluteValues[oe],
-            comment: o.comments && o.comments.slice(S.value.start, S.value.end)[oe] || ""
+            comment: o.comments && o.comments.slice(_.value.start, _.value.end)[oe] || ""
           };
         }), bl = o.absoluteValues.map((C) => L.min >= 0 ? (C - Math.abs(L.min)) / (L.max - Math.abs(L.min)) : (C + Math.abs(L.min)) / (L.max + Math.abs(L.min))), ve = o.series.map((C, oe) => [void 0, null].includes(o.absoluteValues[oe]) ? {
           x: T(i.value.left + J.value.line / 2 + J.value.line * oe),
           y: K,
           value: o.absoluteValues[oe],
-          comment: o.comments && o.comments.slice(S.value.start, S.value.end)[oe] || ""
+          comment: o.comments && o.comments.slice(_.value.start, _.value.end)[oe] || ""
         } : {
           x: T(i.value.left + J.value.line / 2 + J.value.line * oe),
           y: T(i.value.bottom - V - (P * bl[oe] || 0)),
           value: o.absoluteValues[oe],
-          comment: o.comments && o.comments.slice(S.value.start, S.value.end)[oe] || ""
-        }), Be = e.value.line.cutNullValues ? Ea(ce) : Wa(ce.filter((C) => C.value !== null)), E = e.value.line.cutNullValues ? Ea(ve) : Wa(ve.filter((C) => C.value !== null)), Q = e.value.line.cutNullValues ? Ga(ce) : Xa(ce.filter((C) => C.value !== null)), N = e.value.line.cutNullValues ? Ga(ve) : Xa(ve.filter((C) => C.value !== null)), le = R.ticks.map((C) => ({
+          comment: o.comments && o.comments.slice(_.value.start, _.value.end)[oe] || ""
+        }), Be = e.value.line.cutNullValues ? Ea(ne) : Wa(ne.filter((C) => C.value !== null)), E = e.value.line.cutNullValues ? Ea(ve) : Wa(ve.filter((C) => C.value !== null)), Q = e.value.line.cutNullValues ? Ga(ne) : Xa(ne.filter((C) => C.value !== null)), N = e.value.line.cutNullValues ? Ga(ve) : Xa(ve.filter((C) => C.value !== null)), le = R.ticks.map((C) => ({
           y: C >= 0 ? K - P * (C / D) : K + P * Math.abs(C) / D,
           value: C,
           prefix: o.prefix || e.value.chart.labels.prefix,
@@ -702,7 +702,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
           };
         });
         p.value[o.scaleLabel].name = o.name, p.value[o.scaleLabel].groupName = o.scaleLabel, p.value[o.scaleLabel].groupColor = e.value.chart.grid.labels.yAxis.groupColor || o.color, p.value[o.scaleLabel].color = o.color, p.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Ye : le, p.value[o.scaleLabel].zeroPosition = o.autoScaling ? fe : K, p.value[o.scaleLabel].individualMax = o.autoScaling ? be : D, p.value[o.scaleLabel].scaleLabel = o.scaleLabel, p.value[o.scaleLabel].id = o.id, p.value[o.scaleLabel].yOffset = V, p.value[o.scaleLabel].individualHeight = P, p.value[o.scaleLabel].autoScaleYLabels = Ye, p.value[o.scaleLabel].unique = Ze.value.filter((C) => C.scaleLabel === o.scaleLabel).length === 1;
-        const Je = f.value.useIndividualScale ? o.autoScaling ? fe : K : ie.value, zl = Math.max(Math.max(o.autoScaling ? fe : le.at(-1).y || 0, i.value.top), Je);
+        const Je = f.value.useIndividualScale ? o.autoScaling ? fe : K : ie.value, ml = Math.max(Math.max(o.autoScaling ? fe : le.at(-1).y || 0, i.value.top), Je);
         return {
           ...o,
           yOffset: V,
@@ -713,17 +713,17 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
           individualMax: o.autoScaling ? be : D,
           zeroPosition: o.autoScaling ? fe : K,
           curve: o.autoScaling ? E : Be,
-          plots: o.autoScaling ? ve : ce,
-          area: o.useArea ? f.value.useIndividualScale ? e.value.line.cutNullValues ? Xt(
-            o.autoScaling ? ve : ce,
-            zl
-          ) : Da(
-            o.autoScaling ? ve.filter((C) => C.value !== null) : ce.filter((C) => C.value !== null),
-            zl
-          ) : Da(ce.filter((C) => C.value !== null), zl) : "",
-          curveAreas: o.useArea ? Gt(
-            o.autoScaling ? e.value.line.cutNullValues ? ve : ve.filter((C) => C.value !== null) : e.value.line.cutNullValues ? ce : ce.filter((C) => C.value !== null),
-            zl,
+          plots: o.autoScaling ? ve : ne,
+          area: o.useArea ? f.value.useIndividualScale ? e.value.line.cutNullValues ? Da(
+            o.autoScaling ? ve : ne,
+            ml
+          ) : Ua(
+            o.autoScaling ? ve.filter((C) => C.value !== null) : ne.filter((C) => C.value !== null),
+            ml
+          ) : e.value.line.cutNullValues ? Da(ne, ml) : Ua(ne.filter((C) => C.value !== null), ml) : "",
+          curveAreas: o.useArea ? Xt(
+            o.autoScaling ? e.value.line.cutNullValues ? ve : ve.filter((C) => C.value !== null) : e.value.line.cutNullValues ? ne : ne.filter((C) => C.value !== null),
+            ml,
             e.value.line.cutNullValues
           ) : [],
           straight: o.autoScaling ? N : Q,
@@ -742,20 +742,20 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         }, $ = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues)
-        }, I = o.scaleSteps || e.value.chart.grid.labels.yAxis.commonScaleSteps, X = 1.0000001, w = el($.min, $.max === $.min ? $.max * X : $.max, I), R = el(ee.valueMin, ee.valueMax === ee.valueMin ? ee.valueMax * X : ee.valueMax, I), L = w.min >= 0 ? 0 : Math.abs(w.min), te = 0, re = w.max + L, D = R.max + Math.abs(te), be = o.stackIndex, Ce = v - 1 - be, sl = s ? 1 - o.cumulatedStackRatio : 0, he = s ? n * sl + l * Ce : 0, V = s ? n * o.stackRatio : i.value.height, P = i.value.bottom - he - V * L / re, K = i.value.bottom - he - V * te / D, fe = o.series.map((E, Q) => {
+        }, I = o.scaleSteps || e.value.chart.grid.labels.yAxis.commonScaleSteps, X = 1.0000001, S = el($.min, $.max === $.min ? $.max * X : $.max, I), R = el(ee.valueMin, ee.valueMax === ee.valueMin ? ee.valueMax * X : ee.valueMax, I), L = S.min >= 0 ? 0 : Math.abs(S.min), te = 0, re = S.max + L, D = R.max + Math.abs(te), be = o.stackIndex, Ce = v - 1 - be, sl = s ? 1 - o.cumulatedStackRatio : 0, he = s ? n * sl + l * Ce : 0, V = s ? n * o.stackRatio : i.value.height, P = i.value.bottom - he - V * L / re, K = i.value.bottom - he - V * te / D, fe = o.series.map((E, Q) => {
           const N = f.value.useIndividualScale ? (o.absoluteValues[Q] + Math.abs(L)) / re : qe(E);
           return {
             x: T(i.value.left + J.value.plot / 2 + J.value.plot * Q),
             y: T(i.value.bottom - he - V * N),
             value: o.absoluteValues[Q],
-            comment: o.comments && o.comments.slice(S.value.start, S.value.end)[Q] || ""
+            comment: o.comments && o.comments.slice(_.value.start, _.value.end)[Q] || ""
           };
-        }), ce = o.absoluteValues.map((E) => R.min >= 0 ? (E - Math.abs(R.min)) / (R.max - Math.abs(R.min)) : (E + Math.abs(R.min)) / (R.max + Math.abs(R.min))), bl = o.series.map((E, Q) => ({
+        }), ne = o.absoluteValues.map((E) => R.min >= 0 ? (E - Math.abs(R.min)) / (R.max - Math.abs(R.min)) : (E + Math.abs(R.min)) / (R.max + Math.abs(R.min))), bl = o.series.map((E, Q) => ({
           x: T(i.value.left + J.value.plot / 2 + J.value.plot * Q),
-          y: T(i.value.bottom - he - (V * ce[Q] || 0)),
+          y: T(i.value.bottom - he - (V * ne[Q] || 0)),
           value: o.absoluteValues[Q],
-          comment: o.comments && o.comments.slice(S.value.start, S.value.end)[Q] || ""
-        })), ve = w.ticks.map((E) => ({
+          comment: o.comments && o.comments.slice(_.value.start, _.value.end)[Q] || ""
+        })), ve = S.ticks.map((E) => ({
           y: E >= 0 ? P - V * (E / re) : P + V * Math.abs(E) / re,
           value: E,
           prefix: o.prefix || e.value.chart.labels.prefix,
@@ -777,7 +777,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
           autoScaleYLabels: Be,
           individualHeight: V,
           scaleYLabels: o.autoScaling ? Be : ve,
-          individualScale: o.autoScaling ? R : w,
+          individualScale: o.autoScaling ? R : S,
           individualMax: o.autoScaling ? D : re,
           zeroPosition: o.autoScaling ? K : P,
           plots: o.autoScaling ? bl : fe,
@@ -848,10 +848,11 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
       lines: we.value,
       plots: ze.value,
       config: e.value
-    })), Mt = A(() => {
+    })), zt = A(() => {
       let a = "", v = fl.value.map((t) => t.value).filter((t) => Il(t) && t !== null).reduce((t, n) => Math.abs(t) + Math.abs(n), 0);
       const l = de.value[k.value], s = e.value.chart.tooltip.customFormat;
       return Dt(s) && Ut(() => s({
+        absoluteIndex: k.value + _.value.start,
         seriesIndex: k.value,
         datapoint: fl.value,
         series: Me.value,
@@ -860,6 +861,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         plots: ze.value,
         config: e.value
       })) ? s({
+        absoluteIndex: k.value + _.value.start,
         seriesIndex: k.value,
         datapoint: fl.value,
         series: Me.value,
@@ -875,7 +877,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
               n = `<svg viewBox="0 0 40 40" height="14" width="14">${sa.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${t.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${sa.pattern ? `url(#pattern_${q.value}_${t.slotAbsoluteIndex}` : t.color}" /></svg>`;
               break;
             case "line":
-              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" />` : t.shape === "triangle" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "square" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "diamond" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "pentagon" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "hexagon" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "star" && (o = `<polygon stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" points="${Ua({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), n = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${t.color}" />${o}</svg>`;
+              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" />` : t.shape === "triangle" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "square" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "diamond" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "pentagon" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "hexagon" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "star" && (o = `<polygon stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" points="${qa({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), n = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${t.color}" />${o}</svg>`;
               break;
             case "plot":
               if (!t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape)) {
@@ -883,7 +885,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                 break;
               }
               if (t.shape === "star") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${Ua({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
+                n = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${qa({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
                 break;
               }
               if (t.shape === "triangle") {
@@ -907,7 +909,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                 break;
               }
           }
-          a += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${n}</div> ${t.name}: <b>${e.value.chart.tooltip.showValue ? ne(
+          a += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${n}</div> ${t.name}: <b>${e.value.chart.tooltip.showValue ? ce(
             t.type === "line" ? e.value.line.labels.formatter : t.type === "bar" ? e.value.bar.labels.formatter : e.value.plot.labels.formatter,
             t.value,
             me({
@@ -921,7 +923,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
             v: T(Math.abs(t.value) / v * 100),
             s: "%",
             r: e.value.chart.tooltip.roundingPercentage
-          })})` : ""}</div>`, e.value.chart.comments.showInTooltip && t.comments.length && t.comments.slice(S.value.start, S.value.end)[k.value] && (a += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${t.color}">${t.comments.slice(S.value.start, S.value.end)[k.value]}</div>`);
+          })})` : ""}</div>`, e.value.chart.comments.showInTooltip && t.comments.length && t.comments.slice(_.value.start, _.value.end)[k.value] && (a += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${t.color}">${t.comments.slice(_.value.start, _.value.end)[k.value]}</div>`);
         }
       }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${e.value.chart.tooltip.color}">${a}</div>`);
     });
@@ -939,7 +941,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         }), v.push(t);
       }), { head: a, body: v };
     });
-    const Al = A(() => {
+    const Ml = A(() => {
       const a = e.value.table.showSum;
       let v = [""].concat(ke.value.map((n) => n.name));
       a && (v = v.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>'));
@@ -950,7 +952,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
           [
             de.value[n].text ?? "-"
           ].concat(ke.value.map(
-            (Y) => ne(
+            (Y) => ce(
               Y.type === "line" ? e.value.line.labels.formatter : Y.type === "bar" ? e.value.bar.labels.formatter : e.value.plot.labels.formatter,
               Y.absoluteValues[n] ?? 0,
               me({
@@ -1042,25 +1044,25 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
     }
     const xl = A(() => !!e.value.debug);
     function Ya() {
-      qa(y.dataset) ? (ta({
+      Za(y.dataset) ? (ta({
         componentName: "VueUiXy",
         type: "dataset",
         debug: xl.value
-      }), wl.value = !0) : y.dataset.forEach((v, l) => {
+      }), Sl.value = !0) : y.dataset.forEach((v, l) => {
         [null, void 0].includes(v.name) && (ta({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "name (string)",
           index: l,
           debug: xl.value
-        }), wl.value = !0);
+        }), Sl.value = !0);
       }), xl.value && y.dataset.forEach((v) => {
         v.series.forEach((l, s) => {
           Il(l) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
 -----> The serie '${v.name}' contains the value '${l}' at index ${s}.
 '${l}' was converted to null to allow the chart to display.`);
         });
-      }), qa(y.dataset) || (wl.value = e.value.loading), da.value = e.value.chart.userOptions.showOnChartHover, Wl.value = e.value.chart.userOptions.keepStateOnChartLeave, kl.value = !e.value.chart.userOptions.showOnChartHover, f.value = {
+      }), Za(y.dataset) || (Sl.value = e.value.loading), da.value = e.value.chart.userOptions.showOnChartHover, Wl.value = e.value.chart.userOptions.keepStateOnChartLeave, _l.value = !e.value.chart.userOptions.showOnChartHover, f.value = {
         dataLabels: {
           show: !0
         },
@@ -1084,19 +1086,19 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         nl.value && (I = nl.value.getBoundingClientRect().height);
         let X = 0;
         cl.value && (X = cl.value.getBoundingClientRect().height), ue.value = s - o - $ - F - I - X - a, Z.value = t, G.value ? ol() : De.value = `0 0 ${Z.value < 0 ? 10 : Z.value} ${ue.value < 0 ? 10 : ue.value}`, Ba();
-        const w = new ResizeObserver((R) => {
+        const S = new ResizeObserver((R) => {
           for (const L of R)
             e.value.chart.title.show && rl.value ? o = rl.value.getBoundingClientRect().height : o = 0, Le.value && Le.value.$el ? F = Le.value.$el.getBoundingClientRect().height : F = 0, al.value ? $ = al.value.getBoundingClientRect().height : $ = 0, nl.value ? I = nl.value.getBoundingClientRect().height : I = 0, cl.value ? X = cl.value.getBoundingClientRect().height : X = 0, G.value && ge.value.classList.add("no-transition"), requestAnimationFrame(() => {
-              ue.value = L.contentRect.height - o - $ - F - I - X - (G.value ? 48 : a), G.value ? (ha.value = L.contentRect.height - ue.value, Z.value = L.contentBoxSize[0].inlineSize, it.value = Z.value / ha.value, ol()) : (Z.value = L.contentBoxSize[0].inlineSize, De.value = `0 0 ${Z.value < 0 ? 10 : Z.value} ${ue.value < 0 ? 10 : ue.value}`), Ba();
+              ue.value = L.contentRect.height - o - $ - F - I - X - (G.value ? 48 : a), G.value ? (ha.value = L.contentRect.height - ue.value, Z.value = L.contentBoxSize[0].inlineSize, rt.value = Z.value / ha.value, ol()) : (Z.value = L.contentBoxSize[0].inlineSize, De.value = `0 0 ${Z.value < 0 ? 10 : Z.value} ${ue.value < 0 ? 10 : ue.value}`), Ba();
             });
         });
-        Xe.value = w, Yl.value = l, w.observe(l);
+        Xe.value = S, Yl.value = l, S.observe(l);
       } else
         ue.value = e.value.chart.height, Z.value = e.value.chart.width, x.value.dataLabels = e.value.chart.grid.labels.fontSize, x.value.yAxis = e.value.chart.grid.labels.axis.fontSize, x.value.xAxis = e.value.chart.grid.labels.xAxisLabels.fontSize, x.value.plotLabels = e.value.chart.labels.fontSize, Ae.value.plot = e.value.plot.radius, Ae.value.line = e.value.line.radius, G.value ? ol() : De.value = `0 0 ${Z.value} ${ue.value}`;
     }
     ea(() => {
       Ya(), jl(), document.addEventListener("mousemove", (a) => {
-        ut.value = {
+        it.value = {
           x: a.clientX,
           y: a.clientY
         };
@@ -1106,27 +1108,27 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
     }), Cl(() => f.value.isStacked, async () => {
       G.value && (await Se(), ol(), Kl());
     });
-    let Ml;
-    async function zt() {
-      await Se(), ol(), Kl(), Ml.disconnect();
+    let zl;
+    async function Ct() {
+      await Se(), ol(), Kl(), zl.disconnect();
     }
     return ea(() => {
-      ge.value && (Ml = new ResizeObserver((a) => {
+      ge.value && (zl = new ResizeObserver((a) => {
         for (const v of a) {
           const { width: l, height: s } = v.contentRect;
           if (l > 0 && s > 0) {
-            zt();
+            Ct();
             break;
           }
         }
-      }), Ml.observe(ge.value.parentElement));
+      }), zl.observe(ge.value.parentElement));
     }), Fa(() => {
-      Ml?.disconnect();
+      zl?.disconnect();
     }), Cl(() => y.dataset, (a) => {
-      Array.isArray(a) && a.length > 0 && (wl.value = !1), He.value = Math.max(...Ne.value.map((v) => Ee({
+      Array.isArray(a) && a.length > 0 && (Sl.value = !1), He.value = Math.max(...Ne.value.map((v) => Ee({
         data: v.series,
         threshold: e.value.downsample.threshold
-      }).length)), S.value = {
+      }).length)), _.value = {
         start: 0,
         end: He.value
       }, Fl.value += 1, El.value += 1;
@@ -1150,9 +1152,9 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         isStacked: e.value.chart.grid.labels.yAxis.stacked,
         useIndividualScale: e.value.chart.grid.labels.yAxis.useIndividualScale
       };
-    }, { immediate: !0 }), Za({
-      getData: mt,
-      getImage: yt,
+    }, { immediate: !0 }), Ja({
+      getData: yt,
+      getImage: pt,
       generatePdf: ga,
       generateImage: xa,
       generateCsv: Oa,
@@ -1171,15 +1173,15 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
       onMouseenter: v[7] || (v[7] = () => pa(!0)),
       onMouseleave: v[8] || (v[8] = () => pa(!1))
     }, [
-      e.value.chart.userOptions.buttons.annotator && ye.value ? (u(), Ie(c(ot), {
+      e.value.chart.userOptions.buttons.annotator && ye.value ? (u(), Ie(c(st), {
         key: 0,
         svgRef: ye.value,
         backgroundColor: e.value.chart.backgroundColor,
         color: e.value.chart.color,
-        active: pl.value,
+        active: kl.value,
         onClose: Jl
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : d("", !0),
-      kt.value ? (u(), r("div", {
+      _t.value ? (u(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: cl,
@@ -1207,7 +1209,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
           }
         }, null, 8, ["config"]))
       ], 4)) : d("", !0),
-      e.value.chart.userOptions.show && (Wl.value || kl.value) ? (u(), Ie(c(ja), {
+      e.value.chart.userOptions.show && (Wl.value || _l.value) ? (u(), Ie(c(et), {
         ref: "defails",
         key: `user_options_${na.value}`,
         backgroundColor: e.value.chart.backgroundColor,
@@ -1230,7 +1232,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         isTooltip: f.value.showTooltip,
         titles: { ...e.value.chart.userOptions.buttonTitles },
         hasAnnotator: e.value.chart.userOptions.buttons.annotator,
-        isAnnotation: pl.value,
+        isAnnotation: kl.value,
         callbacks: e.value.chart.userOptions.callbacks,
         printScale: e.value.chart.userOptions.print.scale,
         onToggleFullscreen: Ra,
@@ -1243,9 +1245,9 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         onToggleTooltip: Ha,
         onToggleAnnotator: Jl,
         style: z({
-          visibility: Wl.value ? kl.value ? "visible" : "hidden" : "visible"
+          visibility: Wl.value ? _l.value ? "visible" : "hidden" : "visible"
         })
-      }, Nt({ _: 2 }, [
+      }, Vt({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: se(({ isOpen: l, color: s }) => [
@@ -1325,7 +1327,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         width: G.value ? void 0 : "100%",
         viewBox: De.value,
         style: z(`background: transparent; color:${e.value.chart.color}; font-family:${e.value.chart.fontFamily}`),
-        "aria-label": pt.value,
+        "aria-label": kt.value,
         role: "img",
         "aria-live": "polite",
         preserveAspectRatio: "xMidYMid"
@@ -1335,7 +1337,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
           ref: ua,
           class: "vue-data-ui-g"
         }, [
-          ml(c(tt)),
+          yl(c(ot)),
           a.$slots["chart-background"] ? (u(), r("foreignObject", {
             key: 0,
             x: i.value.left + B.value < 0 ? 0 : i.value.left + B.value,
@@ -1422,7 +1424,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                 (u(!0), r(h, null, m(de.value, (l, s) => (u(), r("g", {
                   key: `time_label_${s}`
                 }, [
-                  l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (s === 0 || s === de.value.length - 1) && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && k.value === s && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && s % Math.floor((S.value.end - S.value.start) / e.value.chart.grid.labels.xAxisLabels.modulo) === 0 ? (u(), r(h, { key: 0 }, [
+                  l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (s === 0 || s === de.value.length - 1) && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && k.value === s && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && s % Math.floor((_.value.end - _.value.start) / e.value.chart.grid.labels.xAxisLabels.modulo) === 0 || l && e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && b.value <= e.value.chart.grid.labels.xAxisLabels.modulo ? (u(), r(h, { key: 0 }, [
                     e.value.chart.grid.labels.xAxis.showCrosshairs ? (u(), r("line", {
                       key: 0,
                       y1: e.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero ? ie.value - (ie.value === i.value.bottom ? 0 : e.value.chart.grid.labels.xAxis.crosshairSize / 2) : i.value.bottom,
@@ -1536,15 +1538,15 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                 }, null, 8, Yo)
               ], 8, Ro)
             ]))), 128)),
-            (u(!0), r(h, null, m(_t.value, (l) => (u(), r("g", null, [
+            (u(!0), r(h, null, m(wt.value, (l) => (u(), r("g", null, [
               l.show ? (u(), r(h, { key: 0 }, [
                 (u(!0), r(h, null, m(l.span, (s, t) => (u(), r("g", null, [
                   g("rect", {
                     style: z({
                       transition: "none",
-                      opacity: l.from + t >= S.value.start && l.from + t <= S.value.end - 1 ? 1 : 0
+                      opacity: l.from + t >= _.value.start && l.from + t <= _.value.end - 1 ? 1 : 0
                     }),
-                    x: i.value.left + i.value.width / b.value * (l.from + t - S.value.start),
+                    x: i.value.left + i.value.width / b.value * (l.from + t - _.value.start),
                     y: i.value.top,
                     height: i.value.height < 0 ? 10 : i.value.height,
                     width: i.value.width / b.value < 0 ? 1e-5 : i.value.width / b.value,
@@ -1554,11 +1556,11 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                 (u(!0), r(h, null, m(l.span, (s, t) => (u(), r("g", null, [
                   l.caption.text && t === 0 ? (u(), r("foreignObject", {
                     key: 0,
-                    x: i.value.left + i.value.width / b.value * (l.from + t - S.value.start) - (l.caption.width === "auto" ? 0 : l.caption.width / 2 - i.value.width / b.value * l.span / 2),
+                    x: i.value.left + i.value.width / b.value * (l.from + t - _.value.start) - (l.caption.width === "auto" ? 0 : l.caption.width / 2 - i.value.width / b.value * l.span / 2),
                     y: i.value.top + l.caption.offsetY,
                     style: z({
                       overflow: "visible",
-                      opacity: l.to >= S.value.start && l.from < S.value.end ? 1 : 0
+                      opacity: l.to >= _.value.start && l.from < _.value.end ? 1 : 0
                     }),
                     height: "1",
                     width: l.caption.width === "auto" ? i.value.width / b.value * l.span : l.caption.width
@@ -1593,7 +1595,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
               }, [
                 xe(t.value) ? (u(), r("rect", {
                   key: 0,
-                  x: Ll(t),
+                  x: Al(t),
                   y: f.value.useIndividualScale ? Aa(t) : La(t),
                   height: f.value.useIndividualScale ? Math.abs($a(t)) : Math.abs(Sa(t)),
                   width: _e() - (f.value.useIndividualScale && f.value.isStacked ? 0 : Pe.value) < 0 ? 1e-5 : _e() - (f.value.useIndividualScale && f.value.isStacked ? 0 : Pe.value),
@@ -1605,7 +1607,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                 }, null, 12, Go)) : d("", !0),
                 xe(t.value) && a.$slots.pattern ? (u(), r("rect", {
                   key: 1,
-                  x: Ll(t),
+                  x: Al(t),
                   y: f.value.useIndividualScale ? Aa(t) : La(t),
                   height: f.value.useIndividualScale ? Math.abs($a(t)) : Math.abs(Sa(t)),
                   width: _e() - (f.value.useIndividualScale && f.value.isStacked ? 0 : Pe.value) < 0 ? 1e-5 : _e() - (f.value.useIndividualScale && f.value.isStacked ? 0 : Pe.value),
@@ -1619,7 +1621,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                   style: { overflow: "visible" },
                   height: "12",
                   width: (_e() - (f.value.useIndividualScale && f.value.isStacked ? 0 : Pe.value) < 0 ? 1e-5 : _e() - (f.value.useIndividualScale && f.value.isStacked ? 0 : Pe.value) / 2) + e.value.chart.comments.width,
-                  x: Ll(t) - e.value.chart.comments.width / 2 + e.value.chart.comments.offsetX,
+                  x: Al(t) - e.value.chart.comments.width / 2 + e.value.chart.comments.offsetX,
                   y: c(T)(t.y) + e.value.chart.comments.offsetY + 6
                 }, [
                   U(a.$slots, "plot-comment", {
@@ -1748,7 +1750,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                     "font-size": x.value.dataLabels,
                     "text-anchor": "end",
                     fill: l.color
-                  }, j(c(ne)(
+                  }, j(c(ce)(
                     e.value.chart.grid.labels.yAxis.formatter,
                     s.value,
                     c(me)({
@@ -1781,7 +1783,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                   "font-size": x.value.dataLabels,
                   "text-anchor": "end",
                   fill: e.value.chart.grid.labels.color
-                }, j(xe(l.value) ? c(ne)(
+                }, j(xe(l.value) ? c(ce)(
                   e.value.chart.grid.labels.yAxis.formatter,
                   l.value,
                   c(me)({
@@ -2017,13 +2019,13 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                 }, [
                   t && (!Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 || k.value !== null && k.value === n || O.value !== null && O.value === n) && e.value.bar.labels.show ? (u(), r("text", {
                     key: 0,
-                    x: f.value.useIndividualScale && f.value.isStacked ? t.x + J.value.line / 2 : Ll(t) + _e() / 2 - Pe.value / 2,
+                    x: f.value.useIndividualScale && f.value.isStacked ? t.x + J.value.line / 2 : Al(t) + _e() / 2 - Pe.value / 2,
                     y: c(T)(t.y) + (t.value >= 0 ? e.value.bar.labels.offsetY : -e.value.bar.labels.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": x.value.plotLabels,
                     fill: e.value.bar.labels.color,
                     style: z(`opacity:${M.value ? M.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, j(xe(t.value) ? c(ne)(
+                  }, j(xe(t.value) ? c(ce)(
                     e.value.bar.labels.formatter,
                     t.value,
                     c(me)({
@@ -2065,7 +2067,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                     "font-size": x.value.plotLabels,
                     fill: e.value.plot.labels.color,
                     style: z(`opacity:${M.value ? M.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, j(xe(t.value) ? c(ne)(
+                  }, j(xe(t.value) ? c(ce)(
                     e.value.plot.labels.formatter,
                     t.value,
                     c(me)({
@@ -2112,7 +2114,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                     }, [
                       g("div", {
                         style: z(`padding: 3px; background:${c($e)(l.color, 80)};color:${c(We)(l.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: c(ne)(
+                        innerHTML: c(ce)(
                           e.value.plot.tag.formatter,
                           t.value,
                           l.name,
@@ -2134,7 +2136,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                     }, [
                       g("div", {
                         style: z(`padding: 3px; background:${c($e)(l.color, 80)};color:${c(We)(l.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: c(ne)(
+                        innerHTML: c(ce)(
                           e.value.plot.tag.formatter,
                           t.value,
                           l.name,
@@ -2165,7 +2167,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                     "font-size": x.value.plotLabels,
                     fill: e.value.line.labels.color,
                     style: z(`opacity:${M.value ? M.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, j(xe(t.value) ? c(ne)(
+                  }, j(xe(t.value) ? c(ce)(
                     e.value.line.labels.formatter,
                     t.value,
                     c(me)({
@@ -2212,7 +2214,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                     }, [
                       g("div", {
                         style: z(`padding: 3px; background:${c($e)(l.color, 80)};color:${c(We)(l.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: c(ne)(
+                        innerHTML: c(ce)(
                           e.value.line.tag.formatter,
                           t.value,
                           l.name,
@@ -2234,7 +2236,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                     }, [
                       g("div", {
                         style: z(`padding: 3px; background:${c($e)(l.color, 80)};color:${c(We)(l.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: c(ne)(
+                        innerHTML: c(ce)(
                           e.value.line.tag.formatter,
                           t.value,
                           l.name,
@@ -2404,11 +2406,11 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                 absoluteIndex: l.absoluteIndex,
                 content: l.text,
                 textAnchor: e.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-                show: l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (s === 0 || s === de.value.length - 1) && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && k.value === s && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && s % Math.floor((S.value.end - S.value.start) / e.value.chart.grid.labels.xAxisLabels.modulo) === 0
+                show: l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (s === 0 || s === de.value.length - 1) && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && k.value === s && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && s % Math.floor((_.value.end - _.value.start) / e.value.chart.grid.labels.xAxisLabels.modulo) === 0 || l && e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && b.value <= e.value.chart.grid.labels.xAxisLabels.modulo
               }), void 0, !0)), 128)) : (u(!0), r(h, { key: 1 }, m(de.value, (l, s) => (u(), r("g", {
                 key: `time_label_${s}`
               }, [
-                l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (s === 0 || s === de.value.length - 1) && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && k.value === s && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && s % Math.floor((S.value.end - S.value.start) / e.value.chart.grid.labels.xAxisLabels.modulo) === 0 ? (u(), r(h, { key: 0 }, [
+                l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (s === 0 || s === de.value.length - 1) && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && k.value === s && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && s % Math.floor((_.value.end - _.value.start) / e.value.chart.grid.labels.xAxisLabels.modulo) === 0 || l && e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && b.value <= e.value.chart.grid.labels.xAxisLabels.modulo ? (u(), r(h, { key: 0 }, [
                   String(l.text).includes(`
 `) ? (u(), r("text", {
                     key: 1,
@@ -2504,7 +2506,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                 fill: "transparent",
                 onMouseenter: (t) => Na(!0, s),
                 onMouseleave: v[1] || (v[1] = (t) => Na(!1)),
-                onClick: (t) => bt(s)
+                onClick: (t) => mt(s)
               }, null, 40, gu))), 128))
             ]),
             e.value.chart.timeTag.show && (![null, void 0].includes(k.value) || ![null, void 0].includes(O.value)) ? (u(), r("g", xu, [
@@ -2528,7 +2530,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
               }, null, 8, mu)
             ])) : d("", !0)
           ])) : d("", !0),
-          U(a.$slots, "svg", { svg: rt.value }, void 0, !0)
+          U(a.$slots, "svg", { svg: nt.value }, void 0, !0)
         ], 512)
       ], 14, no)),
       a.$slots.watermark ? (u(), r("div", yu, [
@@ -2543,7 +2545,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
           [O.value, k.value, Ue.value].includes(n) && l.useTag && l.useTag === "end" && e.value.line.tag.followValue ? (u(), r("div", {
             key: 0,
             ref_for: !0,
-            ref: (o) => $l(s, n, o, "right", "line"),
+            ref: (o) => Ll(s, n, o, "right", "line"),
             class: "vue-ui-xy-tag",
             "data-tag": "right",
             style: z({
@@ -2580,7 +2582,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
             ])),
             g("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: c(ne)(
+              innerHTML: c(ce)(
                 e.value.line.tag.formatter,
                 t.value,
                 l.name,
@@ -2595,7 +2597,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
           [O.value, k.value, Ue.value].includes(n) && l.useTag && l.useTag === "start" && e.value.line.tag.followValue ? (u(), r("div", {
             key: 1,
             ref_for: !0,
-            ref: (o) => $l(s, n, o, "left", "line"),
+            ref: (o) => Ll(s, n, o, "left", "line"),
             class: "vue-ui-xy-tag",
             "data-tag": "left",
             style: z({
@@ -2632,7 +2634,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
             ])),
             g("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: c(ne)(
+              innerHTML: c(ce)(
                 e.value.line.tag.formatter,
                 t.value,
                 l.name,
@@ -2655,7 +2657,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
           [O.value, k.value, Ue.value].includes(n) && l.useTag && l.useTag === "end" && e.value.plot.tag.followValue ? (u(), r("div", {
             key: 0,
             ref_for: !0,
-            ref: (o) => $l(s, n, o, "right", "plot"),
+            ref: (o) => Ll(s, n, o, "right", "plot"),
             class: "vue-ui-xy-tag",
             "data-tag": "right",
             style: z({
@@ -2692,7 +2694,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
             ])),
             g("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: c(ne)(
+              innerHTML: c(ce)(
                 e.value.plot.tag.formatter,
                 t.value,
                 l.name,
@@ -2707,7 +2709,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
           [O.value, k.value, Ue.value].includes(n) && l.useTag && l.useTag === "start" && e.value.plot.tag.followValue ? (u(), r("div", {
             key: 1,
             ref_for: !0,
-            ref: (o) => $l(s, n, o, "left", "plot"),
+            ref: (o) => Ll(s, n, o, "left", "plot"),
             class: "vue-ui-xy-tag",
             "data-tag": "left",
             style: z({
@@ -2744,7 +2746,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
             ])),
             g("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: c(ne)(
+              innerHTML: c(ce)(
                 e.value.plot.tag.formatter,
                 t.value,
                 l.name,
@@ -2771,7 +2773,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         inputColor: e.value.chart.zoom.color,
         selectColor: e.value.chart.zoom.highlightColor,
         borderColor: e.value.chart.backgroundColor,
-        minimap: At.value,
+        minimap: Mt.value,
         smoothMinimap: e.value.chart.zoom.minimap.smooth,
         minimapSelectedColor: e.value.chart.zoom.minimap.selectedColor,
         minimapSelectionRadius: e.value.chart.zoom.minimap.selectionRadius,
@@ -2782,18 +2784,18 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         verticalHandles: e.value.chart.zoom.minimap.verticalHandles,
         max: He.value,
         min: 0,
-        valueStart: S.value.start,
-        valueEnd: S.value.end,
-        start: S.value.start,
-        "onUpdate:start": v[2] || (v[2] = (l) => S.value.start = l),
-        end: S.value.end,
-        "onUpdate:end": v[3] || (v[3] = (l) => S.value.end = l),
+        valueStart: _.value.start,
+        valueEnd: _.value.end,
+        start: _.value.start,
+        "onUpdate:start": v[2] || (v[2] = (l) => _.value.start = l),
+        end: _.value.end,
+        "onUpdate:end": v[3] || (v[3] = (l) => _.value.end = l),
         refreshStartPoint: e.value.chart.zoom.startIndex !== null ? e.value.chart.zoom.startIndex : 0,
         refreshEndPoint: e.value.chart.zoom.endIndex !== null ? e.value.chart.zoom.endIndex + 1 : Math.max(...Nl.dataset.map((l) => c(Ee)({ data: l.series, threshold: e.value.downsample.threshold }).length)),
         enableRangeHandles: e.value.chart.zoom.enableRangeHandles,
         enableSelectionDrag: e.value.chart.zoom.enableSelectionDrag,
-        onReset: xt,
-        onTrapMouse: ht
+        onReset: bt,
+        onTrapMouse: ft
       }, {
         "reset-action": se(({ reset: l }) => [
           U(a.$slots, "reset-action", Qe(je({ reset: l })), void 0, !0)
@@ -2823,7 +2825,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
               width: "20",
               fill: l.color
             }, null, 8, Nu),
-            ml(Ol, {
+            yl(Ol, {
               plot: { x: 10, y: 9 },
               radius: 4,
               color: l.color,
@@ -2853,7 +2855,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
               fill: a.$slots.pattern ? `url(#pattern_${q.value}_${l.slotAbsoluteIndex})` : l.color
             }, null, 8, Hu)) : d("", !0)
           ])) : (u(), r("svg", Ru, [
-            ml(Ol, {
+            yl(Ol, {
               plot: { x: 6, y: 6 },
               radius: 5,
               color: l.color,
@@ -2879,7 +2881,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
       }, [
         U(a.$slots, "source", {}, void 0, !0)
       ], 512)) : d("", !0),
-      ml(c(Qa), {
+      yl(c(ja), {
         show: f.value.showTooltip && ra.value,
         backgroundColor: e.value.chart.tooltip.backgroundColor,
         color: e.value.chart.tooltip.color,
@@ -2891,7 +2893,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         position: e.value.chart.tooltip.position,
         offsetY: e.value.chart.tooltip.offsetY,
         parent: a.$refs.chart,
-        content: Mt.value,
+        content: zt.value,
         isFullscreen: tl.value,
         isCustom: e.value.chart.tooltip.customFormat && typeof e.value.chart.tooltip.customFormat == "function"
       }, {
@@ -2903,7 +2905,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      Xl.value ? (u(), Ie(c(at), {
+      Xl.value ? (u(), Ie(c(tt), {
         key: 9,
         hideDetails: "",
         config: {
@@ -2924,33 +2926,33 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
             style: z(`${c(Ul) ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
           }, [
             g("div", Bu, [
-              Vt(g("input", {
+              Pt(g("input", {
                 type: "checkbox",
                 "onUpdate:modelValue": v[4] || (v[4] = (l) => dl.value = l)
               }, null, 512), [
-                [Pt, dl.value]
+                [Ht, dl.value]
               ]),
               g("div", {
                 onClick: v[5] || (v[5] = (l) => dl.value = !dl.value),
                 style: { cursor: "pointer" }
               }, [
-                ml(c(et), {
+                yl(c(lt), {
                   name: "chartLine",
                   size: 20,
                   stroke: e.value.chart.color
                 }, null, 8, ["stroke"])
               ])
             ]),
-            dl.value ? (u(), Ie(c(lt), {
+            dl.value ? (u(), Ie(c(at), {
               key: `sparkline_${El.value}`,
-              dataset: St.value,
-              config: $t.value
-            }, null, 8, ["dataset", "config"])) : (u(), Ie(c(Ka), {
+              dataset: $t.value,
+              config: Lt.value
+            }, null, 8, ["dataset", "config"])) : (u(), Ie(c(Qa), {
               key: `table_${ca.value}`,
-              colNames: Al.value.colNames,
-              head: Al.value.head,
-              body: Al.value.body,
-              config: Al.value.config,
+              colNames: Ml.value.colNames,
+              head: Ml.value.head,
+              body: Ml.value.body,
+              config: Ml.value.config,
               title: `${e.value.chart.title.text}${e.value.chart.title.subtitle.text ? ` : ${e.value.chart.title.subtitle.text}` : ""}`,
               onClose: v[6] || (v[6] = (l) => f.value.showTable = !1)
             }, {
@@ -2958,7 +2960,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
                 g("div", { innerHTML: l }, null, 8, Yu)
               ]),
               td: se(({ td: l }) => [
-                Ht(j(isNaN(Number(l)) ? l : c(me)({
+                Rt(j(isNaN(Number(l)) ? l : c(me)({
                   p: e.value.chart.labels.prefix,
                   v: l,
                   s: e.value.chart.labels.suffix,
@@ -2974,7 +2976,7 @@ const ro = ["id"], no = ["width", "viewBox", "aria-label"], co = ["x", "y", "wid
       c(Dl) ? (u(), Ie(uo, { key: 10 })) : d("", !0)
     ], 46, ro));
   }
-}, ju = /* @__PURE__ */ io(Fu, [["__scopeId", "data-v-92ac0ab7"]]);
+}, ju = /* @__PURE__ */ io(Fu, [["__scopeId", "data-v-82f3ba26"]]);
 export {
   ju as default
 };