vue-data-ui 3.16.4 → 3.17.0

package/dist/{vue-ui-xy-5mNo0EDu.js → vue-ui-xy-n4juEarQ.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as Re, useSlots as Nu, getCurrentInstance as Fu, ref as g, shallowRef as Vu, computed as b, onMounted as It, toRefs as Bu, watch as vt, watchEffect as sl, nextTick as Pt, onBeforeUnmount as Il, openBlock as i, createElementBlock as r, normalizeStyle as w, normalizeClass as Je, createElementVNode as y, toDisplayString as ue, createBlock as _e, createCommentVNode as h, unref as v, withCtx as X, renderSlot as F, normalizeProps as ge, guardReactiveProps as be, createSlots as lo, createVNode as dt, Fragment as d, renderList as k, mergeProps as Qe, Teleport as Ru, resolveDynamicComponent as Hu, withDirectives as Du, vModelCheckbox as Wu, createTextVNode as ao } from "vue";
-import { j as Pl, q as Ol, t as oo, n as Eu, D as uo, E as so, s as Nl, p as Fl, F as nl, G as W, H as Vl, I as Yu, J as Xu, K as O, L as no, c as io, M as ro, b as co, N as Gu, O as qu, P as Uu, Q as vo, R as ho, k as ve, S as Zu, T as fo, U as Ku, z as mo, A as Ie, l as Pe, v as je, u as Ce, V as Ju, a as Qu, W as He, d as il, Y as Se, Z as ju, _ as De, $ as Ot, m as es, o as go, a0 as ts, a1 as ls, a2 as ht, a3 as as } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as Re, useSlots as Nu, getCurrentInstance as Fu, ref as g, shallowRef as Vu, computed as b, onMounted as It, toRefs as Bu, watch as vt, watchEffect as sl, nextTick as Pt, onBeforeUnmount as Pl, openBlock as i, createElementBlock as r, normalizeStyle as w, normalizeClass as Je, createElementVNode as y, toDisplayString as se, createBlock as _e, createCommentVNode as h, unref as v, withCtx as Y, renderSlot as O, normalizeProps as ve, guardReactiveProps as de, createSlots as lo, createVNode as dt, Fragment as d, renderList as k, mergeProps as Qe, Teleport as Ru, resolveDynamicComponent as Hu, withDirectives as Du, vModelCheckbox as Wu, createTextVNode as ao } from "vue";
+import { j as Ol, q as Nl, t as oo, n as Eu, D as uo, E as so, s as Fl, p as Vl, F as nl, G as W, H as Bl, I as Yu, J as Xu, K as N, L as no, c as io, M as ro, b as co, N as Gu, O as qu, P as Uu, Q as vo, R as ho, k as he, S as Zu, T as fo, U as Ku, z as mo, A as Ie, l as Pe, v as je, u as Ce, V as Ju, a as Qu, W as He, d as il, Y as Se, Z as ju, _ as De, $ as Ot, m as es, o as go, a0 as ts, a1 as ls, a2 as ht, a3 as as } from "./lib-DBptbyyI.js";
 import { u as bo, a as po, b as os } from "./useTimeLabels-C-A2uZKi.js";
-import { u as us } from "./useConfig-CpJA0VZa.js";
+import { u as us } from "./useConfig-ChRble71.js";
 import { u as ss } from "./usePrinter-CEpYU3r5.js";
 import { u as ns, B as is } from "./BaseScanner-BhhkKVoj.js";
 import { u as rs } from "./useSvgExport-ByUukOZt.js";
@@ -13,8 +13,8 @@ import hs from "./img-LXxMLmCg.js";
 import fs from "./Title-BeMKE1cj.js";
 import ms from "./vue_ui_xy-esktmpg-.js";
 import { _ as rl } from "./Shape-BKRUOeKk.js";
