vue-data-ui 3.16.5 → 3.17.0

package/dist/{vue-ui-stackbar-C3qGXmTQ.js → vue-ui-stackbar-DPfxqQUG.js}

@@ -1,35 +1,35 @@
-import { defineAsyncComponent as re, useSlots as no, computed as g, ref as h, shallowRef as Tt, onMounted as io, toRefs as uo, watch as Ie, onBeforeUnmount as je, watchEffect as Re, nextTick as At, openBlock as s, createElementBlock as u, normalizeStyle as q, normalizeClass as ke, createElementVNode as Z, toDisplayString as E, createBlock as ee, createCommentVNode as f, unref as b, withCtx as C, renderSlot as L, normalizeProps as V, guardReactiveProps as B, createSlots as $t, createVNode as Oe, Fragment as w, renderList as S, mergeProps as De, Teleport as co, resolveDynamicComponent as vo, createTextVNode as Pa } from "vue";
-import { u as ho } from "./useConfig-CpJA0VZa.js";
-import { j as Na, t as Fa, m as yo, p as et, n as fo, o as Ia, q as Ra, r as go, s as mo, ar as Ee, E as Oa, D as Da, I as bo, X as po, x as xo, G as de, W as Ea, k as we, l as ne, Z as ko, as as wo, T as Va, a0 as Lo, a1 as Co, U as So, a3 as zo } from "./lib-DBptbyyI.js";
-import { t as Ba, u as Mo } from "./useResponsive-DfdjqQps.js";
+import { defineAsyncComponent as re, useSlots as io, computed as g, ref as h, shallowRef as _t, onMounted as uo, toRefs as co, watch as Re, onBeforeUnmount as tt, watchEffect as Oe, nextTick as At, openBlock as s, createElementBlock as u, normalizeStyle as q, normalizeClass as ke, createElementVNode as Z, toDisplayString as V, createBlock as ee, createCommentVNode as f, unref as b, withCtx as C, renderSlot as L, normalizeProps as D, guardReactiveProps as E, createSlots as $t, createVNode as De, Fragment as w, renderList as S, mergeProps as Ee, Teleport as vo, resolveDynamicComponent as ho, createTextVNode as Pa } from "vue";
+import { u as yo } from "./useConfig-ChRble71.js";
+import { j as Na, t as Ia, m as fo, p as at, n as go, o as Fa, q as Ra, r as mo, s as bo, ar as Ve, E as Oa, D as Da, I as po, X as xo, x as ko, G as de, W as Ea, k as we, l as ne, Z as wo, as as Lo, T as Va, a0 as Co, a1 as So, U as zo, a3 as Mo } from "./lib-DBptbyyI.js";
+import { t as Ba, u as To } from "./useResponsive-DfdjqQps.js";
 import { u as Ua, a as Ha, b as _o } from "./useTimeLabels-C-A2uZKi.js";
-import { u as To } from "./usePrinter-CEpYU3r5.js";
-import { u as Ao, B as $o } from "./BaseScanner-BhhkKVoj.js";
-import { u as Po } from "./useSvgExport-ByUukOZt.js";
+import { u as Ao } from "./usePrinter-CEpYU3r5.js";
+import { u as $o, B as Po } from "./BaseScanner-BhhkKVoj.js";
+import { u as No } from "./useSvgExport-ByUukOZt.js";
 import { u as Pt } from "./useNestedProp-Bf5XFbs8.js";
