vue-data-ui 3.4.9 → 3.5.0

package/dist/{vue-ui-stackbar-DubS6Pg8.js → vue-ui-stackbar-CkBOjryQ.js}

@@ -1,25 +1,25 @@
-import { defineAsyncComponent as J, useSlots as pl, computed as g, ref as d, onMounted as sa, toRefs as xl, watch as we, shallowRef as ra, onBeforeUnmount as ct, watchEffect as oa, nextTick as kl, createElementBlock as n, openBlock as r, normalizeStyle as ae, normalizeClass as ue, createBlock as Z, createCommentVNode as b, renderSlot as C, createElementVNode as Q, createVNode as Le, unref as f, createSlots as vt, withCtx as M, normalizeProps as le, guardReactiveProps as se, Fragment as p, renderList as k, mergeProps as Se, toDisplayString as F, Teleport as wl, resolveDynamicComponent as Ll, createTextVNode as na } from "vue";
-import { u as Sl, a as ia } from "./useNestedProp-BjZe1Y85.js";
-import { c as ua, t as zl, b as Cl, p as Ee, O as ce, e as _l, o as ca, f as va, g as Ml, h as Tl, aj as ze, n as ha, m as da, v as $l, X as Al, S as Pl, r as Ve, J as ya, a as Ue, d as re, M as Nl, $ as Rl, G as ga, P as Ol, Q as Il, H as Fl } from "./lib-C_mNZmhD.js";
-import { t as ht, u as Dl } from "./useResponsive-DfdjqQps.js";
-import { u as El } from "./usePrinter-DTzqpYKF.js";
-import { u as Vl, B as Ul } from "./BaseScanner-BgWxam9d.js";
-import { u as ba, a as Bl, l as Hl } from "./useTimeLabels-BGFjWgrv.js";
-import { u as Xl } from "./useSvgExport-DrjCWun4.js";
-import { u as Wl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Yl } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Gl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import ql from "./img-BecE5qXd.js";
-import Jl from "./Title-l36lOBMx.js";
-import { _ as Zl } from "./Shape-CNXKB8O0.js";
-import { t as Ql } from "./themes-AUNCOb2G.js";
-import Kl from "./Legend-G6GMcdAc.js";
-import { S as jl } from "./SlicerPreview-ij72TAs6.js";
-import { _ as es } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "width", "height"], rs = { key: 1 }, os = ["id"], ns = ["stop-color"], is = ["stop-color"], us = ["stop-color"], cs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], vs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], hs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ds = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ys = { key: 0 }, gs = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], bs = { key: 0 }, ms = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], fs = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], ps = { key: 0 }, xs = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], ks = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ws = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ls = ["x", "y", "font-size", "fill", "font-weight"], Ss = ["transform", "font-size", "fill", "font-weight"], zs = ["x", "y", "font-size", "fill", "font-weight"], Cs = ["x", "y", "font-size", "font-weight", "fill"], _s = ["x", "y", "font-size", "fill", "font-weight"], Ms = ["x", "y", "font-size", "font-weight", "fill"], Ts = ["x1", "x2", "y1", "y2", "stroke"], $s = ["x", "y", "font-size", "font-weight", "fill"], As = ["x1", "x2", "y1", "y2", "stroke"], Ps = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Ns = { key: 0 }, Rs = { key: 1 }, Os = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Is = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Fs = { key: 0 }, Ds = { key: 1 }, Es = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Vs = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], Us = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Bs = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Hs = ["data-start", "data-end"], Xs = {
+import { defineAsyncComponent as J, useSlots as wl, computed as g, ref as d, onMounted as oa, toRefs as Ll, watch as we, shallowRef as na, onBeforeUnmount as vt, watchEffect as ia, nextTick as Sl, createElementBlock as n, openBlock as r, normalizeStyle as ae, normalizeClass as ue, createBlock as Z, createCommentVNode as b, renderSlot as C, createElementVNode as Q, createVNode as Le, unref as m, createSlots as ht, withCtx as M, normalizeProps as le, guardReactiveProps as se, Fragment as p, renderList as k, mergeProps as Se, toDisplayString as F, Teleport as zl, resolveDynamicComponent as Cl, createTextVNode as ua } from "vue";
+import { u as _l, a as ca } from "./useNestedProp-BjZe1Y85.js";
+import { c as va, t as Ml, b as Tl, p as Ve, O as ce, e as $l, o as ha, f as da, g as Al, h as Pl, aj as ze, n as ya, m as ga, v as Nl, X as Rl, S as Ol, r as Ee, J as ba, a as Ue, d as re, M as Il, $ as Fl, G as fa, P as Dl, Q as Vl, H as El } from "./lib-C_mNZmhD.js";
+import { t as dt, u as Ul } from "./useResponsive-DfdjqQps.js";
+import { u as Bl } from "./usePrinter-DTzqpYKF.js";
+import { u as Hl, B as Xl } from "./BaseScanner-BgWxam9d.js";
+import { u as ma, a as Wl, l as Yl } from "./useTimeLabels-BGFjWgrv.js";
+import { u as Gl } from "./useSvgExport-DrjCWun4.js";
+import { u as ql } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Jl } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Zl } from "./useTimeLabelCollider-CIsgDrl9.js";
+import Ql from "./img-BecE5qXd.js";
+import Kl from "./Title-l36lOBMx.js";
+import { _ as jl } from "./Shape-CNXKB8O0.js";
+import { t as es } from "./themes-AUNCOb2G.js";
+import ts from "./Legend-G6GMcdAc.js";
+import { S as as } from "./SlicerPreview-ij72TAs6.js";
+import { _ as ls } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ss = ["id"], rs = ["id"], os = ["xmlns", "viewBox"], ns = ["x", "y", "width", "height"], is = { key: 1 }, us = ["id"], cs = ["stop-color"], vs = ["stop-color"], hs = ["stop-color"], ds = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ys = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], gs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], bs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], fs = { key: 0 }, ms = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], ps = { key: 0 }, xs = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], ks = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], ws = { key: 0 }, Ls = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Ss = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Cs = ["x", "y", "font-size", "fill", "font-weight"], _s = ["transform", "font-size", "fill", "font-weight"], Ms = ["x", "y", "font-size", "fill", "font-weight"], Ts = ["x", "y", "font-size", "font-weight", "fill"], $s = ["x", "y", "font-size", "fill", "font-weight"], As = ["x", "y", "font-size", "font-weight", "fill"], Ps = ["x1", "x2", "y1", "y2", "stroke"], Ns = ["x", "y", "font-size", "font-weight", "fill"], Rs = ["x1", "x2", "y1", "y2", "stroke"], Os = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Is = { key: 0 }, Fs = { key: 1 }, Ds = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Vs = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Es = { key: 0 }, Us = { key: 1 }, Bs = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Hs = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], Xs = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Ws = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Ys = ["data-start", "data-end"], Gs = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, Ws = ["x", "y", "height", "width", "fill", "stroke"], Ys = ["id"], Gs = ["onClick"], qs = ["innerHTML"], Js = {
+}, qs = ["x", "y", "height", "width", "fill", "stroke"], Js = ["id"], Zs = ["onClick"], Qs = ["innerHTML"], Ks = {
   __name: "vue-ui-stackbar",
   props: {
     config: {
@@ -40,20 +40,20 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
     }
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel", "selectX"],
-  setup(Be, { expose: ma, emit: fa }) {
-    const pa = J(() => import("./Tooltip-oWCO1HKy.js")), xa = J(() => import("./BaseIcon-BmMbm4d0.js")), ka = J(() => import("./vue-ui-accordion-CZ0thhxa.js")), wa = J(() => import("./DataTable-BT7VF2ua.js")), La = J(() => import("./PenAndPaper-DSvu9dwa.js")), Sa = J(() => import("./UserOptions-CGnQt6Fd.js")), za = J(() => import("./PackageVersion-CTUqGqWV.js")), Ca = J(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_stackbar: _a } = Sl(), Ma = pl(), x = Be, ve = fa, he = g({
+  setup(Be, { expose: pa, emit: xa }) {
+    const ka = J(() => import("./Tooltip-oWCO1HKy.js")), wa = J(() => import("./BaseIcon-BmMbm4d0.js")), La = J(() => import("./vue-ui-accordion-CZ0thhxa.js")), Sa = J(() => import("./DataTable-BT7VF2ua.js")), za = J(() => import("./PenAndPaper-DSvu9dwa.js")), Ca = J(() => import("./UserOptions-CGnQt6Fd.js")), _a = J(() => import("./PackageVersion-Cyx_s25h.js")), Ma = J(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_stackbar: Ta } = _l(), $a = wl(), x = Be, ve = xa, he = g({
       get() {
         return !!x.dataset && x.dataset.length;
       },
       set(a) {
         return a;
       }
-    }), X = d(null), D = d(ua()), He = d(!1), Xe = d(null), We = d(""), N = d([]), dt = d(0), yt = d(null), gt = d(null), de = d(null), bt = d(null), ye = d(!1), U = d(null), K = d(!1), mt = d(0), Ta = d(0), $a = d(0), ft = d(!1), ge = d(null), Ye = d(null), Ge = d(null), qe = d(null), j = d(null), ee = d(null), Aa = d(null), pt = d(null), Je = d(null);
-    sa(() => {
-      ft.value = !0, tt();
+    }), W = d(null), D = d(va()), He = d(!1), Xe = d(null), We = d(""), A = d([]), yt = d(0), gt = d(null), bt = d(null), de = d(null), ft = d(null), ye = d(!1), B = d(null), K = d(!1), mt = d(0), Aa = d(0), Pa = d(0), pt = d(!1), ge = d(null), Ye = d(null), Ge = d(null), qe = d(null), j = d(null), ee = d(null), Na = d(null), xt = d(null), Je = d(null);
+    oa(() => {
+      pt.value = !0, tt();
     });
-    const e = d(je()), { loading: be, FINAL_DATASET: Ze, manualLoading: Ce } = Vl({
-      ...xl(x),
+    const e = d(je()), { loading: be, FINAL_DATASET: Ze, manualLoading: Ce } = Hl({
+      ...Ll(x),
       FINAL_CONFIG: e,
       prepareConfig: je,
       callback: () => {
@@ -73,7 +73,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           color: "#CACACA"
         }
       ],
-      skeletonConfig: zl({
+      skeletonConfig: Ml({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -122,32 +122,32 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           }
         }
       })
-    }), { userOptionsVisible: Qe, setUserOptionsVisibility: xt, keepUserOptionState: kt } = Wl({ config: e.value }), { svgRef: Ke } = Yl({ config: e.value.style.chart.title });
-    function Pa() {
-      xt(!0);
+    }), { userOptionsVisible: Qe, setUserOptionsVisibility: kt, keepUserOptionState: wt } = ql({ config: e.value }), { svgRef: Ke } = Jl({ config: e.value.style.chart.title });
+    function Ra() {
+      kt(!0);
     }
-    function Na() {
-      xt(!1), ve("selectX", { seriesIndex: null, datapoint: null }), U.value = null;
+    function Oa() {
+      kt(!1), ve("selectX", { seriesIndex: null, datapoint: null }), B.value = null;
     }
     function je() {
-      const a = ia({
+      const a = ca({
         userConfig: x.config,
-        defaultConfig: _a
+        defaultConfig: Ta
       });
       let l = {};
       return a.theme ? l = {
-        ...ia({
-          userConfig: Ql.vue_ui_stackbar[a.theme] || x.config,
+        ...ca({
+          userConfig: es.vue_ui_stackbar[a.theme] || x.config,
           defaultConfig: a
         }),
-        customPalette: Cl[a.theme] || Ee
+        customPalette: Tl[a.theme] || Ve
       } : l = a, x.config && ce(x.config, "style.chart.grid.scale.scaleMin") ? l.style.chart.grid.scale.scaleMin = x.config.style.chart.grid.scale.scaleMin : l.style.chart.grid.scale.scaleMin = null, x.config && ce(x.config, "style.chart.grid.scale.scaleMax") ? l.style.chart.grid.scale.scaleMax = x.config.style.chart.grid.scale.scaleMax : l.style.chart.grid.scale.scaleMax = null, x.config && ce(x.config, "style.chart.zoom.startIndex") ? l.style.chart.zoom.startIndex = x.config.style.chart.zoom.startIndex : l.style.chart.zoom.startIndex = null, x.config && ce(x.config, "style.chart.zoom.endIndex") ? l.style.chart.zoom.endIndex = x.config.style.chart.zoom.endIndex : l.style.chart.zoom.endIndex = null, x.config && ce(x.config, "style.chart.bars.dataLabels.hideUnderValue") ? l.style.chart.bars.dataLabels.hideUnderValue = x.config.style.chart.bars.dataLabels.hideUnderValue : l.style.chart.bars.dataLabels.hideUnderValue = null, x.config && ce(x.config, "style.chart.bars.dataLabels.hideUnderPercentage") ? l.style.chart.bars.dataLabels.hideUnderPercentage = x.config.style.chart.bars.dataLabels.hideUnderPercentage : l.style.chart.bars.dataLabels.hideUnderPercentage = null, l;
     }
-    const wt = g(() => e.value.style.chart.bars.dataLabels.hideUnderValue !== null), Lt = g(() => e.value.style.chart.bars.dataLabels.hideUnderPercentage !== null);
+    const Lt = g(() => e.value.style.chart.bars.dataLabels.hideUnderValue !== null), St = g(() => e.value.style.chart.bars.dataLabels.hideUnderPercentage !== null);
     we(() => x.config, (a) => {
-      be.value || (e.value = je()), Qe.value = !e.value.userOptions.showOnChartHover, tt(), mt.value += 1, Ta.value += 1, $a.value += 1, T.value.dataLabels.show = e.value.style.chart.bars.dataLabels.show, T.value.showTable = e.value.table.show, T.value.showTooltip = e.value.style.chart.tooltip.show, Te();
+      be.value || (e.value = je()), Qe.value = !e.value.userOptions.showOnChartHover, tt(), mt.value += 1, Aa.value += 1, Pa.value += 1, T.value.dataLabels.show = e.value.style.chart.bars.dataLabels.show, T.value.showTable = e.value.table.show, T.value.showTooltip = e.value.style.chart.tooltip.show, Te();
     }, { deep: !0 }), we(() => x.dataset, (a) => {
-      Array.isArray(a) && a.length > 0 && (Ce.value = !1), Pt();
+      Array.isArray(a) && a.length > 0 && (Ce.value = !1), Nt();
     }, { deep: !0 });
     const T = d({
       dataLabels: {
@@ -165,7 +165,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    const { isPrinting: St, isImaging: zt, generatePdf: Ct, generateImage: _t } = El({
+    const { isPrinting: zt, isImaging: Ct, generatePdf: _t, generateImage: Mt } = Bl({
       elementId: `stackbar_${D.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-stackbar",
       options: e.value.userOptions.print
@@ -178,22 +178,22 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
         left: e.value.style.chart.padding.left / e.value.style.chart.width
       }
-    }), Ra = g(() => _l(e.value.customPalette)), G = ra(null), ne = ra(null), Mt = d(null);
-    sa(() => {
+    }), Ia = g(() => $l(e.value.customPalette)), G = na(null), ne = na(null), Tt = d(null);
+    oa(() => {
       tt();
     });
     const et = g(() => !!e.value.debug);
     function tt() {
-      if (ca(x.dataset) ? (va({
+      if (ha(x.dataset) ? (da({
         componentName: "VueUiStackbar",
         type: "dataset",
         debug: et.value
       }), Ce.value = !0) : x.dataset.forEach((a, l) => {
-        Ml({
+        Al({
           datasetObject: a,
           requiredAttributes: ["name", "series"]
         }).forEach((t) => {
-          he.value = !1, va({
+          he.value = !1, da({
             componentName: "VueUiStackbar",
             type: "datasetSerieAttribute",
             property: t,
@@ -201,32 +201,32 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
             debug: et.value
           }), Ce.value = !0;
         });
-      }), ca(x.dataset) || (Ce.value = e.value.loading), setTimeout(() => {
+      }), ha(x.dataset) || (Ce.value = e.value.loading), setTimeout(() => {
         K.value = !0;
       }, 10), e.value.responsive) {
-        const a = ht(() => {
+        const a = dt(() => {
           K.value = !1;
-          const { width: l, height: t } = Dl({
-            chart: X.value,
-            title: e.value.style.chart.title.text ? yt.value : null,
-            legend: e.value.style.chart.legend.show ? gt.value : null,
-            slicer: e.value.style.chart.zoom.show && A.value > 6 ? de.value.$el : null,
-            source: bt.value
+          const { width: l, height: t } = Ul({
+            chart: W.value,
+            title: e.value.style.chart.title.text ? gt.value : null,
+            legend: e.value.style.chart.legend.show ? bt.value : null,
+            slicer: e.value.style.chart.zoom.show && P.value > 6 ? de.value.$el : null,
+            source: ft.value
           });
           requestAnimationFrame(() => {
-            oe.value.width = l, oe.value.height = t - 12, clearTimeout(Mt.value), Mt.value = setTimeout(() => {
+            oe.value.width = l, oe.value.height = t - 12, clearTimeout(Tt.value), Tt.value = setTimeout(() => {
               K.value = !0;
             }, 10);
           });
         });
-        G.value && (ne.value && G.value.unobserve(ne.value), G.value.disconnect()), G.value = new ResizeObserver(a), ne.value = X.value.parentNode, G.value.observe(ne.value);
+        G.value && (ne.value && G.value.unobserve(ne.value), G.value.disconnect()), G.value = new ResizeObserver(a), ne.value = W.value.parentNode, G.value.observe(ne.value);
       }
       Oe();
     }
-    ct(() => {
+    vt(() => {
       G.value && (ne.value && G.value.unobserve(ne.value), G.value.disconnect());
     });
-    function Oa() {
+    function Fa() {
       let a = 0;
       e.value.orientation === "vertical" && j.value && (a = Array.from(j.value.querySelectorAll("text")).reduce((s, c) => {
         const o = c.getComputedTextLength();
@@ -238,32 +238,32 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
       const l = qe.value ? qe.value.getBoundingClientRect().width : 0;
       return a + l + (l ? 24 : 0);
     }
-    const _e = d(0), Me = d(0), Ia = ht((a) => {
+    const _e = d(0), Me = d(0), Da = dt((a) => {
       _e.value = a;
     }, 100);
-    oa((a) => {
+    ia((a) => {
       const l = e.value.orientation === "vertical" ? ee.value : j.value;
       if (!l) return;
       const t = new ResizeObserver((s) => {
-        Ia(s[0].contentRect.height);
+        Da(s[0].contentRect.height);
       });
       t.observe(l), a(() => t.disconnect());
     });
-    const Fa = ht((a) => {
+    const Va = dt((a) => {
       Me.value = a + e.value.style.chart.bars.totalValues.fontSize;
     }, 100);
-    oa((a) => {
+    ia((a) => {
       if (e.value.orientation === "vertical") return;
-      const l = pt.value;
+      const l = xt.value;
       if (!l) return;
       const t = new ResizeObserver((s) => {
-        Fa(s[0].contentRect.width);
+        Va(s[0].contentRect.width);
       });
       t.observe(l), a(() => t.disconnect());
-    }), ct(() => {
+    }), vt(() => {
       _e.value = 0, Me.value = 0;
     });
-    const Tt = g(() => {
+    const $t = g(() => {
       let a = 0;
       Ge.value && (a = Ge.value.getBBox().height);
       let l = 0;
@@ -271,8 +271,8 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
     }), u = g(() => {
       const { height: a, width: l } = oe.value, { right: t } = oe.value.paddingRatio;
       let s = e.value.style.chart.bars.totalValues.show && x.dataset && x.dataset.length > 1 ? e.value.style.chart.bars.totalValues.fontSize * 1.3 : 0, c = 0;
-      e.value.style.chart.grid.y.axisLabels.show && (c = Oa());
-      const o = e.value.style.chart.padding.top + s, w = l - l * t - Me.value, _ = a - e.value.style.chart.padding.bottom - Tt.value - s, I = e.value.style.chart.padding.left + c, H = l - I - l * t - Me.value, E = a - o - e.value.style.chart.padding.bottom - Tt.value - s;
+      e.value.style.chart.grid.y.axisLabels.show && (c = Fa());
+      const o = e.value.style.chart.padding.top + s, w = l - l * t - Me.value, _ = a - e.value.style.chart.padding.bottom - $t.value - s, I = e.value.style.chart.padding.left + c, X = l - I - l * t - Me.value, V = a - o - e.value.style.chart.padding.bottom - $t.value - s;
       return {
         chartHeight: a,
         chartWidth: l,
@@ -280,11 +280,11 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         right: w,
         bottom: _,
         left: I,
-        width: Math.max(0, H),
-        height: Math.max(0, E)
+        width: Math.max(0, X),
+        height: Math.max(0, V)
       };
-    }), Da = g(() => {
-      const { left: a, top: l, width: t, height: s } = u.value, c = v.value.start, o = v.value.end, w = Math.max(1, o - c), _ = Math.max(0, Math.min(w, (O.value.start ?? c) - c)), I = Math.max(0, Math.min(w, (O.value.end ?? o) - c)), H = Math.max(0, I - _), E = {
+    }), Ea = g(() => {
+      const { left: a, top: l, width: t, height: s } = u.value, c = v.value.start, o = v.value.end, w = Math.max(1, o - c), _ = Math.max(0, Math.min(w, (O.value.start ?? c) - c)), I = Math.max(0, Math.min(w, (O.value.end ?? o) - c)), X = Math.max(0, I - _), V = {
         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,
@@ -303,21 +303,21 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           x: a,
           y: l + _ * $,
           width: t,
-          height: H * $,
-          ...E
+          height: X * $,
+          ...V
         };
       } else {
         const $ = t / w;
         return {
           x: a + _ * $,
           y: l,
-          width: H * $,
+          width: X * $,
           height: s,
-          ...E
+          ...V
         };
       }
-    }), W = g(() => Ze.value.map((a, l) => {
-      const t = Tl(a.color) || Ra.value[l] || Ee[l] || Ee[l % Ee.length];
+    }), E = g(() => Ze.value.map((a, l) => {
+      const t = Pl(a.color) || Ia.value[l] || Ve[l] || Ve[l % Ve.length];
       return {
         ...a,
         // In distributed mode, all values are converted to positive
@@ -325,52 +325,52 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         // Store signs to manage display of neg values in distributed mode
         signedSeries: a.series.map((s) => s >= 0 ? 1 : -1),
         absoluteIndex: l,
-        id: ua(),
+        id: va(),
         color: t
       };
-    })), A = g(() => Math.max(...W.value.filter((a) => !N.value.includes(a.id)).map((a) => a.series.length)));
-    function Ea(a) {
+    })), P = g(() => Math.max(...E.value.filter((a) => !A.value.includes(a.id)).map((a) => a.series.length)));
+    function Ua(a) {
       Je.value = a;
     }
     const v = d({
       start: 0,
       end: Math.max(...Ze.value.map((a) => a.series.length))
-    }), O = d({ start: 0, end: Math.max(...Ze.value.map((a) => a.series.length)) }), $t = g(() => e.value.style.chart.zoom.preview.enable && (O.value.start !== v.value.start || O.value.end !== v.value.end));
-    function At(a, l) {
+    }), O = d({ start: 0, end: Math.max(...Ze.value.map((a) => a.series.length)) }), At = g(() => e.value.style.chart.zoom.preview.enable && (O.value.start !== v.value.start || O.value.end !== v.value.end));
+    function Pt(a, l) {
       O.value[a] = l;
     }
     function Te() {
-      const a = A.value;
+      const a = P.value;
       let l = Math.max(0, Math.min(v.value.start ?? 0, a - 1)), t = Math.max(l + 1, Math.min(v.value.end ?? a, a));
       (!Number.isFinite(l) || !Number.isFinite(t) || t <= l) && (l = 0, t = a), v.value.start = l, v.value.end = t, O.value.start = l, O.value.end = t, de.value && (de.value.setStartValue(l), de.value.setEndValue(t));
     }
-    const me = d(null);
-    function Va() {
+    const fe = d(null);
+    function Ba() {
       return new Promise((a) => requestAnimationFrame(
         () => requestAnimationFrame(() => a())
       ));
     }
-    ct(() => {
-      me.value && cancelAnimationFrame(me.value);
+    vt(() => {
+      fe.value && cancelAnimationFrame(fe.value);
     });
-    async function Pt() {
-      Oe(), await kl(), me.value && cancelAnimationFrame(me.value), me.value = requestAnimationFrame(async () => {
-        await Va(), Oe();
+    async function Nt() {
+      Oe(), await Sl(), fe.value && cancelAnimationFrame(fe.value), fe.value = requestAnimationFrame(async () => {
+        await Ba(), Oe();
       });
     }
-    const m = g(() => {
+    const f = g(() => {
       let a;
       return e.value.orientation === "vertical" ? a = u.value.width / (v.value.end - v.value.start) : a = u.value.height / (v.value.end - v.value.start), a <= 0 ? 0 : a;
-    }), fe = g(() => ze(W.value.filter((a) => !N.value.includes(a.id))).slice(v.value.start, v.value.end)), te = g(() => e.value.style.chart.zoom.minimap.show ? ze(W.value.filter((a) => !N.value.includes(a.id))) : []), Ua = g(() => e.value.style.chart.zoom.minimap.show ? [{
+    }), me = g(() => ze(E.value.filter((a) => !A.value.includes(a.id))).slice(v.value.start, v.value.end)), te = g(() => e.value.style.chart.zoom.minimap.show ? ze(E.value.filter((a) => !A.value.includes(a.id))) : []), Ha = g(() => e.value.style.chart.zoom.minimap.show ? [{
       name: "",
       series: te.value,
       color: "#000000",
       isVisible: !0
-    }] : []), Ba = g(() => ze(W.value.filter((a) => !N.value.includes(a.id)).map((a) => ({
+    }] : []), Xa = g(() => ze(E.value.filter((a) => !A.value.includes(a.id)).map((a) => ({
       ...a,
       series: a.series.map((l, t) => a.signedSeries[t] === -1 && l >= 0 ? -l : l)
     }))).slice(v.value.start, v.value.end)), $e = g(() => {
-      const a = W.value.filter((l) => !N.value.includes(l.id));
+      const a = E.value.filter((l) => !A.value.includes(l.id));
       return {
         positive: ze(a.map((l) => ({
           ...l,
@@ -381,8 +381,8 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           series: l.series.slice(v.value.start, v.value.end).map((t) => t < 0 ? t : 0)
         })))
       };
-    }), B = g(() => {
-      const a = e.value.style.chart.grid.scale.scaleMax !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMax : Math.max(...$e.value.positive), l = Math.min(...$e.value.negative), t = 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, s = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? ha(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks) : da(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks);
+    }), H = g(() => {
+      const a = e.value.style.chart.grid.scale.scaleMax !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMax : Math.max(...$e.value.positive), l = Math.min(...$e.value.negative), t = 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, s = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? ya(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks) : ga(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks);
       return s.ticks.map((c) => ({
         zero: u.value.bottom - u.value.height * (Math.abs(s.min) / (s.max + Math.abs(s.min))),
         y: u.value.bottom - u.value.height * ((c + Math.abs(s.min)) / (s.max + Math.abs(s.min))),
@@ -392,136 +392,136 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         horizontal_y: u.value.bottom - 8,
         value: c
       }));
-    }), R = g(() => ba({
+    }), R = g(() => ma({
       values: e.value.style.chart.grid.x.timeLabels.values,
-      maxDatapoints: A.value,
+      maxDatapoints: P.value,
       formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
       start: v.value.start,
       end: v.value.end
-    })), pe = g(() => ba({
+    })), pe = g(() => ma({
       values: e.value.style.chart.grid.x.timeLabels.values,
-      maxDatapoints: A.value,
+      maxDatapoints: P.value,
       formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
       start: 0,
-      end: A.value
-    })), Ha = g(() => {
+      end: P.value
+    })), Wa = g(() => {
       const a = e.value.style.chart.grid.x.timeLabels.modulo;
       return R.value.length ? Math.min(a, [...new Set(R.value.map((l) => l.text))].length) : a;
-    }), Nt = g(() => {
-      const a = e.value.style.chart.grid.x.timeLabels, l = R.value || [], t = pe.value || [], s = v.value.start ?? 0, c = U.value, o = A.value, w = l.map((I) => I?.text ?? ""), _ = t.map((I) => I?.text ?? "");
-      return $l(
+    }), Rt = g(() => {
+      const a = e.value.style.chart.grid.x.timeLabels, l = R.value || [], t = pe.value || [], s = v.value.start ?? 0, c = B.value, o = P.value, w = l.map((I) => I?.text ?? ""), _ = t.map((I) => I?.text ?? "");
+      return Nl(
         !!a.showOnlyFirstAndLast,
         !!a.showOnlyAtModulo,
-        Math.max(1, Ha.value || 1),
+        Math.max(1, Wa.value || 1),
         w,
         _,
         s,
         c,
         o
       );
-    }), Rt = g(() => {
-      const a = e.value.style.chart.grid.x.timeLabels.datetimeFormatter, l = Bl({
+    }), Ot = g(() => {
+      const a = e.value.style.chart.grid.x.timeLabels.datetimeFormatter, l = Wl({
         useUTC: a.useUTC,
-        locale: Hl[a.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
+        locale: Yl[a.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
         januaryAsYear: a.januaryAsYear
       });
       return (t, s) => {
         const o = e.value.style.chart.grid.x.timeLabels.values?.[t];
         return o == null ? "" : (l.formatDate(new Date(o), s), l.formatDate(new Date(o), s));
       };
-    }), Ot = g(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, t) => ({
-      text: Rt.value(t, e.value.style.chart.zoom.timeFormat),
+    }), It = g(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, t) => ({
+      text: Ot.value(t, e.value.style.chart.zoom.timeFormat),
       absoluteIndex: t
     }))), at = g(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, t) => ({
-      text: Rt.value(t, e.value.style.chart.tooltip.timeFormat),
+      text: Ot.value(t, e.value.style.chart.tooltip.timeFormat),
       absoluteIndex: t
     }))), L = g(() => {
       if (!he.value && !be.value) return [];
-      let a = Array(A.value).fill(0), l = Array(A.value).fill(0), t = Array(A.value).fill(0), s = Array(A.value).fill(0);
-      const c = Math.max(...$e.value.positive) || 0, o = Math.min(...$e.value.negative), w = [-1 / 0, 1 / 0, NaN, void 0, null].includes(o) ? 0 : o, _ = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? ha(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : w > 0 ? 0 : w, 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 : w > 0 ? 0 : w, 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: I, max: H } = _, E = H + (I >= 0 ? 0 : Math.abs(I)) || 1, $ = u.value.height, Fe = u.value.width, Qt = B.value[0] ? B.value[0].zero : u.value.bottom, Kt = B.value[0] ? B.value[0].horizontal_zero : u.value.left;
-      let jt = Array(te.value.length).fill(0), ea = Array(te.value.length).fill(0);
-      return W.value.filter((ie) => !N.value.includes(ie.id)).map((ie) => {
-        const q = ie.series.slice(), ta = q.map((h, y) => jt[y]), ol = q.map((h, y) => ea[y]);
+      let a = Array(P.value).fill(0), l = Array(P.value).fill(0), t = Array(P.value).fill(0), s = Array(P.value).fill(0);
+      const c = Math.max(...$e.value.positive) || 0, o = Math.min(...$e.value.negative), w = [-1 / 0, 1 / 0, NaN, void 0, null].includes(o) ? 0 : o, _ = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? ya(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : w > 0 ? 0 : w, 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) : ga(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : w > 0 ? 0 : w, 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: I, max: X } = _, V = X + (I >= 0 ? 0 : Math.abs(I)) || 1, $ = u.value.height, Fe = u.value.width, jt = H.value[0] ? H.value[0].zero : u.value.bottom, ea = H.value[0] ? H.value[0].horizontal_zero : u.value.left;
+      let ta = Array(te.value.length).fill(0), aa = Array(te.value.length).fill(0);
+      return E.value.filter((ie) => !A.value.includes(ie.id)).map((ie) => {
+        const q = ie.series.slice(), la = q.map((h, y) => ta[y]), ul = q.map((h, y) => aa[y]);
         q.forEach((h, y) => {
-          (Number(h) || 0) >= 0 ? jt[y] += Number(h) || 0 : ea[y] += Math.abs(Number(h) || 0);
+          (Number(h) || 0) >= 0 ? ta[y] += Number(h) || 0 : aa[y] += Math.abs(Number(h) || 0);
         });
-        const Y = ie.series.slice(v.value.start, v.value.end), nl = ie.signedSeries.slice(v.value.start, v.value.end), il = Y.map((h, y) => u.value.left + m.value * y + m.value * e.value.style.chart.bars.gapRatio / 4), De = (te.value || []).filter(Number.isFinite), nt = De.length ? Math.max(...De) : 0, it = De.length ? Math.min(...De) : 0;
-        function aa({ minimapH: h }) {
-          const S = nt > 0, P = it < 0;
-          if (S && P) {
-            const V = Math.max(nt, Math.abs(it)) || 1e-9;
+        const Y = ie.series.slice(v.value.start, v.value.end), cl = ie.signedSeries.slice(v.value.start, v.value.end), vl = Y.map((h, y) => u.value.left + f.value * y + f.value * e.value.style.chart.bars.gapRatio / 4), De = (te.value || []).filter(Number.isFinite), it = De.length ? Math.max(...De) : 0, ut = De.length ? Math.min(...De) : 0;
+        function sa({ minimapH: h }) {
+          const S = it > 0, N = ut < 0;
+          if (S && N) {
+            const U = Math.max(it, Math.abs(ut)) || 1e-9;
             return {
-              pxPerUnit: h / 2 / V,
+              pxPerUnit: h / 2 / U,
               zero: h / 2
             };
           }
           if (S) {
-            const V = Math.max(1e-9, nt);
+            const U = Math.max(1e-9, it);
             return {
-              pxPerUnit: h / V,
+              pxPerUnit: h / U,
               zero: h
             };
           }
-          const z = Math.max(1e-9, Math.abs(it));
+          const z = Math.max(1e-9, Math.abs(ut));
           return {
             pxPerUnit: h / z,
             zero: 0
           };
         }
-        const ul = ({ left: h, unitW: y }) => {
+        const hl = ({ left: h, unitW: y }) => {
           const S = y * (e.value.style.chart.bars.gapRatio / 4);
-          return q.map((P, z) => h + y * z + S);
-        }, cl = Y.map((h, y) => u.value.top + m.value * y + m.value * e.value.style.chart.bars.gapRatio / 4), vl = Y.map((h, y) => {
-          const S = e.value.style.chart.bars.distributed ? (h || 0) / fe.value[y] : (h || 0) / E;
-          let P, z;
-          return h > 0 ? (z = $ * S, P = Qt - z - a[y], a[y] += z) : (z = $ * S, P = Qt + t[y], t[y] += Math.abs(z)), P;
-        }), hl = ({ minimapH: h }) => {
+          return q.map((N, z) => h + y * z + S);
+        }, dl = Y.map((h, y) => u.value.top + f.value * y + f.value * e.value.style.chart.bars.gapRatio / 4), yl = Y.map((h, y) => {
+          const S = e.value.style.chart.bars.distributed ? (h || 0) / me.value[y] : (h || 0) / V;
+          let N, z;
+          return h > 0 ? (z = $ * S, N = jt - z - a[y], a[y] += z) : (z = $ * S, N = jt + t[y], t[y] += Math.abs(z)), N;
+        }), gl = ({ minimapH: h }) => {
           if (e.value.style.chart.bars.distributed)
-            return q.map((z, V) => {
-              const ut = Math.abs(Number(z) || 0), la = Math.abs(te.value?.[V] || 0) || 1e-9, fl = (ta[V] + ut) / la;
-              return h - fl * h;
+            return q.map((z, U) => {
+              const ct = Math.abs(Number(z) || 0), ra = Math.abs(te.value?.[U] || 0) || 1e-9, kl = (la[U] + ct) / ra;
+              return h - kl * h;
             });
-          const { pxPerUnit: y, zero: S } = aa({ minimapH: h });
-          return q.map((P, z) => {
-            const V = Number(P) || 0;
-            return V >= 0 ? S - (ta[z] + V) * y : S + ol[z] * y;
+          const { pxPerUnit: y, zero: S } = sa({ minimapH: h });
+          return q.map((N, z) => {
+            const U = Number(N) || 0;
+            return U >= 0 ? S - (la[z] + U) * y : S + ul[z] * y;
           });
-        }, dl = Y.map((h, y) => {
-          const S = e.value.style.chart.bars.distributed ? (h || 0) / fe.value[y] : (h || 0) / E;
-          let P, z;
-          return h > 0 ? (z = Fe * S, P = Kt + l[y], l[y] += z) : (z = Fe * S, P = Kt - Math.abs(z) - s[y], s[y] += Math.abs(z)), P;
-        }), yl = Y.map((h, y) => {
-          const S = e.value.style.chart.bars.distributed ? (h || 0) / fe.value[y] : (h || 0) / E;
+        }, bl = Y.map((h, y) => {
+          const S = e.value.style.chart.bars.distributed ? (h || 0) / me.value[y] : (h || 0) / V;
+          let N, z;
+          return h > 0 ? (z = Fe * S, N = ea + l[y], l[y] += z) : (z = Fe * S, N = ea - Math.abs(z) - s[y], s[y] += Math.abs(z)), N;
+        }), fl = Y.map((h, y) => {
+          const S = e.value.style.chart.bars.distributed ? (h || 0) / me.value[y] : (h || 0) / V;
           return h > 0 ? $ * S : $ * Math.abs(S);
-        }), gl = ({ minimapH: h }) => {
+        }), ml = ({ minimapH: h }) => {
           if (e.value.style.chart.bars.distributed)
-            return q.map((P, z) => {
-              const V = Math.abs(Number(P) || 0), ut = Math.abs(te.value?.[z] || 0) || 1e-9;
-              return V / ut * h;
+            return q.map((N, z) => {
+              const U = Math.abs(Number(N) || 0), ct = Math.abs(te.value?.[z] || 0) || 1e-9;
+              return U / ct * h;
             });
-          const { pxPerUnit: y } = aa({ minimapH: h });
+          const { pxPerUnit: y } = sa({ minimapH: h });
           return q.map((S) => Math.abs(Number(S) || 0) * y);
-        }, bl = Y.map((h, y) => {
-          const S = e.value.style.chart.bars.distributed ? (h || 0) / fe.value[y] : (h || 0) / E;
+        }, pl = Y.map((h, y) => {
+          const S = e.value.style.chart.bars.distributed ? (h || 0) / me.value[y] : (h || 0) / V;
           return h > 0 ? Fe * S : Fe * Math.abs(S);
-        }), ml = Y.map((h) => Math.abs(h)).reduce((h, y) => h + y, 0);
+        }), xl = Y.map((h) => Math.abs(h)).reduce((h, y) => h + y, 0);
         return {
           ...ie,
-          proportions: Y.map((h, y) => e.value.style.chart.bars.distributed ? (h || 0) / fe.value[y] : (h || 0) / ml),
+          proportions: Y.map((h, y) => e.value.style.chart.bars.distributed ? (h || 0) / me.value[y] : (h || 0) / xl),
           series: Y,
-          signedSeries: nl,
-          x: il,
-          y: vl,
-          height: yl,
-          horizontal_width: bl,
-          horizontal_y: cl,
-          horizontal_x: dl,
-          xMinimap: ul,
-          yMinimap: hl,
-          heightMinimap: gl
+          signedSeries: cl,
+          x: vl,
+          y: yl,
+          height: fl,
+          horizontal_width: pl,
+          horizontal_y: dl,
+          horizontal_x: bl,
+          xMinimap: hl,
+          yMinimap: gl,
+          heightMinimap: ml
         };
       });
-    }), It = g(() => Ba.value.map((a, l) => ({
+    }), Ft = g(() => Xa.value.map((a, l) => ({
       value: a,
       sign: a >= 0 ? 1 : -1
     })));
@@ -539,7 +539,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         { datapoint: l, seriesIndex: t, datapointIndex: s }
       );
     }
-    function Ft(a, l, t, s) {
+    function Dt(a, l, t, s) {
       return Ue(
         e.value.style.chart.bars.dataLabels.formatter,
         a,
@@ -551,7 +551,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         { datapoint: l, seriesIndex: t, datapointIndex: s }
       );
     }
-    function Dt(a) {
+    function Vt(a) {
       const l = JSON.parse(JSON.stringify(L.value)).map((t) => ({
         name: t.name,
         value: t.series[a] === 0 ? 0 : t.series[a] || null,
@@ -577,28 +577,28 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         const l = lt(a);
         e.value.events.datapointLeave({ datapoint: l, seriesIndex: a + v.value.start });
       }
-      He.value = null, U.value = null;
+      He.value = null, B.value = null;
     }
-    const Xa = g(() => Array(A.value).fill(0).map((a, l) => lt(l)));
+    const Ya = g(() => Array(P.value).fill(0).map((a, l) => lt(l)));
     we(() => x.selectedXIndex, (a) => {
       if ([null, void 0].includes(x.selectedXIndex)) {
-        U.value = null;
+        B.value = null;
         return;
       }
       const l = a - v.value.start;
-      l < 0 || a >= v.value.end ? U.value = null : U.value = l ?? null;
+      l < 0 || a >= v.value.end ? B.value = null : B.value = l ?? null;
     }, { immediate: !0 });
-    function Vt(a) {
-      U.value = a, He.value = !0;
+    function Ut(a) {
+      B.value = a, He.value = !0;
       const l = e.value.style.chart.tooltip.customFormat, t = lt(a);
-      rl({ seriesIndex: a, datapoint: t }), e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a + v.value.start }), Xe.value = {
+      il({ seriesIndex: a, datapoint: t }), e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a + v.value.start }), Xe.value = {
         datapoint: t,
         seriesIndex: a,
         config: e.value,
         series: L.value
       };
       const s = t.map((c) => Math.abs(c.value)).reduce((c, o) => c + o, 0);
-      if (ga(l) && Fl(() => l({
+      if (fa(l) && El(() => l({
         seriesIndex: a,
         datapoint: t,
         series: L.value,
@@ -618,34 +618,34 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           roundingValue: _,
           roundingPercentage: I
         } = e.value.style.chart.tooltip;
-        let H = "";
-        (R.value[a] && R.value[a].text || at.value[a] && at.value[a].text && e.value.style.chart.tooltip.showTimeLabel) && (H += `<div style="width:100%;text-align:center;border-bottom:1px solid ${w};padding-bottom:6px;margin-bottom:3px;">${e.value.style.chart.tooltip.useDefaultTimeFormat ? R.value[a]?.text : at.value[a]?.text || pe.value[a]?.text || ""}</div>`);
-        const E = [
+        let X = "";
+        (R.value[a] && R.value[a].text || at.value[a] && at.value[a].text && e.value.style.chart.tooltip.showTimeLabel) && (X += `<div style="width:100%;text-align:center;border-bottom:1px solid ${w};padding-bottom:6px;margin-bottom:3px;">${e.value.style.chart.tooltip.useDefaultTimeFormat ? R.value[a]?.text : at.value[a]?.text || pe.value[a]?.text || ""}</div>`);
+        const V = [
           c && o ? "(" : "",
           c && o ? ")" : ""
         ];
         t.reverse().forEach(($) => {
-          H += `
+          X += `
                 <div style="display:flex;flex-direction:row;align-items:center;gap:4px">
-                    <svg viewBox="0 0 60 60" height="14" width="14"><rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="${e.value.style.chart.bars.gradient.show ? `url(#gradient_${$.id})` : $.color}"/>${Ma.pattern ? `<rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="url(#pattern_${D.value}_${$.absoluteIndex})"/>` : ""}</svg>
+                    <svg viewBox="0 0 60 60" height="14" width="14"><rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="${e.value.style.chart.bars.gradient.show ? `url(#gradient_${$.id})` : $.color}"/>${$a.pattern ? `<rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="url(#pattern_${D.value}_${$.absoluteIndex})"/>` : ""}</svg>
                     ${$.name}${c || o ? ":" : ""} ${c ? re({
             p: e.value.style.chart.bars.dataLabels.prefix,
             v: $.value,
             s: e.value.style.chart.bars.dataLabels.suffix,
             r: _
-          }) : ""} ${E[0]}${o ? re({
+          }) : ""} ${V[0]}${o ? re({
             v: isNaN($.value / s) ? 0 : Math.abs($.value) / s * 100,
             // Negs are absed to show relative proportion to absolute total. It's opinionated.
             s: "%",
             r: I
-          }) : ""}${E[1]}
+          }) : ""}${V[1]}
                 </div>
             `;
-        }), We.value = `<div>${H}</div>`;
+        }), We.value = `<div>${X}</div>`;
       }
     }
-    const Wa = g(() => oe.value.width), Ya = g(() => oe.value.height);
-    Gl({
+    const Ga = g(() => oe.value.width), qa = g(() => oe.value.height);
+    Zl({
       timeLabelsEls: e.value.orientation === "vertical" ? ee : j,
       timeLabels: R,
       slicer: v,
@@ -653,26 +653,26 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
       rotationPath: ["style", "chart", "grid", "x", "timeLabels", "rotation"],
       autoRotatePath: ["style", "chart", "grid", "x", "timeLabels", "autoRotate", "enable"],
       isAutoSize: !1,
-      width: Wa,
-      height: Ya,
+      width: Ga,
+      height: qa,
       rotation: e.value.style.chart.grid.x.timeLabels.autoRotate.angle
     });
-    function Ut(a) {
-      ye.value = a, dt.value += 1;
+    function Bt(a) {
+      ye.value = a, yt.value += 1;
     }
-    function Bt() {
+    function Ht() {
       T.value.showTable = !T.value.showTable;
     }
-    function Ht() {
+    function Xt() {
       T.value.dataLabels.show = !T.value.dataLabels.show;
     }
-    function Xt() {
+    function Wt() {
       T.value.showTooltip = !T.value.showTooltip;
     }
-    function Ga() {
+    function Ja() {
       return L.value;
     }
-    const Wt = g(() => {
+    const Yt = g(() => {
       if (L.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
       const a = L.value.map(({ name: t, color: s }) => ({
         label: t,
@@ -680,19 +680,19 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
       })), l = [];
       return R.value.forEach((t) => {
         const s = [e.value.style.chart.grid.x.timeLabels.values[t.absoluteIndex] ? t.text : i + 1];
-        W.value.forEach((c) => {
+        E.value.forEach((c) => {
           s.push(Number((c.series[t.absoluteIndex] || 0).toFixed(e.value.table.td.roundingValue)));
         }), l.push(s);
       }), { head: a, body: l };
     });
     function st(a = null) {
-      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], t = ["", ...Wt.value.head.map((w) => w.label)], s = Wt.value.body, c = l.concat([t]).concat(s), o = Ol(c);
-      a ? a(o) : Il({ csvContent: o, 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], [""]], t = ["", ...Yt.value.head.map((w) => w.label)], s = Yt.value.body, c = l.concat([t]).concat(s), o = Dl(c);
+      a ? a(o) : Vl({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
     }
     const Pe = g(() => {
       const a = [""].concat(L.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 < A.value; c += 1) {
+      for (let c = 0; c < P.value; c += 1) {
         const o = L.value.map((w) => w.series[c] ?? 0).reduce((w, _) => w + _, 0);
         l.push([e.value.style.chart.grid.x.timeLabels.values.slice(v.value.start, v.value.end)[c] ? R.value[c].text : c + 1].concat(L.value.map((w) => (w.series[c] ?? 0).toFixed(e.value.table.td.roundingValue))).concat((o ?? 0).toFixed(e.value.table.td.roundingValue)));
       }
@@ -711,24 +711,38 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
       }, s = [e.value.table.columnNames.period].concat(L.value.map((c) => c.name)).concat(e.value.table.columnNames.total);
       return { head: a, body: l.slice(0, v.value.end - v.value.start), config: t, colNames: s };
     });
-    function qa(a, l) {
-      if (N.value.includes(l.id))
-        N.value = N.value.filter((t) => t !== l.id);
+    function rt(a) {
+      if (A.value.includes(a.id))
+        A.value = A.value.filter((l) => l !== a.id);
       else {
-        if (N.value.length === W.value.length - 1) return;
-        N.value.push(l.id);
+        if (A.value.length === E.value.length - 1) return;
+        A.value.push(a.id);
       }
       ve("selectLegend", L.value);
     }
-    const rt = g(() => W.value.map((a, l) => ({
+    function Gt(a) {
+      if (!E.value.length)
+        return e.value.debug && console.warn("VueUiStackbar - There are no series to show."), null;
+      const l = E.value.find((t) => t.name === a);
+      return l || (e.value.debug && console.warn(`VueUiStackbar - Series name not found "${a}"`), null);
+    }
+    function Za(a) {
+      const l = Gt(a);
+      l !== null && A.value.includes(l.id) && rt({ id: l.id });
+    }
+    function Qa(a) {
+      const l = Gt(a);
+      l !== null && (A.value.includes(l.id) || rt({ id: l.id }));
+    }
+    const ot = g(() => E.value.map((a, l) => ({
       ...a,
       shape: "square"
     })).map((a) => ({
       ...a,
-      opacity: N.value.includes(a.id) ? 0.5 : 1,
-      segregate: () => qa(a.absoluteIndex, a),
-      isSegregated: N.value.includes(a.id)
-    }))), Ja = g(() => ({
+      opacity: A.value.includes(a.id) ? 0.5 : 1,
+      segregate: () => rt(a),
+      isSegregated: A.value.includes(a.id)
+    }))), Ka = g(() => ({
       cy: "stackbar-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -736,7 +750,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), Ne = d(!1);
-    function ot() {
+    function nt() {
       Ne.value = !Ne.value;
     }
     function Re(a, l) {
@@ -753,13 +767,13 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         label: a.text
       });
     }
-    const Za = g(() => Math.max(...L.value.flatMap((a) => a.series)));
-    function Yt(a, l) {
-      return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Lt.value ? l * 100 >= e.value.style.chart.bars.dataLabels.hideUnderPercentage : e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? l > 0 : !0 : Lt.value ? (wt.value && et.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."), a > Za.value * e.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : wt.value ? Math.abs(a) >= e.value.style.chart.bars.dataLabels.hideUnderValue : e.value.style.chart.bars.dataLabels.hideEmptyValues ? a !== 0 : !0;
+    const ja = g(() => Math.max(...L.value.flatMap((a) => a.series)));
+    function qt(a, l) {
+      return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? St.value ? l * 100 >= e.value.style.chart.bars.dataLabels.hideUnderPercentage : e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? l > 0 : !0 : St.value ? (Lt.value && et.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."), a > ja.value * e.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : Lt.value ? Math.abs(a) >= e.value.style.chart.bars.dataLabels.hideUnderValue : e.value.style.chart.bars.dataLabels.hideEmptyValues ? a !== 0 : !0;
     }
-    async function Qa({ scale: a = 2 } = {}) {
-      if (!X.value) return;
-      const { width: l, height: t } = X.value.getBoundingClientRect(), s = l / t, { imageUri: c, base64: o } = await ql({ domElement: X.value, base64: !0, img: !0, scale: a });
+    async function el({ scale: a = 2 } = {}) {
+      if (!W.value) return;
+      const { width: l, height: t } = W.value.getBoundingClientRect(), s = l / t, { imageUri: c, base64: o } = await Ql({ domElement: W.value, base64: !0, img: !0, scale: a });
       return {
         imageUri: c,
         base64: o,
@@ -772,7 +786,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
     const xe = g(() => {
       const a = e.value.table.useDialog && !e.value.table.show, l = T.value.showTable;
       return {
-        component: a ? Ca : ka,
+        component: a ? Ma : La,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: a ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -780,7 +794,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: ye.value,
-          fullscreenParent: X.value,
+          fullscreenParent: W.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -802,34 +816,34 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
     we(() => T.value.showTable, (a) => {
       e.value.table.show || (a && e.value.table.useDialog && ge.value ? ge.value.open() : "close" in ge.value && ge.value.close());
     });
-    function Gt() {
+    function Jt() {
       T.value.showTable = !1, Ye.value && Ye.value.setTableIconState(!1);
     }
-    const Ka = g(() => e.value.style.chart.backgroundColor), ja = g(() => e.value.style.chart.legend), el = g(() => e.value.style.chart.title), { exportSvg: tl, getSvg: al } = Xl({
+    const tl = g(() => e.value.style.chart.backgroundColor), al = g(() => e.value.style.chart.legend), ll = g(() => e.value.style.chart.title), { exportSvg: sl, getSvg: rl } = Gl({
       svg: Ke,
-      title: el,
-      legend: ja,
-      legendItems: rt,
-      backgroundColor: Ka
+      title: ll,
+      legend: al,
+      legendItems: ot,
+      backgroundColor: tl
     });
-    async function qt({ isCb: a }) {
+    async function Zt({ isCb: a }) {
       if (a) {
-        const { blob: l, url: t, text: s, dataUrl: c } = await al();
+        const { blob: l, url: t, text: s, dataUrl: c } = await rl();
         e.value.userOptions.callbacks.svg({ blob: l, url: t, text: s, dataUrl: c });
       } else
-        tl();
+        sl();
     }
-    function Jt(a) {
-      const l = A.value;
+    function Qt(a) {
+      const l = P.value;
       return a > l ? l : a < 0 || a < v.value.start ? e.value.style.chart.zoom.startIndex !== null ? v.value.start + 1 : 1 : a;
     }
-    const ke = d(!1), Zt = d(!1);
+    const ke = d(!1), Kt = d(!1);
     function Oe() {
       if (!ke.value) {
         ke.value = !0;
         try {
-          const { startIndex: a, endIndex: l } = e.value.style.chart.zoom, t = A.value, s = a ?? 0, c = l != null ? Math.min(Jt(l + 1), t) : t;
-          Ie.value = !0, v.value.start = s, v.value.end = c, O.value.start = s, O.value.end = c, Te(), Zt.value = !0;
+          const { startIndex: a, endIndex: l } = e.value.style.chart.zoom, t = P.value, s = a ?? 0, c = l != null ? Math.min(Qt(l + 1), t) : t;
+          Ie.value = !0, v.value.start = s, v.value.end = c, O.value.start = s, O.value.end = c, Te(), Kt.value = !0;
         } finally {
           queueMicrotask(() => {
             Ie.value = !1;
@@ -838,15 +852,15 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
       }
     }
     const Ie = d(!1);
-    function ll(a) {
+    function ol(a) {
       ke.value || Ie.value || a !== v.value.start && (v.value.start = a, O.value.start = a, Te());
     }
-    function sl(a) {
+    function nl(a) {
       if (ke.value || Ie.value) return;
-      const l = Jt(a);
+      const l = Qt(a);
       l !== v.value.end && (v.value.end = l, O.value.end = l, Te());
     }
-    function rl({ seriesIndex: a, datapoint: l }) {
+    function il({ seriesIndex: a, datapoint: l }) {
       const t = v.value.start + a;
       ve("selectX", {
         dataset: l,
@@ -854,43 +868,45 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         indexLabel: e.value.style.chart.grid.x.timeLabels.values[t]
       });
     }
-    return ma({
-      getData: Ga,
-      getImage: Qa,
-      generatePdf: Ct,
+    return pa({
+      getData: Ja,
+      getImage: el,
+      generatePdf: _t,
       generateCsv: st,
-      generateImage: _t,
-      generateSvg: qt,
-      toggleTable: Bt,
-      toggleLabels: Ht,
-      toggleTooltip: Xt,
-      toggleAnnotator: ot,
-      toggleFullscreen: Ut
+      generateImage: Mt,
+      generateSvg: Zt,
+      hideSeries: Qa,
+      showSeries: Za,
+      toggleTable: Ht,
+      toggleLabels: Xt,
+      toggleTooltip: Wt,
+      toggleAnnotator: nt,
+      toggleFullscreen: Bt
     }), (a, l) => (r(), n("div", {
       id: `stackbar_${D.value}`,
       ref_key: "stackbarChart",
-      ref: X,
+      ref: W,
       class: ue({ "vue-data-ui-component": !0, "vue-ui-stackbar": !0, "vue-data-ui-wrapper-fullscreen": ye.value }),
       style: ae(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: Pa,
-      onMouseleave: Na
+      onMouseenter: Ra,
+      onMouseleave: Oa
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), Z(f(La), {
+      e.value.userOptions.buttons.annotator ? (r(), Z(m(za), {
         key: 0,
-        svgRef: f(Ke),
+        svgRef: m(Ke),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: Ne.value,
-        onClose: ot
+        onClose: nt
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : b("", !0),
       C(a.$slots, "userConfig", {}, void 0, !0),
       e.value.style.chart.title.text ? (r(), n("div", {
         key: 1,
         ref_key: "chartTitle",
-        ref: yt,
+        ref: gt,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (r(), Z(Jl, {
+        (r(), Z(Kl, {
           key: `title_${mt.value}`,
           config: {
             title: {
@@ -906,15 +922,15 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
       ], 512)) : b("", !0),
       Q("div", {
         id: `legend-top-${D.value}`
-      }, null, 8, as),
-      e.value.userOptions.show && he.value && (f(kt) || f(Qe)) ? (r(), Z(f(Sa), {
+      }, null, 8, rs),
+      e.value.userOptions.show && he.value && (m(wt) || m(Qe)) ? (r(), Z(m(Ca), {
         ref_key: "userOptionsRef",
         ref: Ye,
-        key: `user_option_${dt.value}`,
+        key: `user_option_${yt.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: f(St),
-        isImaging: f(zt),
+        isPrinting: m(zt),
+        isImaging: m(Ct),
         uid: D.value,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -925,7 +941,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: ye.value,
-        chartElement: X.value,
+        chartElement: W.value,
         position: e.value.userOptions.position,
         isTooltip: T.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
@@ -934,19 +950,19 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
-        onToggleFullscreen: Ut,
-        onGeneratePdf: f(Ct),
+        onToggleFullscreen: Bt,
+        onGeneratePdf: m(_t),
         onGenerateCsv: st,
-        onGenerateImage: f(_t),
-        onGenerateSvg: qt,
-        onToggleTable: Bt,
-        onToggleLabels: Ht,
-        onToggleTooltip: Xt,
-        onToggleAnnotator: ot,
+        onGenerateImage: m(Mt),
+        onGenerateSvg: Zt,
+        onToggleTable: Ht,
+        onToggleLabels: Xt,
+        onToggleTooltip: Wt,
+        onToggleAnnotator: nt,
         style: ae({
-          visibility: f(kt) ? f(Qe) ? "visible" : "hidden" : "visible"
+          visibility: m(wt) ? m(Qe) ? "visible" : "hidden" : "visible"
         })
-      }, vt({ _: 2 }, [
+      }, ht({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: M(({ isOpen: t, color: s }) => [
@@ -1021,12 +1037,12 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
       (r(), n("svg", {
         ref_key: "svgRef",
         ref: Ke,
-        xmlns: f(Al),
+        xmlns: m(Rl),
         viewBox: `0 0 ${u.value.chartWidth <= 0 ? 10 : u.value.chartWidth} ${u.value.chartHeight <= 0 ? 10 : u.value.chartHeight}`,
-        class: ue({ "vue-data-ui-loading": f(be) }),
+        class: ue({ "vue-data-ui-loading": m(be) }),
         style: ae(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Le(f(za)),
+        Le(m(_a)),
         a.$slots["chart-background"] ? (r(), n("foreignObject", {
           key: 0,
           x: u.value.left,
@@ -1038,8 +1054,8 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           }
         }, [
           C(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, ss)) : b("", !0),
-        e.value.style.chart.bars.gradient.show ? (r(), n("defs", rs, [
+        ], 8, ns)) : b("", !0),
+        e.value.style.chart.bars.gradient.show ? (r(), n("defs", is, [
           (r(!0), n(p, null, k(L.value, (t, s) => (r(), n("linearGradient", {
             id: `gradient_${t.id}`,
             x1: "0%",
@@ -1050,18 +1066,18 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
             Q("stop", {
               offset: "0%",
               "stop-color": t.color
-            }, null, 8, ns),
+            }, null, 8, cs),
             Q("stop", {
               offset: "61.8%",
-              "stop-color": f(Pl)(t.color, e.value.style.chart.bars.gradient.intensity / 100)
-            }, null, 8, is),
+              "stop-color": m(Ol)(t.color, e.value.style.chart.bars.gradient.intensity / 100)
+            }, null, 8, vs),
             Q("stop", {
               offset: "100%",
               "stop-color": t.color
-            }, null, 8, us)
-          ], 8, os))), 256))
+            }, null, 8, hs)
+          ], 8, us))), 256))
         ])) : b("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (r(!0), n(p, { key: 2 }, k(B.value, (t, s) => (r(), n("line", {
+        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (r(!0), n(p, { key: 2 }, k(H.value, (t, s) => (r(), n("line", {
           x1: u.value.left,
           x2: u.value.right,
           y1: t.y,
@@ -1070,28 +1086,28 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           "stroke-width": e.value.style.chart.grid.x.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.x.linesStrokeDasharray,
           "stroke-linecap": "round"
-        }, null, 8, cs))), 256)) : b("", !0),
+        }, null, 8, ds))), 256)) : b("", !0),
         e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (r(!0), n(p, { key: 3 }, k(v.value.end - v.value.start + 1, (t, s) => (r(), n("line", {
           x1: u.value.left,
           x2: u.value.right,
-          y1: u.value.top + m.value * s,
-          y2: u.value.top + m.value * s,
+          y1: u.value.top + f.value * s,
+          y2: u.value.top + f.value * s,
           stroke: e.value.style.chart.grid.x.linesColor,
           "stroke-width": e.value.style.chart.grid.x.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.x.linesStrokeDasharray,
           "stroke-linecap": "round"
-        }, null, 8, vs))), 256)) : b("", !0),
+        }, null, 8, ys))), 256)) : b("", !0),
         e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (r(!0), n(p, { key: 4 }, k(v.value.end - v.value.start + 1, (t, s) => (r(), n("line", {
-          x1: u.value.left + m.value * s,
-          x2: u.value.left + m.value * s,
+          x1: u.value.left + f.value * s,
+          x2: u.value.left + f.value * s,
           y1: u.value.top,
           y2: u.value.bottom,
           stroke: e.value.style.chart.grid.y.linesColor,
           "stroke-width": e.value.style.chart.grid.y.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
           "stroke-linecap": "round"
-        }, null, 8, hs))), 256)) : b("", !0),
-        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "horizontal" ? (r(!0), n(p, { key: 5 }, k(B.value, (t, s) => (r(), n("line", {
+        }, null, 8, gs))), 256)) : b("", !0),
+        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "horizontal" ? (r(!0), n(p, { key: 5 }, k(H.value, (t, s) => (r(), n("line", {
           x1: t.horizontal_x,
           x2: t.horizontal_x,
           y1: u.value.top,
@@ -1100,9 +1116,9 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           "stroke-width": e.value.style.chart.grid.y.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
           "stroke-linecap": "round"
-        }, null, 8, ds))), 256)) : b("", !0),
+        }, null, 8, bs))), 256)) : b("", !0),
         (r(!0), n(p, null, k(L.value, (t, s) => (r(), n("g", null, [
-          a.$slots.pattern ? (r(), n("defs", ys, [
+          a.$slots.pattern ? (r(), n("defs", fs, [
             C(a.$slots, "pattern", Se({ ref_for: !0 }, { seriesIndex: t.absoluteIndex, patternId: `pattern_${D.value}_${t.absoluteIndex}` }), void 0, !0)
           ])) : b("", !0),
           e.value.orientation === "vertical" ? (r(), n(p, { key: 1 }, [
@@ -1111,57 +1127,57 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
               y: t.y[o] < 0 ? 0 : t.y[o],
               height: t.height[o] < 0 ? 1e-4 : t.height[o] || 0,
               rx: e.value.style.chart.bars.borderRadius > t.height[o] / 2 ? (t.height[o] < 0 ? 0 : t.height[o]) / 2 : e.value.style.chart.bars.borderRadius,
-              width: m.value * (1 - e.value.style.chart.bars.gapRatio / 2),
+              width: f.value * (1 - e.value.style.chart.bars.gapRatio / 2),
               fill: e.value.style.chart.bars.gradient.show ? `url(#gradient_${t.id})` : t.color,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.bars.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               class: ue({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": K.value })
-            }, null, 10, gs))), 256)),
-            a.$slots.pattern ? (r(), n("g", bs, [
+            }, null, 10, ms))), 256)),
+            a.$slots.pattern ? (r(), n("g", ps, [
               (r(!0), n(p, null, k(t.x, (c, o) => (r(), n("rect", {
                 x: c,
                 y: t.y[o] < 0 ? 0 : t.y[o],
                 height: t.height[o] < 0 ? 1e-4 : t.height[o] || 0,
                 rx: e.value.style.chart.bars.borderRadius > t.height[o] / 2 ? (t.height[o] < 0 ? 0 : t.height[o]) / 2 : e.value.style.chart.bars.borderRadius,
-                width: m.value * (1 - e.value.style.chart.bars.gapRatio / 2),
+                width: f.value * (1 - e.value.style.chart.bars.gapRatio / 2),
                 fill: `url(#pattern_${D.value}_${t.absoluteIndex})`,
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": e.value.style.chart.bars.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 class: ue({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": K.value })
-              }, null, 10, ms))), 256))
+              }, null, 10, xs))), 256))
             ])) : b("", !0)
           ], 64)) : (r(), n(p, { key: 2 }, [
             (r(!0), n(p, null, k(t.horizontal_x, (c, o) => (r(), n("rect", {
-              x: f(Ve)(c, u.value.left),
+              x: m(Ee)(c, u.value.left),
               y: t.horizontal_y[o] < 0 ? 0 : t.horizontal_y[o],
-              width: f(Ve)(t.horizontal_width[o] < 0 ? 1e-4 : t.horizontal_width[o]),
+              width: m(Ee)(t.horizontal_width[o] < 0 ? 1e-4 : t.horizontal_width[o]),
               rx: e.value.style.chart.bars.borderRadius > t.height[o] / 2 ? (t.height[o] < 0 ? 0 : t.height[o]) / 2 : e.value.style.chart.bars.borderRadius,
-              height: m.value * (1 - e.value.style.chart.bars.gapRatio / 2),
+              height: f.value * (1 - e.value.style.chart.bars.gapRatio / 2),
               fill: e.value.style.chart.bars.gradient.show ? `url(#gradient_${t.id})` : t.color,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.bars.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               class: ue({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": K.value })
-            }, null, 10, fs))), 256)),
-            a.$slots.pattern ? (r(), n("g", ps, [
+            }, null, 10, ks))), 256)),
+            a.$slots.pattern ? (r(), n("g", ws, [
               (r(!0), n(p, null, k(t.horizontal_x, (c, o) => (r(), n("rect", {
-                x: f(Ve)(c, u.value.left),
+                x: m(Ee)(c, u.value.left),
                 y: t.horizontal_y[o] < 0 ? 0 : t.horizontal_y[o],
-                width: f(Ve)(t.horizontal_width[o] < 0 ? 1e-4 : t.horizontal_width[o]),
+                width: m(Ee)(t.horizontal_width[o] < 0 ? 1e-4 : t.horizontal_width[o]),
                 rx: e.value.style.chart.bars.borderRadius > t.height[o] / 2 ? (t.height[o] < 0 ? 0 : t.height[o]) / 2 : e.value.style.chart.bars.borderRadius,
-                height: m.value * (1 - e.value.style.chart.bars.gapRatio / 2),
+                height: f.value * (1 - e.value.style.chart.bars.gapRatio / 2),
                 fill: `url(#pattern_${D.value}_${t.absoluteIndex})`,
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": e.value.style.chart.bars.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 class: ue({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": K.value })
-              }, null, 10, xs))), 256))
+              }, null, 10, Ls))), 256))
             ])) : b("", !0)
           ], 64))
         ]))), 256)),