-import { S as gs } from "./SlicerPreview-DTjwV0iY.js";
-import bs from "./vue-ui-accordion-BF4v32wv.js";
+import { S as gs } from "./SlicerPreview-BIvxyb5W.js";
+import bs from "./vue-ui-accordion-CnDW2UQL.js";
 import { B as ps } from "./BaseLegendToggle-BQVIawmA.js";
 import { A as ys } from "./A11yDataTable-KcVAX2cP.js";
 import { _ as xs } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -92,8 +92,8 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend", "zoomStart", "zoomEnd", "zoomReset", "copyAlt"],
   setup(cl, { expose: yo, emit: xo }) {
-    const T = cl, ko = Re(() => import("./DataTable-DT2kIdQ6.js")), _o = Re(() => import("./Tooltip-Bf-kM3_A.js")), wo = Re(() => import("./UserOptions-rW2fRf3V.js")), Bl = Re(() => import("./BaseIcon-Cb3zzG6s.js")), So = Re(() => import("./vue-ui-table-sparkline-DHjZyVAg.js")), $o = Re(() => import("./PackageVersion-1BHnPIBZ.js")), Lo = Re(() => import("./PenAndPaper-Ct3qJ4lA.js")), Mo = Re(() => import("./BaseDraggableDialog-CIb-iD9g.js")), We = xo, Rl = Nu(), Ao = Fu(), { vue_ui_xy: ft } = us(), { isThemeValid: Co, warnInvalidTheme: To } = cs(), $e = g(null), mt = g(null), Te = g(null), et = g(null), gt = g(null), bt = g(null), zo = g(null), vl = g(null), dl = g(null), Ft = g(null), hl = g(null), fl = g(null), Ne = g(null), ml = g(null), Io = g(0), C = g(null), Hl = g(!0), de = g(600), ee = g(1e3), Vt = g("0 0 1000 600"), Po = g({ x: 0, y: 0 }), pt = g({ line: "line", bar: "bar", plot: "plot" }), tt = g(!1), Ee = g(!1), Dl = g(!1), Ye = g(null), G = g([]), z = g(Pl()), Wl = g(0), El = g(0), Yl = g(0), yt = g(!0), gl = g(0), P = g(null), Xl = g(!1), bl = g(!0), Bt = g(!0), ae = g(null), Oe = g({}), Rt = g(null), Gl = g(!1), lt = g(null), Ht = g(!1), Dt = g(!1), _ = g(null), at = g(null), ql = g({ x: 0, y: 0 }), Ul = Vu(null), Zl = g(!1), Kl = g(0), Jl = g(0), Ql = vs({
-      elementRef: Ul,
+    const T = cl, ko = Re(() => import("./DataTable-DT2kIdQ6.js")), _o = Re(() => import("./Tooltip-C8KGyqQk.js")), wo = Re(() => import("./UserOptions-rW2fRf3V.js")), Rl = Re(() => import("./BaseIcon-Cb3zzG6s.js")), So = Re(() => import("./vue-ui-table-sparkline-Bkv6Qz6V.js")), $o = Re(() => import("./PackageVersion-B3kmPxTR.js")), Lo = Re(() => import("./PenAndPaper-Ct3qJ4lA.js")), Mo = Re(() => import("./BaseDraggableDialog-CIb-iD9g.js")), We = xo, Hl = Nu(), Ao = Fu(), { vue_ui_xy: ft } = us(), { isThemeValid: Co, warnInvalidTheme: To } = cs(), $e = g(null), mt = g(null), Te = g(null), et = g(null), gt = g(null), bt = g(null), zo = g(null), vl = g(null), dl = g(null), Ft = g(null), hl = g(null), fl = g(null), Ne = g(null), ml = g(null), Io = g(0), C = g(null), Dl = g(!0), fe = g(600), ee = g(1e3), Vt = g("0 0 1000 600"), Po = g({ x: 0, y: 0 }), pt = g({ line: "line", bar: "bar", plot: "plot" }), tt = g(!1), Ee = g(!1), Wl = g(!1), Ye = g(null), G = g([]), z = g(Ol()), El = g(0), Yl = g(0), Xl = g(0), yt = g(!0), gl = g(0), P = g(null), Gl = g(!1), bl = g(!0), Bt = g(!0), ae = g(null), Oe = g({}), Rt = g(null), ql = g(!1), lt = g(null), Ht = g(!1), Dt = g(!1), _ = g(null), at = g(null), Ul = g({ x: 0, y: 0 }), Zl = Vu(null), Kl = g(!1), Jl = g(0), Ql = g(0), jl = vs({
+      elementRef: Zl,
       minimumWidth: 2,
       minimumHeight: 2,
       stableFramesRequired: 2,
@@ -103,9 +103,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       }
     });
     function xt() {
-      Ul.value = $e.value?.parentNode ?? null;
+      Zl.value = $e.value?.parentNode ?? null;
     }
-    function jl() {
+    function ea() {
       return new Promise((l) => {
         requestAnimationFrame(() => {
           requestAnimationFrame(l);
@@ -113,35 +113,35 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       });
     }
     async function ot() {
-      const l = ++Jl.value;
-      Zl.value = !1, await Pt(), await jl(), await jl(), l === Jl.value && (Kl.value += 1, Zl.value = !0);
+      const l = ++Ql.value;
+      Kl.value = !1, await Pt(), await ea(), await ea(), l === Ql.value && (Jl.value += 1, Kl.value = !0);
     }
     const Oo = b(() => ({
-      height: de.value,
+      height: fe.value,
       width: ee.value
     }));
-    function ea(l) {
+    function ta(l) {
       return Number.isFinite(l) ? Math.max(0, Math.floor(l)) : 0;
     }
     function pl(l, o, e = 0) {
       return Number.isFinite(l) && Number.isFinite(o) && Math.abs(o) > 1e-9 ? l / o : e;
     }
-    const ta = g(!1), x = g({
+    const la = g(!1), x = g({
       xAxis: 18,
       yAxis: 12,
       dataLabels: 20,
       plotLabels: 10
     }), Le = g({ plot: 3, line: 3 });
     It(() => {
-      Gl.value = !0, T.dataset.length && T.dataset.forEach((l, o) => {
-        [null, void 0].includes(l.series) && Ol({
+      ql.value = !0, T.dataset.length && T.dataset.forEach((l, o) => {
+        [null, void 0].includes(l.series) && Nl({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "series (number[])",
           index: o,
           debug: kt.value
         });
-      }), xt(), Ql.start(), ot();
+      }), xt(), jl.start(), ot();
     });
     function yl() {
       if (!Object.keys(T.config || {}).length)
@@ -153,10 +153,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       T.config && Ot(T.config, "chart.highlightArea") && (Array.isArray(T.config.chart.highlightArea) ? l.chart.highlightArea = T.config.chart.highlightArea : l.chart.highlightArea = [T.config.chart.highlightArea]), T.config && Ot(T.config, "chart.annotations") && Array.isArray(T.config.chart.annotations) && T.config.chart.annotations.length ? l.chart.annotations = T.config.chart.annotations.map((a) => Nt({
         defaultConfig: ft.chart.annotations[0],
         userConfig: a
-      })) : l.chart.annotations = [], T.config && Ot(T.config, "chart.grid.position") && T.config.chart.grid.position === "start" && T.dataset.length && T.dataset.some((a) => a.type === "bar") && (l.chart.grid.position = "middle", Ot(T.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), T.config && Ot(T.config, "chart.highlightArea") && (Array.isArray(T.config.chart.highlightArea) ? l.chart.highlightArea = T.config.chart.highlightArea.map((a) => la({
+      })) : l.chart.annotations = [], T.config && Ot(T.config, "chart.grid.position") && T.config.chart.grid.position === "start" && T.dataset.length && T.dataset.some((a) => a.type === "bar") && (l.chart.grid.position = "middle", Ot(T.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), T.config && Ot(T.config, "chart.highlightArea") && (Array.isArray(T.config.chart.highlightArea) ? l.chart.highlightArea = T.config.chart.highlightArea.map((a) => aa({
         defaultConfig: ft.chart.highlightArea,
         userConfig: a
-      })) : l.chart.highlightArea = la({
+      })) : l.chart.highlightArea = aa({
         defaultConfig: ft.chart.highlightArea,
         userConfig: T.config.chart.highlightArea
       }));
@@ -173,10 +173,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       });
       return {
         ...s,
-        customPalette: s.customPalette.length ? s.customPalette : es[o] || Fl
+        customPalette: s.customPalette.length ? s.customPalette : es[o] || Vl
       };
     }
-    function la({ defaultConfig: l, userConfig: o }) {
+    function aa({ defaultConfig: l, userConfig: o }) {
       return Nt({
         defaultConfig: l,
         userConfig: o
@@ -197,13 +197,13 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       useIndividualScale: !1
     });
     function kl() {
-      ta.value ? (f.value.showTooltip = t.value.chart.tooltip.show === !0, f.value.showTable = t.value.showTable === !0, f.value.isStacked = t.value.chart.grid.labels.yAxis.stacked, f.value.useIndividualScale == null && (f.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale)) : (f.value = {
+      la.value ? (f.value.showTooltip = t.value.chart.tooltip.show === !0, f.value.showTable = t.value.showTable === !0, f.value.isStacked = t.value.chart.grid.labels.yAxis.stacked, f.value.useIndividualScale == null && (f.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale)) : (f.value = {
         dataLabels: { show: !0 },
         showTooltip: t.value.chart.tooltip.show === !0,
         showTable: t.value.showTable === !0,
         isStacked: t.value.chart.grid.labels.yAxis.stacked,
         useIndividualScale: t.value.chart.grid.labels.yAxis.useIndividualScale
-      }, ta.value = !0);
+      }, la.value = !0);
     }
     const kt = b(() => !!t.value.debug), No = b(() => oo({
       defaultConfig: {
@@ -300,11 +300,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         return a || (a = /* @__PURE__ */ new Map(), o.set(e, a)), a.set(n, u), u;
       };
     }
-    const Bo = Vo((l, o) => Vl({ data: l, threshold: o })), Fe = (l) => Bo(l, t.value.downsample.threshold), ze = b({
+    const Bo = Vo((l, o) => Bl({ data: l, threshold: o })), Fe = (l) => Bo(l, t.value.downsample.threshold), ze = b({
       get: () => Math.max(...pe.value.map((l) => Fe(l.series).length)),
       set: (l) => l
-    }), m = g({ start: 0, end: ze.value }), Me = g({ start: 0, end: ze.value }), aa = b(() => t.value.chart.zoom.preview.enable && (Me.value.start !== m.value.start || Me.value.end !== m.value.end));
-    function oa(l, o) {
+    }), m = g({ start: 0, end: ze.value }), Me = g({ start: 0, end: ze.value }), oa = b(() => t.value.chart.zoom.preview.enable && (Me.value.start !== m.value.start || Me.value.end !== m.value.end));
+    function ua(l, o) {
       Me.value[l] = o;
     }
     function ut() {
@@ -343,7 +343,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       const o = l - m.value.start;
       o < 0 || l >= m.value.end ? _.value = null : _.value = o ?? null;
     }, { immediate: !0 });
-    const { isPrinting: Et, isImaging: _l, generatePdf: ua, generateImage: sa } = ss({
+    const { isPrinting: Et, isImaging: _l, generatePdf: sa, generateImage: na } = ss({
       elementId: `vue-ui-xy_${z.value}`,
       fileName: t.value.chart.title.text || "vue-ui-xy",
       options: t.value.chart.userOptions.print
@@ -352,45 +352,45 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       if (l == null) return null;
       const o = Number(l);
       return Number.isFinite(o) ? o : null;
-    }), Do = b(() => st.value !== null ? c.value.bottom : he.value), _t = b(() => {
+    }), Do = b(() => st.value !== null ? c.value.bottom : me.value), _t = b(() => {
       const l = t.value.chart.grid.labels.yAxis.scaleMax;
       if (l == null) return null;
       const o = Number(l);
       return Number.isFinite(o) ? o : null;
-    }), na = b(() => st.value !== null || _t.value !== null), ia = b(() => {
+    }), ia = b(() => st.value !== null || _t.value !== null), ra = b(() => {
       const l = Ve.value.filter((o) => !G.value.includes(o.id)).flatMap((o) => Array.isArray(o.series) ? o.series : []).filter(Number.isFinite);
       return l.length ? {
         min: Math.min(...l),
         max: Math.max(...l)
       } : { min: 0, max: 1 };
     });
-    function ra(l, o) {
+    function ca(l, o) {
       let e = Number.isFinite(l) ? l : 0, s = Number.isFinite(o) ? o : 1;
       return e === s ? s = e + 1 : e > s && ([e, s] = [s, e]), { min: e, max: s };
     }
     const Xt = b(() => {
-      const { min: l, max: o } = ia.value;
-      if (!na.value) {
+      const { min: l, max: o } = ra.value;
+      if (!ia.value) {
         const u = l;
         return u > 0 ? 0 : u;
       }
       const e = st.value !== null ? st.value : l > 0 ? 0 : l, s = _t.value !== null ? _t.value : o, a = l < e ? l : e, n = o > s ? o : s;
-      return ra(a, n).min;
+      return ca(a, n).min;
     }), Gt = b(() => {
-      const { min: l, max: o } = ia.value;
-      if (!na.value) {
+      const { min: l, max: o } = ra.value;
+      if (!ia.value) {
         const u = o;
         return Xt.value === u ? u + 1 : u;
       }
       const e = st.value !== null ? st.value : l > 0 ? 0 : l, s = _t.value !== null ? _t.value : o, a = l < e ? l : e, n = o > s ? o : s;
-      return ra(a, n).max;
-    }), Ae = b(() => t.value.chart.grid.labels.yAxis.useNiceScale ? uo(Xt.value, Gt.value < 0 ? 0 : Gt.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : so(Xt.value, Gt.value < 0 ? 0 : Gt.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), wt = b(() => [null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) ? Ae.value.min >= 0 ? 0 : Math.abs(Ae.value.min) : -Ae.value.min), Ve = b(() => Hl.value ? pe.value.map((l, o) => {
+      return ca(a, n).max;
+    }), Ae = b(() => t.value.chart.grid.labels.yAxis.useNiceScale ? uo(Xt.value, Gt.value < 0 ? 0 : Gt.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : so(Xt.value, Gt.value < 0 ? 0 : Gt.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), wt = b(() => [null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) ? Ae.value.min >= 0 ? 0 : Math.abs(Ae.value.min) : -Ae.value.min), Ve = b(() => Dl.value ? pe.value.map((l, o) => {
       const e = Fe(l.series), s = `uniqueId_${o}`;
       return {
         ...l,
         slotAbsoluteIndex: o,
         series: e.map((a) => nl(a) ? a : null).slice(m.value.start, m.value.end),
-        color: Nl(l.color ? l.color : Yt.value[o] ? Yt.value[o] : Fl[o]),
+        color: Fl(l.color ? l.color : Yt.value[o] ? Yt.value[o] : Vl[o]),
         id: s,
         scaleLabel: l.scaleLabel || s
       };
@@ -416,7 +416,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       return l + o + e;
     }
     const St = g(0), nt = g(0);
-    function ca() {
+    function va() {
       const l = Ft.value;
       if (!l) {
         St.value = 0, nt.value = 0;
@@ -429,7 +429,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         St.value = 0, nt.value = 0;
       }
     }
-    const va = b(() => {
+    const da = b(() => {
       let l = 0;
       if (vl.value)
         try {
@@ -439,7 +439,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         }
       return l + St.value + x.value.xAxis;
     }), Yo = b(() => pe.value.some((l) => l.useProgression)), c = b(() => {
-      Kl.value;
+      Jl.value;
       let l = 0;
       const o = 36;
       t.value.chart.grid.labels.show && (f.value.useIndividualScale && !f.value.isStacked ? l = (pe.value.length - G.value.length) * (t.value.chart.grid.labels.yAxis.labelWidth + o) : f.value.useIndividualScale && f.value.isStacked ? l = t.value.chart.grid.labels.yAxis.labelWidth + o : l = Eo());
@@ -449,9 +449,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       return {
         top: t.value.chart.padding?.top + e,
         right: ee.value - s - t.value.chart.padding?.right,
-        bottom: de.value - va.value - t.value.chart.padding?.bottom - t.value.chart.grid.labels.axis.xLabelOffsetY,
+        bottom: fe.value - da.value - t.value.chart.padding?.bottom - t.value.chart.grid.labels.axis.xLabelOffsetY,
         left: l + t.value.chart.grid.labels.yAxis.crosshairSize - n + t.value.chart.padding?.left,
-        height: de.value - va.value - t.value.chart.padding?.top - t.value.chart.padding?.bottom - e - t.value.chart.grid.labels.axis.xLabelOffsetY,
+        height: fe.value - da.value - t.value.chart.padding?.top - t.value.chart.padding?.bottom - e - t.value.chart.grid.labels.axis.xLabelOffsetY,
         width: a,
         scaleLabelX: l,
         individualOffsetX: o
@@ -467,11 +467,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       const l = c.value.width / $.value, o = t.value.chart.grid.labels.xAxis.crosshairSize, e = t.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
       return Kt.value.map((s, a) => {
         if (!s || !s.text) return null;
-        const n = c.value?.left + l * a + l / 2, u = e ? he.value - (he.value === c.value?.bottom ? 0 : o / 2) : c.value?.bottom, S = e ? he.value + o / (he.value === c.value?.bottom ? 1 : 2) : c.value?.bottom + o;
+        const n = c.value?.left + l * a + l / 2, u = e ? me.value - (me.value === c.value?.bottom ? 0 : o / 2) : c.value?.bottom, S = e ? me.value + o / (me.value === c.value?.bottom ? 1 : 2) : c.value?.bottom + o;
         return `M${n},${u} L${n},${S}`;
       }).filter(Boolean).join(" ");
     });
-    function da() {
+    function ha() {
       return !!Ao?.vnode.props?.onSelectTimeLabel;
     }
     function qo(l, o, e) {
@@ -481,7 +481,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       }
       return Rt.value.font = `normal ${l}px sans-serif`, Rt.value;
     }
-    function ha() {
+    function fa() {
       const l = $e.value.querySelectorAll(".vue-ui-xy-tag");
       l.length && Array.from(l).forEach((o) => o.style.opacity = "0");
     }
@@ -489,20 +489,20 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       e && (Oe.value[`${l}_${o}_${s}_${a}`] = e);
     }
     const Ut = g(!1);
-    async function fa(l = !1) {
-      await Pt(), Ut.value = l, Xl.value && (Bt.value = l);
+    async function ma(l = !1) {
+      await Pt(), Ut.value = l, Gl.value && (Bt.value = l);
     }
     function wl() {
       tt.value = !tt.value;
     }
-    const se = g([]), Zt = g([]);
-    let ma = 0;
+    const oe = g([]), Zt = g([]);
+    let ga = 0;
     sl(() => {
-      const l = ++ma;
+      const l = ++ga;
       (async () => {
         const o = Math.max(
           ...pe.value.map(
-            (s) => Vl({
+            (s) => Bl({
               data: s.series,
               threshold: t.value.downsample.threshold
             }).length
@@ -514,16 +514,16 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           start: m.value.start,
           end: m.value.end
         });
-        l === ma && (se.value = e);
+        l === ga && (oe.value = e);
       })();
     });
-    let ga = 0;
+    let ba = 0;
     sl(() => {
-      const l = ++ga;
+      const l = ++ba;
       (async () => {
         const o = Math.max(
           ...pe.value.map(
-            (s) => Vl({
+            (s) => Bl({
               data: s.series,
               threshold: t.value.downsample.threshold
             }).length
@@ -535,14 +535,14 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           start: 0,
           end: ze.value
         });
-        l === ga && (Zt.value = e);
+        l === ba && (Zt.value = e);
       })();
     });
     const Uo = b(() => {
       const l = t.value.chart.grid.labels.xAxisLabels.modulo;
-      return se.value.length ? Math.min(l, [...new Set(se.value.map((o) => o.text))].length) : l;
+      return oe.value.length ? Math.min(l, [...new Set(oe.value.map((o) => o.text))].length) : l;
     }), Kt = b(() => {
-      const l = t.value.chart.grid.labels.xAxisLabels, o = se.value || [], e = Zt.value || [], s = m.value.start ?? 0, a = _.value, n = $.value, u = o.map((M) => M?.text ?? ""), S = e.map((M) => M?.text ?? "");
+      const l = t.value.chart.grid.labels.xAxisLabels, o = oe.value || [], e = Zt.value || [], s = m.value.start ?? 0, a = _.value, n = $.value, u = o.map((M) => M?.text ?? ""), S = e.map((M) => M?.text ?? "");
       return Yu(
         !!l.showOnlyFirstAndLast,
         !!l.showOnlyAtModulo,
@@ -556,28 +556,28 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
     }), Zo = b(() => (Kt.value || []).map((l) => l?.text ?? "").join("|"));
     It(() => {
       requestAnimationFrame(() => {
-        ca();
+        va();
       }), vt(
         [
           () => Zo.value,
           () => t.value.chart.grid.labels.xAxisLabels.rotation,
           () => x.value.xAxis,
           () => ee.value,
-          () => de.value
+          () => fe.value
         ],
         async () => {
           await Pt(), requestAnimationFrame(() => {
-            ca();
+            va();
           });
         },
         { flush: "post" }
       );
-    }), Il(() => {
-      St.value = 0, nt.value = 0, Ql.stop();
+    }), Pl(() => {
+      St.value = 0, nt.value = 0, jl.stop();
     });
-    function ba(l, o) {
+    function pa(l, o) {
       const e = ye.value.map((s) => ({
-        shape: s.shape || null,
+        shape: s.shape ?? s.type === "bar" ? "square" : "circle",
         name: s.name,
         color: s.color,
         type: s.type,
@@ -593,29 +593,29 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       });
     }
     const $ = b(() => {
-      const l = ea((m.value.end ?? 0) - (m.value.start ?? 0));
+      const l = ta((m.value.end ?? 0) - (m.value.start ?? 0));
       return Math.max(1, l);
     });
     function Ko(l) {
       P.value = l;
     }
-    function pa() {
+    function ya() {
       f.value.isStacked = !f.value.isStacked, f.value.isStacked ? f.value.useIndividualScale = !0 : f.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale;
     }
     function Sl(l) {
       kt.value && l.autoScaling && (t.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), t.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
     }
     function Jo(l, o) {
-      const e = ea(l), s = Array(e).fill(0);
+      const e = ta(l), s = Array(e).fill(0);
       for (let a = 0; a < o.length && a < e; a += 1) s[a] = o[a] ?? 0;
       return s;
     }
-    function ya(l) {
+    function xa(l) {
       const o = Math.max(...pe.value.map((e) => Fe(e.series).length));
       return l > o ? o : l < 0 || t.value.chart.zoom.startIndex !== null && l < t.value.chart.zoom.startIndex ? t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex + 1 : 1 : l;
     }
-    const $t = g(!1), xa = g(!1), ka = g(0), _a = g(0);
-    function wa(l, o) {
+    const $t = g(!1), ka = g(!1), _a = g(0), wa = g(0);
+    function Sa(l, o) {
       const e = Number(l), s = Number(o);
       return !Number.isFinite(e) || !Number.isFinite(s) ? !1 : !Object.is(e, s);
     }
@@ -624,9 +624,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         $t.value = !0;
         try {
           const { startIndex: l, endIndex: o } = t.value.chart.zoom, e = Math.max(...pe.value.map((n) => Fe(n.series).length));
-          ka.value = 0, _a.value = e;
-          const s = l ?? 0, a = o != null ? Math.min(ya(o + 1), e) : e;
-          Qt.value = !0, m.value.start = s, m.value.end = a, Me.value.start = s, Me.value.end = a, ut(), xa.value = !0;
+          _a.value = 0, wa.value = e;
+          const s = l ?? 0, a = o != null ? Math.min(xa(o + 1), e) : e;
+          Qt.value = !0, m.value.start = s, m.value.end = a, Me.value.start = s, Me.value.end = a, ut(), ka.value = !0;
         } finally {
           queueMicrotask(() => {
             Qt.value = !1;
@@ -640,15 +640,15 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       const o = Number(l);
       We("zoomStart", {
         index: o,
-        isZoom: wa(o, ka.value)
+        isZoom: Sa(o, _a.value)
       }), Number.isFinite(o) && o !== m.value.start && (m.value.start = o, Me.value.start = o, ut());
     }
     function jo(l) {
       if ($t.value || Qt.value) return;
-      const o = ya(l);
+      const o = xa(l);
       We("zoomEnd", {
         index: o,
-        isZoom: wa(o, _a.value)
+        isZoom: Sa(o, wa.value)
       }), o !== m.value.end && (m.value.end = o, Me.value.end = o, ut());
     }
     async function eu() {
@@ -657,17 +657,17 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
     function xe(l) {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(l);
     }
-    const Sa = b(() => Ae.value.max + wt.value);
+    const $a = b(() => Ae.value.max + wt.value);
     function Ge(l) {
-      return l / (xe(Sa.value) ? Sa.value : 1);
-    }
-    const he = b(() => isNaN(Ge(wt.value)) ? c.value?.bottom : c.value?.bottom - c.value.height * Ge(wt.value));
-    function $a(l) {
-      const o = ![null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) && t.value.chart.grid.labels.yAxis.scaleMin > 0 && Xt.value >= 0 ? c.value?.bottom : he.value;
-      return l.value >= 0 ? O(o - l.y <= 0 ? 1e-5 : o - l.y) : O(l.y - he.value <= 0 ? 1e-5 : l.y - he.value);
+      return l / (xe($a.value) ? $a.value : 1);
     }
+    const me = b(() => isNaN(Ge(wt.value)) ? c.value?.bottom : c.value?.bottom - c.value.height * Ge(wt.value));
     function La(l) {
-      return l.value >= 0 ? O(l.zeroPosition - l.y <= 0 ? 1e-5 : l.zeroPosition - l.y) : O(l.y - l.zeroPosition <= 0 ? 1e-5 : l.zeroPosition - l.y);
+      const o = ![null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) && t.value.chart.grid.labels.yAxis.scaleMin > 0 && Xt.value >= 0 ? c.value?.bottom : me.value;
+      return l.value >= 0 ? N(o - l.y <= 0 ? 1e-5 : o - l.y) : N(l.y - me.value <= 0 ? 1e-5 : l.y - me.value);
+    }
+    function Ma(l) {
+      return l.value >= 0 ? N(l.zeroPosition - l.y <= 0 ? 1e-5 : l.zeroPosition - l.y) : N(l.y - l.zeroPosition <= 0 ? 1e-5 : l.zeroPosition - l.y);
     }
     const J = b(() => {
       const l = Math.max(1, $.value), o = Math.max(1, c.value.width), e = Math.max(1, Ve.value.filter((s) => s.type === "bar" && !G.value.includes(s.id)).length);
@@ -683,22 +683,22 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
     function jt(l) {
       return f.value.useIndividualScale && f.value.isStacked ? l.x + c.value.width / $.value * 0.05 : l.x + J.value.bar / 2;
     }
-    function Ma(l) {
-      return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(he.value) ? c?.bottom.value : he.value;
-    }
     function Aa(l) {
+      return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(me.value) ? c?.bottom.value : me.value;
+    }
+    function Ca(l) {
       return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(l.zeroPosition) ? 0 : l.zeroPosition;
     }
     const it = g(null);
-    function Ca(l) {
+    function Ta(l) {
       const o = ae.value;
       if (!o) return null;
       if (o.createSVGPoint && o.getScreenCTM) {
         const D = o.createSVGPoint();
         D.x = l.clientX, D.y = l.clientY;
-        const N = o.getScreenCTM();
-        if (N) {
-          const p = D.matrixTransform(N.inverse());
+        const F = o.getScreenCTM();
+        if (F) {
+          const p = D.matrixTransform(F.inverse());
           return { x: p.x, y: p.y, ok: !0 };
         }
       }
@@ -709,7 +709,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
     function tu(l) {
       at.value = null, !tt.value && (qe && cancelAnimationFrame(qe), qe = requestAnimationFrame(() => {
         qe = 0;
-        const o = Ca(l);
+        const o = Ta(l);
         if (!o || !ae.value) {
           Lt();
           return;
@@ -720,27 +720,27 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           return;
         }
         const S = o.x - e, M = u / $.value, I = Math.floor(S / M);
-        I >= 0 && I < $.value ? it.value !== I && (it.value = I, Ml(!0, I)) : Lt();
+        I >= 0 && I < $.value ? it.value !== I && (it.value = I, Al(!0, I)) : Lt();
       }));
     }
     function Lt() {
-      qe && (cancelAnimationFrame(qe), qe = 0), it.value = null, Ml(!1, null);
+      qe && (cancelAnimationFrame(qe), qe = 0), it.value = null, Al(!1, null);
     }
-    function Ta(l) {
-      const o = Ca(l);
+    function za(l) {
+      const o = Ta(l);
       if (o && ae.value) {
         const { left: e, right: s, top: a, bottom: n, width: u } = c.value;
         if (o.x >= e && o.x <= s && o.y >= a && o.y <= n) {
           const S = u / Math.max(1, $.value), M = Math.floor((o.x - e) / S);
           if (M >= 0 && M < $.value) {
-            za(M);
+            Ia(M);
             return;
           }
         }
       }
-      it.value != null && za(it.value);
+      it.value != null && Ia(it.value);
     }
-    function za(l) {
+    function Ia(l) {
       const o = ye.value.map((e) => ({
         name: e.name,
         value: [null, void 0, NaN].includes(e.absoluteValues[l]) ? null : e.absoluteValues[l],
@@ -798,24 +798,24 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         type: o.type
       }))), gl.value += 1;
     }
-    function Ia(l) {
+    function Pa(l) {
       if (!ie.value.length)
         return t.value.debug && console.warn("VueUiXy - There are no series to show."), null;
       const o = ie.value.find((e) => e.name === l);
       return o || (t.value.debug && console.warn(`VueUiXy - Series name not found "${l}"`), null);
     }
     function su(l) {
-      const o = Ia(l);
+      const o = Pa(l);
       o !== null && G.value.includes(o.id) && Mt({ id: o.id });
     }
     function nu(l) {
-      const o = Ia(l);
+      const o = Pa(l);
       o !== null && (G.value.includes(o.id) || Mt({ id: o.id }));
     }
     const iu = b(() => {
       const l = t.value.chart.title.text || "Chart visualization", o = t.value.chart.title.subtitle.text || "";
       return `${l}. ${o}`;
-    }), Pa = b(() => ({
+    }), Oa = b(() => ({
       linePlot: $.value > t.value.line.dot.hideAboveMaxSerieLength
     })), ru = b(() => t.value.chart.userOptions.show && (!t.value.chart.title.show || !t.value.chart.title.text)), cu = b(() => {
       if (Array.isArray(t.value.chart.highlightArea))
@@ -831,11 +831,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         to: Math.min(t.value.chart.highlightArea.to, ze.value - 1)
       };
       return [{ ...l, span: l.from === l.to ? 1 : l.to < l.from ? 0 : l.to - l.from + 1 }];
-    }), Oa = b(() => Hl.value ? pe.value.map((l, o) => ({
+    }), Na = b(() => Dl.value ? pe.value.map((l, o) => ({
       ...l,
       series: Fe(l.series),
       id: `uniqueId_${o}`,
-      color: Nl(l.color ? l.color : Yt.value[o] ? Yt.value[o] : Fl[o])
+      color: Fl(l.color ? l.color : Yt.value[o] ? Yt.value[o] : Vl[o])
     })) : pe.value), vu = b(() => ye.value.map((l) => {
       const o = l.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
       return {
@@ -853,7 +853,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       fontFamily: t.value.chart.fontFamily,
       prefix: t.value.chart.labels.prefix,
       suffix: t.value.chart.labels.suffix,
-      colNames: se.value.map((l, o) => t.value.table.useDefaultTimeFormat ? l.text : rt.value(o + m.value.start, t.value.table.timeFormat)),
+      colNames: oe.value.map((l, o) => t.value.table.useDefaultTimeFormat ? l.text : rt.value(o + m.value.start, t.value.table.timeFormat)),
       thead: {
         backgroundColor: t.value.table.th.backgroundColor,
         color: t.value.table.th.color,
@@ -886,7 +886,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         o[e] = {
           min: Math.min(...a) || 0,
           max: Math.max(...a) || 1,
-          groupId: `scale_group_${Pl()}`
+          groupId: `scale_group_${Ol()}`
         };
       }
       return o;
@@ -895,17 +895,17 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       return c.value.width / $.value / l - el.value * l;
     }), el = b(() => J.value.line * t.value.bar.periodGap), tl = b(() => Math.max(1e-5, Be() - (f.value.useIndividualScale && f.value.isStacked ? 0 : el.value))), ll = b(() => tl.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), mu = b(() => {
       if (!t.value.chart.zoom.minimap.show) return [];
-      const l = Oa.value.filter((a) => !G.value.includes(a.id)), o = Math.max(...l.map((a) => a.series.length)), e = [];
+      const l = Na.value.filter((a) => !G.value.includes(a.id)), o = Math.max(...l.map((a) => a.series.length)), e = [];
       for (let a = 0; a < o; a += 1)
         e.push(l.map((n) => n.series[a] || 0).reduce((n, u) => (n || 0) + (u || 0), 0));
       const s = Math.min(...e);
       return e.map((a) => a + (s < 0 ? Math.abs(s) : 0));
-    }), gu = b(() => t.value.chart.zoom.minimap.show ? Oa.value.map((o) => ({
+    }), gu = b(() => t.value.chart.zoom.minimap.show ? Na.value.map((o) => ({
       ...o,
       isVisible: !G.value.includes(o.id)
     })) : []), Ze = b(() => ye.value.map((l) => ({
       slotAbsoluteIndex: l.slotAbsoluteIndex,
-      shape: l.shape || null,
+      shape: l.shape || l.type === "bar" ? "square" : "circle",
       name: l.name,
       color: l.color,
       type: l.type,
@@ -913,32 +913,32 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       comments: l.comments || [],
       prefix: l.prefix || t.value.chart.labels.prefix,
       suffix: l.suffix || t.value.chart.labels.suffix
-    }))), Na = b(() => Ae.value.ticks.map((l) => ({
-      y: l >= 0 ? he.value - c.value.height * Ge(l) : he.value + c.value.height * Ge(Math.abs(l)),
+    }))), Fa = b(() => Ae.value.ticks.map((l) => ({
+      y: l >= 0 ? me.value - c.value.height * Ge(l) : me.value + c.value.height * Ge(Math.abs(l)),
       value: l,
       prefix: t.value.chart.labels.prefix,
       suffix: t.value.chart.labels.suffix
-    }))), Fa = b(() => {
+    }))), Va = b(() => {
       const l = t.value.chart.annotations;
       if (!l || !Array.isArray(l) || l.every((V) => !V.show)) return [];
       const o = l.filter(
         (V) => V.show && (V.yAxis.yTop != null || V.yAxis.yBottom != null)
       );
       if (!o.length) return [];
-      const { left: e, right: s } = c.value, a = he.value, n = c.value.height, u = Ae.value.min, M = Ae.value.max - u, I = (V) => {
+      const { left: e, right: s } = c.value, a = me.value, n = c.value.height, u = Ae.value.min, M = Ae.value.max - u, I = (V) => {
         const D = (V - 0) / M;
         return a - D * n;
       };
       return o.map((V) => {
-        const { yAxis: { yTop: D, yBottom: N, label: p } } = V, te = D != null && N != null && D !== N, B = D == null ? null : I(D), Q = N == null ? null : I(N), Y = qo(p.fontSize);
-        Y.font = `${p.fontSize}px sans-serif`;
-        const H = Y.measureText(p.text).width, U = p.fontSize, j = (p.position === "start" ? e + p.padding?.left : s - p.padding?.right) + p.offsetX, we = (B != null && Q != null ? Math.min(B, Q) : B ?? Q) - p.fontSize / 3 + p.offsetY - p.padding?.top;
+        const { yAxis: { yTop: D, yBottom: F, label: p } } = V, te = D != null && F != null && D !== F, B = D == null ? null : I(D), Q = F == null ? null : I(F), X = qo(p.fontSize);
+        X.font = `${p.fontSize}px sans-serif`;
+        const H = X.measureText(p.text).width, U = p.fontSize, j = (p.position === "start" ? e + p.padding?.left : s - p.padding?.right) + p.offsetX, we = (B != null && Q != null ? Math.min(B, Q) : B ?? Q) - p.fontSize / 3 + p.offsetY - p.padding?.top;
         let Z;
         p.textAnchor === "middle" ? Z = j - H / 2 - p.padding?.left : p.textAnchor === "end" ? Z = j - H - p.padding?.right : Z = j - p.padding?.left;
-        const me = we - U * 0.75 - p.padding?.top;
+        const be = we - U * 0.75 - p.padding?.top;
         return {
-          show: ![B, Q, me].includes(NaN),
-          id: `annotation_y_${Pl()}`,
+          show: ![B, Q, be].includes(NaN),
+          id: `annotation_y_${Ol()}`,
           hasArea: te,
           areaHeight: te ? Math.abs(B - Q) : 0,
           yTop: B,
@@ -949,7 +949,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           _text: { x: j, y: we },
           _box: {
             x: Z,
-            y: me,
+            y: be,
             width: H + p.padding?.left + p.padding?.right,
             height: U + p.padding?.top + p.padding?.bottom,
             fill: p.backgroundColor,
@@ -961,7 +961,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         };
       });
     });
-    function Va(l, o) {
+    function Ba(l, o) {
       const e = l[o - 1], s = l[o + 1];
       let a = !!e && !!s && e.value == null && s.value == null || !e && !!s && s.value == null || !!e && !s && e.value == null;
       return xe(l[o].value) && a && t.value.line.cutNullValues;
@@ -976,26 +976,26 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       individualExtremes: u,
       forceExactScale: S = !1
     }) {
-      const M = l.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, V = S || !t.value.chart.grid.labels.yAxis.useNiceScale ? so : uo, D = u.max === u.min ? u.max * I : u.max, N = n === a ? n * I : n, p = V(
+      const M = l.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, V = S || !t.value.chart.grid.labels.yAxis.useNiceScale ? so : uo, D = u.max === u.min ? u.max * I : u.max, F = n === a ? n * I : n, p = V(
         u.min,
         D,
         M
       ), te = V(
         a,
-        N,
+        F,
         M
-      ), B = p.min >= 0 ? 0 : Math.abs(p.min), Q = 0, Y = p.max + Math.abs(B), H = te.max + Math.abs(Q), U = l.stackIndex, j = o - 1 - U, K = f.value.isStacked ? 1 - l.cumulatedStackRatio : 0, we = f.value.isStacked ? s * K + e * j : 0, Z = f.value.isStacked ? s * l.stackRatio : c.value.height, me = c.value?.bottom - we - Z * B / Y, E = c.value?.bottom - we - Z * Q / H;
+      ), B = p.min >= 0 ? 0 : Math.abs(p.min), Q = 0, X = p.max + Math.abs(B), H = te.max + Math.abs(Q), U = l.stackIndex, j = o - 1 - U, K = f.value.isStacked ? 1 - l.cumulatedStackRatio : 0, we = f.value.isStacked ? s * K + e * j : 0, Z = f.value.isStacked ? s * l.stackRatio : c.value.height, be = c.value?.bottom - we - Z * B / X, E = c.value?.bottom - we - Z * Q / H;
       return {
         scaleSteps: M,
         individualScale: p,
         autoScaleSteps: te,
         individualZero: B,
         autoScaleZero: Q,
-        individualMax: Y,
+        individualMax: X,
         autoScaleMax: H,
         yOffset: we,
         individualHeight: Z,
-        zeroPosition: me,
+        zeroPosition: be,
         autoScaleZeroPosition: E
       };
     }
@@ -1012,12 +1012,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           max: u.scaleMax || Math.max(...u.absoluteValues) || 1,
           min: u.scaleMin || Math.min(...u.absoluteValues.filter((R) => ![void 0, null].includes(R))) > 0 ? 0 : Math.min(...u.absoluteValues.filter((R) => ![null, void 0].includes(R)))
         }, {
-          individualScale: N,
+          individualScale: F,
           autoScaleSteps: p,
           individualZero: te,
           individualMax: B,
           autoScaleMax: Q,
-          yOffset: Y,
+          yOffset: X,
           individualHeight: H,
           zeroPosition: U,
           autoScaleZeroPosition: j
@@ -1032,28 +1032,28 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         }), K = ie.value.filter((R) => R.type === "bar").filter((R) => !G.value.includes(R.id)).length, we = u.series.map((R, re) => {
           const Tt = f.value.useIndividualScale ? (u.absoluteValues[re] + te) / B : Ge(R), Ke = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / $.value * re : c.value?.left + J.value.bar * S + J.value.bar * re * K - fu.value / 2 - S * el.value;
           return {
-            yOffset: O(Y),
-            individualHeight: O(H),
-            x: O(Ke),
-            y: c.value?.bottom - Y - H * Tt,
+            yOffset: N(X),
+            individualHeight: N(H),
+            x: N(Ke),
+            y: c.value?.bottom - X - H * Tt,
             value: u.absoluteValues[re],
-            zeroPosition: O(U),
-            individualMax: O(B),
+            zeroPosition: N(U),
+            individualMax: N(B),
             comment: u.comments && u.comments.slice(m.value.start, m.value.end)[re] || ""
           };
-        }), Z = u.absoluteValues.map((R) => p.min >= 0 ? (R - Math.abs(p.min)) / (p.max - Math.abs(p.min)) : (R + Math.abs(p.min)) / (p.max + Math.abs(p.min))), me = u.series.map((R, re) => {
+        }), Z = u.absoluteValues.map((R) => p.min >= 0 ? (R - Math.abs(p.min)) / (p.max - Math.abs(p.min)) : (R + Math.abs(p.min)) / (p.max + Math.abs(p.min))), be = u.series.map((R, re) => {
           const Tt = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / $.value * re : c.value?.left - J.value.bar / 2 + J.value.bar * S + J.value.bar * re * ie.value.filter((Ke) => Ke.type === "bar").filter((Ke) => !G.value.includes(Ke.id)).length;
           return {
-            yOffset: O(Y),
-            individualHeight: O(H),
-            x: O(Tt),
-            y: O(c.value?.bottom - O(Y) - (O(H) * Z[re] || 0)),
+            yOffset: N(X),
+            individualHeight: N(H),
+            x: N(Tt),
+            y: N(c.value?.bottom - N(X) - (N(H) * Z[re] || 0)),
             value: u.absoluteValues[re],
-            zeroPosition: O(U),
-            individualMax: O(B),
+            zeroPosition: N(U),
+            individualMax: N(B),
             comment: u.comments && u.comments.slice(m.value.start, m.value.end)[re] || ""
           };
-        }), E = N.ticks.map((R) => ({
+        }), E = F.ticks.map((R) => ({
           y: R >= 0 ? U - H * (R / B) : U + H * Math.abs(R) / B,
           value: R,
           prefix: u.prefix || t.value.chart.labels.prefix,
@@ -1069,20 +1069,20 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             datapoint: u
           };
         });
-        return L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? le : E, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? j : U, L.value[u.scaleLabel].individualMax = u.autoScaling ? Q : B, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = Y, L.value[u.scaleLabel].individualHeight = H, L.value[u.scaleLabel].autoScaleYLabels = le, L.value[u.scaleLabel].unique = Ue.value.filter((R) => R.scaleLabel === u.scaleLabel).length === 1, {
+        return L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? le : E, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? j : U, L.value[u.scaleLabel].individualMax = u.autoScaling ? Q : B, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = X, L.value[u.scaleLabel].individualHeight = H, L.value[u.scaleLabel].autoScaleYLabels = le, L.value[u.scaleLabel].unique = Ue.value.filter((R) => R.scaleLabel === u.scaleLabel).length === 1, {
           ...u,
-          yOffset: Y,
+          yOffset: X,
           autoScaleYLabels: le,
           individualHeight: H,
           scaleYLabels: u.autoScaling ? le : E,
-          individualScale: u.autoScaling ? p : N,
+          individualScale: u.autoScaling ? p : F,
           individualMax: u.autoScaling ? Q : B,
           zeroPosition: u.autoScaling ? j : U,
-          plots: u.autoScaling ? me : we,
+          plots: u.autoScaling ? be : we,
           groupId: L.value[u.scaleLabel].groupId
         };
       });
-    }), oe = b(() => {
+    }), ue = b(() => {
       const l = Ue.value.filter((u) => ["bar", "line", "plot"].includes(u.type)), o = l.length, e = t.value.chart.grid.labels.yAxis.gap, a = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - a;
       return l.filter((u) => u.type === "line").map((u, S) => {
         Sl(u);
@@ -1095,12 +1095,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           max: u.scaleMax || Math.max(...u.absoluteValues) || 1,
           min: u.scaleMin || (Math.min(...u.absoluteValues) > 0 ? 0 : Math.min(...u.absoluteValues))
         }, {
-          individualScale: N,
+          individualScale: F,
           autoScaleSteps: p,
           individualZero: te,
           individualMax: B,
           autoScaleMax: Q,
-          yOffset: Y,
+          yOffset: X,
           individualHeight: H,
           zeroPosition: U,
           autoScaleZeroPosition: j
@@ -1115,22 +1115,22 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         }), K = u.series.map((A, ce) => {
           const Ou = f.value.useIndividualScale ? (u.absoluteValues[ce] + Math.abs(te)) / B : Ge(A);
           return {
-            x: O(c.value?.left + J.value.line / 2 + J.value.line * ce),
-            y: O(c.value?.bottom - Y - H * Ou),
+            x: N(c.value?.left + J.value.line / 2 + J.value.line * ce),
+            y: N(c.value?.bottom - X - H * Ou),
             value: u.absoluteValues[ce],
             comment: u.comments && u.comments.slice(m.value.start, m.value.end)[ce] || ""
           };
         }), we = u.absoluteValues.map((A) => p.min >= 0 ? (A - Math.abs(p.min)) / (p.max - Math.abs(p.min)) : (A + Math.abs(p.min)) / (p.max + Math.abs(p.min))), Z = u.series.map((A, ce) => [void 0, null].includes(u.absoluteValues[ce]) ? {
-          x: O(c.value?.left + J.value.line / 2 + J.value.line * ce),
+          x: N(c.value?.left + J.value.line / 2 + J.value.line * ce),
           y: U,
           value: u.absoluteValues[ce],
           comment: u.comments && u.comments.slice(m.value.start, m.value.end)[ce] || ""
         } : {
-          x: O(c.value?.left + J.value.line / 2 + J.value.line * ce),
-          y: O(c.value?.bottom - Y - (H * we[ce] || 0)),
+          x: N(c.value?.left + J.value.line / 2 + J.value.line * ce),
+          y: N(c.value?.bottom - X - (H * we[ce] || 0)),
           value: u.absoluteValues[ce],
           comment: u.comments && u.comments.slice(m.value.start, m.value.end)[ce] || ""
-        }), me = u.dashIndices && Array.isArray(u.dashIndices) && u?.dashIndices?.length > 0, E = t.value.line.cutNullValues ? no(K) : io(K.filter((A) => A.value !== null)), le = t.value.line.cutNullValues ? no(Z) : io(Z.filter((A) => A.value !== null)), R = t.value.line.cutNullValues ? ro(K) : co(K.filter((A) => A.value !== null)), re = t.value.line.cutNullValues ? ro(Z) : co(Z.filter((A) => A.value !== null)), Tt = me ? Gu(t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null), u.dashIndices.map((A) => A - m.value.start)) : [], Ke = me ? qu(t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null), u.dashIndices.map((A) => A - m.value.start)) : [], ol = N.ticks.map((A) => ({
+        }), be = u.dashIndices && Array.isArray(u.dashIndices) && u?.dashIndices?.length > 0, E = t.value.line.cutNullValues ? no(K) : io(K.filter((A) => A.value !== null)), le = t.value.line.cutNullValues ? no(Z) : io(Z.filter((A) => A.value !== null)), R = t.value.line.cutNullValues ? ro(K) : co(K.filter((A) => A.value !== null)), re = t.value.line.cutNullValues ? ro(Z) : co(Z.filter((A) => A.value !== null)), Tt = be ? Gu(t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null), u.dashIndices.map((A) => A - m.value.start)) : [], Ke = be ? qu(t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null), u.dashIndices.map((A) => A - m.value.start)) : [], ol = F.ticks.map((A) => ({
           y: A >= 0 ? U - H * (A / B) : U + H * Math.abs(A) / B,
           value: A,
           prefix: u.prefix || t.value.chart.labels.prefix,
@@ -1146,7 +1146,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             datapoint: u
           };
         });
-        L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? ul : ol, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? j : U, L.value[u.scaleLabel].individualMax = u.autoScaling ? Q : B, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = Y, L.value[u.scaleLabel].individualHeight = H, L.value[u.scaleLabel].autoScaleYLabels = ul, L.value[u.scaleLabel].unique = Ue.value.filter((A) => A.scaleLabel === u.scaleLabel).length === 1;
+        L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? ul : ol, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? j : U, L.value[u.scaleLabel].individualMax = u.autoScaling ? Q : B, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = X, L.value[u.scaleLabel].individualHeight = H, L.value[u.scaleLabel].autoScaleYLabels = ul, L.value[u.scaleLabel].unique = Ue.value.filter((A) => A.scaleLabel === u.scaleLabel).length === 1;
         const Pu = f.value.useIndividualScale ? u.autoScaling ? j : U : Do.value, zt = Math.max(
           Math.max(
             u.autoScaling ? j : ol.at(-1) ? ol.at(-1).y : 0,
@@ -1156,19 +1156,19 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         );
         return {
           ...u,
-          temperatureColors: u.temperatureColors ? u.temperatureColors.map((A) => Nl(A)) : null,
-          yOffset: Y,
+          temperatureColors: u.temperatureColors ? u.temperatureColors.map((A) => Fl(A)) : null,
+          yOffset: X,
           autoScaleYLabels: ul,
           individualHeight: H,
           scaleYLabels: u.autoScaling ? ul : ol,
-          individualScale: u.autoScaling ? p : N,
+          individualScale: u.autoScaling ? p : F,
           individualMax: u.autoScaling ? Q : B,
           zeroPosition: u.autoScaling ? j : U,
           curve: u.autoScaling ? le : E,
           plots: u.autoScaling ? Z : K,
           dashedStraight: Tt,
           dashedSmooth: Ke,
-          hasDashedSegments: me,
+          hasDashedSegments: be,
           area: u.useArea ? f.value.useIndividualScale ? t.value.line.cutNullValues ? vo(
             u.autoScaling ? Z : K,
             zt
@@ -1185,7 +1185,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           groupId: L.value[u.scaleLabel].groupId
         };
       });
-    }), fe = b(() => {
+    }), ge = b(() => {
       const l = Ue.value.filter((u) => ["bar", "line", "plot"].includes(u.type)), o = l.length, e = t.value.chart.grid.labels.yAxis.gap, a = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - a;
       return l.filter((u) => u.type === "plot").map((u) => {
         Sl(u);
@@ -1199,12 +1199,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           min: u.scaleMin || Math.min(...u.absoluteValues) > 0 ? 0 : Math.min(...u.absoluteValues)
         }, {
           individualScale: D,
-          autoScaleSteps: N,
+          autoScaleSteps: F,
           individualZero: p,
           individualMax: te,
           autoScaleMax: B,
           yOffset: Q,
-          individualHeight: Y,
+          individualHeight: X,
           zeroPosition: H,
           autoScaleZeroPosition: U
         } = $l({
@@ -1219,39 +1219,39 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         }), j = u.series.map((E, le) => {
           const R = f.value.useIndividualScale ? (u.absoluteValues[le] + Math.abs(p)) / te : Ge(E);
           return {
-            x: O(c.value?.left + J.value.plot / 2 + J.value.plot * le),
-            y: O(c.value?.bottom - Q - Y * R),
+            x: N(c.value?.left + J.value.plot / 2 + J.value.plot * le),
+            y: N(c.value?.bottom - Q - X * R),
             value: u.absoluteValues[le],
             comment: u.comments && u.comments.slice(m.value.start, m.value.end)[le] || ""
           };
-        }), K = u.absoluteValues.map((E) => N.min >= 0 ? (E - Math.abs(N.min)) / (N.max - Math.abs(N.min)) : (E + Math.abs(N.min)) / (N.max + Math.abs(N.min))), we = u.series.map((E, le) => ({
-          x: O(c.value?.left + J.value.plot / 2 + J.value.plot * le),
-          y: O(c.value?.bottom - Q - (Y * K[le] || 0)),
+        }), K = u.absoluteValues.map((E) => F.min >= 0 ? (E - Math.abs(F.min)) / (F.max - Math.abs(F.min)) : (E + Math.abs(F.min)) / (F.max + Math.abs(F.min))), we = u.series.map((E, le) => ({
+          x: N(c.value?.left + J.value.plot / 2 + J.value.plot * le),
+          y: N(c.value?.bottom - Q - (X * K[le] || 0)),
           value: u.absoluteValues[le],
           comment: u.comments && u.comments.slice(m.value.start, m.value.end)[le] || ""
         })), Z = D.ticks.map((E) => ({
-          y: E >= 0 ? H - Y * (E / te) : H + Y * Math.abs(E) / te,
+          y: E >= 0 ? H - X * (E / te) : H + X * Math.abs(E) / te,
           value: E,
           prefix: u.prefix || t.value.chart.labels.prefix,
           suffix: u.suffix || t.value.chart.labels.suffix,
           datapoint: u
-        })), me = N.ticks.map((E) => {
-          const le = (E - N.min) / (N.max - N.min);
+        })), be = F.ticks.map((E) => {
+          const le = (E - F.min) / (F.max - F.min);
           return {
-            y: E >= 0 ? U - Y * le : U + Y * le,
+            y: E >= 0 ? U - X * le : U + X * le,
             value: E,
             prefix: u.prefix || t.value.chart.labels.prefix,
             suffix: u.suffix || t.value.chart.labels.suffix,
             datapoint: u
           };
         });
-        return L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? me : Z, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? U : H, L.value[u.scaleLabel].individualMax = u.autoScaling ? B : te, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = Q, L.value[u.scaleLabel].individualHeight = Y, L.value[u.scaleLabel].autoScaleYLabels = me, L.value[u.scaleLabel].unique = Ue.value.filter((E) => E.scaleLabel === u.scaleLabel).length === 1, {
+        return L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? be : Z, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? U : H, L.value[u.scaleLabel].individualMax = u.autoScaling ? B : te, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = Q, L.value[u.scaleLabel].individualHeight = X, L.value[u.scaleLabel].autoScaleYLabels = be, L.value[u.scaleLabel].unique = Ue.value.filter((E) => E.scaleLabel === u.scaleLabel).length === 1, {
           ...u,
           yOffset: Q,
-          autoScaleYLabels: me,
-          individualHeight: Y,
-          scaleYLabels: u.autoScaling ? me : Z,
-          individualScale: u.autoScaling ? N : D,
+          autoScaleYLabels: be,
+          individualHeight: X,
+          scaleYLabels: u.autoScaling ? be : Z,
+          individualScale: u.autoScaling ? F : D,
           individualMax: u.autoScaling ? B : te,
           zeroPosition: u.autoScaling ? U : H,
           plots: u.autoScaling ? we : j,
@@ -1259,7 +1259,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         };
       });
     }), At = b(() => {
-      const l = oe.value.map((n) => ({
+      const l = ue.value.map((n) => ({
         name: n.name,
         color: n.color,
         scale: n.individualScale,
@@ -1282,7 +1282,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         id: n.id,
         yOffset: n.yOffset || 0,
         individualHeight: n.individualHeight || c.value.height
-      })), e = fe.value.map((n) => ({
+      })), e = ge.value.map((n) => ({
         name: n.name,
         color: n.color,
         scale: n.individualScale,
@@ -1304,7 +1304,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           id: n.id,
           groupId: n.groupId,
           scaleLabel: n.scaleLabel,
-          name: ve(
+          name: he(
             t.value.chart.grid.labels.yAxis.serieNameFormatter,
             M,
             M,
@@ -1321,14 +1321,14 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           }))
         };
       });
-    }), Ba = b(() => {
+    }), Ra = b(() => {
       const l = t.value.line.interLine || {}, o = l.pairs || [], e = l.colors || [];
       if (!o.length) return [];
       const s = [];
       return o.forEach((a, n) => {
         const [u, S] = Array.isArray(a) ? a : [a.a, a.b];
         if (!u || !S) return;
-        const M = oe.value.find((p) => p.name === u), I = oe.value.find((p) => p.name === S);
+        const M = ue.value.find((p) => p.name === u), I = ue.value.find((p) => p.name === S);
         if (!M || !I || M.type !== "line" || I.type !== "line") return;
         const V = e?.[n]?.[0] ?? M.color, D = e?.[n]?.[1] ?? I.color;
         Zu({
@@ -1344,13 +1344,14 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           s.push({ ...p, key: `inter_${u}_${S}_${n}_${te}` });
         });
       }), s;
-    }), Ra = b(() => ({
+    }), Ll = b(() => ({
+      timeLabel: oe.value[_.value],
       datapoint: Ze.value,
       seriesIndex: _.value,
       series: ie.value,
       bars: ke.value,
-      lines: oe.value,
-      plots: fe.value,
+      lines: ue.value,
+      plots: ge.value,
       config: t.value
     })), Ha = g({ months: [], shortMonths: [], days: [], shortDays: [] });
     let Da = 0;
@@ -1376,15 +1377,15 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       absoluteIndex: e
     }))), bu = b(() => {
       let l = "", o = Ze.value.map((a) => a.value).filter((a) => nl(a) && a !== null).reduce((a, n) => Math.abs(a) + Math.abs(n), 0);
-      const e = se.value[_.value], s = t.value.chart.tooltip.customFormat;
+      const e = oe.value[_.value], s = t.value.chart.tooltip.customFormat;
       if (fo(s) && Ku(() => s({
         absoluteIndex: _.value + m.value.start,
         seriesIndex: _.value,
         datapoint: Ze.value,
         series: ie.value,
         bars: ke.value,
-        lines: oe.value,
-        plots: fe.value,
+        lines: ue.value,
+        plots: ge.value,
         config: t.value,
         dateLabel: e
       })))
@@ -1394,8 +1395,8 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           datapoint: Ze.value,
           series: ie.value,
           bars: ke.value,
-          lines: oe.value,
-          plots: fe.value,
+          lines: ue.value,
+          plots: ge.value,
           config: t.value,
           dateLabel: e
         });
@@ -1408,7 +1409,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           let n = "", u = "";
           switch (pt.value[a.type]) {
             case "bar":
-              n = `<svg viewBox="0 0 40 40" height="14" width="14">${Rl.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${a.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${Rl.pattern ? `url(#pattern_${z.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
+              n = `<svg viewBox="0 0 40 40" height="14" width="14">${Hl.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${a.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${Hl.pattern ? `url(#pattern_${z.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
               break;
             case "line":
               !a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape) ? u = `<circle cx="10" cy="8" r="4" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" />` : a.shape === "triangle" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "square" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "diamond" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "pentagon" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "hexagon" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "star" && (u = `<polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" points="${mo({ 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="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${a.color}" />${u}</svg>`;
@@ -1443,7 +1444,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 break;
               }
           }
-          l += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${n}</div> ${a.name}: <b>${t.value.chart.tooltip.showValue ? ve(
+          l += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${n}</div> ${a.name}: <b>${t.value.chart.tooltip.showValue ? he(
             a.type === "line" ? t.value.line.labels.formatter : a.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
             a.value,
             Pe({
@@ -1454,7 +1455,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             }),
             { datapoint: a }
           ) : ""}</b> ${t.value.chart.tooltip.showPercentage ? `(${Pe({
-            v: O(Math.abs(a.value) / o * 100),
+            v: N(Math.abs(a.value) / o * 100),
             s: "%",
             r: t.value.chart.tooltip.roundingPercentage
           })})` : ""}</div>`, t.value.chart.comments.showInTooltip && a.comments.length && a.comments.slice(m.value.start, m.value.end)[_.value] && (l += `<div class="vue-data-ui-tooltip-comment" style="background:${a.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${a.color}">${a.comments.slice(m.value.start, m.value.end)[_.value]}</div>`);
@@ -1467,7 +1468,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         color: e.color,
         type: e.type
       })), o = [];
-      return se.value.forEach((e, s) => {
+      return oe.value.forEach((e, s) => {
         const a = t.value.table.useDefaultTimeFormat ? [e.text] : [rt.value(s + m.value.start, t.value.table.timeFormat)];
         ye.value.forEach((n) => {
           a.push(xe(n.absoluteValues[s]) ? Number(n.absoluteValues[s].toFixed(t.value.table.rounding)) : "");
@@ -1482,9 +1483,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         const u = ye.value.map((S) => S.absoluteValues[n] ?? 0).reduce((S, M) => S + M, 0);
         e.push(
           [
-            t.value.table.useDefaultTimeFormat ? se.value[n]?.text ?? "-" : rt.value(n + m.value.start, t.value.table.timeFormat)
+            t.value.table.useDefaultTimeFormat ? oe.value[n]?.text ?? "-" : rt.value(n + m.value.start, t.value.table.timeFormat)
           ].concat(ye.value.map(
-            (S) => ve(
+            (S) => he(
               S.type === "line" ? t.value.line.labels.formatter : S.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
               S.absoluteValues[n] ?? 0,
               Pe({
@@ -1512,13 +1513,13 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       }, a = [t.value.table.columnNames.period].concat(ye.value.map((n) => n.name)).concat(t.value.table.columnNames.total);
       return { head: o, body: e, config: s, colNames: a };
     });
-    function Ll(l = null) {
+    function Ml(l = null) {
       const o = [[t.value.chart.title.text], [t.value.chart.title.subtitle.text], [""]], e = ["", ...Ea.value.head.map((u) => u.label)], s = Ea.value.body, a = o.concat([e]).concat(s), n = ts(a);
       l ? l(n) : ls({ csvContent: n, title: t.value.chart.title.text || "vue-ui-xy" });
     }
-    function Ml(l, o = null) {
+    function Al(l, o = null) {
       if (Wo.value) return;
-      Dl.value = l;
+      Wl.value = l;
       const e = ye.value.map((s) => ({
         name: s.name,
         value: [null, void 0, NaN].includes(s.absoluteValues[o]) ? null : s.absoluteValues[o],
@@ -1537,7 +1538,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       f.value.showTooltip = !f.value.showTooltip;
     }
     function qa(l) {
-      Ee.value = l, Wl.value += 1;
+      Ee.value = l, El.value += 1;
     }
     function Ua() {
       if (!t.value.responsiveProportionalSizing) {
@@ -1545,7 +1546,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         return;
       }
       x.value.dataLabels = ht({
-        relator: de.value,
+        relator: fe.value,
         adjuster: 400,
         source: t.value.chart.grid.labels.fontSize,
         threshold: 10,
@@ -1582,13 +1583,13 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         fallback: 1
       });
     }
-    function Al() {
-      go(T.dataset) ? (Ol({
+    function Cl() {
+      go(T.dataset) ? (Nl({
         componentName: "VueUiXy",
         type: "dataset",
         debug: kt.value
       }), Wt.value = !0) : T.dataset.forEach((o, e) => {
-        [null, void 0].includes(o.name) && (Ol({
+        [null, void 0].includes(o.name) && (Nl({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "name (string)",
@@ -1601,7 +1602,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
 -----> The serie '${o.name}' contains the value '${e}' at index ${s}.
 '${e}' was converted to null to allow the chart to display.`);
         });
-      }), go(T.dataset) || (Wt.value = t.value.loading), Xl.value = t.value.chart.userOptions.showOnChartHover, bl.value = t.value.chart.userOptions.keepStateOnChartLeave, Bt.value = !t.value.chart.userOptions.showOnChartHover, kl();
+      }), go(T.dataset) || (Wt.value = t.value.loading), Gl.value = t.value.chart.userOptions.showOnChartHover, bl.value = t.value.chart.userOptions.keepStateOnChartLeave, Bt.value = !t.value.chart.userOptions.showOnChartHover, kl();
       const l = 12;
       if (t.value.responsive) {
         const e = $e.value.parentNode;
@@ -1615,17 +1616,17 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         t.value.chart.legend.show && et.value && (I = et.value, V = I.getBoundingClientRect().height);
         let D = 0;
         gt.value && (D = gt.value.getBoundingClientRect().height);
-        let N = 0;
-        bt.value && (N = bt.value.getBoundingClientRect().height), de.value = s - u - V - M - D - N - l, ee.value = a, Vt.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${de.value < 0 ? 10 : de.value}`, Ua();
+        let F = 0;
+        bt.value && (F = bt.value.getBoundingClientRect().height), fe.value = s - u - V - M - D - F - l, ee.value = a, Vt.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${fe.value < 0 ? 10 : fe.value}`, Ua();
         const p = new ResizeObserver((te) => {
           for (const B of te)
-            t.value.chart.title.show && mt.value ? u = mt.value.getBoundingClientRect().height : u = 0, Te.value && Te.value.$el ? M = Te.value.$el.getBoundingClientRect().height : M = 0, et.value ? V = et.value.getBoundingClientRect().height : V = 0, gt.value ? D = gt.value.getBoundingClientRect().height : D = 0, bt.value ? N = bt.value.getBoundingClientRect().height : N = 0, requestAnimationFrame(() => {
-              de.value = B.contentRect.height - u - V - M - D - N - l, ee.value = B.contentBoxSize[0].inlineSize ?? B.contentRect.width, Vt.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${de.value < 0 ? 10 : de.value}`, Ua(), xt(), ot();
+            t.value.chart.title.show && mt.value ? u = mt.value.getBoundingClientRect().height : u = 0, Te.value && Te.value.$el ? M = Te.value.$el.getBoundingClientRect().height : M = 0, et.value ? V = et.value.getBoundingClientRect().height : V = 0, gt.value ? D = gt.value.getBoundingClientRect().height : D = 0, bt.value ? F = bt.value.getBoundingClientRect().height : F = 0, requestAnimationFrame(() => {
+              fe.value = B.contentRect.height - u - V - M - D - F - l, ee.value = B.contentBoxSize[0].inlineSize ?? B.contentRect.width, Vt.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${fe.value < 0 ? 10 : fe.value}`, Ua(), xt(), ot();
             });
         });
         Ne.value = p, ml.value = e, p.observe(e);
       } else
-        de.value = t.value.chart.height, ee.value = t.value.chart.width, x.value.dataLabels = t.value.chart.grid.labels.fontSize, x.value.yAxis = t.value.chart.grid.labels.axis.fontSize, x.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, x.value.plotLabels = t.value.chart.labels.fontSize, Le.value.plot = t.value.plot.radius, Le.value.line = t.value.line.radius, Vt.value = `0 0 ${ee.value} ${de.value}`;
+        fe.value = t.value.chart.height, ee.value = t.value.chart.width, x.value.dataLabels = t.value.chart.grid.labels.fontSize, x.value.yAxis = t.value.chart.grid.labels.axis.fontSize, x.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, x.value.plotLabels = t.value.chart.labels.fontSize, Le.value.plot = t.value.plot.radius, Le.value.line = t.value.line.radius, Vt.value = `0 0 ${ee.value} ${fe.value}`;
       xt(), ot();
     }
     function Za(l) {
@@ -1635,18 +1636,18 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       };
     }
     It(() => {
-      Al(), Jt(), document.addEventListener("mousemove", Za, { passive: !0 }), document.addEventListener("scroll", ha, { passive: !0 });
-    }), Il(() => {
-      document.removeEventListener("scroll", ha, { passive: !0 }), document.removeEventListener("mousemove", Za, { passive: !0 }), Ne.value && (Ne.value.unobserve(ml.value), Ne.value.disconnect(), Ne.value = null);
+      Cl(), Jt(), document.addEventListener("mousemove", Za, { passive: !0 }), document.addEventListener("scroll", fa, { passive: !0 });
+    }), Pl(() => {
+      document.removeEventListener("scroll", fa, { passive: !0 }), document.removeEventListener("mousemove", Za, { passive: !0 }), Ne.value && (Ne.value.unobserve(ml.value), Ne.value.disconnect(), Ne.value = null);
     }), ds({
       timeLabelsEls: Ft,
-      timeLabels: se,
+      timeLabels: oe,
       slicer: m,
       configRef: t,
       rotationPath: ["chart", "grid", "labels", "xAxisLabels", "rotation"],
       autoRotatePath: ["chart", "grid", "labels", "xAxisLabels", "autoRotate", "enable"],
       isAutoSize: Ho,
-      height: de,
+      height: fe,
       width: ee,
       rotation: t.value.chart.grid.labels.xAxisLabels.autoRotate.angle
     });
@@ -1659,7 +1660,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
     }
     function xu() {
       const l = yu(), o = 200, e = Math.max(1, $.value), s = c.value.width / e, n = c.value?.left + pu.value * s + s / 2 - l / 2 - (o - l) / 2, u = c.value?.left - (o - l) / 2, S = c.value?.right - (o + l) / 2, M = Math.max(u, Math.min(n, S));
-      return O(M);
+      return N(M);
     }
     It(() => {
       let l = null, o = null;
@@ -1678,7 +1679,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           l && (s.unobserve(l), l = null);
         });
       });
-      Il(() => {
+      Pl(() => {
         try {
           l && s.unobserve(l), s.disconnect(), a();
         } catch {
@@ -1695,8 +1696,8 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             seriesIndex: l,
             datapoint: Ze.value,
             bars: ke.value,
-            lines: oe.value,
-            plots: fe.value,
+            lines: ue.value,
+            plots: ge.value,
             config: t.value
           });
           if (typeof e == "string")
@@ -1705,7 +1706,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           console.warn("Custom format cannot be applied on timeTag."), al.value = !1;
         }
       if (!al.value)
-        return [null, void 0].includes(se.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? rt.value(l + m.value.start, t.value.chart.timeTag.timeFormat) : se.value[l].text;
+        return [null, void 0].includes(oe.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? rt.value(l + m.value.start, t.value.chart.timeTag.timeFormat) : oe.value[l].text;
     });
     vt(() => T.dataset, (l) => {
       Array.isArray(l) && l.length > 0 && (Wt.value = !1), ze.value = Math.max(...pe.value.map((o) => Fe(o.series).length)), m.value = {
@@ -1713,22 +1714,22 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         end: ze.value
       }, Io.value += 1, gl.value += 1, xt(), ot(), ut();
     }, { deep: !0 }), vt(() => T.config, (l) => {
-      ne.value || (t.value = yl()), Al(), Yl.value += 1, El.value += 1, kl(), xt(), ot(), ut();
+      ne.value || (t.value = yl()), Cl(), Xl.value += 1, Yl.value += 1, kl(), xt(), ot(), ut();
     }, { deep: !0 });
-    const Cl = g(!1);
+    const Tl = g(!1);
     function Qa() {
       const l = $e.value?.parentNode;
       if (!l) {
-        Cl.value = !1;
+        Tl.value = !1;
         return;
       }
       const o = l.getBoundingClientRect();
-      Cl.value = o.width > 2 && o.height > 2;
+      Tl.value = o.width > 2 && o.height > 2;
     }
     It(() => {
       Qa();
       const l = new ResizeObserver(() => {
-        Qa(), Cl.value && (Al(), ut(), Jt());
+        Qa(), Tl.value && (Cl(), ut(), Jt());
       });
       $e.value?.parentNode && l.observe($e.value.parentNode);
     }), vt(t, () => {
@@ -1802,18 +1803,18 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         Ht.value = !1;
         return;
       }
-      sa();
+      na();
     }
     async function to() {
       if (We("copyAlt", {
         config: {
           ...t.value,
-          formattedDates: se.value
+          formattedDates: oe.value
         },
         dataset: {
-          lines: oe.value,
+          lines: ue.value,
           bars: ke.value,
-          plots: fe.value
+          plots: ge.value
         }
       }), !t.value.chart.userOptions.callbacks.altCopy) {
         console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
@@ -1822,21 +1823,21 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       await Promise.resolve(t.value.chart.userOptions.callbacks.altCopy({
         config: {
           ...t.value,
-          formattedDates: se.value
+          formattedDates: oe.value
         },
         dataset: {
-          lines: oe.value,
+          lines: ue.value,
           bars: ke.value,
-          plots: fe.value
+          plots: ge.value
         }
       }));
     }
-    const Tl = g(!1);
+    const zl = g(!1);
     function Cu() {
-      m.value.end > m.value.start && (at.value = null), Ut.value = !0, Tl.value = !0;
+      m.value.end > m.value.start && (at.value = null), Ut.value = !0, zl.value = !0;
     }
     function Tu() {
-      at.value = null, Lt(), Tl.value = !1, Ut.value = !1;
+      at.value = null, Lt(), zl.value = !1, Ut.value = !1;
     }
     function zu(l) {
       if (!ae.value || tt.value || document.activeElement !== ae.value) return;
@@ -1847,15 +1848,15 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       l.preventDefault(), l.stopPropagation();
       let a = at.value;
       const n = it.value, u = a !== null && a >= 0 && a < s, S = n !== null && n >= 0 && n < s;
-      u ? e ? (a += 1, a >= s && (a = 0)) : o && (a -= 1, a < 0 && (a = s - 1)) : S ? (a = e ? n + 1 : n - 1, a >= s && (a = 0), a < 0 && (a = s - 1)) : e ? a = 0 : a = s - 1, at.value = a, Iu(a), Ml(!0, a);
+      u ? e ? (a += 1, a >= s && (a = 0)) : o && (a -= 1, a < 0 && (a = s - 1)) : S ? (a = e ? n + 1 : n - 1, a >= s && (a = 0), a < 0 && (a = s - 1)) : e ? a = 0 : a = s - 1, at.value = a, Iu(a), Al(!0, a);
     }
     function Iu(l) {
       const o = m.value.end - m.value.start;
       if (o <= 0) return;
       const e = c.value.width / o, s = c.value.left + e * l + e / 2, a = c.value.top + c.value.height / 2, n = as(s, a, ae.value);
-      n && (ql.value = n);
+      n && (Ul.value = n);
     }
-    const zl = b(() => {
+    const Il = b(() => {
       if (!ct.value) return null;
       const l = t.value.table.showSum;
       let o = [t.value.table.columnNames.period].concat(ye.value.map((s) => s.name));
@@ -1869,13 +1870,13 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
     return yo({
       getData: lu,
       getImage: au,
-      generatePdf: ua,
-      generateImage: sa,
+      generatePdf: sa,
+      generateImage: na,
       generateSvg: eo,
-      generateCsv: Ll,
+      generateCsv: Ml,
       hideSeries: nu,
       showSeries: su,
-      toggleStack: pa,
+      toggleStack: ya,
       toggleTable: Ya,
       toggleLabels: Xa,
       toggleTooltip: Ga,
@@ -1888,21 +1889,21 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       ref_key: "chart",
       ref: $e,
       style: w(`background:${t.value.chart.backgroundColor}; color:${t.value.chart.color};width:100%;font-family:${t.value.chart.fontFamily};${t.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: o[6] || (o[6] = () => fa(!0)),
-      onMouseleave: o[7] || (o[7] = () => fa(!1)),
-      onClick: Ta
+      onMouseenter: o[6] || (o[6] = () => ma(!0)),
+      onMouseleave: o[7] || (o[7] = () => ma(!1)),
+      onClick: za
     }, [
       y("div", {
         id: `chart-instructions-${z.value}`,
         class: "sr-only"
       }, [
-        y("p", null, ue(t.value.a11y.translations.keyboardNavigation), 1)
+        y("p", null, se(t.value.a11y.translations.keyboardNavigation), 1)
       ], 8, _s),
-      zl.value?.rows?.length ? (i(), _e(ys, {
+      Il.value?.rows?.length ? (i(), _e(ys, {
         key: 0,
         uid: z.value,
-        head: zl.value.headers,
-        body: zl.value.rows,
+        head: Il.value.headers,
+        body: Il.value.rows,
         notice: t.value.a11y.translations.tableAvailable,
         caption: t.value.a11y.translations.tableCaption
       }, null, 8, ["uid", "head", "body", "notice", "caption"])) : h("", !0),
@@ -1915,23 +1916,23 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         isCursorPointer: Xe.value,
         onClose: wl
       }, {
-        "annotator-action-close": X(() => [
-          F(l.$slots, "annotator-action-close", {}, void 0, !0)
+        "annotator-action-close": Y(() => [
+          O(l.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": X(({ color: e }) => [
-          F(l.$slots, "annotator-action-color", ge(be({ color: e })), void 0, !0)
+        "annotator-action-color": Y(({ color: e }) => [
+          O(l.$slots, "annotator-action-color", ve(de({ color: e })), void 0, !0)
         ]),
-        "annotator-action-draw": X(({ mode: e }) => [
-          F(l.$slots, "annotator-action-draw", ge(be({ mode: e })), void 0, !0)
+        "annotator-action-draw": Y(({ mode: e }) => [
+          O(l.$slots, "annotator-action-draw", ve(de({ mode: e })), void 0, !0)
         ]),
-        "annotator-action-undo": X(({ disabled: e }) => [
-          F(l.$slots, "annotator-action-undo", ge(be({ disabled: e })), void 0, !0)
+        "annotator-action-undo": Y(({ disabled: e }) => [
+          O(l.$slots, "annotator-action-undo", ve(de({ disabled: e })), void 0, !0)
         ]),
-        "annotator-action-redo": X(({ disabled: e }) => [
-          F(l.$slots, "annotator-action-redo", ge(be({ disabled: e })), void 0, !0)
+        "annotator-action-redo": Y(({ disabled: e }) => [
+          O(l.$slots, "annotator-action-redo", ve(de({ disabled: e })), void 0, !0)
         ]),
-        "annotator-action-delete": X(({ disabled: e }) => [
-          F(l.$slots, "annotator-action-delete", ge(be({ disabled: e })), void 0, !0)
+        "annotator-action-delete": Y(({ disabled: e }) => [
+          O(l.$slots, "annotator-action-delete", ve(de({ disabled: e })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : h("", !0),
@@ -1950,7 +1951,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         style: w(`font-family:${t.value.chart.fontFamily}`)
       }, [
         (i(), _e(fs, {
-          key: `title_${Yl.value}`,
+          key: `title_${Xl.value}`,
           config: {
             title: {
               cy: "xy-div-title",
@@ -1969,7 +1970,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       t.value.chart.userOptions.show && (bl.value || Bt.value) ? (i(), _e(v(wo), {
         ref_key: "userOptionsRef",
         ref: fl,
-        key: `user_options_${Wl.value}`,
+        key: `user_options_${El.value}`,
         backgroundColor: t.value.chart.backgroundColor,
         color: t.value.chart.color,
         isPrinting: v(Et),
@@ -1998,13 +1999,13 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         printScale: t.value.chart.userOptions.print.scale,
         isCursorPointer: Xe.value,
         onToggleFullscreen: qa,
-        onGeneratePdf: v(ua),
-        onGenerateCsv: Ll,
+        onGeneratePdf: v(sa),
+        onGenerateCsv: Ml,
         onGenerateImage: Au,
         onGenerateSvg: eo,
         onToggleTable: Ya,
         onToggleLabels: Xa,
-        onToggleStack: pa,
+        onToggleStack: ya,
         onToggleTooltip: Ga,
         onToggleAnnotator: wl,
         onCopyAlt: to,
@@ -2014,85 +2015,85 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       }, lo({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: X(({ isOpen: e, color: s }) => [
-            F(l.$slots, "menuIcon", ge(be({ isOpen: e, color: s })), void 0, !0)
+          fn: Y(({ isOpen: e, color: s }) => [
+            O(l.$slots, "menuIcon", ve(de({ isOpen: e, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: X(() => [
-            F(l.$slots, "optionTooltip", {}, void 0, !0)
+          fn: Y(() => [
+            O(l.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: X(() => [
-            F(l.$slots, "optionPdf", {}, void 0, !0)
+          fn: Y(() => [
+            O(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: X(() => [
-            F(l.$slots, "optionCsv", {}, void 0, !0)
+          fn: Y(() => [
+            O(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: X(() => [
-            F(l.$slots, "optionImg", {}, void 0, !0)
+          fn: Y(() => [
+            O(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: X(() => [
-            F(l.$slots, "optionSvg", {}, void 0, !0)
+          fn: Y(() => [
+            O(l.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: X(() => [
-            F(l.$slots, "optionTable", {}, void 0, !0)
+          fn: Y(() => [
+            O(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: X(() => [
-            F(l.$slots, "optionLabels", {}, void 0, !0)
+          fn: Y(() => [
+            O(l.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "7"
         } : void 0,
         l.$slots.optionStack ? {
           name: "optionStack",
-          fn: X(({ isStack: e }) => [
-            F(l.$slots, "optionStack", ge(be({ isStack: e })), void 0, !0)
+          fn: Y(({ isStack: e }) => [
+            O(l.$slots, "optionStack", ve(de({ isStack: e })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: X(({ toggleFullscreen: e, isFullscreen: s }) => [
-            F(l.$slots, "optionFullscreen", ge(be({ toggleFullscreen: e, isFullscreen: s })), void 0, !0)
+          fn: Y(({ toggleFullscreen: e, isFullscreen: s }) => [
+            O(l.$slots, "optionFullscreen", ve(de({ toggleFullscreen: e, isFullscreen: s })), void 0, !0)
           ]),
           key: "9"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: X(({ toggleAnnotator: e, isAnnotator: s }) => [
-            F(l.$slots, "optionAnnotator", ge(be({ toggleAnnotator: e, isAnnotator: s })), void 0, !0)
+          fn: Y(({ toggleAnnotator: e, isAnnotator: s }) => [
+            O(l.$slots, "optionAnnotator", ve(de({ toggleAnnotator: e, isAnnotator: s })), void 0, !0)
           ]),
           key: "10"
         } : void 0,
         l.$slots.optionAltCopy ? {
           name: "optionAltCopy",
-          fn: X(({ altCopy: e }) => [
-            F(l.$slots, "optionAltCopy", ge(be({ altCopy: e })), void 0, !0)
+          fn: Y(({ altCopy: e }) => [
+            O(l.$slots, "optionAltCopy", ve(de({ altCopy: e })), void 0, !0)
           ]),
           key: "11"
         } : void 0
@@ -2118,7 +2119,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           preserveAspectRatio: "xMidYMid",
           onMousemove: tu,
           onMouseleave: Lt,
-          onClick: Ta,
+          onClick: za,
           onFocus: Cu,
           onBlur: Tu,
           onKeydown: zu
@@ -2139,7 +2140,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 pointerEvents: "none"
               }
             }, [
-              F(l.$slots, "chart-background", {}, void 0, !0)
+              O(l.$slots, "chart-background", {}, void 0, !0)
             ], 8, Ls)) : h("", !0),
             $.value > 0 ? (i(), r("g", Ms, [
               y("g", As, [
@@ -2187,7 +2188,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     style: { animation: "none !important" }
                   }, null, 8, Ts)) : h("", !0),
                   t.value.chart.grid.showHorizontalLines ? (i(), r("g", zs, [
-                    (i(!0), r(d, null, k(Na.value, (e) => (i(), r("line", {
+                    (i(!0), r(d, null, k(Fa.value, (e) => (i(), r("line", {
                       x1: c.value?.left + q.value,
                       x2: c.value?.right,
                       y1: v(W)(e.y),
@@ -2221,7 +2222,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               (i(!0), r(d, null, k(ke.value, (e, s) => (i(), r("defs", {
                 key: `def_rect_${s}`
               }, [
-                l.$slots["bar-gradient"] ? F(l.$slots, "bar-gradient", Qe({
+                l.$slots["bar-gradient"] ? O(l.$slots, "bar-gradient", Qe({
                   key: 0,
                   ref_for: !0
                 }, { series: e, positiveId: `rectGradient_pos_${s}_${z.value}`, negativeId: `rectGradient_neg_${s}_${z.value}` }), void 0, !0) : (i(), r(d, { key: 1 }, [
@@ -2263,7 +2264,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   ], 8, Es)
                 ], 64))
               ]))), 128)),
-              (i(!0), r(d, null, k(fe.value, (e, s) => (i(), r("defs", {
+              (i(!0), r(d, null, k(ge.value, (e, s) => (i(), r("defs", {
                 key: `def_plot_${s}`
               }, [
                 y("radialGradient", {
@@ -2284,7 +2285,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   }, null, 8, Zs)
                 ], 8, qs)
               ]))), 128)),
-              (i(!0), r(d, null, k(oe.value, (e, s) => (i(), r(d, {
+              (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r(d, {
                 key: `def_line_${e.id}`
               }, [
                 y("defs", null, [
@@ -2305,7 +2306,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       "stop-color": e.color
                     }, null, 8, Qs)
                   ], 8, Ks),
-                  l.$slots["area-gradient"] ? F(l.$slots, "area-gradient", Qe({
+                  l.$slots["area-gradient"] ? O(l.$slots, "area-gradient", Qe({
                     key: 0,
                     ref_for: !0
                   }, { series: e, id: `areaGradient_${s}_${z.value}` }), void 0, !0) : (i(), r("linearGradient", {
@@ -2368,7 +2369,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     }, [
                       y("div", {
                         style: w(`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"}`)
-                      }, ue(e.caption.text), 5)
+                      }, se(e.caption.text), 5)
                     ], 12, sn)) : h("", !0)
                   ]))), 256))
                 ], 64)) : h("", !0)
@@ -2398,8 +2399,8 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   xe(a.value) ? (i(), r("rect", {
                     key: 0,
                     x: jt(a) + ll.value / 2,
-                    y: f.value.useIndividualScale ? Aa(a) : Ma(a),
-                    height: f.value.useIndividualScale ? Math.abs(La(a)) : Math.abs($a(a)),
+                    y: f.value.useIndividualScale ? Ca(a) : Aa(a),
+                    height: f.value.useIndividualScale ? Math.abs(Ma(a)) : Math.abs(La(a)),
                     width: tl.value - ll.value,
                     rx: t.value.bar.borderRadius,
                     fill: t.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${s}_${z.value})` : `url(#rectGradient_neg_${s}_${z.value})` : e.color,
@@ -2412,8 +2413,8 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   xe(a.value) && l.$slots.pattern ? (i(), r("rect", {
                     key: 1,
                     x: jt(a) - ll.value / 2,
-                    y: f.value.useIndividualScale ? Aa(a) : Ma(a),
-                    height: f.value.useIndividualScale ? Math.abs(La(a)) : Math.abs($a(a)),
+                    y: f.value.useIndividualScale ? Ca(a) : Aa(a),
+                    height: f.value.useIndividualScale ? Math.abs(Ma(a)) : Math.abs(La(a)),
                     width: tl.value - ll.value,
                     rx: t.value.bar.borderRadius,
                     fill: `url(#pattern_${z.value}_${e.slotAbsoluteIndex})`,
@@ -2427,9 +2428,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     height: "12",
                     width: tl.value + t.value.chart.comments.width,
                     x: jt(a) - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
-                    y: v(O)(a.y) + t.value.chart.comments.offsetY + 6
+                    y: v(N)(a.y) + t.value.chart.comments.offsetY + 6
                   }, [
-                    F(l.$slots, "plot-comment", {
+                    O(l.$slots, "plot-comment", {
                       plot: { ...a, color: e.color, seriesIndex: s, datapointIndex: n }
                     }, void 0, !0)
                   ], 8, dn)) : h("", !0)
@@ -2441,8 +2442,8 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 "stroke-width": "1",
                 x1: c.value?.left + q.value,
                 x2: c.value?.right,
-                y1: v(W)(he.value),
-                y2: v(W)(he.value),
+                y1: v(W)(me.value),
+                y2: v(W)(me.value),
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
               }, null, 8, hn)) : h("", !0),
@@ -2499,7 +2500,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       "font-size": x.value.dataLabels * 0.8,
                       "text-anchor": "middle",
                       transform: `translate(${e.x - x.value.dataLabels * 0.8 / 2 + q.value}, ${f.value.isStacked ? c.value?.bottom - e.yOffset - e.individualHeight / 2 : c.value?.top + c.value.height / 2}) rotate(-90)`
-                    }, ue(e.name) + " " + ue(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
+                    }, se(e.name) + " " + se(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
                                         ${e.scaleLabel}` : ""), 9, pn),
                     (i(!0), r(d, null, k(e.yLabels, (s, a) => (i(), r(d, null, [
                       t.value.chart.grid.labels.yAxis.showCrosshairs ? (i(), r("line", {
@@ -2520,7 +2521,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       "font-size": x.value.dataLabels,
                       "text-anchor": "end",
                       fill: e.color
-                    }, ue(v(ve)(
+                    }, se(v(he)(
                       t.value.chart.grid.labels.yAxis.formatter,
                       s.value,
                       v(Pe)({
@@ -2532,7 +2533,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       { datapoint: s.datapoint, seriesIndex: a }
                     )), 9, xn))), 256))
                   ], 4))), 256))
-                ], 64)) : (i(!0), r(d, { key: 1 }, k(Na.value, (e, s) => (i(), r("g", {
+                ], 64)) : (i(!0), r(d, { key: 1 }, k(Fa.value, (e, s) => (i(), r("g", {
                   key: `yLabel_${s}`
                 }, [
                   xe(e) && e.value >= Ae.value.min && e.value <= Ae.value.max && t.value.chart.grid.labels.yAxis.showCrosshairs ? (i(), r("line", {
@@ -2549,11 +2550,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   e.value >= Ae.value.min && e.value <= Ae.value.max ? (i(), r("text", {
                     key: 1,
                     x: c.value.scaleLabelX - t.value.chart.grid.labels.yAxis.crosshairSize,
-                    y: v(O)(e.y + x.value.dataLabels / 3),
+                    y: v(N)(e.y + x.value.dataLabels / 3),
                     "font-size": x.value.dataLabels,
                     "text-anchor": "end",
                     fill: t.value.chart.grid.labels.color
-                  }, ue(xe(e.value) ? v(ve)(
+                  }, se(xe(e.value) ? v(he)(
                     t.value.chart.grid.labels.yAxis.formatter,
                     e.value,
                     v(Pe)({
@@ -2565,7 +2566,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   ) : ""), 9, _n)) : h("", !0)
                 ]))), 128))
               ], 512)) : h("", !0),
-              (i(!0), r(d, null, k(fe.value, (e, s) => (i(), r("g", {
+              (i(!0), r(d, null, k(ge.value, (e, s) => (i(), r("g", {
                 key: `serie_plot_${e.id}`,
                 class: Je(`serie_plot_${s}`),
                 style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -2577,7 +2578,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     key: 0,
                     shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
                     color: t.value.plot.useGradient ? `url(#plotGradient_${s}_${z.value})` : t.value.plot.dot.useSerieColor ? e.color : t.value.plot.dot.fill,
-                    plot: { x: v(O)(a.x), y: v(O)(a.y) },
+                    plot: { x: v(N)(a.x), y: v(N)(a.y) },
                     radius: _.value !== null && _.value === n || P.value !== null && P.value === n ? (Le.value.plot || 6) * 1.5 : Le.value.plot || 6,
                     stroke: t.value.plot.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
                     strokeWidth: t.value.plot.dot.strokeWidth,
@@ -2592,14 +2593,14 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     y: a.y + t.value.chart.comments.offsetY + 6
                   }, [
                     y("div", Sn, [
-                      F(l.$slots, "plot-comment", {
+                      O(l.$slots, "plot-comment", {
                         plot: { ...a, color: e.color, seriesIndex: s, datapointIndex: n }
                       }, void 0, !0)
                     ])
                   ], 8, wn)) : h("", !0)
                 ]))), 128))
               ], 6))), 128)),
-              (i(!0), r(d, null, k(oe.value, (e, s) => (i(), r("g", {
+              (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r("g", {
                 key: `serie_line_${e.id}`,
                 class: Je(`serie_line_${s}`),
                 style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -2625,12 +2626,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 }, null, 12, Ln)) : h("", !0)
               ], 6))), 128)),
               l.$slots.pattern ? (i(), r("defs", Mn, [
-                (i(!0), r(d, null, k(Ve.value, (e, s) => F(l.$slots, "pattern", Qe({
+                (i(!0), r(d, null, k(Ve.value, (e, s) => O(l.$slots, "pattern", Qe({
                   key: `serie_pattern_slot_${e.id}`
                 }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${z.value}_${s}` }), void 0, !0)), 128))
               ])) : h("", !0),
-              Ba.value.length && !f.value.isStacked ? (i(), r("g", An, [
-                (i(!0), r(d, null, k(Ba.value, (e) => (i(), r("path", {
+              Ra.value.length && !f.value.isStacked ? (i(), r("g", An, [
+                (i(!0), r(d, null, k(Ra.value, (e) => (i(), r("path", {
                   key: e.key,
                   d: e.d,
                   fill: e.color,
@@ -2640,7 +2641,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                 }, null, 12, Cn))), 128))
               ])) : h("", !0),
-              (i(!0), r(d, null, k(oe.value, (e, s) => (i(), r("g", {
+              (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r("g", {
                 key: `serie_line_above_${e.id}`,
                 class: Je(`serie_line_${s}`),
                 style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -2717,12 +2718,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
                   key: `circle_line_${s}_${n}`
                 }, [
-                  !Pa.value.linePlot && a && xe(a.value) || Pa.value.linePlot && a && xe(a.value) && (_.value !== null && _.value === n || P.value !== null && P.value === n) || Va(e.plots, n) ? (i(), _e(rl, {
+                  !Oa.value.linePlot && a && xe(a.value) || Oa.value.linePlot && a && xe(a.value) && (_.value !== null && _.value === n || P.value !== null && P.value === n) || Ba(e.plots, n) ? (i(), _e(rl, {
                     key: 0,
                     shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
                     color: t.value.line.useGradient ? `url(#lineGradient_${s}_${z.value})` : t.value.line.dot.useSerieColor ? e.color : t.value.line.dot.fill,
-                    plot: { x: v(O)(a.x), y: v(O)(a.y) },
-                    radius: _.value !== null && _.value === n || P.value !== null && P.value === n ? (Le.value.line || 6) * 1.5 : (Va(e.plots, n), Le.value.line || 6),
+                    plot: { x: v(N)(a.x), y: v(N)(a.y) },
+                    radius: _.value !== null && _.value === n || P.value !== null && P.value === n ? (Le.value.line || 6) * 1.5 : (Ba(e.plots, n), Le.value.line || 6),
                     stroke: t.value.line.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
                     strokeWidth: t.value.line.dot.strokeWidth,
                     transition: v(ne) || !t.value.line.showTransition || _.value !== null && _.value === n || P.value !== null && P.value === n ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
@@ -2736,7 +2737,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     y: a.y + t.value.chart.comments.offsetY + 6
                   }, [
                     y("div", Hn, [
-                      F(l.$slots, "plot-comment", {
+                      O(l.$slots, "plot-comment", {
                         plot: { ...a, color: e.color, seriesIndex: s, datapointIndex: n }
                       }, void 0, !0)
                     ])
@@ -2753,12 +2754,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     a && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n) && t.value.bar.labels.show ? (i(), r("text", {
                       key: 0,
                       x: f.value.useIndividualScale && f.value.isStacked ? a.x + J.value.line / 2 : jt(a) + Be() / 2 - el.value / 2,
-                      y: v(O)(a.y) + (a.value >= 0 ? t.value.bar.labels.offsetY : -t.value.bar.labels.offsetY * 3),
+                      y: v(N)(a.y) + (a.value >= 0 ? t.value.bar.labels.offsetY : -t.value.bar.labels.offsetY * 3),
                       "text-anchor": "middle",
                       "font-size": x.value.plotLabels,
                       fill: t.value.bar.labels.color,
                       style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                    }, ue(xe(a.value) ? v(ve)(
+                    }, se(xe(a.value) ? v(he)(
                       t.value.bar.labels.formatter,
                       a.value,
                       v(Pe)({
@@ -2781,7 +2782,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       fill: t.value.bar.serieName.useSerieColor ? e.color : t.value.bar.serieName.color,
                       "font-weight": t.value.bar.serieName.bold ? "bold" : "normal",
                       style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                    }, ue(t.value.bar.serieName.useAbbreviation ? v(Qu)({
+                    }, se(t.value.bar.serieName.useAbbreviation ? v(Qu)({
                       source: e.name,
                       length: t.value.bar.serieName.abbreviationSize
                     }) : e.name), 13, En)) : h("", !0)
@@ -2789,7 +2790,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 ], 64))), 128))
               ])) : h("", !0),
               t.value.plot.labels.show && f.value.dataLabels.show ? (i(), r("g", Yn, [
-                (i(!0), r(d, null, k(fe.value, (e, s) => (i(), r(d, {
+                (i(!0), r(d, null, k(ge.value, (e, s) => (i(), r(d, {
                   key: `xLabel_plot_${e.id}`
                 }, [
                   (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
@@ -2803,7 +2804,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       "font-size": x.value.plotLabels,
                       fill: t.value.plot.labels.color,
                       style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                    }, ue(xe(a.value) ? v(ve)(
+                    }, se(xe(a.value) ? v(he)(
                       t.value.plot.labels.formatter,
                       a.value,
                       v(Pe)({
@@ -2820,7 +2821,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   ], 64))), 128))
                 ], 64))), 128))
               ])) : (i(), r("g", Gn, [
-                (i(!0), r(d, null, k(fe.value, (e, s) => (i(), r(d, {
+                (i(!0), r(d, null, k(ge.value, (e, s) => (i(), r(d, {
                   key: `xLabel_plot_${e.id}`
                 }, [
                   (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
@@ -2850,7 +2851,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       }, [
                         y("div", {
                           style: w(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(He)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                          innerHTML: v(ve)(
+                          innerHTML: v(he)(
                             t.value.plot.tag.formatter,
                             a.value,
                             e.name,
@@ -2872,7 +2873,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       }, [
                         y("div", {
                           style: w(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(He)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                          innerHTML: v(ve)(
+                          innerHTML: v(he)(
                             t.value.plot.tag.formatter,
                             a.value,
                             e.name,
@@ -2889,7 +2890,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 ], 64))), 128))
               ])),
               t.value.line.labels.show && f.value.dataLabels.show ? (i(), r("g", Qn, [
-                (i(!0), r(d, null, k(oe.value, (e, s) => (i(), r(d, {
+                (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r(d, {
                   key: `xLabel_line_${e.id}`
                 }, [
                   (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
@@ -2903,7 +2904,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       "font-size": x.value.plotLabels,
                       fill: t.value.line.labels.color,
                       style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                    }, ue(xe(a.value) ? v(ve)(
+                    }, se(xe(a.value) ? v(he)(
                       t.value.line.labels.formatter,
                       a.value,
                       v(Pe)({
@@ -2920,7 +2921,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   ], 64))), 128))
                 ], 64))), 128))
               ])) : (i(), r("g", ei, [
-                (i(!0), r(d, null, k(oe.value, (e, s) => (i(), r(d, {
+                (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r(d, {
                   key: `xLabel_line_${e.id}`
                 }, [
                   (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
@@ -2950,7 +2951,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       }, [
                         y("div", {
                           style: w(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(He)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                          innerHTML: v(ve)(
+                          innerHTML: v(he)(
                             t.value.line.tag.formatter,
                             a.value,
                             e.name,
@@ -2972,7 +2973,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       }, [
                         y("div", {
                           style: w(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(He)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                          innerHTML: v(ve)(
+                          innerHTML: v(he)(
                             t.value.line.tag.formatter,
                             a.value,
                             e.name,
@@ -2988,7 +2989,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   ], 64))), 128))
                 ], 64))), 128))
               ])),
-              (i(!0), r(d, null, k(oe.value, (e, s) => (i(), r(d, {
+              (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r(d, {
                 key: `xLabel_line_${e.id}`
               }, [
                 (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
@@ -3030,7 +3031,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   }, null, 12, ni)) : h("", !0)
                 ], 64))), 128))
               ], 64))), 128)),
-              (i(!0), r(d, null, k(fe.value, (e, s) => (i(), r(d, {
+              (i(!0), r(d, null, k(ge.value, (e, s) => (i(), r(d, {
                 key: `xLabel_plot_${e.id}`
               }, [
                 (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
@@ -3072,7 +3073,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   }, null, 12, ri)) : h("", !0)
                 ], 64))), 128))
               ], 64))), 128)),
-              (i(!0), r(d, null, k([...fe.value, ...oe.value, ...ke.value], (e, s) => (i(), r(d, {
+              (i(!0), r(d, null, k([...ge.value, ...ue.value, ...ke.value], (e, s) => (i(), r(d, {
                 key: `progression-${s}`
               }, [
                 Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(Se)(e.plots).trend) ? (i(), r("g", ci, [
@@ -3135,7 +3136,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "paint-order": "stroke fill"
-                  }, ue(v(Pe)({
+                  }, se(v(Pe)({
                     v: v(Se)(e.plots).trend * 100,
                     s: "%",
                     r: 2
@@ -3183,24 +3184,24 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   transform: `translate(${t.value.chart.grid.labels.axis.fontSize}, ${c.value?.top + c.value.height / 2}) rotate(-90)`,
                   "text-anchor": "middle",
                   style: { transition: "none" }
-                }, ue(t.value.chart.grid.labels.axis.yLabel), 9, xi)) : h("", !0),
+                }, se(t.value.chart.grid.labels.axis.yLabel), 9, xi)) : h("", !0),
                 t.value.chart.grid.labels.axis.xLabel ? (i(), r("text", {
                   key: 1,
                   ref_key: "xAxisLabel",
                   ref: vl,
                   "text-anchor": "middle",
                   x: ee.value / 2,
-                  y: de.value - 3,
+                  y: fe.value - 3,
                   "font-size": x.value.yAxis,
                   fill: t.value.chart.grid.labels.color
-                }, ue(t.value.chart.grid.labels.axis.xLabel), 9, ki)) : h("", !0)
+                }, se(t.value.chart.grid.labels.axis.xLabel), 9, ki)) : h("", !0)
               ]),
               t.value.chart.grid.labels.xAxisLabels.show ? (i(), r("g", {
                 key: 14,
                 ref_key: "timeLabelsEls",
                 ref: Ft
               }, [
-                l.$slots["time-label"] ? (i(!0), r(d, { key: 0 }, k(Kt.value, (e, s) => F(l.$slots, "time-label", Qe({
+                l.$slots["time-label"] ? (i(!0), r(d, { key: 0 }, k(Kt.value, (e, s) => O(l.$slots, "time-label", Qe({
                   key: `time_label_${e.id}`,
                   ref_for: !0
                 }, {
@@ -3226,7 +3227,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       fill: t.value.chart.grid.labels.xAxisLabels.color,
                       transform: `translate(${c.value?.left + c.value.width / $.value * s + c.value.width / $.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
                       style: w({
-                        cursor: da() && Xe.value ? "pointer" : "default"
+                        cursor: ha() && Xe.value ? "pointer" : "default"
                       }),
                       innerHTML: v(ju)({
                         content: String(e.text),
@@ -3235,7 +3236,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                         x: 0,
                         y: 0
                       }),
-                      onClick: () => ba(e, s)
+                      onClick: () => pa(e, s)
                     }, null, 12, wi)) : (i(), r("text", {
                       key: 0,
                       class: "vue-data-ui-time-label",
@@ -3244,15 +3245,15 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       fill: t.value.chart.grid.labels.xAxisLabels.color,
                       transform: `translate(${c.value?.left + c.value.width / $.value * s + c.value.width / $.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
                       style: w({
-                        cursor: da() && Xe.value ? "pointer" : "default"
+                        cursor: ha() && Xe.value ? "pointer" : "default"
                       }),
-                      onClick: () => ba(e, s)
-                    }, ue(e.text || ""), 13, _i))
+                      onClick: () => pa(e, s)
+                    }, se(e.text || ""), 13, _i))
                   ], 64)) : h("", !0)
                 ]))), 128))
               ], 512)) : h("", !0),
-              Fa.value.length && !f.value.isStacked ? (i(), r("g", Si, [
-                (i(!0), r(d, null, k(Fa.value, (e) => (i(), r("g", {
+              Va.value.length && !f.value.isStacked ? (i(), r("g", Si, [
+                (i(!0), r(d, null, k(Va.value, (e) => (i(), r("g", {
                   key: e.uid
                 }, [
                   e.yTop && e.show && isFinite(e.yTop) ? (i(), r("line", {
@@ -3284,7 +3285,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     y: Math.min(e.yTop, e.yBottom),
                     x: e.x1,
                     width: c.value.width,
-                    height: v(O)(e.areaHeight, 0),
+                    height: v(N)(e.areaHeight, 0),
                     fill: v(Ce)(e.config.area.fill, e.config.area.opacity),
                     style: { animation: "none !important" }
                   }, null, 8, Mi)) : h("", !0),
@@ -3301,7 +3302,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     "font-size": e.config.label.fontSize,
                     fill: e.config.label.color,
                     "text-anchor": e.config.label.textAnchor
-                  }, ue(e.config.label.text), 9, Ai)) : h("", !0)
+                  }, se(e.config.label.text), 9, Ai)) : h("", !0)
                 ]))), 128))
               ])) : h("", !0),
               t.value.chart.timeTag.show && (![null, void 0].includes(_.value) || ![null, void 0].includes(P.value)) ? (i(), r("g", Ci, [
@@ -3328,29 +3329,29 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 }, null, 8, Ii)
               ])) : h("", !0)
             ])) : h("", !0),
-            aa.value ? (i(), r("rect", Qe({ key: 2 }, Ro.value, {
+            oa.value ? (i(), r("rect", Qe({ key: 2 }, Ro.value, {
               "data-start": m.value.start,
               "data-end": m.value.end
             }), null, 16, Pi)) : h("", !0),
-            F(l.$slots, "svg", {
+            O(l.$slots, "svg", {
               svg: {
                 ...Oo.value,
                 isPrintingImg: v(Et) | v(_l) | Ht.value,
                 isPrintingSvg: Dt.value,
-                data: [...oe.value, ...ke.value, ...fe.value],
+                data: [...ue.value, ...ke.value, ...ge.value],
                 drawingArea: c.value
               }
             }, void 0, !0)
           ], 512)
         ], 46, $s)),
         l.$slots.hint ? (i(), r("div", Oi, [
-          F(l.$slots, "hint", ge(be({ hint: t.value.a11y.translations.keyboardNavigation, isVisible: Tl.value })), void 0, !0)
+          O(l.$slots, "hint", ve(de({ hint: t.value.a11y.translations.keyboardNavigation, isVisible: zl.value })), void 0, !0)
         ])) : h("", !0)
       ]),
       l.$slots.watermark ? (i(), r("div", Ni, [
-        F(l.$slots, "watermark", ge(be({ isPrinting: v(Et) || v(_l) || Ht.value || Dt.value })), void 0, !0)
+        O(l.$slots, "watermark", ve(de({ isPrinting: v(Et) || v(_l) || Ht.value || Dt.value })), void 0, !0)
       ])) : h("", !0),
-      (i(!0), r(d, null, k(oe.value, (e, s) => (i(), r(d, {
+      (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r(d, {
         key: `tag_line_${e.id}`
       }, [
         (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
@@ -3396,7 +3397,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             ])),
             y("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: v(ve)(
+              innerHTML: v(he)(
                 t.value.line.tag.formatter,
                 a.value,
                 e.name,
@@ -3448,7 +3449,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             ])),
             y("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: v(ve)(
+              innerHTML: v(he)(
                 t.value.line.tag.formatter,
                 a.value,
                 e.name,
@@ -3462,7 +3463,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           ], 4)) : h("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      (i(!0), r(d, null, k(fe.value, (e, s) => (i(), r(d, {
+      (i(!0), r(d, null, k(ge.value, (e, s) => (i(), r(d, {
         key: `tag_plot_${e.id}`
       }, [
         (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
@@ -3508,7 +3509,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             ])),
             y("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: v(ve)(
+              innerHTML: v(he)(
                 t.value.plot.tag.formatter,
                 a.value,
                 e.name,
@@ -3560,7 +3561,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             ])),
             y("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: v(ve)(
+              innerHTML: v(he)(
                 t.value.plot.tag.formatter,
                 a.value,
                 e.name,
@@ -3574,7 +3575,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           ], 4)) : h("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      t.value.chart.zoom.show && ze.value > 6 && xl.value && xa.value ? (i(), _e(gs, {
+      t.value.chart.zoom.show && ze.value > 6 && xl.value && ka.value ? (i(), _e(gs, {
         key: 6,
         ref_key: "chartSlicer",
         ref: Te,
@@ -3593,9 +3594,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         useResetSlot: t.value.chart.zoom.useResetSlot,
         immediate: !t.value.chart.zoom.preview.enable,
         inputColor: t.value.chart.zoom.color,
-        isPreview: aa.value,
-        labelLeft: se.value[0] ? se.value[0].text : "",
-        labelRight: se.value.at(-1) ? se.value.at(-1).text : "",
+        isPreview: oa.value,
+        labelLeft: oe.value[0] ? oe.value[0].text : "",
+        labelRight: oe.value.at(-1) ? oe.value.at(-1).text : "",
         max: ze.value,
         min: 0,
         minimap: mu.value,
@@ -3632,22 +3633,22 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         handleFill: t.value.chart.zoom.minimap.handleFill,
         handleWidth: t.value.chart.zoom.minimap.handleWidth,
         isCursorPointer: Xe.value,
-        onFutureEnd: o[1] || (o[1] = (e) => oa("end", e)),
-        onFutureStart: o[2] || (o[2] = (e) => oa("start", e)),
+        onFutureEnd: o[1] || (o[1] = (e) => ua("end", e)),
+        onFutureStart: o[2] || (o[2] = (e) => ua("start", e)),
         onReset: eu,
         onTrapMouse: Ko,
         "onUpdate:end": jo,
         "onUpdate:start": Qo
       }, {
-        "reset-action": X(({ reset: e }) => [
-          F(l.$slots, "reset-action", ge(be({ reset: e })), void 0, !0)
+        "reset-action": Y(({ reset: e }) => [
+          O(l.$slots, "reset-action", ve(de({ reset: e })), void 0, !0)
         ]),
         _: 3
       }, 8, ["uuid", "allMinimaps", "background", "borderColor", "customFormat", "cutNullValues", "enableRangeHandles", "enableSelectionDrag", "end", "focusOnDrag", "focusRangeRatio", "fontSize", "useResetSlot", "immediate", "inputColor", "isPreview", "labelLeft", "labelRight", "max", "minimap", "minimapCompact", "minimapFrameColor", "minimapIndicatorColor", "minimapLineColor", "minimapMerged", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapSelectionRadius", "preciseLabels", "refreshEndPoint", "refreshStartPoint", "selectColor", "selectedSeries", "smoothMinimap", "start", "textColor", "timeLabels", "usePreciseLabels", "valueEnd", "valueStart", "verticalHandles", "minScale", "maxScale", "maxWidth", "additionalMinimapHeight", "handleType", "handleIconColor", "handleBorderWidth", "handleBorderColor", "handleFill", "handleWidth", "isCursorPointer"])) : h("", !0),
       y("div", {
         id: `legend-bottom-${z.value}`
       }, null, 8, Ui),
-      Gl.value ? (i(), _e(Ru, {
+      ql.value ? (i(), _e(Ru, {
         key: 7,
         to: t.value.chart.legend.position === "top" ? `#legend-top-${z.value}` : `#legend-bottom-${z.value}`
       }, [
@@ -3733,14 +3734,14 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             ])),
             y("span", {
               style: w(`color:${t.value.chart.legend.color}`)
-            }, ue(e.name), 5)
+            }, se(e.name), 5)
           ], 46, Zi))), 128))
         ], 4)) : (i(), r("div", {
           key: 1,
           ref_key: "chartLegend",
           ref: et
         }, [
-          F(l.$slots, "legend", { legend: ie.value }, void 0, !0)
+          O(l.$slots, "legend", { legend: ie.value }, void 0, !0)
         ], 512))
       ], 8, ["to"])) : h("", !0),
       l.$slots.source ? (i(), r("div", {
@@ -3749,11 +3750,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         ref: gt,
         dir: "auto"
       }, [
-        F(l.$slots, "source", {}, void 0, !0)
+        O(l.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
       dt(v(_o), {
         teleportTo: t.value.chart.tooltip.teleportTo,
-        show: f.value.showTooltip && Dl.value,
+        show: f.value.showTooltip && Wl.value,
         backgroundColor: t.value.chart.tooltip.backgroundColor,
         color: t.value.chart.tooltip.color,
         fontSize: t.value.chart.tooltip.fontSize,
@@ -3772,13 +3773,16 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         smoothForce: t.value.chart.tooltip.smoothForce,
         smoothSnapThreshold: t.value.chart.tooltip.smoothSnapThreshold,
         isA11yMode: at.value != null,
-        a11yPosition: ql.value
+        a11yPosition: Ul.value
       }, {
-        "tooltip-before": X(() => [
-          F(l.$slots, "tooltip-before", ge(be({ ...Ra.value })), void 0, !0)
+        "tooltip-before": Y(() => [
+          O(l.$slots, "tooltip-before", ve(de({ ...Ll.value })), void 0, !0)
+        ]),
+        tooltip: Y(() => [
+          O(l.$slots, "tooltip", ve(de({ ...Ll.value })), void 0, !0)
         ]),
-        "tooltip-after": X(() => [
-          F(l.$slots, "tooltip-after", ge(be({ ...Ra.value })), void 0, !0)
+        "tooltip-after": Y(() => [
+          O(l.$slots, "tooltip-after", ve(de({ ...Ll.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
@@ -3787,7 +3791,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         ref: lt,
         onClose: ja
       }), lo({
-        content: X(() => [
+        content: Y(() => [
           y("div", {
             style: w(`${v(Et) || t.value.table.useDialog ? "" : "max-height:400px"};${t.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${t.value.table.useDialog ? "" : "margin-top:48px"}`)
           }, [
@@ -3804,7 +3808,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   cursor: Xe.value ? "pointer" : "default"
                 })
               }, [
-                dt(v(Bl), {
+                dt(v(Rl), {
                   name: "chartLine",
                   size: 20,
                   stroke: t.value.chart.color
@@ -3816,7 +3820,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               dataset: vu.value,
               config: du.value
             }, null, 8, ["dataset", "config"])) : (i(), _e(v(ko), {
-              key: `table_${El.value}`,
+              key: `table_${Yl.value}`,
               colNames: ct.value.colNames,
               head: ct.value.head,
               body: ct.value.body,
@@ -3825,11 +3829,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               withCloseButton: !t.value.table.useDialog,
               onClose: ja
             }, {
-              th: X(({ th: e }) => [
+              th: Y(({ th: e }) => [
                 y("div", { innerHTML: e }, null, 8, ar)
               ]),
-              td: X(({ td: e }) => [
-                ao(ue(isNaN(Number(e)) ? e : v(Pe)({
+              td: Y(({ td: e }) => [
+                ao(se(isNaN(Number(e)) ? e : v(Pe)({
                   p: t.value.chart.labels.prefix,
                   v: e,
                   s: t.value.chart.labels.suffix,
@@ -3844,20 +3848,20 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       }, [
         t.value.table.useDialog ? {
           name: "title",
-          fn: X(() => [
-            ao(ue(Ct.value.title), 1)
+          fn: Y(() => [
+            ao(se(Ct.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         t.value.table.useDialog ? {
           name: "actions",
-          fn: X(() => [
+          fn: Y(() => [
             y("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: o[3] || (o[3] = (e) => Ll(t.value.chart.userOptions.callbacks.csv))
+              onClick: o[3] || (o[3] = (e) => Ml(t.value.chart.userOptions.callbacks.csv))
             }, [
-              dt(v(Bl), {
+              dt(v(Rl), {
                 name: "fileCsv",
                 stroke: Ct.value.props.color
               }, null, 8, ["stroke"])
@@ -3866,12 +3870,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      F(l.$slots, "skeleton", {}, () => [
+      O(l.$slots, "skeleton", {}, () => [
         v(ne) ? (i(), _e(is, { key: 0 })) : h("", !0)
       ], !0)
     ], 46, ks));
   }
-}, $r = /* @__PURE__ */ xs(or, [["__scopeId", "data-v-bb9bd5fa"]]);
+}, $r = /* @__PURE__ */ xs(or, [["__scopeId", "data-v-6d9ff0e2"]]);
 export {
   $r as default
 };