-import { u as No } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Io } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as Fo } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Io } from "./useStableElementSize-DCNs0Tx7.js";
-import { u as Ro } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Oo } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Do from "./img-LXxMLmCg.js";
-import Eo from "./Title-BeMKE1cj.js";
-import { _ as Vo } from "./Shape-BKRUOeKk.js";
-import Bo from "./vue_ui_stackbar-CuDC4O4b.js";
-import Uo from "./Legend-CS7Xo5LK.js";
-import { A as Ho } from "./A11yDataTable-KcVAX2cP.js";
-import { S as Wo } from "./SlicerPreview-DTjwV0iY.js";
-import { B as Xo } from "./BaseLegendToggle-BQVIawmA.js";
-import { _ as Yo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative" } }, Zo = ["xmlns", "aria-describedby", "viewBox"], Qo = ["x", "y", "width", "height"], jo = { key: 1 }, es = ["id"], ts = ["stop-color"], as = ["stop-color"], ls = ["stop-color"], os = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], ss = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], rs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ns = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], is = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], us = { key: 0 }, cs = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], vs = { key: 0 }, hs = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], ds = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], ys = { key: 0 }, fs = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], gs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ms = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bs = ["x", "y", "font-size", "fill", "font-weight"], ps = ["transform", "font-size", "fill", "font-weight"], xs = ["x", "y", "font-size", "fill", "font-weight"], ks = ["x", "y", "font-size", "font-weight", "fill"], ws = ["x", "y", "font-size", "fill", "font-weight"], Ls = ["x", "y", "font-size", "font-weight", "fill"], Cs = ["x1", "x2", "y1", "y2", "stroke"], Ss = ["x", "y", "font-size", "font-weight", "fill"], zs = ["x1", "x2", "y1", "y2", "stroke"], Ms = ["font-size", "font-weight", "fill", "text-anchor", "transform"], _s = { key: 0 }, Ts = { key: 1 }, As = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], $s = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Ps = { key: 0 }, Ns = { key: 1 }, Fs = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Is = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], Rs = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Os = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Ds = ["data-start", "data-end"], Es = {
+import { u as Ro } from "./useStableElementSize-DCNs0Tx7.js";
+import { u as Oo } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Do } from "./useTimeLabelCollider-CIsgDrl9.js";
+import Eo from "./img-LXxMLmCg.js";
+import Vo from "./Title-BeMKE1cj.js";
+import { _ as Bo } from "./Shape-BKRUOeKk.js";
+import Uo from "./vue_ui_stackbar-CuDC4O4b.js";
+import Ho from "./Legend-CS7Xo5LK.js";
+import { A as Wo } from "./A11yDataTable-KcVAX2cP.js";
+import { S as Xo } from "./SlicerPreview-BIvxyb5W.js";
+import { B as Yo } from "./BaseLegendToggle-BQVIawmA.js";
+import { _ as qo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative" } }, Qo = ["xmlns", "aria-describedby", "viewBox"], jo = ["x", "y", "width", "height"], es = { key: 1 }, ts = ["id"], as = ["stop-color"], ls = ["stop-color"], os = ["stop-color"], ss = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], rs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ns = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], is = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], us = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], cs = { key: 0 }, vs = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], hs = { key: 0 }, ds = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], ys = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], fs = { key: 0 }, gs = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], ms = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ps = ["x", "y", "font-size", "fill", "font-weight"], xs = ["transform", "font-size", "fill", "font-weight"], ks = ["x", "y", "font-size", "fill", "font-weight"], ws = ["x", "y", "font-size", "font-weight", "fill"], Ls = ["x", "y", "font-size", "fill", "font-weight"], Cs = ["x", "y", "font-size", "font-weight", "fill"], Ss = ["x1", "x2", "y1", "y2", "stroke"], zs = ["x", "y", "font-size", "font-weight", "fill"], Ms = ["x1", "x2", "y1", "y2", "stroke"], Ts = ["font-size", "font-weight", "fill", "text-anchor", "transform"], _s = { key: 0 }, As = { key: 1 }, $s = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Ps = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Ns = { key: 0 }, Is = { key: 1 }, Fs = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Rs = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], Os = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Ds = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Es = ["data-start", "data-end"], Vs = {
   key: 0,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
   "aria-hidden": "true"
-}, Vs = {
+}, Bs = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Bs = ["x", "y", "height", "width", "fill", "stroke"], Us = ["id"], Hs = ["onClick"], Ws = ["innerHTML"], Xs = {
+}, Us = ["x", "y", "height", "width", "fill", "stroke"], Hs = ["id"], Ws = ["onClick"], Xs = ["innerHTML"], Ys = {
   __name: "vue-ui-stackbar",
   props: {
     config: {
@@ -50,15 +50,15 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
     }
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel", "selectX", "copyAlt"],
-  setup(tt, { expose: Wa, emit: Xa }) {
-    const Ya = re(() => import("./Tooltip-Bf-kM3_A.js")), qa = re(() => import("./BaseIcon-Cb3zzG6s.js")), Ga = re(() => import("./vue-ui-accordion-BF4v32wv.js")), Ja = re(() => import("./DataTable-DT2kIdQ6.js")), Ka = re(() => import("./PenAndPaper-Ct3qJ4lA.js")), Za = re(() => import("./UserOptions-rW2fRf3V.js")), Qa = re(() => import("./PackageVersion-CvtT2-UH.js")), ja = re(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_stackbar: el } = ho(), { isThemeValid: tl, warnInvalidTheme: al } = No(), ll = no(), F = tt, ae = Xa, Le = g({
+  setup(lt, { expose: Wa, emit: Xa }) {
+    const Ya = re(() => import("./Tooltip-C8KGyqQk.js")), qa = re(() => import("./BaseIcon-Cb3zzG6s.js")), Ga = re(() => import("./vue-ui-accordion-CnDW2UQL.js")), Ja = re(() => import("./DataTable-DT2kIdQ6.js")), Ka = re(() => import("./PenAndPaper-Ct3qJ4lA.js")), Za = re(() => import("./UserOptions-rW2fRf3V.js")), Qa = re(() => import("./PackageVersion-B3kmPxTR.js")), ja = re(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_stackbar: el } = yo(), { isThemeValid: tl, warnInvalidTheme: al } = Io(), ll = io(), I = lt, ae = Xa, Le = g({
       get() {
-        return !!F.dataset && F.dataset.length;
+        return !!I.dataset && I.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), Q = h(null), R = h(Na()), ye = h(!1), at = h(null), lt = h(""), A = h([]), Nt = h(0), Ft = h(null), It = h(null), Ce = h(null), Rt = h(null), Se = h(!1), U = h(null), ie = h(!1), Ot = h(0), ol = h(0), sl = h(0), Dt = h(!1), ze = h(null), ot = h(null), Ve = h(!1), Be = h(!1), Ue = h(null), st = h(null), ue = h(null), ce = h(null), rl = h(null), rt = h(null), Et = Tt(null), Vt = h(!1), Bt = h(0), Ut = h(0), G = h(null), Ht = h({ x: 0, y: 0 }), Wt = h("pointer"), Xt = Io({
+    }), Q = h(null), R = h(Na()), ye = h(!1), Be = h(null), ot = h(""), A = h([]), Nt = h(0), It = h(null), Ft = h(null), Ce = h(null), Rt = h(null), Se = h(!1), B = h(null), ie = h(!1), Ot = h(0), ol = h(0), sl = h(0), Dt = h(!1), ze = h(null), st = h(null), Ue = h(!1), He = h(!1), We = h(null), rt = h(null), ue = h(null), ce = h(null), rl = h(null), nt = h(null), Et = _t(null), Vt = h(!1), Bt = h(0), Ut = h(0), G = h(null), Ht = h({ x: 0, y: 0 }), Wt = h("pointer"), Xt = Ro({
       elementRef: Et,
       minimumWidth: 2,
       minimumHeight: 2,
@@ -68,7 +68,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         qt();
       }
     });
-    function nt() {
+    function it() {
       Et.value = Q.value?.parentNode ?? null;
     }
     function Yt() {
@@ -82,11 +82,11 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
       const t = ++Ut.value;
       Vt.value = !1, await At(), await Yt(), await Yt(), t === Ut.value && (Bt.value += 1, Vt.value = !0);
     }
-    const it = h(null);
-    io(() => {
-      Dt.value = !0, nt(), Xt.start(), ta();
+    const ut = h(null);
+    uo(() => {
+      Dt.value = !0, it(), Xt.start(), ta();
     });
-    const e = h(vt()), X = g(() => e.value.userOptions.useCursorPointer), nl = g(() => Fa({
+    const e = h(ht()), X = g(() => e.value.userOptions.useCursorPointer), nl = g(() => Ia({
       defaultConfig: {
         userOptions: { show: !1 },
         useCssAnimation: !1,
@@ -137,16 +137,16 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: fe, FINAL_DATASET: ut, manualLoading: He } = Ao({
-      ...uo(F),
+    })), { loading: fe, FINAL_DATASET: ct, manualLoading: Xe } = $o({
+      ...co(I),
       FINAL_CONFIG: e,
-      prepareConfig: vt,
+      prepareConfig: ht,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Ke();
+          await Qe();
         });
       },
-      skeletonDataset: F.config?.skeletonDataset ?? [
+      skeletonDataset: I.config?.skeletonDataset ?? [
         {
           name: "",
           series: [2, 3, 5, 8, 13, 21],
@@ -158,20 +158,20 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
           color: "#CACACA"
         }
       ],
-      skeletonConfig: Fa({
+      skeletonConfig: Ia({
         defaultConfig: e.value,
         userConfig: nl.value
       })
-    }), { userOptionsVisible: ct, setUserOptionsVisibility: Gt, keepUserOptionState: Jt } = Fo({ config: e.value }), { svgRef: ge } = Ro({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: vt, setUserOptionsVisibility: Gt, keepUserOptionState: Jt } = Fo({ config: e.value }), { svgRef: ge } = Oo({ config: e.value.style.chart.title });
     function il() {
       Gt(!0);
     }
     function ul() {
-      Gt(!1), ae("selectX", { seriesIndex: null, datapoint: null }), U.value = null, G.value = null, ye.value = !1;
+      Gt(!1), ae("selectX", { seriesIndex: null, datapoint: null }), B.value = null, G.value = null, ye.value = !1;
     }
-    function vt() {
+    function ht() {
       const t = Pt({
-        userConfig: F.config,
+        userConfig: I.config,
         defaultConfig: el
       });
       let l = {};
@@ -181,15 +181,15 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
           al(t), l = t;
         else {
           const o = Pt({
-            userConfig: Bo[a] || F.config,
+            userConfig: Uo[a] || I.config,
             defaultConfig: t
           });
           l = {
             ...Pt({
-              userConfig: F.config,
+              userConfig: I.config,
               defaultConfig: o
             }),
-            customPalette: t.customPalette.length ? t.customPalette : yo[a] || et
+            customPalette: t.customPalette.length ? t.customPalette : fo[a] || at
           };
         }
       else
@@ -197,10 +197,10 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
       return l;
     }
     const Kt = g(() => e.value.style.chart.bars.dataLabels.hideUnderValue != null), Zt = g(() => e.value.style.chart.bars.dataLabels.hideUnderPercentage != null);
-    Ie(() => F.config, (t) => {
-      fe.value || (e.value = vt()), ct.value = !e.value.userOptions.showOnChartHover, ta(), Ot.value += 1, ol.value += 1, sl.value += 1, $.value.dataLabels.show = e.value.style.chart.bars.dataLabels.show, $.value.showTable = e.value.table.show, $.value.showTooltip = e.value.style.chart.tooltip.show, nt(), Ye();
-    }, { deep: !0 }), Ie(() => F.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (He.value = !1), nt(), sa();
+    Re(() => I.config, (t) => {
+      fe.value || (e.value = ht()), vt.value = !e.value.userOptions.showOnChartHover, ta(), Ot.value += 1, ol.value += 1, sl.value += 1, $.value.dataLabels.show = e.value.style.chart.bars.dataLabels.show, $.value.showTable = e.value.table.show, $.value.showTooltip = e.value.style.chart.tooltip.show, it(), Ge();
+    }, { deep: !0 }), Re(() => I.dataset, (t) => {
+      Array.isArray(t) && t.length > 0 && (Xe.value = !1), it(), sa();
     }, { deep: !0 });
     const $ = h({
       dataLabels: {
@@ -209,7 +209,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    Ie(e, () => {
+    Re(e, () => {
       $.value = {
         dataLabels: {
           show: e.value.style.chart.bars.dataLabels.show
@@ -218,7 +218,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    const { isPrinting: ht, isImaging: dt, generatePdf: Qt, generateImage: jt } = To({
+    const { isPrinting: dt, isImaging: yt, generatePdf: Qt, generateImage: jt } = Ao({
       elementId: `stackbar_${R.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-stackbar",
       options: e.value.userOptions.print
@@ -231,14 +231,14 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
         left: e.value.style.chart.padding.left / e.value.style.chart.width
       }
-    }), cl = g(() => fo(e.value.customPalette)), oe = Tt(null), me = Tt(null), ea = h(null), yt = g(() => !!e.value.debug);
+    }), cl = g(() => go(e.value.customPalette)), oe = _t(null), me = _t(null), ea = h(null), ft = g(() => !!e.value.debug);
     function ta() {
-      if (Ia(F.dataset) ? (Ra({
+      if (Fa(I.dataset) ? (Ra({
         componentName: "VueUiStackbar",
         type: "dataset",
-        debug: yt.value
-      }), He.value = !0) : F.dataset.forEach((t, l) => {
-        go({
+        debug: ft.value
+      }), Xe.value = !0) : I.dataset.forEach((t, l) => {
+        mo({
           datasetObject: t,
           requiredAttributes: ["name", "series"]
         }).forEach((a) => {
@@ -247,19 +247,19 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
             type: "datasetSerieAttribute",
             property: a,
             index: l,
-            debug: yt.value
-          }), He.value = !0;
+            debug: ft.value
+          }), Xe.value = !0;
         });
-      }), Ia(F.dataset) || (He.value = e.value.loading), setTimeout(() => {
+      }), Fa(I.dataset) || (Xe.value = e.value.loading), setTimeout(() => {
         ie.value = !0;
       }, 10), e.value.responsive) {
         const t = Ba(() => {
           ie.value = !1;
-          const { width: l, height: a } = Mo({
+          const { width: l, height: a } = To({
             chart: Q.value,
-            title: e.value.style.chart.title.text ? Ft.value : null,
-            legend: e.value.style.chart.legend.show ? It.value : null,
-            slicer: e.value.style.chart.zoom.show && I.value > 6 ? Ce.value.$el : null,
+            title: e.value.style.chart.title.text ? It.value : null,
+            legend: e.value.style.chart.legend.show ? Ft.value : null,
+            slicer: e.value.style.chart.zoom.show && F.value > 6 ? Ce.value.$el : null,
             source: Rt.value
           });
           requestAnimationFrame(() => {
@@ -270,9 +270,9 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         });
         oe.value && (me.value && oe.value.unobserve(me.value), oe.value.disconnect()), oe.value = new ResizeObserver(t), me.value = Q.value.parentNode, oe.value.observe(me.value);
       }
-      qt(), Ke();
+      qt(), Qe();
     }
-    je(() => {
+    tt(() => {
       Xt.stop(), oe.value && (me.value && oe.value.unobserve(me.value), oe.value.disconnect());
     });
     function vl() {
@@ -284,15 +284,15 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         const r = c.getComputedTextLength();
         return r > o ? r : o;
       }, 0));
-      const l = st.value ? st.value.getBoundingClientRect().width : 0;
+      const l = rt.value ? rt.value.getBoundingClientRect().width : 0;
       return t + l + (l ? 24 : 0);
     }
-    const hl = h(0), We = h(0), dl = Ba((t) => {
-      We.value = t + e.value.style.chart.bars.totalValues.fontSize;
+    const hl = h(0), Ye = h(0), dl = Ba((t) => {
+      Ye.value = t + e.value.style.chart.bars.totalValues.fontSize;
     }, 100);
     function yl() {
       if (e.value.orientation !== "horizontal") return 0;
-      const t = rt.value;
+      const t = nt.value;
       if (!t) return 0;
       const l = Array.from(t.querySelectorAll("text"));
       if (!l.length) return 0;
@@ -305,9 +305,9 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         }
       return Math.max(0, a - (n.value?.right ?? 0));
     }
-    Re((t) => {
+    Oe((t) => {
       if (e.value.orientation !== "horizontal") return;
-      const l = rt.value;
+      const l = nt.value;
       if (!l) return;
       const a = () => {
         const r = yl();
@@ -320,21 +320,21 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
       c.observe(l, { childList: !0, subtree: !0, characterData: !0 }), t(() => {
         o.disconnect(), c.disconnect();
       });
-    }), je(() => {
-      hl.value = 0, We.value = 0;
+    }), tt(() => {
+      hl.value = 0, Ye.value = 0;
     });
-    const Xe = h(0), Me = h(0);
+    const qe = h(0), Me = h(0);
     function fl() {
       const t = e.value.orientation === "vertical" ? ce.value : ue.value;
       if (!t) {
-        Xe.value = 0;
+        qe.value = 0;
         return;
       }
       try {
         const l = t.getBBox();
-        Xe.value = Number.isFinite(l?.height) ? l.height : 0;
+        qe.value = Number.isFinite(l?.height) ? l.height : 0;
       } catch {
-        Xe.value = 0;
+        qe.value = 0;
       }
     }
     function gl() {
@@ -344,25 +344,25 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         });
       });
     }
-    je(() => {
+    tt(() => {
       Me.value && cancelAnimationFrame(Me.value);
     });
     const aa = g(() => {
       let t = 0;
-      if (Ue.value)
+      if (We.value)
         try {
-          t = Ue.value.getBBox().height;
+          t = We.value.getBBox().height;
         } catch {
           t = 0;
         }
-      const l = e.value.style.chart.grid.x.timeLabels.show ? Xe.value : 0;
+      const l = e.value.style.chart.grid.x.timeLabels.show ? qe.value : 0;
       return t + l;
     }), n = g(() => {
       Bt.value;
       const { height: t, width: l } = le.value, { right: a } = le.value.paddingRatio;
-      let o = e.value.style.chart.bars.totalValues.show && F.dataset && F.dataset.length > 1 ? e.value.style.chart.bars.totalValues.fontSize * 1.3 : 0, c = 0;
+      let o = e.value.style.chart.bars.totalValues.show && I.dataset && I.dataset.length > 1 ? e.value.style.chart.bars.totalValues.fontSize * 1.3 : 0, c = 0;
       e.value.style.chart.grid.y.axisLabels.show && (c = vl());
-      const r = e.value.style.chart.padding.top + o, d = l - l * a - We.value, x = t - e.value.style.chart.padding.bottom - aa.value - o, k = e.value.style.chart.padding.left + c, M = l - k - l * a - We.value, P = t - r - e.value.style.chart.padding.bottom - aa.value - o;
+      const r = e.value.style.chart.padding.top + o, d = l - l * a - Ye.value, x = t - e.value.style.chart.padding.bottom - aa.value - o, k = e.value.style.chart.padding.left + c, M = l - k - l * a - Ye.value, P = t - r - e.value.style.chart.padding.bottom - aa.value - o;
       return {
         chartHeight: t,
         chartWidth: l,
@@ -374,7 +374,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         height: Math.max(0, P)
       };
     }), ml = g(() => {
-      const { left: t, top: l, width: a, height: o } = n.value, c = v.value.start, r = v.value.end, d = Math.max(1, r - c), x = Math.max(0, Math.min(d, (W.value.start ?? c) - c)), k = Math.max(0, Math.min(d, (W.value.end ?? r) - c)), M = Math.max(0, k - x), P = {
+      const { left: t, top: l, width: a, height: o } = n.value, c = v.value.start, r = v.value.end, d = Math.max(1, r - c), x = Math.max(0, Math.min(d, (H.value.start ?? c) - c)), k = Math.max(0, Math.min(d, (H.value.end ?? r) - c)), M = Math.max(0, k - x), P = {
         fill: e.value.style.chart.zoom.preview.fill,
         stroke: e.value.style.chart.zoom.preview.stroke,
         "stroke-width": e.value.style.chart.zoom.preview.strokeWidth,
@@ -406,8 +406,8 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
           ...P
         };
       }
-    }), H = g(() => ut.value.map((t, l) => {
-      const a = mo(t.color) || cl.value[l] || et[l] || et[l % et.length];
+    }), U = g(() => ct.value.map((t, l) => {
+      const a = bo(t.color) || cl.value[l] || at[l] || at[l % at.length];
       return {
         ...t,
         // In distributed mode, all values are converted to positive
@@ -418,67 +418,67 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         id: Na(),
         color: a
       };
-    })), I = g(() => {
-      const t = Math.max(...H.value.filter((l) => !A.value.includes(l.id)).map((l) => l.series.length));
-      return isFinite(t) ? t : Math.max(...H.value.map((l) => l.series.length));
+    })), F = g(() => {
+      const t = Math.max(...U.value.filter((l) => !A.value.includes(l.id)).map((l) => l.series.length));
+      return isFinite(t) ? t : Math.max(...U.value.map((l) => l.series.length));
     });
     function bl(t) {
-      it.value = t;
+      ut.value = t;
     }
     const v = h({
       start: 0,
-      end: Math.max(...ut.value.map((t) => t.series.length))
-    }), W = h({ start: 0, end: Math.max(...ut.value.map((t) => t.series.length)) }), la = g(() => e.value.style.chart.zoom.preview.enable && (W.value.start !== v.value.start || W.value.end !== v.value.end));
+      end: Math.max(...ct.value.map((t) => t.series.length))
+    }), H = h({ start: 0, end: Math.max(...ct.value.map((t) => t.series.length)) }), la = g(() => e.value.style.chart.zoom.preview.enable && (H.value.start !== v.value.start || H.value.end !== v.value.end));
     function oa(t, l) {
-      W.value[t] = l;
+      H.value[t] = l;
     }
-    function Ye() {
-      const t = I.value;
+    function Ge() {
+      const t = F.value;
       let l = Math.max(0, Math.min(v.value.start ?? 0, t - 1)), a = Math.max(l + 1, Math.min(v.value.end ?? t, t));
-      (!Number.isFinite(l) || !Number.isFinite(a) || a <= l) && (l = 0, a = t), v.value.start = l, v.value.end = a, W.value.start = l, W.value.end = a, Ce.value && (Ce.value.setStartValue(l), Ce.value.setEndValue(a));
+      (!Number.isFinite(l) || !Number.isFinite(a) || a <= l) && (l = 0, a = t), v.value.start = l, v.value.end = a, H.value.start = l, H.value.end = a, Ce.value && (Ce.value.setStartValue(l), Ce.value.setEndValue(a));
     }
-    const _e = h(null);
+    const Te = h(null);
     function pl() {
       return new Promise((t) => requestAnimationFrame(
         () => requestAnimationFrame(() => t())
       ));
     }
-    je(() => {
-      _e.value && cancelAnimationFrame(_e.value);
+    tt(() => {
+      Te.value && cancelAnimationFrame(Te.value);
     });
     async function sa() {
-      Ke(), await At(), _e.value && cancelAnimationFrame(_e.value), _e.value = requestAnimationFrame(async () => {
-        await pl(), Ke();
+      Qe(), await At(), Te.value && cancelAnimationFrame(Te.value), Te.value = requestAnimationFrame(async () => {
+        await pl(), Qe();
       });
     }
     const m = g(() => {
       let t;
       return e.value.orientation === "vertical" ? t = n.value.width / (v.value.end - v.value.start) : t = n.value.height / (v.value.end - v.value.start), t <= 0 ? 0 : t;
-    }), Te = g(() => Ee(H.value.filter((t) => !A.value.includes(t.id))).slice(v.value.start, v.value.end)), ft = g(() => A.value.length === H.value.length), ve = g(() => e.value.style.chart.zoom.minimap.show ? Ee(H.value.map((t) => ({
+    }), _e = g(() => Ve(U.value.filter((t) => !A.value.includes(t.id))).slice(v.value.start, v.value.end)), gt = g(() => A.value.length === U.value.length), ve = g(() => e.value.style.chart.zoom.minimap.show ? Ve(U.value.map((t) => ({
       ...t,
       series: t.series.map((l) => l ?? 0)
-    })).filter((t) => ft.value ? !0 : !A.value.includes(t.id))) : []), xl = g(() => e.value.style.chart.zoom.minimap.show ? [{
+    })).filter((t) => gt.value ? !0 : !A.value.includes(t.id))) : []), xl = g(() => e.value.style.chart.zoom.minimap.show ? [{
       name: "",
       series: ve.value,
       color: "#000000",
       isVisible: !0
-    }] : []), kl = g(() => Ee(H.value.filter((t) => !A.value.includes(t.id)).map((t) => ({
+    }] : []), kl = g(() => Ve(U.value.filter((t) => !A.value.includes(t.id)).map((t) => ({
       ...t,
       series: t.series.map((l, a) => t.signedSeries[a] === -1 && l >= 0 ? -l : l)
-    }))).slice(v.value.start, v.value.end)), qe = g(() => {
-      const t = H.value.filter((l) => !A.value.includes(l.id));
+    }))).slice(v.value.start, v.value.end)), Je = g(() => {
+      const t = U.value.filter((l) => !A.value.includes(l.id));
       return {
-        positive: Ee(t.map((l) => ({
+        positive: Ve(t.map((l) => ({
           ...l,
           series: l.series.slice(v.value.start, v.value.end).map((a) => a >= 0 ? a : 0)
         }))),
-        negative: Ee(t.map((l) => ({
+        negative: Ve(t.map((l) => ({
           ...l,
           series: l.series.slice(v.value.start, v.value.end).map((a) => a < 0 ? a : 0)
         })))
       };
     }), Y = g(() => {
-      const t = e.value.style.chart.grid.scale.scaleMax !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMax : Math.max(...qe.value.positive), l = Math.min(...qe.value.negative), a = e.value.style.chart.grid.scale.scaleMin !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMin : [-1 / 0, 1 / 0, NaN, void 0, null].includes(l) ? 0 : l, o = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Oa(a > 0 ? 0 : a, t < 0 ? 0 : t, e.value.style.chart.grid.scale.ticks) : Da(a > 0 ? 0 : a, t < 0 ? 0 : t, e.value.style.chart.grid.scale.ticks);
+      const t = e.value.style.chart.grid.scale.scaleMax !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMax : Math.max(...Je.value.positive), l = Math.min(...Je.value.negative), a = e.value.style.chart.grid.scale.scaleMin !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMin : [-1 / 0, 1 / 0, NaN, void 0, null].includes(l) ? 0 : l, o = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Oa(a > 0 ? 0 : a, t < 0 ? 0 : t, e.value.style.chart.grid.scale.ticks) : Da(a > 0 ? 0 : a, t < 0 ? 0 : t, e.value.style.chart.grid.scale.ticks);
       return o.ticks.map((c) => ({
         zero: n.value.bottom - n.value.height * (Math.abs(o.min) / (o.max + Math.abs(o.min))),
         y: n.value.bottom - n.value.height * ((c + Math.abs(o.min)) / (o.max + Math.abs(o.min))),
@@ -488,41 +488,41 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         horizontal_y: n.value.bottom - 8,
         value: c
       }));
-    }), O = h([]), be = h([]);
+    }), W = h([]), be = h([]);
     let ra = 0;
-    Re(() => {
+    Oe(() => {
       const t = ++ra;
       (async () => {
         const l = await Ua({
           values: e.value.style.chart.grid.x.timeLabels.values,
-          maxDatapoints: I.value,
+          maxDatapoints: F.value,
           formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
           start: v.value.start,
           end: v.value.end
         });
-        t === ra && (O.value = l);
+        t === ra && (W.value = l);
       })();
     });
     let na = 0;
-    Re(() => {
+    Oe(() => {
       const t = ++na;
       (async () => {
         const l = await Ua({
           values: e.value.style.chart.grid.x.timeLabels.values,
-          maxDatapoints: I.value,
+          maxDatapoints: F.value,
           formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
           start: 0,
-          end: I.value
+          end: F.value
         });
         t === na && (be.value = l);
       })();
     });
     const wl = g(() => {
       const t = e.value.style.chart.grid.x.timeLabels.modulo;
-      return O.value.length ? Math.min(t, [...new Set(O.value.map((l) => l.text))].length) : t;
-    }), gt = g(() => {
-      const t = e.value.style.chart.grid.x.timeLabels, l = O.value || [], a = be.value || [], o = v.value.start ?? 0, c = U.value, r = I.value, d = l.map((k) => k?.text ?? ""), x = a.map((k) => k?.text ?? "");
-      return bo(
+      return W.value.length ? Math.min(t, [...new Set(W.value.map((l) => l.text))].length) : t;
+    }), mt = g(() => {
+      const t = e.value.style.chart.grid.x.timeLabels, l = W.value || [], a = be.value || [], o = v.value.start ?? 0, c = B.value, r = F.value, d = l.map((k) => k?.text ?? ""), x = a.map((k) => k?.text ?? "");
+      return po(
         !!t.showOnlyFirstAndLast,
         !!t.showOnlyAtModulo,
         Math.max(1, wl.value || 1),
@@ -533,12 +533,12 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         r
       );
     });
-    Re(() => {
-      e.value.orientation, e.value.style.chart.grid.x.timeLabels.show, e.value.style.chart.grid.x.timeLabels.fontSize, e.value.style.chart.grid.x.timeLabels.rotation, e.value.style.chart.grid.x.timeLabels.offsetY, gt.value?.map((t) => t?.text ?? "").join("|"), Y.value?.map((t) => t?.value ?? "").join("|"), le.value.width, le.value.height, ce.value, ue.value, Ue.value, gl();
+    Oe(() => {
+      e.value.orientation, e.value.style.chart.grid.x.timeLabels.show, e.value.style.chart.grid.x.timeLabels.fontSize, e.value.style.chart.grid.x.timeLabels.rotation, e.value.style.chart.grid.x.timeLabels.offsetY, mt.value?.map((t) => t?.text ?? "").join("|"), Y.value?.map((t) => t?.value ?? "").join("|"), le.value.width, le.value.height, ce.value, ue.value, We.value, gl();
     }, { flush: "post" });
     const ia = h({ months: [], shortMonths: [], days: [], shortDays: [] });
     let ua = 0;
-    Re(() => {
+    Oe(() => {
       const t = ++ua, l = e.value.style.chart.grid.x.timeLabels.datetimeFormatter;
       (async () => {
         const a = await Ha(l.locale).catch(() => Ha("en"));
@@ -558,100 +558,100 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
     }), va = g(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, a) => ({
       text: ca.value(a, e.value.style.chart.zoom.timeFormat),
       absoluteIndex: a
-    }))), mt = g(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, a) => ({
+    }))), Ll = g(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, a) => ({
       text: ca.value(a, e.value.style.chart.tooltip.timeFormat),
       absoluteIndex: a
     }))), z = g(() => {
       if (!Le.value && !fe.value) return [];
-      let t = Array(I.value).fill(0), l = Array(I.value).fill(0), a = Array(I.value).fill(0), o = Array(I.value).fill(0);
-      const c = Math.max(...qe.value.positive) || 0, r = Math.min(...qe.value.negative), d = [-1 / 0, 1 / 0, NaN, void 0, null].includes(r) ? 0 : r, x = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Oa(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : d > 0 ? 0 : d, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks) : Da(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : d > 0 ? 0 : d, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks), { min: k, max: M } = x, P = M + (k >= 0 ? 0 : Math.abs(k)) || 1, N = n.value.height, j = n.value.width, he = Y.value[0] ? Y.value[0].zero : n.value.bottom, Fe = Y.value[0] ? Y.value[0].horizontal_zero : n.value.left;
-      let J = Array(ve.value.length).fill(0), _a = Array(ve.value.length).fill(0);
-      return H.value.filter((xe) => !A.value.includes(xe.id)).map((xe) => {
-        const se = xe.series.slice(), Ta = se.map((y, p) => J[p]), Gl = se.map((y, p) => _a[p]);
+      let t = Array(F.value).fill(0), l = Array(F.value).fill(0), a = Array(F.value).fill(0), o = Array(F.value).fill(0);
+      const c = Math.max(...Je.value.positive) || 0, r = Math.min(...Je.value.negative), d = [-1 / 0, 1 / 0, NaN, void 0, null].includes(r) ? 0 : r, x = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Oa(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : d > 0 ? 0 : d, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks) : Da(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : d > 0 ? 0 : d, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks), { min: k, max: M } = x, P = M + (k >= 0 ? 0 : Math.abs(k)) || 1, N = n.value.height, j = n.value.width, he = Y.value[0] ? Y.value[0].zero : n.value.bottom, Ie = Y.value[0] ? Y.value[0].horizontal_zero : n.value.left;
+      let Fe = Array(ve.value.length).fill(0), J = Array(ve.value.length).fill(0);
+      return U.value.filter((xe) => !A.value.includes(xe.id)).map((xe) => {
+        const se = xe.series.slice(), _a = se.map((y, p) => Fe[p]), Jl = se.map((y, p) => J[p]);
         se.forEach((y, p) => {
-          (Number(y) || 0) >= 0 ? J[p] += Number(y) || 0 : _a[p] += Math.abs(Number(y) || 0);
+          (Number(y) || 0) >= 0 ? Fe[p] += Number(y) || 0 : J[p] += Math.abs(Number(y) || 0);
         });
-        const te = xe.series.slice(v.value.start, v.value.end), Jl = xe.signedSeries.slice(v.value.start, v.value.end), Kl = te.map((y, p) => n.value.left + m.value * p + m.value * e.value.style.chart.bars.gapRatio / 4), Qe = (ve.value || []).filter(Number.isFinite), zt = Qe.length ? Math.max(...Qe) : 0, Mt = Qe.length ? Math.min(...Qe) : 0;
+        const te = xe.series.slice(v.value.start, v.value.end), Kl = xe.signedSeries.slice(v.value.start, v.value.end), Zl = te.map((y, p) => n.value.left + m.value * p + m.value * e.value.style.chart.bars.gapRatio / 4), et = (ve.value || []).filter(Number.isFinite), zt = et.length ? Math.max(...et) : 0, Mt = et.length ? Math.min(...et) : 0;
         function Aa({ minimapH: y }) {
-          const _ = zt > 0, D = Mt < 0;
-          if (_ && D) {
+          const T = zt > 0, O = Mt < 0;
+          if (T && O) {
             const K = Math.max(zt, Math.abs(Mt)) || 1e-9;
             return {
               pxPerUnit: y / 2 / K,
               zero: y / 2
             };
           }
-          if (_) {
+          if (T) {
             const K = Math.max(1e-9, zt);
             return {
               pxPerUnit: y / K,
               zero: y
             };
           }
-          const T = Math.max(1e-9, Math.abs(Mt));
+          const _ = Math.max(1e-9, Math.abs(Mt));
           return {
-            pxPerUnit: y / T,
+            pxPerUnit: y / _,
             zero: 0
           };
         }
-        const Zl = ({ left: y, unitW: p }) => {
-          const _ = p * (e.value.style.chart.bars.gapRatio / 4);
-          return se.map((D, T) => y + p * T + _);
-        }, Ql = te.map((y, p) => n.value.top + m.value * p + m.value * e.value.style.chart.bars.gapRatio / 4), jl = te.map((y, p) => {
-          const _ = e.value.style.chart.bars.distributed ? (y || 0) / Te.value[p] : (y || 0) / P;
-          let D, T;
-          return y > 0 ? (T = N * _, D = he - T - t[p], t[p] += T) : (T = N * _, D = he + a[p], a[p] += Math.abs(T)), D;
-        }), eo = ({ minimapH: y }) => {
+        const Ql = ({ left: y, unitW: p }) => {
+          const T = p * (e.value.style.chart.bars.gapRatio / 4);
+          return se.map((O, _) => y + p * _ + T);
+        }, jl = te.map((y, p) => n.value.top + m.value * p + m.value * e.value.style.chart.bars.gapRatio / 4), eo = te.map((y, p) => {
+          const T = e.value.style.chart.bars.distributed ? (y || 0) / _e.value[p] : (y || 0) / P;
+          let O, _;
+          return y > 0 ? (_ = N * T, O = he - _ - t[p], t[p] += _) : (_ = N * T, O = he + a[p], a[p] += Math.abs(_)), O;
+        }), to = ({ minimapH: y }) => {
           if (e.value.style.chart.bars.distributed)
-            return se.map((T, K) => {
-              const _t = Math.abs(Number(T) || 0), $a = Math.abs(ve.value?.[K] || 0) || 1e-9, ro = (Ta[K] + _t) / $a;
-              return y - ro * y;
+            return se.map((_, K) => {
+              const Tt = Math.abs(Number(_) || 0), $a = Math.abs(ve.value?.[K] || 0) || 1e-9, no = (_a[K] + Tt) / $a;
+              return y - no * y;
             });
-          const { pxPerUnit: p, zero: _ } = Aa({ minimapH: y });
-          return se.map((D, T) => {
-            const K = Number(D) || 0;
-            return K >= 0 ? _ - (Ta[T] + K) * p : _ + Gl[T] * p;
+          const { pxPerUnit: p, zero: T } = Aa({ minimapH: y });
+          return se.map((O, _) => {
+            const K = Number(O) || 0;
+            return K >= 0 ? T - (_a[_] + K) * p : T + Jl[_] * p;
           });
-        }, to = te.map((y, p) => {
-          const _ = e.value.style.chart.bars.distributed ? (y || 0) / Te.value[p] : (y || 0) / P;
-          let D, T;
-          return y > 0 ? (T = j * _, D = Fe + l[p], l[p] += T) : (T = j * _, D = Fe - Math.abs(T) - o[p], o[p] += Math.abs(T)), D;
-        }), ao = te.map((y, p) => {
-          const _ = e.value.style.chart.bars.distributed ? (y || 0) / Te.value[p] : (y || 0) / P;
-          return y > 0 ? N * _ : N * Math.abs(_);
-        }), lo = ({ minimapH: y }) => {
+        }, ao = te.map((y, p) => {
+          const T = e.value.style.chart.bars.distributed ? (y || 0) / _e.value[p] : (y || 0) / P;
+          let O, _;
+          return y > 0 ? (_ = j * T, O = Ie + l[p], l[p] += _) : (_ = j * T, O = Ie - Math.abs(_) - o[p], o[p] += Math.abs(_)), O;
+        }), lo = te.map((y, p) => {
+          const T = e.value.style.chart.bars.distributed ? (y || 0) / _e.value[p] : (y || 0) / P;
+          return y > 0 ? N * T : N * Math.abs(T);
+        }), oo = ({ minimapH: y }) => {
           if (e.value.style.chart.bars.distributed)
-            return se.map((D, T) => {
-              const K = Math.abs(Number(D) || 0), _t = Math.abs(ve.value?.[T] || 0) || 1e-9;
-              return K / _t * y;
+            return se.map((O, _) => {
+              const K = Math.abs(Number(O) || 0), Tt = Math.abs(ve.value?.[_] || 0) || 1e-9;
+              return K / Tt * y;
             });
           const { pxPerUnit: p } = Aa({ minimapH: y });
-          return se.map((_) => Math.abs(Number(_) || 0) * p);
-        }, oo = te.map((y, p) => {
-          const _ = e.value.style.chart.bars.distributed ? (y || 0) / Te.value[p] : (y || 0) / P;
-          return y > 0 ? j * _ : j * Math.abs(_);
-        }), so = te.map((y) => Math.abs(y)).reduce((y, p) => y + p, 0);
+          return se.map((T) => Math.abs(Number(T) || 0) * p);
+        }, so = te.map((y, p) => {
+          const T = e.value.style.chart.bars.distributed ? (y || 0) / _e.value[p] : (y || 0) / P;
+          return y > 0 ? j * T : j * Math.abs(T);
+        }), ro = te.map((y) => Math.abs(y)).reduce((y, p) => y + p, 0);
         return {
           ...xe,
-          proportions: te.map((y, p) => e.value.style.chart.bars.distributed ? (y || 0) / Te.value[p] : (y || 0) / so),
+          proportions: te.map((y, p) => e.value.style.chart.bars.distributed ? (y || 0) / _e.value[p] : (y || 0) / ro),
           series: te,
-          signedSeries: Jl,
-          x: Kl,
-          y: jl,
-          height: ao,
-          horizontal_width: oo,
-          horizontal_y: Ql,
-          horizontal_x: to,
-          xMinimap: Zl,
-          yMinimap: eo,
-          heightMinimap: lo
+          signedSeries: Kl,
+          x: Zl,
+          y: eo,
+          height: lo,
+          horizontal_width: so,
+          horizontal_y: jl,
+          horizontal_x: ao,
+          xMinimap: Ql,
+          yMinimap: to,
+          heightMinimap: oo
         };
       });
     }), ha = g(() => kl.value.map((t, l) => ({
       value: t,
       sign: t >= 0 ? 1 : -1
     })));
-    function Ge(t, l, a, o, c) {
+    function Ke(t, l, a, o, c) {
       const r = c === -1 && t >= 0 ? -t : t;
       return we(
         e.value.style.chart.bars.dataLabels.formatter,
@@ -685,7 +685,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         color: a.color,
         id: a.id
       }));
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: t + v.value.start }), ae("selectDatapoint", { datapoint: l, period: O.value[t] });
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: t + v.value.start }), ae("selectDatapoint", { datapoint: l, period: W.value[t] });
     }
     function pt(t) {
       return JSON.parse(JSON.stringify(z.value)).map((l) => ({
@@ -703,35 +703,42 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         const l = pt(t);
         e.value.events.datapointLeave({ datapoint: l, seriesIndex: t + v.value.start });
       }
-      ye.value = !1, U.value = null, G.value === t && (G.value = null);
+      ye.value = !1, B.value = null, G.value === t && (G.value = null);
     }
-    const Ll = g(() => Array(I.value).fill(0).map((t, l) => pt(l)));
-    Ie(() => F.selectedXIndex, (t) => {
-      if ([null, void 0].includes(F.selectedXIndex)) {
-        U.value = null;
+    const Cl = g(() => Array(F.value).fill(0).map((t, l) => pt(l)));
+    Re(() => I.selectedXIndex, (t) => {
+      if ([null, void 0].includes(I.selectedXIndex)) {
+        B.value = null;
         return;
       }
       const l = t - v.value.start;
-      l < 0 || t >= v.value.end ? U.value = null : U.value = l ?? null;
+      l < 0 || t >= v.value.end ? B.value = null : B.value = l ?? null;
     }, { immediate: !0 });
+    function fa(t) {
+      if (!e.value.style.chart.tooltip.showTimeLabel)
+        return null;
+      const l = W.value?.[t]?.text || null, a = Ll.value?.[t]?.text || null, o = be.value?.[t]?.text || null;
+      return e.value.style.chart.tooltip.useDefaultTimeFormat ? l : a || o;
+    }
     function xt(t, l = "pointer") {
-      if (ft.value) return;
-      Wt.value = l, G.value = t, U.value = t, ye.value = !0;
+      if (gt.value) return;
+      Wt.value = l, G.value = t, B.value = t, ye.value = !0;
       const a = e.value.style.chart.tooltip.customFormat, o = pt(t);
-      Bl({ seriesIndex: t, datapoint: o }), e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: o, seriesIndex: t + v.value.start }), at.value = {
+      Ul({ seriesIndex: t, datapoint: o }), e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: o, seriesIndex: t + v.value.start }), Be.value = {
+        timeLabel: fa(t),
         datapoint: o,
         seriesIndex: t,
         config: e.value,
         series: z.value
       };
       const c = o.map((d) => Math.abs(d.value)).reduce((d, x) => d + x, 0), r = o.map((d) => de(d.value)).reduce((d, x) => d + x, 0);
-      if (Va(a) && So(() => a({
+      if (Va(a) && zo(() => a({
         seriesIndex: t,
         datapoint: o,
         series: z.value,
         config: e.value
       })))
-        lt.value = a({
+        ot.value = a({
           seriesIndex: t,
           datapoint: o,
           series: z.value,
@@ -748,7 +755,8 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
           roundingPercentage: j
         } = e.value.style.chart.tooltip;
         let he = "";
-        (O.value[t] && O.value[t].text || mt.value[t] && mt.value[t].text && e.value.style.chart.tooltip.showTimeLabel) && (he += `<div style="width:100%;text-align:center;border-bottom:1px solid ${P};padding-bottom:6px;margin-bottom:3px;">${e.value.style.chart.tooltip.useDefaultTimeFormat ? O.value[t]?.text : mt.value[t]?.text || be.value[t]?.text || ""}</div>`), x && (he += `<div class="vue-data-ui-tooltip-total" style="display:flex;flex-direction:row;align-items:center;gap:4px">
+        const Ie = fa(t);
+        Ie && (he += `<div style="width:100%;text-align:center;border-bottom:1px solid ${P};padding-bottom:6px;margin-bottom:3px;">${Ie}</div>`), x && (he += `<div class="vue-data-ui-tooltip-total" style="display:flex;flex-direction:row;align-items:center;gap:4px">
                 <span>${k}:</span>
                 <span>
                     ${we(
@@ -789,60 +797,60 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
           }) : ""}${Fe[1]}
                 </div>
             `;
-        }), lt.value = `<div>${he}</div>`;
+        }), ot.value = `<div>${he}</div>`;
       }
     }
-    const Cl = g(() => le.value.width), Sl = g(() => le.value.height);
-    Oo({
+    const Sl = g(() => le.value.width), zl = g(() => le.value.height);
+    Do({
       timeLabelsEls: e.value.orientation === "vertical" ? ce : ue,
-      timeLabels: O,
+      timeLabels: W,
       slicer: v,
       configRef: e,
       rotationPath: ["style", "chart", "grid", "x", "timeLabels", "rotation"],
       autoRotatePath: ["style", "chart", "grid", "x", "timeLabels", "autoRotate", "enable"],
       isAutoSize: !1,
-      width: Cl,
-      height: Sl,
+      width: Sl,
+      height: zl,
       rotation: e.value.style.chart.grid.x.timeLabels.autoRotate.angle
     });
-    function fa(t) {
+    function ga(t) {
       Se.value = t, Nt.value += 1;
     }
-    function ga() {
+    function ma() {
       $.value.showTable = !$.value.showTable;
     }
-    function ma() {
+    function ba() {
       $.value.dataLabels.show = !$.value.dataLabels.show;
     }
-    function ba() {
+    function pa() {
       $.value.showTooltip = !$.value.showTooltip;
     }
-    function zl() {
+    function Ml() {
       return z.value;
     }
-    const pa = g(() => {
+    const xa = g(() => {
       if (z.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
       const t = z.value.map(({ name: a, color: o }) => ({
         label: a,
         color: o
       })), l = [];
-      return O.value.forEach((a) => {
+      return W.value.forEach((a) => {
         const o = [e.value.style.chart.grid.x.timeLabels.values[a.absoluteIndex] ? a.text : i + 1];
-        H.value.forEach((c) => {
+        U.value.forEach((c) => {
           o.push(Number((c.series[a.absoluteIndex] || 0).toFixed(e.value.table.td.roundingValue)));
         }), l.push(o);
       }), { head: t, body: l };
     });
     function kt(t = null) {
-      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = ["", ...pa.value.head.map((d) => d.label)], o = pa.value.body, c = l.concat([a]).concat(o), r = Lo(c);
-      t ? t(r) : Co({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
+      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = ["", ...xa.value.head.map((d) => d.label)], o = xa.value.body, c = l.concat([a]).concat(o), r = Co(c);
+      t ? t(r) : So({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
     }
     const pe = g(() => {
       const t = [""].concat(z.value.map((c) => c.name)).concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>');
       let l = [];
-      for (let c = 0; c < I.value; c += 1) {
+      for (let c = 0; c < F.value; c += 1) {
         const r = z.value.map((d) => d.series[c] ?? 0).reduce((d, x) => d + x, 0);
-        l.push([e.value.style.chart.grid.x.timeLabels.values.slice(v.value.start, v.value.end)[c] ? O.value[c]?.text : c + 1].concat(z.value.map((d) => (d.series[c] ?? 0).toFixed(e.value.table.td.roundingValue))).concat((r ?? 0).toFixed(e.value.table.td.roundingValue)));
+        l.push([e.value.style.chart.grid.x.timeLabels.values.slice(v.value.start, v.value.end)[c] ? W.value[c]?.text : c + 1].concat(z.value.map((d) => (d.series[c] ?? 0).toFixed(e.value.table.td.roundingValue))).concat((r ?? 0).toFixed(e.value.table.td.roundingValue)));
       }
       const a = {
         th: {
@@ -859,7 +867,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
       }, o = [e.value.table.columnNames.period].concat(z.value.map((c) => c.name)).concat(e.value.table.columnNames.total);
       return { head: t, body: l.slice(0, v.value.end - v.value.start), config: a, colNames: o };
     });
-    function Ml() {
+    function Tl() {
       A.value.length ? A.value = [] : Ae.value.forEach((t) => {
         A.value.push(t.id);
       });
@@ -868,26 +876,26 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
       if (A.value.includes(t.id))
         A.value = A.value.filter((l) => l !== t.id);
       else {
-        if (A.value.length === H.value.length - 1) return;
+        if (A.value.length === U.value.length - 1) return;
         A.value.push(t.id);
       }
       ae("selectLegend", z.value);
     }
-    function xa(t) {
-      if (!H.value.length)
+    function ka(t) {
+      if (!U.value.length)
         return e.value.debug && console.warn("VueUiStackbar - There are no series to show."), null;
-      const l = H.value.find((a) => a.name === t);
+      const l = U.value.find((a) => a.name === t);
       return l || (e.value.debug && console.warn(`VueUiStackbar - Series name not found "${t}"`), null);
     }
     function _l(t) {
-      const l = xa(t);
+      const l = ka(t);
       l !== null && A.value.includes(l.id) && wt({ id: l.id });
     }
-    function Tl(t) {
-      const l = xa(t);
+    function Al(t) {
+      const l = ka(t);
       l !== null && (A.value.includes(l.id) || wt({ id: l.id }));
     }
-    const Ae = g(() => H.value.map((t, l) => ({
+    const Ae = g(() => U.value.map((t, l) => ({
       ...t,
       shape: "square"
     })).map((t) => ({
@@ -895,7 +903,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
       opacity: A.value.includes(t.id) ? 0.5 : 1,
       segregate: () => wt(t),
       isSegregated: A.value.includes(t.id)
-    }))), Al = g(() => ({
+    }))), $l = g(() => ({
       cy: "stackbar-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -906,7 +914,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
     function Lt() {
       $e.value = !$e.value;
     }
-    function Je(t, l) {
+    function Ze(t, l) {
       const a = JSON.parse(JSON.stringify(z.value)).map((o) => ({
         name: o.name,
         value: o.series[l] === 0 ? 0 : (o.signedSeries[l] === -1 && o.series[l] >= 0 ? -o.series[l] : o.series[l]) || null,
@@ -920,13 +928,13 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         label: t.text
       });
     }
-    const $l = g(() => Math.max(...z.value.flatMap((t) => t.series)));
-    function ka(t, l) {
-      return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Zt.value ? l * 100 >= e.value.style.chart.bars.dataLabels.hideUnderPercentage : e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? l > 0 : !0 : Zt.value ? (Kt.value && yt.value && console.warn("Vue Data UI - VueUiStackbar - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case."), t > $l.value * e.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : Kt.value ? Math.abs(t) >= e.value.style.chart.bars.dataLabels.hideUnderValue : e.value.style.chart.bars.dataLabels.hideEmptyValues ? t !== 0 : !0;
+    const Pl = g(() => Math.max(...z.value.flatMap((t) => t.series)));
+    function wa(t, l) {
+      return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Zt.value ? l * 100 >= e.value.style.chart.bars.dataLabels.hideUnderPercentage : e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? l > 0 : !0 : Zt.value ? (Kt.value && ft.value && console.warn("Vue Data UI - VueUiStackbar - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case."), t > Pl.value * e.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : Kt.value ? Math.abs(t) >= e.value.style.chart.bars.dataLabels.hideUnderValue : e.value.style.chart.bars.dataLabels.hideEmptyValues ? t !== 0 : !0;
     }
-    async function Pl({ scale: t = 2 } = {}) {
+    async function Nl({ scale: t = 2 } = {}) {
       if (!Q.value) return;
-      const { width: l, height: a } = Q.value.getBoundingClientRect(), o = l / a, { imageUri: c, base64: r } = await Do({ domElement: Q.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: a } = Q.value.getBoundingClientRect(), o = l / a, { imageUri: c, base64: r } = await Eo({ domElement: Q.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: c,
         base64: r,
@@ -967,70 +975,70 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         }
       };
     });
-    Ie(() => $.value.showTable, (t) => {
+    Re(() => $.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && ze.value ? ze.value.open() : "close" in ze.value && ze.value.close());
     });
-    function wa() {
-      $.value.showTable = !1, ot.value && ot.value.setTableIconState(!1);
+    function La() {
+      $.value.showTable = !1, st.value && st.value.setTableIconState(!1);
     }
-    const Nl = g(() => e.value.style.chart.backgroundColor), Fl = g(() => e.value.style.chart.legend), Il = g(() => e.value.style.chart.title), { exportSvg: Rl, getSvg: Ol } = Po({
+    const Il = g(() => e.value.style.chart.backgroundColor), Fl = g(() => e.value.style.chart.legend), Rl = g(() => e.value.style.chart.title), { exportSvg: Ol, getSvg: Dl } = No({
       svg: ge,
-      title: Il,
+      title: Rl,
       legend: Fl,
       legendItems: Ae,
-      backgroundColor: Nl
+      backgroundColor: Il
     });
-    async function La({ isCb: t }) {
-      Be.value = !0, await At();
+    async function Ca({ isCb: t }) {
+      He.value = !0, await At();
       try {
         if (t) {
-          const { blob: l, url: a, text: o, dataUrl: c } = await Ol();
+          const { blob: l, url: a, text: o, dataUrl: c } = await Dl();
           await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: c }));
         } else
-          await Promise.resolve(Rl());
+          await Promise.resolve(Ol());
       } finally {
-        Be.value = !1;
+        He.value = !1;
       }
     }
-    function Dl(t) {
+    function El(t) {
       if (t?.stage === "start") {
-        Ve.value = !0;
+        Ue.value = !0;
         return;
       }
       if (t?.stage === "end") {
-        Ve.value = !1;
+        Ue.value = !1;
         return;
       }
       jt();
     }
-    function Ca(t) {
-      const l = I.value;
+    function Sa(t) {
+      const l = F.value;
       return t > l ? l : t < 0 || t < v.value.start ? e.value.style.chart.zoom.startIndex !== null ? v.value.start + 1 : 1 : t;
     }
-    const Ne = h(!1), Sa = h(!1);
-    function Ke() {
+    const Ne = h(!1), za = h(!1);
+    function Qe() {
       if (!Ne.value) {
         Ne.value = !0;
         try {
-          const { startIndex: t, endIndex: l } = e.value.style.chart.zoom, a = I.value, o = t ?? 0, c = l != null ? Math.min(Ca(l + 1), a) : a;
-          Ze.value = !0, v.value.start = o, v.value.end = c, W.value.start = o, W.value.end = c, Ye(), Sa.value = !0;
+          const { startIndex: t, endIndex: l } = e.value.style.chart.zoom, a = F.value, o = t ?? 0, c = l != null ? Math.min(Sa(l + 1), a) : a;
+          je.value = !0, v.value.start = o, v.value.end = c, H.value.start = o, H.value.end = c, Ge(), za.value = !0;
         } finally {
           queueMicrotask(() => {
-            Ze.value = !1;
+            je.value = !1;
           }), Ne.value = !1;
         }
       }
     }
-    const Ze = h(!1);
-    function El(t) {
-      Ne.value || Ze.value || t !== v.value.start && (v.value.start = t, W.value.start = t, Ye());
-    }
+    const je = h(!1);
     function Vl(t) {
-      if (Ne.value || Ze.value) return;
-      const l = Ca(t);
-      l !== v.value.end && (v.value.end = l, W.value.end = l, Ye());
+      Ne.value || je.value || t !== v.value.start && (v.value.start = t, H.value.start = t, Ge());
+    }
+    function Bl(t) {
+      if (Ne.value || je.value) return;
+      const l = Sa(t);
+      l !== v.value.end && (v.value.end = l, H.value.end = l, Ge());
     }
-    function Bl({ seriesIndex: t, datapoint: l }) {
+    function Ul({ seriesIndex: t, datapoint: l }) {
       const a = v.value.start + t;
       ae("selectX", {
         dataset: l,
@@ -1038,11 +1046,11 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         indexLabel: e.value.style.chart.grid.x.timeLabels.values[a]
       });
     }
-    function za() {
+    function Ma() {
       return { y0: Y.value?.[0]?.zero ?? n.value.bottom };
     }
-    function Ul(t) {
-      const { y0: l } = za(), a = e.value.style.chart.bars.totalValues, o = Math.max(2, a.fontSize * 0.3 + a.offsetY);
+    function Hl(t) {
+      const { y0: l } = Ma(), a = e.value.style.chart.bars.totalValues, o = Math.max(2, a.fontSize * 0.3 + a.offsetY);
       let c = 1 / 0, r = !1;
       for (const M of z.value || []) {
         const P = M?.series?.[t] ?? 0, N = M?.height?.[t] ?? 0, j = M?.y?.[t];
@@ -1054,8 +1062,8 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         n.value.bottom
       );
     }
-    function Hl(t) {
-      const { x0: l } = za(), a = Math.max(2, e.value.style.chart.bars.totalValues.fontSize * 0.3 + e.value.style.chart.bars.totalValues.offsetX);
+    function Wl(t) {
+      const { x0: l } = Ma(), a = Math.max(2, e.value.style.chart.bars.totalValues.fontSize * 0.3 + e.value.style.chart.bars.totalValues.offsetX);
       let o = -1 / 0, c = !1;
       for (const d of z.value || []) {
         const x = d?.series?.[t] ?? 0, k = d?.horizontal_x?.[t], M = d?.horizontal_width?.[t], P = Number.isFinite(M) ? Math.max(0, M) : 0;
@@ -1063,7 +1071,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
       }
       return (c && Number.isFinite(o) ? o : l) + a;
     }
-    async function Ma() {
+    async function Ta() {
       if (ae("copyAlt", {
         config: e.value,
         dataset: z.value
@@ -1077,20 +1085,20 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
       }));
     }
     const Ct = h(!1);
-    function Wl() {
+    function Xl() {
       G.value = null, Ct.value = !0;
     }
-    function Xl() {
-      G.value = null, ye.value = !1, U.value = null, ae("selectX", { seriesIndex: null, datapoint: null }), Ct.value = !1;
+    function Yl() {
+      G.value = null, ye.value = !1, B.value = null, ae("selectX", { seriesIndex: null, datapoint: null }), Ct.value = !1;
     }
-    function Yl(t) {
-      if (!ge.value || $e.value || document.activeElement !== ge.value || ft.value || !v.value.end && v.value.end !== 0) return;
+    function ql(t) {
+      if (!ge.value || $e.value || document.activeElement !== ge.value || gt.value || !v.value.end && v.value.end !== 0) return;
       const l = e.value.orientation === "vertical", a = e.value.orientation === "horizontal", o = l && t.key === "ArrowLeft" || a && t.key === "ArrowUp", c = l && t.key === "ArrowRight" || a && t.key === "ArrowDown", r = t.key === "Enter" || t.key === " ", d = t.key === "Escape";
       if (!o && !c && !r && !d) return;
       const x = v.value.end - v.value.start;
       if (x <= 0) return;
       if (t.preventDefault(), t.stopPropagation(), d) {
-        G.value = null, ye.value = !1, U.value = null, ae("selectX", { seriesIndex: null, datapoint: null });
+        G.value = null, ye.value = !1, B.value = null, ae("selectX", { seriesIndex: null, datapoint: null });
         return;
       }
       if (r) {
@@ -1099,14 +1107,14 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         return;
       }
       let k = G.value;
-      const M = U.value, P = k !== null && k >= 0 && k < x, N = M !== null && M >= 0 && M < x;
-      P ? c ? (k += 1, k >= x && (k = 0)) : o && (k -= 1, k < 0 && (k = x - 1)) : N ? (k = c ? M + 1 : M - 1, k >= x && (k = 0), k < 0 && (k = x - 1)) : c ? k = 0 : k = x - 1, G.value = k, ql(k), xt(k, "keyboard");
+      const M = B.value, P = k !== null && k >= 0 && k < x, N = M !== null && M >= 0 && M < x;
+      P ? c ? (k += 1, k >= x && (k = 0)) : o && (k -= 1, k < 0 && (k = x - 1)) : N ? (k = c ? M + 1 : M - 1, k >= x && (k = 0), k < 0 && (k = x - 1)) : c ? k = 0 : k = x - 1, G.value = k, Gl(k), xt(k, "keyboard");
     }
-    function ql(t) {
+    function Gl(t) {
       if (!Number.isFinite(t)) return;
       let l, a;
       e.value.orientation === "vertical" ? (l = n.value.left + t * m.value + m.value / 2, a = n.value.top + n.value.height / 2) : (l = n.value.left + n.value.width / 2, a = n.value.top + t * m.value + m.value / 2);
-      const o = zo(l, a, ge.value);
+      const o = Mo(l, a, ge.value);
       o && (Ht.value = o);
     }
     const St = g(() => {
@@ -1114,20 +1122,20 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
       return { headers: t, rows: l };
     });
     return Wa({
-      getData: zl,
-      getImage: Pl,
+      getData: Ml,
+      getImage: Nl,
       generatePdf: Qt,
       generateCsv: kt,
       generateImage: jt,
-      generateSvg: La,
-      hideSeries: Tl,
+      generateSvg: Ca,
+      hideSeries: Al,
       showSeries: _l,
-      toggleTable: ga,
-      toggleLabels: ma,
-      toggleTooltip: ba,
+      toggleTable: ma,
+      toggleLabels: ba,
+      toggleTooltip: pa,
       toggleAnnotator: Lt,
-      toggleFullscreen: fa,
-      copyAlt: Ma
+      toggleFullscreen: ga,
+      copyAlt: Ta
     }), (t, l) => (s(), u("div", {
       id: `stackbar_${R.value}`,
       ref_key: "stackbarChart",
@@ -1141,9 +1149,9 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         id: `chart-instructions-${R.value}`,
         class: "sr-only"
       }, [
-        Z("p", null, E(e.value.a11y.translations.keyboardNavigation), 1)
-      ], 8, Go),
-      St.value?.rows?.length ? (s(), ee(Ho, {
+        Z("p", null, V(e.value.a11y.translations.keyboardNavigation), 1)
+      ], 8, Jo),
+      St.value?.rows?.length ? (s(), ee(Wo, {
         key: 0,
         uid: R.value,
         head: St.value.headers,
@@ -1164,19 +1172,19 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
           L(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": C(({ color: a }) => [
-          L(t.$slots, "annotator-action-color", V(B({ color: a })), void 0, !0)
+          L(t.$slots, "annotator-action-color", D(E({ color: a })), void 0, !0)
         ]),
         "annotator-action-draw": C(({ mode: a }) => [
-          L(t.$slots, "annotator-action-draw", V(B({ mode: a })), void 0, !0)
+          L(t.$slots, "annotator-action-draw", D(E({ mode: a })), void 0, !0)
         ]),
         "annotator-action-undo": C(({ disabled: a }) => [
-          L(t.$slots, "annotator-action-undo", V(B({ disabled: a })), void 0, !0)
+          L(t.$slots, "annotator-action-undo", D(E({ disabled: a })), void 0, !0)
         ]),
         "annotator-action-redo": C(({ disabled: a }) => [
-          L(t.$slots, "annotator-action-redo", V(B({ disabled: a })), void 0, !0)
+          L(t.$slots, "annotator-action-redo", D(E({ disabled: a })), void 0, !0)
         ]),
         "annotator-action-delete": C(({ disabled: a }) => [
-          L(t.$slots, "annotator-action-delete", V(B({ disabled: a })), void 0, !0)
+          L(t.$slots, "annotator-action-delete", D(E({ disabled: a })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : f("", !0),
@@ -1184,10 +1192,10 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
       e.value.style.chart.title.text ? (s(), u("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: Ft,
+        ref: It,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (s(), ee(Eo, {
+        (s(), ee(Vo, {
           key: `title_${Ot.value}`,
           config: {
             title: {
@@ -1203,15 +1211,15 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
       ], 512)) : f("", !0),
       Z("div", {
         id: `legend-top-${R.value}`
-      }, null, 8, Jo),
-      e.value.userOptions.show && Le.value && (b(Jt) || b(ct)) ? (s(), ee(b(Za), {
+      }, null, 8, Ko),
+      e.value.userOptions.show && Le.value && (b(Jt) || b(vt)) ? (s(), ee(b(Za), {
         ref_key: "userOptionsRef",
-        ref: ot,
+        ref: st,
         key: `user_option_${Nt.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: b(ht),
-        isImaging: b(dt),
+        isPrinting: b(dt),
+        isImaging: b(yt),
         uid: R.value,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -1233,24 +1241,24 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         isCursorPointer: X.value,
-        onToggleFullscreen: fa,
+        onToggleFullscreen: ga,
         onGeneratePdf: b(Qt),
         onGenerateCsv: kt,
-        onGenerateImage: Dl,
-        onGenerateSvg: La,
-        onToggleTable: ga,
-        onToggleLabels: ma,
-        onToggleTooltip: ba,
+        onGenerateImage: El,
+        onGenerateSvg: Ca,
+        onToggleTable: ma,
+        onToggleLabels: ba,
+        onToggleTooltip: pa,
         onToggleAnnotator: Lt,
-        onCopyAlt: Ma,
+        onCopyAlt: Ta,
         style: q({
-          visibility: b(Jt) ? b(ct) ? "visible" : "hidden" : "visible"
+          visibility: b(Jt) ? b(vt) ? "visible" : "hidden" : "visible"
         })
       }, $t({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: C(({ isOpen: a, color: o }) => [
-            L(t.$slots, "menuIcon", V(B({ isOpen: a, color: o })), void 0, !0)
+            L(t.$slots, "menuIcon", D(E({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -1306,40 +1314,40 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: C(({ toggleFullscreen: a, isFullscreen: o }) => [
-            L(t.$slots, "optionFullscreen", V(B({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+            L(t.$slots, "optionFullscreen", D(E({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: C(({ toggleAnnotator: a, isAnnotator: o }) => [
-            L(t.$slots, "optionAnnotator", V(B({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+            L(t.$slots, "optionAnnotator", D(E({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "9"
         } : void 0,
         t.$slots.optionAltCopy ? {
           name: "optionAltCopy",
           fn: C(({ altCopy: a }) => [
-            L(t.$slots, "optionAltCopy", V(B({ altCopy: a })), void 0, !0)
+            L(t.$slots, "optionAltCopy", D(E({ altCopy: a })), void 0, !0)
           ]),
           key: "10"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "hasAltCopy", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : f("", !0),
-      Z("div", Ko, [
+      Z("div", Zo, [
         (s(), u("svg", {
           ref_key: "svgRef",
           ref: ge,
-          xmlns: b(po),
+          xmlns: b(xo),
           "aria-describedby": `chart-instructions-${R.value}`,
           viewBox: `0 0 ${n.value.chartWidth <= 0 ? 10 : n.value.chartWidth} ${n.value.chartHeight <= 0 ? 10 : n.value.chartHeight}`,
           class: ke({ "vue-data-ui-loading": b(fe) }),
           style: q(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`),
           tabindex: "0",
-          onFocus: Wl,
-          onBlur: Xl,
-          onKeydown: Yl
+          onFocus: Xl,
+          onBlur: Yl,
+          onKeydown: ql
         }, [
-          Oe(b(Qa)),
+          De(b(Qa)),
           t.$slots["chart-background"] ? (s(), u("foreignObject", {
             key: 0,
             x: n.value.left,
@@ -1351,8 +1359,8 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
             }
           }, [
             L(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Qo)) : f("", !0),
-          e.value.style.chart.bars.gradient.show ? (s(), u("defs", jo, [
+          ], 8, jo)) : f("", !0),
+          e.value.style.chart.bars.gradient.show ? (s(), u("defs", es, [
             (s(!0), u(w, null, S(z.value, (a, o) => (s(), u("linearGradient", {
               id: `gradient_${a.id}`,
               x1: "0%",
@@ -1363,16 +1371,16 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
               Z("stop", {
                 offset: "0%",
                 "stop-color": a.color
-              }, null, 8, ts),
+              }, null, 8, as),
               Z("stop", {
                 offset: "61.8%",
-                "stop-color": b(xo)(a.color, e.value.style.chart.bars.gradient.intensity / 100)
-              }, null, 8, as),
+                "stop-color": b(ko)(a.color, e.value.style.chart.bars.gradient.intensity / 100)
+              }, null, 8, ls),
               Z("stop", {
                 offset: "100%",
                 "stop-color": a.color
-              }, null, 8, ls)
-            ], 8, es))), 256))
+              }, null, 8, os)
+            ], 8, ts))), 256))
           ])) : f("", !0),
           e.value.style.chart.grid.frame.show ? (s(), u("rect", {
             key: 2,
@@ -1387,7 +1395,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
             "stroke-linecap": e.value.style.chart.grid.frame.strokeLinecap,
             "stroke-linejoin": e.value.style.chart.grid.frame.strokeLinejoin,
             "stroke-dasharray": e.value.style.chart.grid.frame.strokeDasharray
-          }, null, 8, os)) : f("", !0),
+          }, null, 8, ss)) : f("", !0),
           e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (s(!0), u(w, { key: 3 }, S(Y.value, (a, o) => (s(), u("line", {
             x1: n.value.left,
             x2: n.value.right,
@@ -1397,7 +1405,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
             "stroke-width": e.value.style.chart.grid.x.linesThickness,
             "stroke-dasharray": e.value.style.chart.grid.x.linesStrokeDasharray,
             "stroke-linecap": "round"
-          }, null, 8, ss))), 256)) : f("", !0),
+          }, null, 8, rs))), 256)) : f("", !0),
           e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (s(!0), u(w, { key: 4 }, S(v.value.end - v.value.start + 1, (a, o) => (s(), u("line", {
             x1: n.value.left,
             x2: n.value.right,
@@ -1407,7 +1415,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
             "stroke-width": e.value.style.chart.grid.x.linesThickness,
             "stroke-dasharray": e.value.style.chart.grid.x.linesStrokeDasharray,
             "stroke-linecap": "round"
-          }, null, 8, rs))), 256)) : f("", !0),
+          }, null, 8, ns))), 256)) : f("", !0),
           e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (s(!0), u(w, { key: 5 }, S(v.value.end - v.value.start + 1, (a, o) => (s(), u("line", {
             x1: n.value.left + m.value * o,
             x2: n.value.left + m.value * o,
@@ -1417,7 +1425,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
             "stroke-width": e.value.style.chart.grid.y.linesThickness,
             "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
             "stroke-linecap": "round"
-          }, null, 8, ns))), 256)) : f("", !0),
+          }, null, 8, is))), 256)) : f("", !0),
           e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "horizontal" ? (s(!0), u(w, { key: 6 }, S(Y.value, (a, o) => (s(), u("line", {
             x1: a.horizontal_x,
             x2: a.horizontal_x,
@@ -1427,10 +1435,10 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
             "stroke-width": e.value.style.chart.grid.y.linesThickness,
             "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
             "stroke-linecap": "round"
-          }, null, 8, is))), 256)) : f("", !0),
+          }, null, 8, us))), 256)) : f("", !0),
           (s(!0), u(w, null, S(z.value, (a, o) => (s(), u("g", null, [
-            t.$slots.pattern ? (s(), u("defs", us, [
-              L(t.$slots, "pattern", De({ ref_for: !0 }, { seriesIndex: a.absoluteIndex, patternId: `pattern_${R.value}_${a.absoluteIndex}` }), void 0, !0)
+            t.$slots.pattern ? (s(), u("defs", cs, [
+              L(t.$slots, "pattern", Ee({ ref_for: !0 }, { seriesIndex: a.absoluteIndex, patternId: `pattern_${R.value}_${a.absoluteIndex}` }), void 0, !0)
             ])) : f("", !0),
             e.value.orientation === "vertical" ? (s(), u(w, { key: 1 }, [
               (s(!0), u(w, null, S(a.x, (c, r) => (s(), u("rect", {
@@ -1445,8 +1453,8 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 class: ke({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": ie.value })
-              }, null, 10, cs))), 256)),
-              t.$slots.pattern ? (s(), u("g", vs, [
+              }, null, 10, vs))), 256)),
+              t.$slots.pattern ? (s(), u("g", hs, [
                 (s(!0), u(w, null, S(a.x, (c, r) => (s(), u("rect", {
                   x: c,
                   y: b(de)(a.y[r]),
@@ -1459,7 +1467,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   class: ke({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": ie.value })
-                }, null, 10, hs))), 256))
+                }, null, 10, ds))), 256))
               ])) : f("", !0)
             ], 64)) : (s(), u(w, { key: 2 }, [
               (s(!0), u(w, null, S(a.horizontal_x, (c, r) => (s(), u("rect", {
@@ -1474,8 +1482,8 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 class: ke({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": ie.value })
-              }, null, 10, ds))), 256)),
-              t.$slots.pattern ? (s(), u("g", ys, [
+              }, null, 10, ys))), 256)),
+              t.$slots.pattern ? (s(), u("g", fs, [
                 (s(!0), u(w, null, S(a.horizontal_x, (c, r) => (s(), u("rect", {
                   x: b(de)(c, n.value.left),
                   y: a.horizontal_y[r] < 0 ? 0 : a.horizontal_y[r],
@@ -1488,7 +1496,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   class: ke({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": ie.value })
-                }, null, 10, fs))), 256))
+                }, null, 10, gs))), 256))
               ])) : f("", !0)
             ], 64))
           ]))), 256)),
@@ -1502,7 +1510,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
             "stroke-width": e.value.style.chart.grid.x.axisThickness,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, gs)) : f("", !0),
+          }, null, 8, ms)) : f("", !0),
           e.value.style.chart.grid.y.showAxis && !e.value.style.chart.bars.distributed ? (s(), u("line", {
             key: 8,
             x1: n.value.left,
@@ -1513,32 +1521,32 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
             "stroke-width": e.value.style.chart.grid.y.axisThickness,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, ms)) : f("", !0),
+          }, null, 8, bs)) : f("", !0),
           e.value.style.chart.grid.x.axisName.show && e.value.style.chart.grid.x.axisName.text ? (s(), u("text", {
             key: 9,
             ref_key: "xAxisLabel",
-            ref: Ue,
+            ref: We,
             x: n.value.left + n.value.width / 2,
             y: n.value.chartHeight - 3,
             "font-size": e.value.style.chart.grid.x.axisName.fontSize,
             fill: e.value.style.chart.grid.x.axisName.color,
             "font-weight": e.value.style.chart.grid.x.axisName.bold ? "bold" : "normal",
             "text-anchor": "middle"
-          }, E(e.value.style.chart.grid.x.axisName.text), 9, bs)) : f("", !0),
+          }, V(e.value.style.chart.grid.x.axisName.text), 9, ps)) : f("", !0),
           e.value.style.chart.grid.y.axisName.show && e.value.style.chart.grid.y.axisName.text ? (s(), u("text", {
             key: 10,
             ref_key: "yAxisLabel",
-            ref: st,
+            ref: rt,
             transform: `translate(${e.value.style.chart.grid.y.axisName.fontSize}, ${n.value.top + n.value.height / 2}) rotate(-90)`,
             "font-size": e.value.style.chart.grid.y.axisName.fontSize,
             fill: e.value.style.chart.grid.y.axisName.color,
             "font-weight": e.value.style.chart.grid.y.axisName.bold ? "bold" : "normal",
             "text-anchor": "middle"
-          }, E(e.value.style.chart.grid.y.axisName.text), 9, ps)) : f("", !0),
+          }, V(e.value.style.chart.grid.y.axisName.text), 9, xs)) : f("", !0),
           $.value.dataLabels.show && e.value.orientation === "vertical" ? (s(), u(w, { key: 11 }, [
             (s(!0), u(w, null, S(z.value, (a, o) => (s(), u("g", null, [
               (s(!0), u(w, null, S(a.x, (c, r) => (s(), u(w, null, [
-                ka(a.series[r], a.proportions[r]) ? (s(), u("text", {
+                wa(a.series[r], a.proportions[r]) ? (s(), u("text", {
                   key: 0,
                   x: c + m.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2,
                   y: a.y[r] + a.height[r] / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
@@ -1546,7 +1554,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                   fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? b(Ea)(a.color) : e.value.style.chart.bars.dataLabels.color,
                   "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
                   "text-anchor": "middle"
-                }, E(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? da(a.proportions[r] * 100, a, o, r) : Ge(a.series[r], a, o, r, a.signedSeries[r])), 9, xs)) : f("", !0)
+                }, V(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? da(a.proportions[r] * 100, a, o, r) : Ke(a.series[r], a, o, r, a.signedSeries[r])), 9, ks)) : f("", !0)
               ], 64))), 256))
             ]))), 256)),
             e.value.style.chart.bars.totalValues.show && z.value.length > 1 ? (s(), u("g", {
@@ -1558,19 +1566,19 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                 !e.value.style.chart.bars.dataLabels.hideEmptyValues || a.value !== 0 ? (s(), u("text", {
                   key: 0,
                   x: n.value.left + m.value * o + m.value / 2,
-                  y: Ul(o),
+                  y: Hl(o),
                   "text-anchor": "middle",
                   "font-size": e.value.style.chart.bars.totalValues.fontSize,
                   "font-weight": e.value.style.chart.bars.totalValues.bold ? "bold" : "normal",
                   fill: e.value.style.chart.bars.totalValues.color
-                }, E(Ge(a.value, a, o, a.sign)), 9, ks)) : f("", !0)
+                }, V(Ke(a.value, a, o, a.sign)), 9, ws)) : f("", !0)
               ], 64))), 256))
             ], 512)) : f("", !0)
           ], 64)) : f("", !0),
           $.value.dataLabels.show && e.value.orientation === "horizontal" ? (s(), u(w, { key: 12 }, [
             (s(!0), u(w, null, S(z.value, (a, o) => (s(), u("g", null, [
               (s(!0), u(w, null, S(a.horizontal_x, (c, r) => (s(), u(w, null, [
-                ka(a.series[r], a.proportions[r]) ? (s(), u("text", {
+                wa(a.series[r], a.proportions[r]) ? (s(), u("text", {
                   key: 0,
                   x: c + (a.horizontal_width[r] < 0 ? 1e-4 : a.horizontal_width[r]) / 2,
                   y: a.horizontal_y[r] + m.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
@@ -1578,24 +1586,24 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                   fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? b(Ea)(a.color) : e.value.style.chart.bars.dataLabels.color,
                   "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
                   "text-anchor": "middle"
-                }, E(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? da(a.proportions[r] * 100, a, o, r) : Ge(a.series[r], a, o, r, a.signedSeries[r])), 9, ws)) : f("", !0)
+                }, V(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? da(a.proportions[r] * 100, a, o, r) : Ke(a.series[r], a, o, r, a.signedSeries[r])), 9, Ls)) : f("", !0)
               ], 64))), 256))
             ]))), 256)),
             e.value.style.chart.bars.totalValues.show && z.value.length > 1 ? (s(), u("g", {
               key: 0,
               ref_key: "sumRight",
-              ref: rt
+              ref: nt
             }, [
               (s(!0), u(w, null, S(ha.value, (a, o) => (s(), u(w, null, [
                 !e.value.style.chart.bars.dataLabels.hideEmptyValues || a.value !== 0 ? (s(), u("text", {
                   key: 0,
-                  x: Hl(o),
+                  x: Wl(o),
                   y: n.value.top + m.value * o + m.value / 2 + e.value.style.chart.bars.totalValues.fontSize / 3,
                   "text-anchor": "start",
                   "font-size": e.value.style.chart.bars.totalValues.fontSize,
                   "font-weight": e.value.style.chart.bars.totalValues.bold ? "bold" : "normal",
                   fill: e.value.style.chart.bars.totalValues.color
-                }, E(Ge(a.value, a, o, a.sign)), 9, Ls)) : f("", !0)
+                }, V(Ke(a.value, a, o, a.sign)), 9, Cs)) : f("", !0)
               ], 64))), 256))
             ], 512)) : f("", !0)
           ], 64)) : f("", !0),
@@ -1611,7 +1619,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
               y2: a.y,
               stroke: e.value.style.chart.grid.x.axisColor,
               "stroke-width": 1
-            }, null, 8, Cs))), 256)),
+            }, null, 8, Ss))), 256)),
             (s(!0), u(w, null, S(Y.value, (a, o) => (s(), u("text", {
               x: a.x,
               y: a.y + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
@@ -1619,7 +1627,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
               "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
               fill: e.value.style.chart.grid.y.axisLabels.color,
               "text-anchor": "end"
-            }, E(b(we)(
+            }, V(b(we)(
               e.value.style.chart.grid.y.axisLabels.formatter,
               a.value,
               b(ne)({
@@ -1629,7 +1637,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                 r: e.value.style.chart.grid.y.axisLabels.rounding
               }),
               { datapoint: a }
-            )), 9, Ss))), 256))
+            )), 9, zs))), 256))
           ], 512)) : f("", !0),
           e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "horizontal" ? (s(), u("g", {
             key: 14,
@@ -1644,7 +1652,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
               stroke: e.value.style.chart.grid.x.axisColor,
               "stroke-width": 1,
               "stroke-linecap": "round"
-            }, null, 8, zs))), 256)),
+            }, null, 8, Ms))), 256)),
             (s(!0), u(w, null, S(Y.value, (a, o) => (s(), u("text", {
               class: "vue-data-ui-time-label",
               "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
@@ -1652,7 +1660,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
               fill: e.value.style.chart.grid.y.axisLabels.color,
               "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
               transform: `translate(${a.horizontal_x}, ${n.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`
-            }, E(b(we)(
+            }, V(b(we)(
               e.value.style.chart.grid.y.axisLabels.formatter,
               a.value,
               b(ne)({
@@ -1662,7 +1670,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                 r: e.value.style.chart.grid.y.axisLabels.rounding
               }),
               { datapoint: a }
-            )), 9, Ms))), 256))
+            )), 9, Ts))), 256))
           ], 512)) : f("", !0),
           e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "vertical" ? (s(), u("g", {
             key: 15,
@@ -1670,8 +1678,8 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
             ref: ce
           }, [
             t.$slots["time-label"] ? (s(), u("g", _s, [
-              (s(!0), u(w, null, S(gt.value, (a, o) => (s(), u("g", null, [
-                L(t.$slots, "time-label", De({ ref_for: !0 }, {
+              (s(!0), u(w, null, S(mt.value, (a, o) => (s(), u("g", null, [
+                L(t.$slots, "time-label", Ee({ ref_for: !0 }, {
                   x: n.value.left + m.value * o + m.value / 2,
                   y: n.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY,
                   fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
@@ -1683,8 +1691,8 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                   show: !0
                 }), void 0, !0)
               ]))), 256))
-            ])) : (s(), u("g", Ts, [
-              (s(!0), u(w, null, S(gt.value, (a, o) => (s(), u("g", null, [
+            ])) : (s(), u("g", As, [
+              (s(!0), u(w, null, S(mt.value, (a, o) => (s(), u("g", null, [
                 String(a.text).includes(`
 `) ? (s(), u("text", {
                   key: o + "-multi",
@@ -1699,15 +1707,15 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                                         rotate(${e.value.style.chart.grid.x.timeLabels.rotation})
                                     `,
                   style: q({ cursor: X.value ? "pointer" : "default" }),
-                  innerHTML: b(ko)({
+                  innerHTML: b(wo)({
                     content: String(a.text),
                     fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
                     fill: e.value.style.chart.grid.x.timeLabels.color,
                     x: 0,
                     y: 0
                   }),
-                  onClick: () => Je(a, o)
-                }, null, 12, $s)) : (s(), u("text", {
+                  onClick: () => Ze(a, o)
+                }, null, 12, Ps)) : (s(), u("text", {
                   class: "vue-data-ui-time-label",
                   key: o,
                   "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
@@ -1716,8 +1724,8 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                   fill: e.value.style.chart.grid.x.timeLabels.color,
                   transform: `translate(${n.value.left + m.value * o + m.value / 2}, ${n.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`,
                   style: q({ cursor: X.value ? "pointer" : "default" }),
-                  onClick: () => Je(a, o)
-                }, E(a.text), 13, As))
+                  onClick: () => Ze(a, o)
+                }, V(a.text), 13, $s))
               ]))), 256))
             ]))
           ], 512)) : f("", !0),
@@ -1726,9 +1734,9 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
             ref_key: "timeLabelsEls",
             ref: ce
           }, [
-            t.$slots["time-label"] ? (s(), u("g", Ps, [
-              (s(!0), u(w, null, S(O.value, (a, o) => (s(), u("g", null, [
-                L(t.$slots, "time-label", De({ ref_for: !0 }, {
+            t.$slots["time-label"] ? (s(), u("g", Ns, [
+              (s(!0), u(w, null, S(W.value, (a, o) => (s(), u("g", null, [
+                L(t.$slots, "time-label", Ee({ ref_for: !0 }, {
                   x: n.value.left - 8,
                   y: n.value.top + m.value * o + m.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
                   fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
@@ -1740,8 +1748,8 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                   show: !0
                 }), void 0, !0)
               ]))), 256))
-            ])) : (s(), u("g", Ns, [
-              (s(!0), u(w, null, S(O.value, (a, o) => (s(), u("g", null, [
+            ])) : (s(), u("g", Is, [
+              (s(!0), u(w, null, S(W.value, (a, o) => (s(), u("g", null, [
                 String(a.text).includes(`
 `) ? (s(), u("text", {
                   key: 1,
@@ -1752,15 +1760,15 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                   x: n.value.left - 8,
                   y: n.value.top + m.value * o + m.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
                   style: q({ cursor: X.value ? "pointer" : "default" }),
-                  onClick: () => Je(a, o),
-                  innerHTML: b(wo)({
+                  onClick: () => Ze(a, o),
+                  innerHTML: b(Lo)({
                     content: String(a.text),
                     fontSize: e.value.style.chart.grid.y.axisLabels.fontSize,
                     fill: e.value.style.chart.grid.y.axisLabels.color,
                     x: n.value.left - 8,
                     y: 0
                   })
-                }, null, 12, Is)) : (s(), u("text", {
+                }, null, 12, Rs)) : (s(), u("text", {
                   key: 0,
                   "text-anchor": "end",
                   "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
@@ -1771,8 +1779,8 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                   style: q({
                     cursor: X.value ? "pointer" : "default"
                   }),
-                  onClick: () => Je(a, o)
-                }, E(a.text), 13, Fs))
+                  onClick: () => Ze(a, o)
+                }, V(a.text), 13, Fs))
               ]))), 256))
             ]))
           ], 512)) : f("", !0),
@@ -1784,9 +1792,9 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
             onClick: () => bt(o),
             onMouseenter: () => xt(o, "pointer"),
             onMouseleave: () => ya(o),
-            fill: o === U.value || o === it.value ? e.value.style.chart.highlighter.color : "transparent",
+            fill: o === B.value || o === ut.value ? e.value.style.chart.highlighter.color : "transparent",
             style: q({ opacity: e.value.style.chart.highlighter.opacity / 100 })
-          }, null, 44, Rs))), 256)) : f("", !0),
+          }, null, 44, Os))), 256)) : f("", !0),
           $.value.showTooltip && e.value.orientation === "horizontal" ? (s(!0), u(w, { key: 18 }, S(v.value.end - v.value.start, (a, o) => (s(), u("rect", {
             x: n.value.left,
             y: n.value.top + o * m.value,
@@ -1795,30 +1803,30 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
             onClick: () => bt(o),
             onMouseenter: () => xt(o, "pointer"),
             onMouseleave: () => ya(o),
-            fill: o === U.value || o === it.value ? e.value.style.chart.highlighter.color : "transparent",
+            fill: o === B.value || o === ut.value ? e.value.style.chart.highlighter.color : "transparent",
             style: q({ opacity: e.value.style.chart.highlighter.opacity / 100 })
-          }, null, 44, Os))), 256)) : f("", !0),
-          la.value ? (s(), u("rect", De({ key: 19 }, ml.value, {
+          }, null, 44, Ds))), 256)) : f("", !0),
+          la.value ? (s(), u("rect", Ee({ key: 19 }, ml.value, {
             "data-start": v.value.start,
             "data-end": v.value.end
-          }), null, 16, Ds)) : f("", !0),
+          }), null, 16, Es)) : f("", !0),
           L(t.$slots, "svg", {
             svg: {
               drawingArea: n.value,
               data: z.value,
-              isPrintingImg: b(ht) | b(dt) | Ve.value,
-              isPrintingSvg: Be.value
+              isPrintingImg: b(dt) | b(yt) | Ue.value,
+              isPrintingSvg: He.value
             }
           }, void 0, !0)
-        ], 46, Zo)),
-        t.$slots.hint ? (s(), u("div", Es, [
-          L(t.$slots, "hint", V(B({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Ct.value })), void 0, !0)
+        ], 46, Qo)),
+        t.$slots.hint ? (s(), u("div", Vs, [
+          L(t.$slots, "hint", D(E({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Ct.value })), void 0, !0)
         ])) : f("", !0)
       ]),
-      t.$slots.watermark ? (s(), u("div", Vs, [
-        L(t.$slots, "watermark", V(B({ isPrinting: b(ht) || b(dt) || Ve.value || Be.value })), void 0, !0)
+      t.$slots.watermark ? (s(), u("div", Bs, [
+        L(t.$slots, "watermark", D(E({ isPrinting: b(dt) || b(yt) || Ue.value || He.value })), void 0, !0)
       ])) : f("", !0),
-      e.value.style.chart.zoom.show && Le.value && Sa.value && I.value > 6 ? (s(), ee(Wo, {
+      e.value.style.chart.zoom.show && Le.value && za.value && F.value > 6 ? (s(), ee(Xo, {
         key: 5,
         ref_key: "chartSlicer",
         ref: Ce,
@@ -1837,9 +1845,9 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         immediate: !e.value.style.chart.zoom.preview.enable,
         inputColor: e.value.style.chart.zoom.color,
         isPreview: la.value,
-        labelLeft: e.value.style.chart.grid.x.timeLabels.values[v.value.start] ? O.value?.[0]?.text ?? "" : "",
-        labelRight: e.value.style.chart.grid.x.timeLabels.values[v.value.end - 1] ? O.value?.at(-1)?.text ?? "" : "",
-        max: Math.max(...tt.dataset.map((a) => a.series.length)),
+        labelLeft: e.value.style.chart.grid.x.timeLabels.values[v.value.start] ? W.value?.[0]?.text ?? "" : "",
+        labelRight: e.value.style.chart.grid.x.timeLabels.values[v.value.end - 1] ? W.value?.at(-1)?.text ?? "" : "",
+        max: Math.max(...lt.dataset.map((a) => a.series.length)),
         min: 0,
         minimap: ve.value,
         minimapCompact: e.value.style.chart.zoom.minimap.compact,
@@ -1848,13 +1856,13 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         minimapMerged: !1,
         minimapSelectedColor: e.value.style.chart.zoom.minimap.selectedColor,
         minimapSelectedColorOpacity: e.value.style.chart.zoom.minimap.selectedColorOpacity,
-        minimapSelectedIndex: U.value,
+        minimapSelectedIndex: B.value,
         minimapSelectionRadius: 1,
         preciseLabels: va.value.length ? va.value : be.value,
-        refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : Math.max(...tt.dataset.map((a) => a.series.length)),
+        refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : Math.max(...lt.dataset.map((a) => a.series.length)),
         refreshStartPoint: e.value.style.chart.zoom.startIndex !== null ? e.value.style.chart.zoom.startIndex : 0,
         selectColor: e.value.style.chart.zoom.highlightColor,
-        selectedSeries: Ll.value,
+        selectedSeries: Cl.value,
         smoothMinimap: !1,
         start: v.value.start,
         textColor: e.value.style.chart.color,
@@ -1872,15 +1880,15 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         handleBorderColor: e.value.style.chart.zoom.minimap.handleBorderColor,
         handleFill: e.value.style.chart.zoom.minimap.handleFill,
         handleWidth: e.value.style.chart.zoom.minimap.handleWidth,
-        "onUpdate:end": Vl,
-        "onUpdate:start": El,
+        "onUpdate:end": Bl,
+        "onUpdate:start": Vl,
         onTrapMouse: bl,
         onReset: sa,
         onFutureEnd: l[0] || (l[0] = (a) => oa("end", a)),
         onFutureStart: l[1] || (l[1] = (a) => oa("start", a))
       }, {
         "reset-action": C(({ reset: a }) => [
-          L(t.$slots, "reset-action", V(B({ reset: a })), void 0, !0)
+          L(t.$slots, "reset-action", D(E({ reset: a })), void 0, !0)
         ]),
         slotMap: C(({ width: a, height: o, unitW: c }) => [
           (s(!0), u(w, null, S(z.value, (r) => (s(), u("g", {
@@ -1891,7 +1899,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
               x: x === 0 ? d - c * (e.value.style.chart.bars.gapRatio / 4) : d - c / 2,
               y: Math.max(0, Math.min(o, r.yMinimap({ minimapH: o })[x])),
               height: r.heightMinimap({ minimapH: o })[x],
-              width: [0, I.value - 1].includes(x) ? c * (1 - e.value.style.chart.bars.gapRatio / 2) / 2 : c * (1 - e.value.style.chart.bars.gapRatio / 2),
+              width: [0, F.value - 1].includes(x) ? c * (1 - e.value.style.chart.bars.gapRatio / 2) / 2 : c * (1 - e.value.style.chart.bars.gapRatio / 2),
               fill: e.value.style.chart.bars.gradient.show ? `url(#gradient_${r.id})` : r.color,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": 0.5,
@@ -1899,14 +1907,14 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: q({
-                opacity: x >= W.value.start && x <= W.value.end ? 1 : 0.62
+                opacity: x >= H.value.start && x <= H.value.end ? 1 : 0.62
               })
-            }, null, 12, Bs))), 128))
+            }, null, 12, Us))), 128))
           ]))), 128))
         ]),
         _: 3
       }, 8, ["allMinimaps", "background", "borderColor", "customFormat", "enableRangeHandles", "enableSelectionDrag", "end", "focusOnDrag", "focusRangeRatio", "fontSize", "immediate", "inputColor", "isPreview", "labelLeft", "labelRight", "max", "minimap", "minimapCompact", "minimapFrameColor", "minimapIndicatorColor", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "preciseLabels", "refreshEndPoint", "refreshStartPoint", "selectColor", "selectedSeries", "start", "textColor", "timeLabels", "usePreciseLabels", "valueEnd", "valueStart", "verticalHandles", "maxWidth", "isCursorPointer", "additionalMinimapHeight", "handleType", "handleIconColor", "handleBorderWidth", "handleBorderColor", "handleFill", "handleWidth"])) : f("", !0),
-      Oe(b(Ya), {
+      De(b(Ya), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: $.value.showTooltip && ye.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -1919,7 +1927,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: Q.value,
-        content: lt.value,
+        content: ot.value,
         isFullscreen: Se.value,
         isCustom: b(Va)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
@@ -1930,28 +1938,31 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         a11yPosition: Ht.value
       }, {
         "tooltip-before": C(() => [
-          L(t.$slots, "tooltip-before", V(B({ ...at.value })), void 0, !0)
+          L(t.$slots, "tooltip-before", D(E({ ...Be.value })), void 0, !0)
+        ]),
+        tooltip: C(() => [
+          L(t.$slots, "tooltip", D(E({ ...Be.value })), void 0, !0)
         ]),
         "tooltip-after": C(() => [
-          L(t.$slots, "tooltip-after", V(B({ ...at.value })), void 0, !0)
+          L(t.$slots, "tooltip-after", D(E({ ...Be.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"]),
       Z("div", {
         id: `legend-bottom-${R.value}`
-      }, null, 8, Us),
-      Dt.value ? (s(), ee(co, {
+      }, null, 8, Hs),
+      Dt.value ? (s(), ee(vo, {
         key: 6,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${R.value}` : `#legend-bottom-${R.value}`
       }, [
         Z("div", {
           ref_key: "chartLegend",
-          ref: It
+          ref: Ft
         }, [
-          e.value.style.chart.legend.show ? (s(), ee(Uo, {
+          e.value.style.chart.legend.show ? (s(), ee(Ho, {
             key: 0,
             legendSet: Ae.value,
-            config: Al.value,
+            config: $l.value,
             isCursorPointer: X.value,
             onClickMarker: l[2] || (l[2] = ({ legend: a }) => a.segregate())
           }, $t({
@@ -1960,17 +1971,17 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
                 key: 0,
                 onClick: (o) => a.segregate(),
                 style: q(`opacity:${A.value.includes(a.id) ? 0.5 : 1}`)
-              }, E(a.name), 13, Hs))
+              }, V(a.name), 13, Ws))
             ]),
             legendToggle: C(() => [
-              Ae.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !b(fe) ? (s(), ee(Xo, {
+              Ae.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !b(fe) ? (s(), ee(Yo, {
                 key: 0,
                 backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
                 color: e.value.style.chart.legend.selectAllToggle.color,
                 fontSize: e.value.style.chart.legend.fontSize,
                 checked: A.value.length > 0,
                 isCursorPointer: X.value,
-                onToggle: Ml
+                onToggle: Tl
               }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : f("", !0)
             ]),
             _: 2
@@ -1978,7 +1989,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
             t.$slots.pattern ? {
               name: "legend-pattern",
               fn: C(({ legend: a, index: o }) => [
-                Oe(Vo, {
+                De(Bo, {
                   shape: a.shape,
                   radius: 30,
                   stroke: "none",
@@ -2002,13 +2013,13 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
       }, [
         L(t.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      Le.value && e.value.userOptions.buttons.table ? (s(), ee(vo(Pe.value.component), De({ key: 8 }, Pe.value.props, {
+      Le.value && e.value.userOptions.buttons.table ? (s(), ee(ho(Pe.value.component), Ee({ key: 8 }, Pe.value.props, {
         ref_key: "tableUnit",
         ref: ze,
-        onClose: wa
+        onClose: La
       }), $t({
         content: C(() => [
-          Oe(b(Ja), {
+          De(b(Ja), {
             colNames: pe.value.colNames,
             head: pe.value.head,
             body: pe.value.body,
@@ -2016,13 +2027,13 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
             title: e.value.table.useDialog ? "" : Pe.value.title,
             withCloseButton: !e.value.table.useDialog,
             isCursorPointer: X.value,
-            onClose: wa
+            onClose: La
           }, {
             th: C(({ th: a }) => [
-              Z("div", { innerHTML: a }, null, 8, Ws)
+              Z("div", { innerHTML: a }, null, 8, Xs)
             ]),
             td: C(({ td: a }) => [
-              Pa(E(isNaN(Number(a)) ? a : b(ne)({
+              Pa(V(isNaN(Number(a)) ? a : b(ne)({
                 p: e.value.style.chart.bars.dataLabels.prefix,
                 v: a,
                 s: e.value.style.chart.bars.dataLabels.suffix,
@@ -2037,7 +2048,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         e.value.table.useDialog ? {
           name: "title",
           fn: C(() => [
-            Pa(E(Pe.value.title), 1)
+            Pa(V(Pe.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -2050,7 +2061,7 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
               onClick: l[3] || (l[3] = (a) => kt(e.value.userOptions.callbacks.csv)),
               style: q({ cursor: X.value ? "pointer" : "default" })
             }, [
-              Oe(b(qa), {
+              De(b(qa), {
                 name: "fileCsv",
                 stroke: Pe.value.props.color
               }, null, 8, ["stroke"])
@@ -2060,11 +2071,11 @@ const qo = ["id"], Go = ["id"], Jo = ["id"], Ko = { style: { position: "relative
         } : void 0
       ]), 1040)) : f("", !0),
       L(t.$slots, "skeleton", {}, () => [
-        b(fe) ? (s(), ee($o, { key: 0 })) : f("", !0)
+        b(fe) ? (s(), ee(Po, { key: 0 })) : f("", !0)
       ], !0)
-    ], 46, qo));
+    ], 46, Go));
   }
-}, gr = /* @__PURE__ */ Yo(Xs, [["__scopeId", "data-v-c875bbb3"]]);
+}, mr = /* @__PURE__ */ qo(Ys, [["__scopeId", "data-v-fbb9ff68"]]);
 export {
-  gr as default
+  mr as default
 };