@@ -1175,7 +1191,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           "stroke-width": e.value.style.chart.grid.x.axisThickness,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, ks)) : b("", !0),
+        }, null, 8, Ss)) : b("", !0),
         e.value.style.chart.grid.y.showAxis && !e.value.style.chart.bars.distributed ? (r(), n("line", {
           key: 7,
           x1: u.value.left,
@@ -1186,7 +1202,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           "stroke-width": e.value.style.chart.grid.y.axisThickness,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, ws)) : b("", !0),
+        }, null, 8, zs)) : b("", !0),
         e.value.style.chart.grid.x.axisName.show && e.value.style.chart.grid.x.axisName.text ? (r(), n("text", {
           key: 8,
           ref_key: "xAxisLabel",
@@ -1197,7 +1213,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           fill: e.value.style.chart.grid.x.axisName.color,
           "font-weight": e.value.style.chart.grid.x.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, F(e.value.style.chart.grid.x.axisName.text), 9, Ls)) : b("", !0),
+        }, F(e.value.style.chart.grid.x.axisName.text), 9, Cs)) : b("", !0),
         e.value.style.chart.grid.y.axisName.show && e.value.style.chart.grid.y.axisName.text ? (r(), n("text", {
           key: 9,
           ref_key: "yAxisLabel",
@@ -1207,68 +1223,68 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           fill: e.value.style.chart.grid.y.axisName.color,
           "font-weight": e.value.style.chart.grid.y.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, F(e.value.style.chart.grid.y.axisName.text), 9, Ss)) : b("", !0),
+        }, F(e.value.style.chart.grid.y.axisName.text), 9, _s)) : b("", !0),
         T.value.dataLabels.show && e.value.orientation === "vertical" ? (r(), n(p, { key: 10 }, [
           (r(!0), n(p, null, k(L.value, (t, s) => (r(), n("g", null, [
             (r(!0), n(p, null, k(t.x, (c, o) => (r(), n(p, null, [
-              Yt(t.series[o], t.proportions[o]) ? (r(), n("text", {
+              qt(t.series[o], t.proportions[o]) ? (r(), n("text", {
                 key: 0,
-                x: c + m.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2,
+                x: c + f.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2,
                 y: t.y[o] + t.height[o] / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
                 "font-size": e.value.style.chart.bars.dataLabels.fontSize,
-                fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? f(ya)(t.color) : e.value.style.chart.bars.dataLabels.color,
+                fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? m(ba)(t.color) : e.value.style.chart.bars.dataLabels.color,
                 "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
                 "text-anchor": "middle"
-              }, F(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Ft(t.proportions[o] * 100, t, s, o) : Ae(t.series[o], t, s, o, t.signedSeries[o])), 9, zs)) : b("", !0)
+              }, F(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Dt(t.proportions[o] * 100, t, s, o) : Ae(t.series[o], t, s, o, t.signedSeries[o])), 9, Ms)) : b("", !0)
             ], 64))), 256))
           ]))), 256)),
           e.value.style.chart.bars.totalValues.show && L.value.length > 1 ? (r(), n("g", {
             key: 0,
             ref_key: "sumTop",
-            ref: Aa
+            ref: Na
           }, [
-            (r(!0), n(p, null, k(It.value, (t, s) => (r(), n(p, null, [
+            (r(!0), n(p, null, k(Ft.value, (t, s) => (r(), n(p, null, [
               !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (r(), n("text", {
                 key: 0,
-                x: u.value.left + m.value * s + m.value / 2,
+                x: u.value.left + f.value * s + f.value / 2,
                 y: e.value.style.chart.bars.totalValues.fontSize,
                 "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
-              }, F(Ae(t.value, t, s, t.sign)), 9, Cs)) : b("", !0)
+              }, F(Ae(t.value, t, s, t.sign)), 9, Ts)) : b("", !0)
             ], 64))), 256))
           ], 512)) : b("", !0)
         ], 64)) : b("", !0),
         T.value.dataLabels.show && e.value.orientation === "horizontal" ? (r(), n(p, { key: 11 }, [
           (r(!0), n(p, null, k(L.value, (t, s) => (r(), n("g", null, [
             (r(!0), n(p, null, k(t.horizontal_x, (c, o) => (r(), n(p, null, [
-              Yt(t.series[o], t.proportions[o]) ? (r(), n("text", {
+              qt(t.series[o], t.proportions[o]) ? (r(), n("text", {
                 key: 0,
                 x: c + (t.horizontal_width[o] < 0 ? 1e-4 : t.horizontal_width[o]) / 2,
-                y: t.horizontal_y[o] + m.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
+                y: t.horizontal_y[o] + f.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
                 "font-size": e.value.style.chart.bars.dataLabels.fontSize,
-                fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? f(ya)(t.color) : e.value.style.chart.bars.dataLabels.color,
+                fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? m(ba)(t.color) : e.value.style.chart.bars.dataLabels.color,
                 "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
                 "text-anchor": "middle"
-              }, F(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Ft(t.proportions[o] * 100, t, s, o) : Ae(t.series[o], t, s, o, t.signedSeries[o])), 9, _s)) : b("", !0)
+              }, F(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Dt(t.proportions[o] * 100, t, s, o) : Ae(t.series[o], t, s, o, t.signedSeries[o])), 9, $s)) : b("", !0)
             ], 64))), 256))
           ]))), 256)),
           e.value.style.chart.bars.totalValues.show && L.value.length > 1 ? (r(), n("g", {
             key: 0,
             ref_key: "sumRight",
-            ref: pt
+            ref: xt
           }, [
-            (r(!0), n(p, null, k(It.value, (t, s) => (r(), n(p, null, [
+            (r(!0), n(p, null, k(Ft.value, (t, s) => (r(), n(p, null, [
               !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (r(), n("text", {
                 key: 0,
                 x: u.value.right + e.value.style.chart.bars.totalValues.fontSize / 3,
-                y: u.value.top + m.value * s + m.value / 2,
+                y: u.value.top + f.value * s + f.value / 2,
                 "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
-              }, F(Ae(t.value, t, s, t.sign)), 9, Ms)) : b("", !0)
+              }, F(Ae(t.value, t, s, t.sign)), 9, As)) : b("", !0)
             ], 64))), 256))
           ], 512)) : b("", !0)
         ], 64)) : b("", !0),
@@ -1277,39 +1293,39 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           ref_key: "scaleLabels",
           ref: j
         }, [
-          (r(!0), n(p, null, k(B.value, (t, s) => (r(), n("line", {
+          (r(!0), n(p, null, k(H.value, (t, s) => (r(), n("line", {
             x1: u.value.left,
             x2: u.value.left - 6,
             y1: t.y,
             y2: t.y,
             stroke: e.value.style.chart.grid.x.axisColor,
             "stroke-width": 1
-          }, null, 8, Ts))), 256)),
-          (r(!0), n(p, null, k(B.value, (t, s) => (r(), n("text", {
+          }, null, 8, Ps))), 256)),
+          (r(!0), n(p, null, k(H.value, (t, s) => (r(), n("text", {
             x: t.x,
             y: t.y + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
             "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
             "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
             fill: e.value.style.chart.grid.y.axisLabels.color,
             "text-anchor": "end"
-          }, F(f(Ue)(
+          }, F(m(Ue)(
             e.value.style.chart.grid.y.axisLabels.formatter,
             t.value,
-            f(re)({
+            m(re)({
               p: e.value.style.chart.bars.dataLabels.prefix,
               v: t.value,
               s: e.value.style.chart.bars.dataLabels.suffix,
               r: e.value.style.chart.grid.y.axisLabels.rounding
             }),
             { datapoint: t }
-          )), 9, $s))), 256))
+          )), 9, Ns))), 256))
         ], 512)) : b("", !0),
         e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "horizontal" ? (r(), n("g", {
           key: 13,
           ref_key: "scaleLabels",
           ref: j
         }, [
-          (r(!0), n(p, null, k(B.value, (t, s) => (r(), n("line", {
+          (r(!0), n(p, null, k(H.value, (t, s) => (r(), n("line", {
             x1: t.horizontal_x,
             x2: t.horizontal_x,
             y1: u.value.bottom,
@@ -1317,47 +1333,47 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
             stroke: e.value.style.chart.grid.x.axisColor,
             "stroke-width": 1,
             "stroke-linecap": "round"
-          }, null, 8, As))), 256)),
-          (r(!0), n(p, null, k(B.value, (t, s) => (r(), n("text", {
+          }, null, 8, Rs))), 256)),
+          (r(!0), n(p, null, k(H.value, (t, s) => (r(), n("text", {
             class: "vue-data-ui-time-label",
             "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
             "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
             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(${t.horizontal_x}, ${u.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})`
-          }, F(f(Ue)(
+          }, F(m(Ue)(
             e.value.style.chart.grid.y.axisLabels.formatter,
             t.value,
-            f(re)({
+            m(re)({
               p: e.value.style.chart.bars.dataLabels.prefix,
               v: t.value,
               s: e.value.style.chart.bars.dataLabels.suffix,
               r: e.value.style.chart.grid.y.axisLabels.rounding
             }),
             { datapoint: t }
-          )), 9, Ps))), 256))
+          )), 9, Os))), 256))
         ], 512)) : b("", !0),
         e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "vertical" ? (r(), n("g", {
           key: 14,
           ref_key: "timeLabelsEls",
           ref: ee
         }, [
-          a.$slots["time-label"] ? (r(), n("g", Ns, [
-            (r(!0), n(p, null, k(Nt.value, (t, s) => (r(), n("g", null, [
+          a.$slots["time-label"] ? (r(), n("g", Is, [
+            (r(!0), n(p, null, k(Rt.value, (t, s) => (r(), n("g", null, [
               C(a.$slots, "time-label", Se({ ref_for: !0 }, {
-                x: u.value.left + m.value * s + m.value / 2,
+                x: u.value.left + f.value * s + f.value / 2,
                 y: u.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,
                 fill: e.value.style.chart.grid.x.timeLabels.color,
-                transform: `translate(${u.value.left + m.value * s + m.value / 2}, ${u.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})`,
+                transform: `translate(${u.value.left + f.value * s + f.value / 2}, ${u.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})`,
                 absoluteIndex: t.absoluteIndex,
                 content: t.text,
                 textAnchor: e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
                 show: !0
               }), void 0, !0)
             ]))), 256))
-          ])) : (r(), n("g", Rs, [
-            (r(!0), n(p, null, k(Nt.value, (t, s) => (r(), n("g", null, [
+          ])) : (r(), n("g", Fs, [
+            (r(!0), n(p, null, k(Rt.value, (t, s) => (r(), n("g", null, [
               String(t.text).includes(`
 `) ? (r(), n("text", {
                 key: s + "-multi",
@@ -1366,13 +1382,13 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
                 fill: e.value.style.chart.grid.x.timeLabels.color,
                 transform: `
                                     translate(
-                                    ${u.value.left + m.value * s + m.value / 2},
+                                    ${u.value.left + f.value * s + f.value / 2},
                                     ${u.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: { cursor: "pointer" },
-                innerHTML: f(Nl)({
+                innerHTML: m(Il)({
                   content: String(t.text),
                   fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
                   fill: e.value.style.chart.grid.x.timeLabels.color,
@@ -1380,17 +1396,17 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
                   y: 0
                 }),
                 onClick: () => Re(t, s)
-              }, null, 8, Is)) : (r(), n("text", {
+              }, null, 8, Vs)) : (r(), n("text", {
                 class: "vue-data-ui-time-label",
                 key: s,
                 "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
                 "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
                 "font-weight": e.value.style.chart.grid.x.timeLabels.bold ? "bold" : "normal",
                 fill: e.value.style.chart.grid.x.timeLabels.color,
-                transform: `translate(${u.value.left + m.value * s + m.value / 2}, ${u.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})`,
+                transform: `translate(${u.value.left + f.value * s + f.value / 2}, ${u.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: { cursor: "pointer" },
                 onClick: () => Re(t, s)
-              }, F(t.text), 9, Os))
+              }, F(t.text), 9, Ds))
             ]))), 256))
           ]))
         ], 512)) : b("", !0),
@@ -1399,11 +1415,11 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           ref_key: "timeLabelsEls",
           ref: ee
         }, [
-          a.$slots["time-label"] ? (r(), n("g", Fs, [
+          a.$slots["time-label"] ? (r(), n("g", Es, [
             (r(!0), n(p, null, k(R.value, (t, s) => (r(), n("g", null, [
               C(a.$slots, "time-label", Se({ ref_for: !0 }, {
                 x: u.value.left - 8,
-                y: u.value.top + m.value * s + m.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
+                y: u.value.top + f.value * s + f.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
                 fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
                 fill: e.value.style.chart.grid.x.timeLabels.color,
                 transform: null,
@@ -1413,7 +1429,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
                 show: !0
               }), void 0, !0)
             ]))), 256))
-          ])) : (r(), n("g", Ds, [
+          ])) : (r(), n("g", Us, [
             (r(!0), n(p, null, k(R.value, (t, s) => (r(), n("g", null, [
               String(t.text).includes(`
 `) ? (r(), n("text", {
@@ -1423,73 +1439,73 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
                 "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
                 fill: e.value.style.chart.grid.y.axisLabels.color,
                 x: u.value.left - 8,
-                y: u.value.top + m.value * s + m.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
+                y: u.value.top + f.value * s + f.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
                 style: { cursor: "pointer" },
                 onClick: () => Re(t, s),
-                innerHTML: f(Rl)({
+                innerHTML: m(Fl)({
                   content: String(t.text),
                   fontSize: e.value.style.chart.grid.y.axisLabels.fontSize,
                   fill: e.value.style.chart.grid.y.axisLabels.color,
                   x: u.value.left - 8,
                   y: 0
                 })
-              }, null, 8, Vs)) : (r(), n("text", {
+              }, null, 8, Hs)) : (r(), n("text", {
                 key: 0,
                 "text-anchor": "end",
                 "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
                 "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
                 fill: e.value.style.chart.grid.y.axisLabels.color,
                 x: u.value.left - 8,
-                y: u.value.top + m.value * s + m.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
+                y: u.value.top + f.value * s + f.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
                 style: {
                   cursor: "pointer"
                 },
                 onClick: () => Re(t, s)
-              }, F(t.text), 9, Es))
+              }, F(t.text), 9, Bs))
             ]))), 256))
           ]))
         ], 512)) : b("", !0),
         T.value.showTooltip && e.value.orientation === "vertical" ? (r(!0), n(p, { key: 16 }, k(v.value.end - v.value.start, (t, s) => (r(), n("rect", {
-          x: u.value.left + s * m.value,
+          x: u.value.left + s * f.value,
           y: u.value.top,
-          width: m.value,
+          width: f.value,
           height: u.value.height < 0 ? 0 : u.value.height,
-          onClick: () => Dt(s),
-          onMouseenter: () => Vt(s),
+          onClick: () => Vt(s),
+          onMouseenter: () => Ut(s),
           onMouseleave: () => Et(s),
-          fill: s === U.value || s === Je.value ? e.value.style.chart.highlighter.color : "transparent",
+          fill: s === B.value || s === Je.value ? e.value.style.chart.highlighter.color : "transparent",
           style: ae({ opacity: e.value.style.chart.highlighter.opacity / 100 })
-        }, null, 44, Us))), 256)) : b("", !0),
+        }, null, 44, Xs))), 256)) : b("", !0),
         T.value.showTooltip && e.value.orientation === "horizontal" ? (r(!0), n(p, { key: 17 }, k(v.value.end - v.value.start, (t, s) => (r(), n("rect", {
           x: u.value.left,
-          y: u.value.top + s * m.value,
+          y: u.value.top + s * f.value,
           width: u.value.width < 0 ? 0 : u.value.width,
-          height: m.value,
-          onClick: () => Dt(s),
-          onMouseenter: () => Vt(s),
+          height: f.value,
+          onClick: () => Vt(s),
+          onMouseenter: () => Ut(s),
           onMouseleave: () => Et(s),
-          fill: s === U.value || s === Je.value ? e.value.style.chart.highlighter.color : "transparent",
+          fill: s === B.value || s === Je.value ? e.value.style.chart.highlighter.color : "transparent",
           style: ae({ opacity: e.value.style.chart.highlighter.opacity / 100 })
-        }, null, 44, Bs))), 256)) : b("", !0),
-        $t.value ? (r(), n("rect", Se({ key: 18 }, Da.value, {
+        }, null, 44, Ws))), 256)) : b("", !0),
+        At.value ? (r(), n("rect", Se({ key: 18 }, Ea.value, {
           "data-start": v.value.start,
           "data-end": v.value.end
-        }), null, 16, Hs)) : b("", !0),
+        }), null, 16, Ys)) : b("", !0),
         C(a.$slots, "svg", {
           svg: {
             drawingArea: u.value,
             data: L.value
           }
         }, void 0, !0)
-      ], 14, ls)),
-      a.$slots.watermark ? (r(), n("div", Xs, [
-        C(a.$slots, "watermark", le(se({ isPrinting: f(St) || f(zt) })), void 0, !0)
+      ], 14, os)),
+      a.$slots.watermark ? (r(), n("div", Gs, [
+        C(a.$slots, "watermark", le(se({ isPrinting: m(zt) || m(Ct) })), void 0, !0)
       ])) : b("", !0),
-      e.value.style.chart.zoom.show && A.value > 6 && he.value && Zt.value ? (r(), Z(jl, {
+      e.value.style.chart.zoom.show && P.value > 6 && he.value && Kt.value ? (r(), Z(as, {
         key: 4,
         ref_key: "chartSlicer",
         ref: de,
-        allMinimaps: Ua.value,
+        allMinimaps: Ha.value,
         background: e.value.style.chart.zoom.color,
         borderColor: e.value.style.chart.backgroundColor,
         customFormat: e.value.style.chart.zoom.customFormat,
@@ -1502,7 +1518,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         fontSize: e.value.style.chart.zoom.fontSize,
         immediate: !e.value.style.chart.zoom.preview.enable,
         inputColor: e.value.style.chart.zoom.color,
-        isPreview: $t.value,
+        isPreview: At.value,
         labelLeft: e.value.style.chart.grid.x.timeLabels.values[v.value.start] ? R.value[0].text : "",
         labelRight: e.value.style.chart.grid.x.timeLabels.values[v.value.end - 1] ? R.value.at(-1).text : "",
         max: Math.max(...Be.dataset.map((t) => t.series.length)),
@@ -1514,13 +1530,13 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         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: Ot.value.length ? Ot.value : pe.value,
+        preciseLabels: It.value.length ? It.value : pe.value,
         refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : Math.max(...Be.dataset.map((t) => t.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: Xa.value,
+        selectedSeries: Ya.value,
         smoothMinimap: !1,
         start: v.value.start,
         textColor: e.value.style.chart.color,
@@ -1529,12 +1545,12 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         valueEnd: v.value.end,
         valueStart: v.value.start,
         verticalHandles: e.value.style.chart.zoom.minimap.verticalHandles,
-        "onUpdate:end": sl,
-        "onUpdate:start": ll,
-        onTrapMouse: Ea,
-        onReset: Pt,
-        onFutureEnd: l[0] || (l[0] = (t) => At("end", t)),
-        onFutureStart: l[1] || (l[1] = (t) => At("start", t))
+        "onUpdate:end": nl,
+        "onUpdate:start": ol,
+        onTrapMouse: Ua,
+        onReset: Nt,
+        onFutureEnd: l[0] || (l[0] = (t) => Pt("end", t)),
+        onFutureStart: l[1] || (l[1] = (t) => Pt("start", t))
       }, {
         "reset-action": M(({ reset: t }) => [
           C(a.$slots, "reset-action", le(se({ reset: t })), void 0, !0)
@@ -1548,7 +1564,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
               x: _ === 0 ? w - c * (e.value.style.chart.bars.gapRatio / 4) : w - c / 2,
               y: Math.max(0, Math.min(s, o.yMinimap({ minimapH: s })[_])),
               height: o.heightMinimap({ minimapH: s })[_],
-              width: [0, A.value - 1].includes(_) ? c * (1 - e.value.style.chart.bars.gapRatio / 2) / 2 : c * (1 - e.value.style.chart.bars.gapRatio / 2),
+              width: [0, P.value - 1].includes(_) ? 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_${o.id})` : o.color,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": 0.5,
@@ -1558,12 +1574,12 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
               style: ae({
                 opacity: _ >= O.value.start && _ <= O.value.end ? 1 : 0.62
               })
-            }, null, 12, Ws))), 128))
+            }, null, 12, qs))), 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"])) : b("", !0),
-      Le(f(pa), {
+      Le(m(ka), {
         show: T.value.showTooltip && He.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -1574,10 +1590,10 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: X.value,
+        parent: W.value,
         content: We.value,
         isFullscreen: ye.value,
-        isCustom: f(ga)(e.value.style.chart.tooltip.customFormat),
+        isCustom: m(fa)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
         backdropFilter: e.value.style.chart.tooltip.backdropFilter,
         smoothForce: e.value.style.chart.tooltip.smoothForce,
@@ -1593,34 +1609,34 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
       Q("div", {
         id: `legend-bottom-${D.value}`
-      }, null, 8, Ys),
-      ft.value ? (r(), Z(wl, {
+      }, null, 8, Js),
+      pt.value ? (r(), Z(zl, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${D.value}` : `#legend-bottom-${D.value}`
       }, [
         Q("div", {
           ref_key: "chartLegend",
-          ref: gt
+          ref: bt
         }, [
-          e.value.style.chart.legend.show ? (r(), Z(Kl, {
+          e.value.style.chart.legend.show ? (r(), Z(ts, {
             key: 0,
-            legendSet: rt.value,
-            config: Ja.value,
+            legendSet: ot.value,
+            config: Ka.value,
             onClickMarker: l[2] || (l[2] = ({ legend: t }) => t.segregate())
-          }, vt({
+          }, ht({
             item: M(({ legend: t }) => [
-              f(be) ? b("", !0) : (r(), n("div", {
+              m(be) ? b("", !0) : (r(), n("div", {
                 key: 0,
                 onClick: (s) => t.segregate(),
-                style: ae(`opacity:${N.value.includes(t.id) ? 0.5 : 1}`)
-              }, F(t.name), 13, Gs))
+                style: ae(`opacity:${A.value.includes(t.id) ? 0.5 : 1}`)
+              }, F(t.name), 13, Zs))
             ]),
             _: 2
           }, [
             a.$slots.pattern ? {
               name: "legend-pattern",
               fn: M(({ legend: t, index: s }) => [
-                Le(Zl, {
+                Le(jl, {
                   shape: t.shape,
                   radius: 30,
                   stroke: "none",
@@ -1632,38 +1648,38 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
             } : void 0
           ]), 1032, ["legendSet", "config"])) : C(a.$slots, "legend", {
             key: 1,
-            legend: rt.value
+            legend: ot.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : b("", !0),
       a.$slots.source ? (r(), n("div", {
         key: 6,
         ref_key: "source",
-        ref: bt,
+        ref: ft,
         dir: "auto"
       }, [
         C(a.$slots, "source", {}, void 0, !0)
       ], 512)) : b("", !0),
-      he.value && e.value.userOptions.buttons.table ? (r(), Z(Ll(xe.value.component), Se({ key: 7 }, xe.value.props, {
+      he.value && e.value.userOptions.buttons.table ? (r(), Z(Cl(xe.value.component), Se({ key: 7 }, xe.value.props, {
         ref_key: "tableUnit",
         ref: ge,
-        onClose: Gt
-      }), vt({
+        onClose: Jt
+      }), ht({
         content: M(() => [
-          Le(f(wa), {
+          Le(m(Sa), {
             colNames: Pe.value.colNames,
             head: Pe.value.head,
             body: Pe.value.body,
             config: Pe.value.config,
             title: e.value.table.useDialog ? "" : xe.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: Gt
+            onClose: Jt
           }, {
             th: M(({ th: t }) => [
-              Q("div", { innerHTML: t }, null, 8, qs)
+              Q("div", { innerHTML: t }, null, 8, Qs)
             ]),
             td: M(({ td: t }) => [
-              na(F(isNaN(Number(t)) ? t : f(re)({
+              ua(F(isNaN(Number(t)) ? t : m(re)({
                 p: e.value.style.chart.bars.dataLabels.prefix,
                 v: t,
                 s: e.value.style.chart.bars.dataLabels.suffix,
@@ -1678,7 +1694,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
         e.value.table.useDialog ? {
           name: "title",
           fn: M(() => [
-            na(F(xe.value.title), 1)
+            ua(F(xe.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -1690,7 +1706,7 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
               class: "vue-ui-user-options-button",
               onClick: l[3] || (l[3] = (t) => st(e.value.userOptions.callbacks.csv))
             }, [
-              Le(f(xa), {
+              Le(m(wa), {
                 name: "excel",
                 stroke: xe.value.props.color
               }, null, 8, ["stroke"])
@@ -1699,10 +1715,10 @@ const ts = ["id"], as = ["id"], ls = ["xmlns", "viewBox"], ss = ["x", "y", "widt
           key: "1"
         } : void 0
       ]), 1040)) : b("", !0),
-      f(be) ? (r(), Z(Ul, { key: 8 })) : b("", !0)
-    ], 46, ts));
+      m(be) ? (r(), Z(Xl, { key: 8 })) : b("", !0)
+    ], 46, ss));
   }
-}, gr = /* @__PURE__ */ es(Js, [["__scopeId", "data-v-f39bd21b"]]);
+}, mr = /* @__PURE__ */ ls(Ks, [["__scopeId", "data-v-752f06ac"]]);
 export {
-  gr as default
+  mr as default
 };