vue-data-ui 2.4.55 → 2.4.57

package/dist/{vue-ui-stackbar-WShCS9A1.js → vue-ui-stackbar-19XdLQXB.js}

@@ -1,23 +1,23 @@
-import { computed as k, ref as y, onMounted as Qe, watch as je, nextTick as ne, openBlock as r, createElementBlock as i, normalizeClass as xe, normalizeStyle as B, unref as p, createBlock as J, createCommentVNode as d, renderSlot as w, createVNode as ue, createSlots as $t, withCtx as C, normalizeProps as O, guardReactiveProps as P, Fragment as h, renderList as f, createElementVNode as U, toDisplayString as S, createTextVNode as Mt } from "vue";
-import { u as Tt, c as et, t as Nt, a as It, p as ce, C as ve, b as Ot, o as Pt, e as tt, g as At, d as Rt, a7 as he, a3 as at, D as lt, X as Vt, l as Ft, G as ot, f as W, x as rt, i as st, y as Dt, q as Et, r as Ht } from "./index-Dhlyke5j.js";
-import { u as it } from "./useNestedProp-D9eTQKze.js";
-import { t as Bt, u as Ut } from "./useResponsive-CoxXLe23.js";
-import { u as Wt, U as Yt } from "./usePrinter-BnBk8gnl.js";
-import { S as Xt } from "./Slicer-Bwg4WzZf.js";
-import { _ as Gt } from "./Tooltip-BZYApG0d.js";
-import { _ as Jt } from "./Title-BecmraNn.js";
-import { L as qt } from "./Legend-wr5XLSfL.js";
-import Zt from "./vue-ui-accordion-CGpOsWNN.js";
-import { D as Kt } from "./DataTable-D8MTezlM.js";
-import Qt from "./vue-ui-skeleton-DQqwDUqP.js";
-import { _ as jt } from "./PackageVersion-xnKIqody.js";
-import { P as ea } from "./PenAndPaper-iek0aH4r.js";
-import { u as ta } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as aa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia = ["stop-color"], na = ["stop-color"], ua = ["stop-color"], ca = ["x1", "x2", "y1", "y2", "stroke"], va = ["x1", "x2", "y1", "y2", "stroke"], ha = ["x1", "x2", "y1", "y2", "stroke"], da = ["x1", "x2", "y1", "y2", "stroke"], ya = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], ga = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], ba = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ma = ["x", "y", "font-size", "fill", "font-weight"], pa = ["transform", "font-size", "fill", "font-weight"], xa = ["x", "y", "font-size", "fill", "font-weight"], ka = { key: 0 }, wa = ["x", "y", "font-size", "font-weight", "fill"], za = ["x", "y", "font-size", "fill", "font-weight"], Ca = { key: 0 }, La = ["x", "y", "font-size", "font-weight", "fill"], _a = ["x1", "x2", "y1", "y2", "stroke"], Sa = ["x", "y", "font-size", "font-weight", "fill"], $a = ["x1", "x2", "y1", "y2", "stroke"], Ma = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Ta = { key: 0 }, Na = { key: 1 }, Ia = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Oa = { key: 0 }, Pa = { key: 1 }, Aa = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Ra = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], Va = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], Fa = {
+import { computed as k, ref as y, onMounted as je, watch as et, nextTick as ne, openBlock as o, createElementBlock as i, normalizeClass as xe, normalizeStyle as B, unref as p, createBlock as J, createCommentVNode as h, renderSlot as w, createVNode as ue, createSlots as Mt, withCtx as C, normalizeProps as O, guardReactiveProps as P, Fragment as v, renderList as f, createElementVNode as U, toDisplayString as S, createTextVNode as Tt } from "vue";
+import { u as Nt, c as tt, t as It, a as Ot, p as ce, C as ve, b as Pt, o as At, e as at, g as Vt, d as Rt, a7 as he, a3 as lt, D as rt, X as Ft, l as Et, G as ot, f as W, x as st, i as it, y as Dt, q as Ht, r as Bt } from "./index-CI-N9klv.js";
+import { u as nt } from "./useNestedProp-D1eJ0dvv.js";
+import { t as Ut, u as Wt } from "./useResponsive-CoxXLe23.js";
+import { u as Yt, U as Xt } from "./usePrinter-CXc8xCKk.js";
+import { S as Gt } from "./Slicer-BXCORSCz.js";
+import { _ as Jt } from "./Tooltip-BDaa-67h.js";
+import { _ as qt } from "./Title-DLjHHdyq.js";
+import { L as Zt } from "./Legend-HooNAKB_.js";
+import Kt from "./vue-ui-accordion-CYLks1fW.js";
+import { D as Qt } from "./DataTable-DgbrnD__.js";
+import jt from "./vue-ui-skeleton-owIhXtQF.js";
+import { _ as ea } from "./PackageVersion-S3SzpuwC.js";
+import { P as ta } from "./PenAndPaper-v846FwcH.js";
+import { u as aa } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as la } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ra = ["id"], oa = ["xmlns", "viewBox"], sa = { key: 0 }, ia = ["id"], na = ["stop-color"], ua = ["stop-color"], ca = ["stop-color"], va = ["x1", "x2", "y1", "y2", "stroke"], ha = ["x1", "x2", "y1", "y2", "stroke"], da = ["x1", "x2", "y1", "y2", "stroke"], ya = ["x1", "x2", "y1", "y2", "stroke"], ga = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], ba = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], fa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ma = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pa = ["x", "y", "font-size", "fill", "font-weight"], xa = ["transform", "font-size", "fill", "font-weight"], ka = ["x", "y", "font-size", "fill", "font-weight"], wa = { key: 0 }, za = ["x", "y", "font-size", "font-weight", "fill"], Ca = ["x", "y", "font-size", "fill", "font-weight"], La = { key: 0 }, _a = ["x", "y", "font-size", "font-weight", "fill"], Sa = ["x1", "x2", "y1", "y2", "stroke"], $a = ["x", "y", "font-size", "font-weight", "fill"], Ma = ["x1", "x2", "y1", "y2", "stroke"], Ta = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Na = { key: 0 }, Ia = { key: 1 }, Oa = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Pa = { key: 0 }, Aa = { key: 1 }, Va = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Ra = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], Fa = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], Ea = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Da = ["onClick"], Ea = ["innerHTML"], Ha = {
+}, Da = ["onClick"], Ha = ["innerHTML"], Ba = {
   __name: "vue-ui-stackbar",
   props: {
     config: {
@@ -34,40 +34,40 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
     }
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel"],
-  setup(de, { expose: nt, emit: ye }) {
-    const g = de, { vue_ui_stackbar: ut } = Tt(), Y = k({
+  setup(de, { expose: ut, emit: ye }) {
+    const g = de, { vue_ui_stackbar: ct } = Nt(), Y = k({
       get() {
         return !!g.dataset && g.dataset.length;
       },
       set(a) {
         return a;
       }
-    }), X = y(null), ge = y(et()), ee = y(!1), ke = y(null), be = y(""), _ = y([]), we = y(0), ze = y(null), Ce = y(null), Le = y(null), _e = y(null), Se = y(0), te = y(!1), q = y(null), Z = y(!1), ct = y(0), vt = y(0), ht = y(0), G = y(null);
-    Qe(() => {
+    }), X = y(null), ge = y(tt()), ee = y(!1), ke = y(null), be = y(""), _ = y([]), we = y(0), ze = y(null), Ce = y(null), Le = y(null), _e = y(null), Se = y(0), te = y(!1), q = y(null), Z = y(!1), vt = y(0), ht = y(0), dt = y(0), G = y(null);
+    je(() => {
       me();
     });
     const e = k({
       get: () => Te(),
       set: (a) => a
-    }), { userOptionsVisible: fe, setUserOptionsVisibility: $e, keepUserOptionState: Me } = ta({ config: e.value });
+    }), { userOptionsVisible: fe, setUserOptionsVisibility: $e, keepUserOptionState: Me } = aa({ config: e.value });
     function Te() {
-      const a = it({
+      const a = nt({
         userConfig: g.config,
-        defaultConfig: ut
+        defaultConfig: ct
       });
       let l = {};
       return a.theme ? l = {
-        ...it({
-          userConfig: Nt.vue_ui_stackbar[a.theme] || g.config,
+        ...nt({
+          userConfig: It.vue_ui_stackbar[a.theme] || g.config,
           defaultConfig: a
         }),
-        customPalette: It[a.theme] || ce
+        customPalette: Ot[a.theme] || ce
       } : l = a, g.config && ve(g.config, "style.chart.grid.scale.scaleMin") ? l.style.chart.grid.scale.scaleMin = g.config.style.chart.grid.scale.scaleMin : l.style.chart.grid.scale.scaleMin = null, g.config && ve(g.config, "style.chart.grid.scale.scaleMax") ? l.style.chart.grid.scale.scaleMax = g.config.style.chart.grid.scale.scaleMax : l.style.chart.grid.scale.scaleMax = null, g.config && ve(g.config, "style.chart.zoom.startIndex") ? l.style.chart.zoom.startIndex = g.config.style.chart.zoom.startIndex : l.style.chart.zoom.startIndex = null, g.config && ve(g.config, "style.chart.zoom.endIndex") ? l.style.chart.zoom.endIndex = g.config.style.chart.zoom.endIndex : l.style.chart.zoom.endIndex = null, l;
     }
-    je(() => g.config, (a) => {
-      e.value = Te(), fe.value = !e.value.showOnChartHover, me(), ct.value += 1, vt.value += 1, ht.value += 1;
-    }, { deep: !0 }), je(() => g.dataset, (a) => {
-      Ve();
+    et(() => g.config, (a) => {
+      e.value = Te(), fe.value = !e.value.showOnChartHover, me(), vt.value += 1, ht.value += 1, dt.value += 1;
+    }, { deep: !0 }), et(() => g.dataset, (a) => {
+      Re();
     }, { deep: !0 });
     const L = y({
       dataLabels: {
@@ -75,7 +75,7 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
       },
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), { isPrinting: Ne, isImaging: Ie, generatePdf: Oe, generateImage: Pe } = Wt({
+    }), { isPrinting: Ne, isImaging: Ie, generatePdf: Oe, generateImage: Pe } = Yt({
       elementId: `stackbar_${ge.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-stackbar"
     }), ae = y({
@@ -87,20 +87,20 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
         bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
         left: e.value.style.chart.padding.left / e.value.style.chart.width
       }
-    }), dt = k(() => Ot(e.value.customPalette)), Ae = y(null), Re = y(null);
-    Qe(() => {
+    }), yt = k(() => Pt(e.value.customPalette)), Ae = y(null), Ve = y(null);
+    je(() => {
       me();
     });
     function me() {
-      if (Pt(g.dataset) ? tt({
+      if (At(g.dataset) ? at({
         componentName: "VueUiStackbar",
         type: "dataset"
       }) : g.dataset.forEach((a, l) => {
-        At({
+        Vt({
           datasetObject: a,
           requiredAttributes: ["name", "series"]
         }).forEach((t) => {
-          Y.value = !1, tt({
+          Y.value = !1, at({
             componentName: "VueUiStackbar",
             type: "datasetSerieAttribute",
             property: t,
@@ -110,16 +110,16 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
       }), setTimeout(() => {
         Z.value = !0;
       }, 10), e.value.responsive) {
-        const a = Bt(() => {
+        const a = Ut(() => {
           Z.value = !1;
-          const { width: l, height: t } = Ut({
+          const { width: l, height: t } = Wt({
             chart: X.value,
             title: e.value.style.chart.title.text ? ze.value : null,
             legend: e.value.style.chart.legend.show ? Ce.value : null,
-            slicer: e.value.style.chart.zoom.show && R.value > 1 ? Le.value : null,
+            slicer: e.value.style.chart.zoom.show && V.value > 1 ? Le.value : null,
             source: _e.value
           });
-          ae.value.width = l, ae.value.height = t, clearTimeout(Re.value), Re.value = setTimeout(() => {
+          ae.value.width = l, ae.value.height = t, clearTimeout(Ve.value), Ve.value = setTimeout(() => {
             Z.value = !0;
           }, 10);
         });
@@ -128,50 +128,50 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
       Fe();
     }
     const s = k(() => {
-      const { height: a, width: l } = ae.value, { right: t } = ae.value.paddingRatio, o = e.value.style.chart.padding.top, n = l - l * t, u = a - e.value.style.chart.padding.bottom, z = e.value.style.chart.padding.left, F = l - z - l * t, D = a - o - e.value.style.chart.padding.bottom;
+      const { height: a, width: l } = ae.value, { right: t } = ae.value.paddingRatio, r = e.value.style.chart.padding.top, n = l - l * t, u = a - e.value.style.chart.padding.bottom, z = e.value.style.chart.padding.left, F = l - z - l * t, E = a - r - e.value.style.chart.padding.bottom;
       return {
         chartHeight: a,
         chartWidth: l,
-        top: o,
+        top: r,
         right: n,
         bottom: u,
         left: z,
         width: F,
-        height: D < 0 ? 0 : D
+        height: E < 0 ? 0 : E
       };
     }), A = k(() => g.dataset.map((a, l) => {
-      const t = Rt(a.color) || dt.value[l] || ce[l] || ce[l % ce.length];
+      const t = Rt(a.color) || yt.value[l] || ce[l] || ce[l % ce.length];
       return {
         ...a,
         // In distributed mode, all values are converted to positive
-        series: JSON.parse(JSON.stringify(a.series)).map((o) => e.value.style.chart.bars.distributed ? Math.abs(o) : o),
+        series: JSON.parse(JSON.stringify(a.series)).map((r) => e.value.style.chart.bars.distributed ? Math.abs(r) : r),
         // Store signs to manage display of neg values in distributed mode
-        signedSeries: a.series.map((o) => o >= 0 ? 1 : -1),
+        signedSeries: a.series.map((r) => r >= 0 ? 1 : -1),
         absoluteIndex: l,
-        id: et(),
+        id: tt(),
         color: t
       };
-    })), R = k(() => Math.max(...A.value.filter((a) => !_.value.includes(a.id)).map((a) => a.series.length))), c = y({
+    })), V = k(() => Math.max(...A.value.filter((a) => !_.value.includes(a.id)).map((a) => a.series.length))), c = y({
       start: 0,
       end: Math.max(...g.dataset.map((a) => a.series.length))
     });
-    function Ve() {
+    function Re() {
       Fe();
     }
     async function Fe() {
-      (e.value.style.chart.zoom.startIndex !== null || e.value.style.chart.zoom.endIndex !== null) && G.value ? (e.value.style.chart.zoom.startIndex !== null && (await ne(), await ne(), G.value && G.value.setStartValue(e.value.style.chart.zoom.startIndex)), e.value.style.chart.zoom.endIndex !== null && (await ne(), await ne(), G.value && G.value.setEndValue(yt(e.value.style.chart.zoom.endIndex + 1)))) : (c.value = {
+      (e.value.style.chart.zoom.startIndex !== null || e.value.style.chart.zoom.endIndex !== null) && G.value ? (e.value.style.chart.zoom.startIndex !== null && (await ne(), await ne(), G.value && G.value.setStartValue(e.value.style.chart.zoom.startIndex)), e.value.style.chart.zoom.endIndex !== null && (await ne(), await ne(), G.value && G.value.setEndValue(gt(e.value.style.chart.zoom.endIndex + 1)))) : (c.value = {
         start: 0,
         end: Math.max(...g.dataset.map((a) => a.series.length))
       }, Se.value += 1);
     }
-    function yt(a) {
+    function gt(a) {
       const l = Math.max(...g.dataset.map((t) => t.series.length));
       return a > l ? l : a < 0 || e.value.style.chart.zoom.startIndex !== null && a < e.value.style.chart.zoom.startIndex ? e.value.style.chart.zoom.startIndex !== null ? e.value.style.chart.zoom.startIndex + 1 : 1 : a;
     }
-    const v = k(() => {
+    const d = k(() => {
       let a;
       return e.value.orientation === "vertical" ? a = s.value.width / (c.value.end - c.value.start) : a = s.value.height / (c.value.end - c.value.start), a <= 0 ? 0 : a;
-    }), K = k(() => he(A.value.filter((a) => !_.value.includes(a.id))).slice(c.value.start, c.value.end)), gt = k(() => he(A.value.filter((a) => !_.value.includes(a.id)).map((a) => ({
+    }), K = k(() => he(A.value.filter((a) => !_.value.includes(a.id))).slice(c.value.start, c.value.end)), bt = k(() => he(A.value.filter((a) => !_.value.includes(a.id)).map((a) => ({
       ...a,
       series: a.series.map((l, t) => a.signedSeries[t] === -1 && l >= 0 ? -l : l)
     }))).slice(c.value.start, c.value.end)), le = k(() => {
@@ -187,19 +187,19 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
         })))
       };
     }), N = k(() => {
-      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(...le.value.positive), l = Math.min(...le.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, o = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? at(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks) : lt(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks);
-      return o.ticks.map((n) => ({
-        zero: s.value.bottom - s.value.height * (Math.abs(o.min) / (o.max + Math.abs(o.min))),
-        y: s.value.bottom - s.value.height * ((n + Math.abs(o.min)) / (o.max + Math.abs(o.min))),
+      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(...le.value.positive), l = Math.min(...le.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, r = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? lt(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks) : rt(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks);
+      return r.ticks.map((n) => ({
+        zero: s.value.bottom - s.value.height * (Math.abs(r.min) / (r.max + Math.abs(r.min))),
+        y: s.value.bottom - s.value.height * ((n + Math.abs(r.min)) / (r.max + Math.abs(r.min))),
         x: s.value.left - 8,
-        horizontal_zero: s.value.left + s.value.width * (Math.abs(o.min) / (o.max + Math.abs(o.min))),
-        horizontal_x: s.value.left + s.value.width * ((n + Math.abs(o.min)) / (o.max + Math.abs(o.min))),
+        horizontal_zero: s.value.left + s.value.width * (Math.abs(r.min) / (r.max + Math.abs(r.min))),
+        horizontal_x: s.value.left + s.value.width * ((n + Math.abs(r.min)) / (r.max + Math.abs(r.min))),
         horizontal_y: s.value.bottom - 8,
         value: n
       }));
-    }), V = k(() => {
+    }), R = k(() => {
       const a = [];
-      for (let l = 0; l < R.value; l += 1)
+      for (let l = 0; l < V.value; l += 1)
         a.push({
           text: e.value.style.chart.grid.x.timeLabels.values[l] || String(l),
           absoluteIndex: l
@@ -207,44 +207,44 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
       return a.slice(c.value.start, c.value.end);
     }), x = k(() => {
       if (!Y.value) return [];
-      let a = Array(R.value).fill(0), l = Array(R.value).fill(0), t = Array(R.value).fill(0), o = Array(R.value).fill(0);
-      const n = Math.max(...le.value.positive) || 0, u = Math.min(...le.value.negative), z = [-1 / 0, 1 / 0, NaN, void 0, null].includes(u) ? 0 : u, F = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? at(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : z > 0 ? 0 : z, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : n < 0 ? 0 : n, e.value.style.chart.grid.scale.ticks) : lt(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : z > 0 ? 0 : z, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : n < 0 ? 0 : n, e.value.style.chart.grid.scale.ticks), { min: D, max: Q } = F, E = Q + (D >= 0 ? 0 : Math.abs(D)) || 1, $ = s.value.height, ie = s.value.width, Ze = N.value[0] ? N.value[0].zero : s.value.bottom, Ke = N.value[0] ? N.value[0].horizontal_zero : s.value.left;
+      let a = Array(V.value).fill(0), l = Array(V.value).fill(0), t = Array(V.value).fill(0), r = Array(V.value).fill(0);
+      const n = Math.max(...le.value.positive) || 0, u = Math.min(...le.value.negative), z = [-1 / 0, 1 / 0, NaN, void 0, null].includes(u) ? 0 : u, F = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? lt(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : z > 0 ? 0 : z, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : n < 0 ? 0 : n, e.value.style.chart.grid.scale.ticks) : rt(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : z > 0 ? 0 : z, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : n < 0 ? 0 : n, e.value.style.chart.grid.scale.ticks), { min: E, max: Q } = F, D = Q + (E >= 0 ? 0 : Math.abs(E)) || 1, $ = s.value.height, ie = s.value.width, Ke = N.value[0] ? N.value[0].zero : s.value.bottom, Qe = N.value[0] ? N.value[0].horizontal_zero : s.value.left;
       return A.value.filter((j) => !_.value.includes(j.id)).map((j) => {
-        const I = j.series.slice(c.value.start, c.value.end), xt = j.signedSeries.slice(c.value.start, c.value.end), kt = I.map((b, m) => s.value.left + v.value * m + v.value * e.value.style.chart.bars.gapRatio / 4), wt = I.map((b, m) => s.value.top + v.value * m + v.value * e.value.style.chart.bars.gapRatio / 4), zt = I.map((b, m) => {
-          const M = e.value.style.chart.bars.distributed ? (b || 0) / K.value[m] : (b || 0) / E;
+        const I = j.series.slice(c.value.start, c.value.end), kt = j.signedSeries.slice(c.value.start, c.value.end), wt = I.map((b, m) => s.value.left + d.value * m + d.value * e.value.style.chart.bars.gapRatio / 4), zt = I.map((b, m) => s.value.top + d.value * m + d.value * e.value.style.chart.bars.gapRatio / 4), Ct = I.map((b, m) => {
+          const M = e.value.style.chart.bars.distributed ? (b || 0) / K.value[m] : (b || 0) / D;
           let H, T;
-          return b > 0 ? (T = $ * M, H = Ze - T - a[m], a[m] += T) : (T = $ * M, H = Ze + t[m], t[m] += Math.abs(T)), H;
-        }), Ct = I.map((b, m) => {
-          const M = e.value.style.chart.bars.distributed ? (b || 0) / K.value[m] : (b || 0) / E;
-          let H, T;
-          return b > 0 ? (T = ie * M, H = Ke + l[m], l[m] += T) : (T = ie * M, H = Ke - Math.abs(T) - o[m], o[m] += Math.abs(T)), H;
+          return b > 0 ? (T = $ * M, H = Ke - T - a[m], a[m] += T) : (T = $ * M, H = Ke + t[m], t[m] += Math.abs(T)), H;
         }), Lt = I.map((b, m) => {
-          const M = e.value.style.chart.bars.distributed ? (b || 0) / K.value[m] : (b || 0) / E;
-          return b > 0 ? $ * M : $ * Math.abs(M);
+          const M = e.value.style.chart.bars.distributed ? (b || 0) / K.value[m] : (b || 0) / D;
+          let H, T;
+          return b > 0 ? (T = ie * M, H = Qe + l[m], l[m] += T) : (T = ie * M, H = Qe - Math.abs(T) - r[m], r[m] += Math.abs(T)), H;
         }), _t = I.map((b, m) => {
-          const M = e.value.style.chart.bars.distributed ? (b || 0) / K.value[m] : (b || 0) / E;
+          const M = e.value.style.chart.bars.distributed ? (b || 0) / K.value[m] : (b || 0) / D;
+          return b > 0 ? $ * M : $ * Math.abs(M);
+        }), St = I.map((b, m) => {
+          const M = e.value.style.chart.bars.distributed ? (b || 0) / K.value[m] : (b || 0) / D;
           return b > 0 ? ie * M : ie * Math.abs(M);
-        }), St = I.map((b) => Math.abs(b)).reduce((b, m) => b + m, 0);
+        }), $t = I.map((b) => Math.abs(b)).reduce((b, m) => b + m, 0);
         return {
           ...j,
-          proportions: I.map((b, m) => e.value.style.chart.bars.distributed ? (b || 0) / K.value[m] : (b || 0) / St),
+          proportions: I.map((b, m) => e.value.style.chart.bars.distributed ? (b || 0) / K.value[m] : (b || 0) / $t),
           series: I,
-          signedSeries: xt,
-          x: kt,
-          y: zt,
-          height: Lt,
-          horizontal_width: _t,
-          horizontal_y: wt,
-          horizontal_x: Ct
+          signedSeries: kt,
+          x: wt,
+          y: Ct,
+          height: _t,
+          horizontal_width: St,
+          horizontal_y: zt,
+          horizontal_x: Lt
         };
       });
-    }), De = k(() => gt.value.map((a, l) => ({
+    }), Ee = k(() => bt.value.map((a, l) => ({
       value: a,
       sign: a >= 0 ? 1 : -1
     })));
-    function oe(a, l, t, o, n) {
+    function re(a, l, t, r, n) {
       const u = n === -1 && a >= 0 ? -a : a;
-      return st(
+      return it(
         e.value.style.chart.bars.dataLabels.formatter,
         u,
         W({
@@ -253,19 +253,19 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
           s: e.value.style.chart.bars.dataLabels.suffix,
           r: e.value.style.chart.bars.dataLabels.rounding
         }),
-        { datapoint: l, seriesIndex: t, datapointIndex: o }
+        { datapoint: l, seriesIndex: t, datapointIndex: r }
       );
     }
-    function Ee(a, l, t, o) {
-      return st(
+    function De(a, l, t, r) {
+      return it(
         e.value.style.chart.bars.dataLabels.formatter,
         a,
         W({
-          v: a,
+          v: isNaN(a) ? 0 : a,
           s: "%",
           r: e.value.style.chart.bars.dataLabels.rounding
         }),
-        { datapoint: l, seriesIndex: t, datapointIndex: o }
+        { datapoint: l, seriesIndex: t, datapointIndex: r }
       );
     }
     function He(a) {
@@ -276,7 +276,7 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
         color: t.color,
         id: t.id
       }));
-      ye("selectDatapoint", { datapoint: l, period: V.value[a] });
+      ye("selectDatapoint", { datapoint: l, period: R.value[a] });
     }
     function Be(a) {
       q.value = a, ee.value = !0;
@@ -286,8 +286,8 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
         proportion: n.proportions[a] || null,
         color: n.color,
         id: n.id
-      })), o = t.map((n) => Math.abs(n.value)).reduce((n, u) => n + u, 0);
-      if (rt(l) && Dt(() => l({
+      })), r = t.map((n) => Math.abs(n.value)).reduce((n, u) => n + u, 0);
+      if (st(l) && Dt(() => l({
         seriesIndex: a,
         datapoint: t,
         series: x.value,
@@ -305,11 +305,11 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
           showPercentage: u,
           borderColor: z,
           roundingValue: F,
-          roundingPercentage: D
+          roundingPercentage: E
         } = e.value.style.chart.tooltip;
         let Q = "";
-        V.value[a] && V.value[a].text && e.value.style.chart.tooltip.showTimeLabel && (Q += `<div style="width:100%;text-align:center;border-bottom:1px solid ${z};padding-bottom:6px;margin-bottom:3px;">${V.value[a].text}</div>`);
-        const E = [
+        R.value[a] && R.value[a].text && e.value.style.chart.tooltip.showTimeLabel && (Q += `<div style="width:100%;text-align:center;border-bottom:1px solid ${z};padding-bottom:6px;margin-bottom:3px;">${R.value[a].text}</div>`);
+        const D = [
           n && u ? "(" : "",
           n && u ? ")" : ""
         ];
@@ -322,18 +322,18 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
             v: $.value,
             s: e.value.style.chart.bars.dataLabels.suffix,
             r: F
-          }) : ""} ${E[0]}${u ? W({
-            v: isNaN($.value / o) ? 0 : Math.abs($.value) / o * 100,
+          }) : ""} ${D[0]}${u ? W({
+            v: isNaN($.value / r) ? 0 : Math.abs($.value) / r * 100,
             // Negs are absed to show relative proportion to absolute total. It's opinionated.
             s: "%",
-            r: D
-          }) : ""}${E[1]}
+            r: E
+          }) : ""}${D[1]}
                 </div>
             `;
         }), be.value = `<div>${Q}</div>`;
       }
     }
-    function bt(a) {
+    function ft(a) {
       te.value = a, we.value += 1;
     }
     function Ue() {
@@ -345,31 +345,31 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
     function Ye() {
       L.value.showTooltip = !L.value.showTooltip;
     }
-    function ft() {
+    function mt() {
       return x.value;
     }
     const Xe = k(() => {
       if (x.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const a = x.value.map(({ name: t, color: o }) => ({
+      const a = x.value.map(({ name: t, color: r }) => ({
         label: t,
-        color: o
+        color: r
       })), l = [];
       for (let t = c.value.start; t < c.value.end; t += 1) {
-        const o = [e.value.style.chart.grid.x.timeLabels.values[t] || t + 1];
+        const r = [e.value.style.chart.grid.x.timeLabels.values[t] || t + 1];
         A.value.forEach((n) => {
-          o.push(Number((n.series[t] || 0).toFixed(e.value.table.td.roundingValue)));
-        }), l.push(o);
+          r.push(Number((n.series[t] || 0).toFixed(e.value.table.td.roundingValue)));
+        }), l.push(r);
       }
       return { head: a, body: l };
     });
     function Ge() {
-      const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], l = ["", ...Xe.value.head.map((u) => u.label)], t = Xe.value.body, o = a.concat([l]).concat(t), n = Et(o);
-      Ht({ csvContent: n, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
+      const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], l = ["", ...Xe.value.head.map((u) => u.label)], t = Xe.value.body, r = a.concat([l]).concat(t), n = Ht(r);
+      Bt({ csvContent: n, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
     }
-    const re = k(() => {
+    const oe = k(() => {
       const a = [""].concat(x.value.map((n) => n.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 n = 0; n < R.value; n += 1) {
+      for (let n = 0; n < V.value; n += 1) {
         const u = x.value.map((z) => z.series[n] ?? 0).reduce((z, F) => z + F, 0);
         l.push([e.value.style.chart.grid.x.timeLabels.values.slice(c.value.start, c.value.end)[n] ?? n + 1].concat(x.value.map((z) => (z.series[n] ?? 0).toFixed(e.value.table.td.roundingValue))).concat((u ?? 0).toFixed(e.value.table.td.roundingValue)));
       }
@@ -385,10 +385,10 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
           outline: e.value.table.td.outline
         },
         breakpoint: e.value.table.responsiveBreakpoint
-      }, o = [e.value.table.columnNames.period].concat(x.value.map((n) => n.name)).concat(e.value.table.columnNames.total);
-      return { head: a, body: l.slice(0, c.value.end - c.value.start), config: t, colNames: o };
+      }, r = [e.value.table.columnNames.period].concat(x.value.map((n) => n.name)).concat(e.value.table.columnNames.total);
+      return { head: a, body: l.slice(0, c.value.end - c.value.start), config: t, colNames: r };
     });
-    function mt(a, l) {
+    function pt(a, l) {
       if (ye("selectLegend", x.value.find((t) => t.absoluteIndex === a)), _.value.includes(l.id))
         _.value = _.value.filter((t) => t !== l.id);
       else {
@@ -402,9 +402,9 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
     })).map((a) => ({
       ...a,
       opacity: _.value.includes(a.id) ? 0.5 : 1,
-      segregate: () => mt(a.absoluteIndex, a),
+      segregate: () => pt(a.absoluteIndex, a),
       isSegregated: _.value.includes(a.id)
-    }))), pt = k(() => ({
+    }))), xt = k(() => ({
       cy: "stackbar-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -416,12 +416,12 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
       se.value = !se.value;
     }
     function qe(a, l) {
-      const t = JSON.parse(JSON.stringify(x.value)).map((o) => ({
-        name: o.name,
-        value: o.series[l] === 0 ? 0 : (o.signedSeries[l] === -1 && o.series[l] >= 0 ? -o.series[l] : o.series[l]) || null,
-        proportion: o.proportions[l] || null,
-        color: o.color,
-        id: o.id
+      const t = JSON.parse(JSON.stringify(x.value)).map((r) => ({
+        name: r.name,
+        value: r.series[l] === 0 ? 0 : (r.signedSeries[l] === -1 && r.series[l] >= 0 ? -r.series[l] : r.series[l]) || null,
+        proportion: r.proportions[l] || null,
+        color: r.color,
+        id: r.id
       }));
       ye("selectTimeLabel", {
         datapoint: t,
@@ -429,8 +429,11 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
         label: a.text
       });
     }
-    return nt({
-      getData: ft,
+    function Ze(a, l) {
+      return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? l > 0 : !0 : e.value.style.chart.bars.dataLabels.hideEmptyValues ? a !== 0 : !0;
+    }
+    return ut({
+      getData: mt,
       generatePdf: Oe,
       generateCsv: Ge,
       generateImage: Pe,
@@ -438,7 +441,7 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
       toggleLabels: We,
       toggleTooltip: Ye,
       toggleAnnotator: pe
-    }), (a, l) => (r(), i("div", {
+    }), (a, l) => (o(), i("div", {
       id: `stackbar_${ge.value}`,
       ref_key: "stackbarChart",
       ref: X,
@@ -447,22 +450,22 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
       onMouseenter: l[6] || (l[6] = () => p($e)(!0)),
       onMouseleave: l[7] || (l[7] = () => p($e)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), J(ea, {
+      e.value.userOptions.buttons.annotator ? (o(), J(ta, {
         key: 0,
         parent: X.value,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: se.value,
         onClose: pe
-      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : d("", !0),
+      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : h("", !0),
       w(a.$slots, "userConfig", {}, void 0, !0),
-      e.value.style.chart.title.text ? (r(), i("div", {
+      e.value.style.chart.title.text ? (o(), i("div", {
         key: 1,
         ref_key: "chartTitle",
         ref: ze,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        ue(Jt, {
+        ue(qt, {
           config: {
             title: {
               cy: "stackbar-title",
@@ -474,8 +477,8 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
             }
           }
         }, null, 8, ["config"])
-      ], 512)) : d("", !0),
-      e.value.userOptions.show && Y.value && (p(Me) || p(fe)) ? (r(), J(Yt, {
+      ], 512)) : h("", !0),
+      e.value.userOptions.show && Y.value && (p(Me) || p(fe)) ? (o(), J(Xt, {
         ref: "details",
         key: `user_option_${we.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -497,7 +500,7 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: se.value,
-        onToggleFullscreen: bt,
+        onToggleFullscreen: ft,
         onGeneratePdf: p(Oe),
         onGenerateCsv: Ge,
         onGenerateImage: p(Pe),
@@ -508,7 +511,7 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
         style: B({
           visibility: p(Me) ? p(fe) ? "visible" : "hidden" : "visible"
         })
-      }, $t({ _: 2 }, [
+      }, Mt({ _: 2 }, [
         a.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: C(() => [
@@ -553,28 +556,28 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: C(({ toggleFullscreen: t, isFullscreen: o }) => [
-            w(a.$slots, "optionFullscreen", O(P({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
+          fn: C(({ toggleFullscreen: t, isFullscreen: r }) => [
+            w(a.$slots, "optionFullscreen", O(P({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: C(({ toggleAnnotator: t, isAnnotator: o }) => [
-            w(a.$slots, "optionAnnotator", O(P({ toggleAnnotator: t, isAnnotator: o })), void 0, !0)
+          fn: C(({ toggleAnnotator: t, isAnnotator: r }) => [
+            w(a.$slots, "optionAnnotator", O(P({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : d("", !0),
-      Y.value ? (r(), i("svg", {
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
+      Y.value ? (o(), i("svg", {
         key: 3,
-        xmlns: p(Vt),
+        xmlns: p(Ft),
         viewBox: `0 0 ${s.value.chartWidth <= 0 ? 10 : s.value.chartWidth} ${s.value.chartHeight <= 0 ? 10 : s.value.chartHeight}`,
         style: B(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        ue(jt),
-        e.value.style.chart.bars.gradient.show ? (r(), i("defs", ra, [
-          (r(!0), i(h, null, f(x.value, (t, o) => (r(), i("linearGradient", {
+        ue(ea),
+        e.value.style.chart.bars.gradient.show ? (o(), i("defs", sa, [
+          (o(!0), i(v, null, f(x.value, (t, r) => (o(), i("linearGradient", {
             id: `gradient_${t.id}`,
             x1: "0%",
             y1: "0%",
@@ -584,18 +587,18 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
             U("stop", {
               offset: "0%",
               "stop-color": t.color
-            }, null, 8, ia),
+            }, null, 8, na),
             U("stop", {
               offset: "61.8%",
-              "stop-color": p(Ft)(t.color, e.value.style.chart.bars.gradient.intensity / 100)
-            }, null, 8, na),
+              "stop-color": p(Et)(t.color, e.value.style.chart.bars.gradient.intensity / 100)
+            }, null, 8, ua),
             U("stop", {
               offset: "100%",
               "stop-color": t.color
-            }, null, 8, ua)
-          ], 8, sa))), 256))
-        ])) : d("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (r(!0), i(h, { key: 1 }, f(N.value, (t, o) => (r(), i("line", {
+            }, null, 8, ca)
+          ], 8, ia))), 256))
+        ])) : h("", !0),
+        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (o(!0), i(v, { key: 1 }, f(N.value, (t, r) => (o(), i("line", {
           x1: s.value.left,
           x2: s.value.right,
           y1: t.y,
@@ -603,26 +606,26 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
           stroke: e.value.style.chart.grid.x.axisColor,
           "stroke-width": 1,
           "stroke-linecap": "round"
-        }, null, 8, ca))), 256)) : d("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (r(!0), i(h, { key: 2 }, f(c.value.end - c.value.start + 1, (t, o) => (r(), i("line", {
+        }, null, 8, va))), 256)) : h("", !0),
+        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (o(!0), i(v, { key: 2 }, f(c.value.end - c.value.start + 1, (t, r) => (o(), i("line", {
           x1: s.value.left,
           x2: s.value.right,
-          y1: s.value.top + v.value * o,
-          y2: s.value.top + v.value * o,
+          y1: s.value.top + d.value * r,
+          y2: s.value.top + d.value * r,
           stroke: e.value.style.chart.grid.y.axisColor,
           "stroke-width": 1,
           "stroke-linecap": "round"
-        }, null, 8, va))), 256)) : d("", !0),
-        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (r(!0), i(h, { key: 3 }, f(c.value.end - c.value.start + 1, (t, o) => (r(), i("line", {
-          x1: s.value.left + v.value * o,
-          x2: s.value.left + v.value * o,
+        }, null, 8, ha))), 256)) : h("", !0),
+        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (o(!0), i(v, { key: 3 }, f(c.value.end - c.value.start + 1, (t, r) => (o(), i("line", {
+          x1: s.value.left + d.value * r,
+          x2: s.value.left + d.value * r,
           y1: s.value.top,
           y2: s.value.bottom,
           stroke: e.value.style.chart.grid.y.axisColor,
           "stroke-width": 1,
           "stroke-linecap": "round"
-        }, null, 8, ha))), 256)) : d("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (r(!0), i(h, { key: 4 }, f(N.value, (t, o) => (r(), i("line", {
+        }, null, 8, da))), 256)) : h("", !0),
+        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (o(!0), i(v, { key: 4 }, f(N.value, (t, r) => (o(), i("line", {
           x1: t.horizontal_x,
           x2: t.horizontal_x,
           y1: s.value.top,
@@ -630,35 +633,35 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
           stroke: e.value.style.chart.grid.x.axisColor,
           "stroke-width": 1,
           "stroke-linecap": "round"
-        }, null, 8, da))), 256)) : d("", !0),
-        (r(!0), i(h, null, f(x.value, (t, o) => (r(), i("g", null, [
-          e.value.orientation === "vertical" ? (r(!0), i(h, { key: 0 }, f(t.x, (n, u) => (r(), i("rect", {
+        }, null, 8, ya))), 256)) : h("", !0),
+        (o(!0), i(v, null, f(x.value, (t, r) => (o(), i("g", null, [
+          e.value.orientation === "vertical" ? (o(!0), i(v, { key: 0 }, f(t.x, (n, u) => (o(), i("rect", {
             x: n,
             y: t.y[u] < 0 ? 0 : t.y[u],
             height: t.height[u] < 0 ? 1e-4 : t.height[u],
             rx: e.value.style.chart.bars.borderRadius > t.height[u] / 2 ? (t.height[u] < 0 ? 0 : t.height[u]) / 2 : e.value.style.chart.bars.borderRadius,
-            width: v.value * (1 - e.value.style.chart.bars.gapRatio / 2),
+            width: d.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: xe({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": Z.value })
-          }, null, 10, ya))), 256)) : (r(!0), i(h, { key: 1 }, f(t.horizontal_x, (n, u) => (r(), i("rect", {
+          }, null, 10, ga))), 256)) : (o(!0), i(v, { key: 1 }, f(t.horizontal_x, (n, u) => (o(), i("rect", {
             x: n,
             y: t.horizontal_y[u] < 0 ? 0 : t.horizontal_y[u],
             width: t.horizontal_width[u] < 0 ? 1e-4 : t.horizontal_width[u],
             rx: e.value.style.chart.bars.borderRadius > t.height[u] / 2 ? (t.height[u] < 0 ? 0 : t.height[u]) / 2 : e.value.style.chart.bars.borderRadius,
-            height: v.value * (1 - e.value.style.chart.bars.gapRatio / 2),
+            height: d.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: xe({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": Z.value })
-          }, null, 10, ga))), 256))
+          }, null, 10, ba))), 256))
         ]))), 256)),
-        e.value.style.chart.grid.x.showAxis ? (r(), i("line", {
+        e.value.style.chart.grid.x.showAxis ? (o(), i("line", {
           key: 5,
           x1: s.value.left,
           x2: s.value.right,
@@ -668,8 +671,8 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
           "stroke-width": e.value.style.chart.grid.x.axisThickness,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, ba)) : d("", !0),
-        e.value.style.chart.grid.y.showAxis && !e.value.style.chart.bars.distributed ? (r(), i("line", {
+        }, null, 8, fa)) : h("", !0),
+        e.value.style.chart.grid.y.showAxis && !e.value.style.chart.bars.distributed ? (o(), i("line", {
           key: 6,
           x1: s.value.left,
           x2: s.value.left,
@@ -679,8 +682,8 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
           "stroke-width": e.value.style.chart.grid.y.axisThickness,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, fa)) : d("", !0),
-        e.value.style.chart.grid.x.axisName.show && e.value.style.chart.grid.x.axisName.text ? (r(), i("text", {
+        }, null, 8, ma)) : h("", !0),
+        e.value.style.chart.grid.x.axisName.show && e.value.style.chart.grid.x.axisName.text ? (o(), i("text", {
           key: 7,
           x: s.value.left + s.value.width / 2,
           y: s.value.chartHeight + e.value.style.chart.grid.x.axisName.offsetY,
@@ -688,69 +691,81 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
           fill: e.value.style.chart.grid.x.axisName.color,
           "font-weight": e.value.style.chart.grid.x.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, S(e.value.style.chart.grid.x.axisName.text), 9, ma)) : d("", !0),
-        e.value.style.chart.grid.y.axisName.show && e.value.style.chart.grid.y.axisName.text ? (r(), i("text", {
+        }, S(e.value.style.chart.grid.x.axisName.text), 9, pa)) : h("", !0),
+        e.value.style.chart.grid.y.axisName.show && e.value.style.chart.grid.y.axisName.text ? (o(), i("text", {
           key: 8,
           transform: `translate(${e.value.style.chart.grid.y.axisName.fontSize + e.value.style.chart.grid.y.axisName.offsetX}, ${s.value.top + s.value.height / 2}) rotate(-90)`,
           "font-size": e.value.style.chart.grid.y.axisName.fontSize,
           fill: e.value.style.chart.grid.y.axisName.color,
           "font-weight": e.value.style.chart.grid.y.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, S(e.value.style.chart.grid.y.axisName.text), 9, pa)) : d("", !0),
-        L.value.dataLabels.show && e.value.orientation === "vertical" ? (r(), i(h, { key: 9 }, [
-          (r(!0), i(h, null, f(x.value, (t, o) => (r(), i("g", null, [
-            (r(!0), i(h, null, f(t.x, (n, u) => (r(), i("text", {
-              x: n + v.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2,
-              y: t.y[u] + t.height[u] / 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 ? p(ot)(t.color) : e.value.style.chart.bars.dataLabels.color,
-              "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
-              "text-anchor": "middle"
-            }, S(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Ee(t.proportions[u] * 100, t, o, u) : oe(t.series[u], t, o, u, t.signedSeries[u])), 9, xa))), 256))
+        }, S(e.value.style.chart.grid.y.axisName.text), 9, xa)) : h("", !0),
+        L.value.dataLabels.show && e.value.orientation === "vertical" ? (o(), i(v, { key: 9 }, [
+          (o(!0), i(v, null, f(x.value, (t, r) => (o(), i("g", null, [
+            (o(!0), i(v, null, f(t.x, (n, u) => (o(), i(v, null, [
+              Ze(t.series[u], t.proportions[u]) ? (o(), i("text", {
+                key: 0,
+                x: n + d.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2,
+                y: t.y[u] + t.height[u] / 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 ? p(ot)(t.color) : e.value.style.chart.bars.dataLabels.color,
+                "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
+                "text-anchor": "middle"
+              }, S(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? De(t.proportions[u] * 100, t, r, u) : re(t.series[u], t, r, u, t.signedSeries[u])), 9, ka)) : h("", !0)
+            ], 64))), 256))
           ]))), 256)),
-          e.value.style.chart.bars.totalValues.show && x.value.length > 1 ? (r(), i("g", ka, [
-            (r(!0), i(h, null, f(De.value, (t, o) => (r(), i("text", {
-              x: s.value.left + v.value * o + v.value / 2,
-              y: s.value.top - e.value.style.chart.bars.totalValues.fontSize / 3,
-              "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
-            }, S(oe(t.value, t, o, t.sign)), 9, wa))), 256))
-          ])) : d("", !0)
-        ], 64)) : d("", !0),
-        L.value.dataLabels.show && e.value.orientation === "horizontal" ? (r(), i(h, { key: 10 }, [
-          (r(!0), i(h, null, f(x.value, (t, o) => (r(), i("g", null, [
-            (r(!0), i(h, null, f(t.horizontal_x, (n, u) => (r(), i("text", {
-              x: n + (t.horizontal_width[u] < 0 ? 1e-4 : t.horizontal_width[u]) / 2,
-              y: t.horizontal_y[u] + v.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 ? p(ot)(t.color) : e.value.style.chart.bars.dataLabels.color,
-              "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
-              "text-anchor": "middle"
-            }, S(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Ee(t.proportions[u] * 100, t, o, u) : oe(t.series[u], t, o, u, t.signedSeries[u])), 9, za))), 256))
+          e.value.style.chart.bars.totalValues.show && x.value.length > 1 ? (o(), i("g", wa, [
+            (o(!0), i(v, null, f(Ee.value, (t, r) => (o(), i(v, null, [
+              !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (o(), i("text", {
+                key: 0,
+                x: s.value.left + d.value * r + d.value / 2,
+                y: s.value.top - e.value.style.chart.bars.totalValues.fontSize / 3,
+                "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
+              }, S(re(t.value, t, r, t.sign)), 9, za)) : h("", !0)
+            ], 64))), 256))
+          ])) : h("", !0)
+        ], 64)) : h("", !0),
+        L.value.dataLabels.show && e.value.orientation === "horizontal" ? (o(), i(v, { key: 10 }, [
+          (o(!0), i(v, null, f(x.value, (t, r) => (o(), i("g", null, [
+            (o(!0), i(v, null, f(t.horizontal_x, (n, u) => (o(), i(v, null, [
+              Ze(t.series[u], t.proportions[u]) ? (o(), i("text", {
+                key: 0,
+                x: n + (t.horizontal_width[u] < 0 ? 1e-4 : t.horizontal_width[u]) / 2,
+                y: t.horizontal_y[u] + d.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 ? p(ot)(t.color) : e.value.style.chart.bars.dataLabels.color,
+                "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
+                "text-anchor": "middle"
+              }, S(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? De(t.proportions[u] * 100, t, r, u) : re(t.series[u], t, r, u, t.signedSeries[u])), 9, Ca)) : h("", !0)
+            ], 64))), 256))
           ]))), 256)),
-          e.value.style.chart.bars.totalValues.show && x.value.length > 1 ? (r(), i("g", Ca, [
-            (r(!0), i(h, null, f(De.value, (t, o) => (r(), i("text", {
-              x: s.value.right + e.value.style.chart.bars.totalValues.fontSize / 3,
-              y: s.value.top + v.value * o + v.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
-            }, S(oe(t.value, t, o, t.sign)), 9, La))), 256))
-          ])) : d("", !0)
-        ], 64)) : d("", !0),
-        e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "vertical" ? (r(), i(h, { key: 11 }, [
-          (r(!0), i(h, null, f(N.value, (t, o) => (r(), i("line", {
+          e.value.style.chart.bars.totalValues.show && x.value.length > 1 ? (o(), i("g", La, [
+            (o(!0), i(v, null, f(Ee.value, (t, r) => (o(), i(v, null, [
+              !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (o(), i("text", {
+                key: 0,
+                x: s.value.right + e.value.style.chart.bars.totalValues.fontSize / 3,
+                y: s.value.top + d.value * r + d.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
+              }, S(re(t.value, t, r, t.sign)), 9, _a)) : h("", !0)
+            ], 64))), 256))
+          ])) : h("", !0)
+        ], 64)) : h("", !0),
+        e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "vertical" ? (o(), i(v, { key: 11 }, [
+          (o(!0), i(v, null, f(N.value, (t, r) => (o(), i("line", {
             x1: s.value.left,
             x2: s.value.left - 6,
             y1: t.y,
             y2: t.y,
             stroke: e.value.style.chart.grid.x.axisColor,
             "stroke-width": 1
-          }, null, 8, _a))), 256)),
-          (r(!0), i(h, null, f(N.value, (t, o) => (r(), i("text", {
+          }, null, 8, Sa))), 256)),
+          (o(!0), i(v, null, f(N.value, (t, r) => (o(), i("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,
@@ -762,10 +777,10 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
             v: t.value,
             s: e.value.style.chart.bars.dataLabels.suffix,
             r: e.value.style.chart.grid.y.axisLabels.rounding
-          })), 9, Sa))), 256))
-        ], 64)) : d("", !0),
-        e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "horizontal" ? (r(), i(h, { key: 12 }, [
-          (r(!0), i(h, null, f(N.value, (t, o) => (r(), i("line", {
+          })), 9, $a))), 256))
+        ], 64)) : h("", !0),
+        e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "horizontal" ? (o(), i(v, { key: 12 }, [
+          (o(!0), i(v, null, f(N.value, (t, r) => (o(), i("line", {
             x1: t.horizontal_x,
             x2: t.horizontal_x,
             y1: s.value.bottom,
@@ -773,8 +788,8 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
             stroke: e.value.style.chart.grid.x.axisColor,
             "stroke-width": 1,
             "stroke-linecap": "round"
-          }, null, 8, $a))), 256)),
-          (r(!0), i(h, null, f(N.value, (t, o) => (r(), i("text", {
+          }, null, 8, Ma))), 256)),
+          (o(!0), i(v, null, f(N.value, (t, r) => (o(), i("text", {
             "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,
@@ -785,43 +800,43 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
             v: t.value,
             s: e.value.style.chart.bars.dataLabels.suffix,
             r: e.value.style.chart.grid.y.axisLabels.rounding
-          })), 9, Ma))), 256))
-        ], 64)) : d("", !0),
-        e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "vertical" ? (r(), i(h, { key: 13 }, [
-          a.$slots["time-label"] ? (r(), i("g", Ta, [
-            (r(!0), i(h, null, f(V.value, (t, o) => (r(), i("g", null, [
+          })), 9, Ta))), 256))
+        ], 64)) : h("", !0),
+        e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "vertical" ? (o(), i(v, { key: 13 }, [
+          a.$slots["time-label"] ? (o(), i("g", Na, [
+            (o(!0), i(v, null, f(R.value, (t, r) => (o(), i("g", null, [
               w(a.$slots, "time-label", O(P({
-                x: s.value.left + v.value * o + v.value / 2,
+                x: s.value.left + d.value * r + d.value / 2,
                 y: s.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(${s.value.left + v.value * o + v.value / 2}, ${s.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(${s.value.left + d.value * r + d.value / 2}, ${s.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(), i("g", Na, [
-            (r(!0), i(h, null, f(V.value, (t, o) => (r(), i("text", {
+          ])) : (o(), i("g", Ia, [
+            (o(!0), i(v, null, f(R.value, (t, r) => (o(), i("text", {
               "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(${s.value.left + v.value * o + v.value / 2}, ${s.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(${s.value.left + d.value * r + d.value / 2}, ${s.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: () => qe(t, o)
-            }, S(t.text), 9, Ia))), 256))
+              onClick: () => qe(t, r)
+            }, S(t.text), 9, Oa))), 256))
           ]))
-        ], 64)) : d("", !0),
-        e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "horizontal" ? (r(), i(h, { key: 14 }, [
-          a.$slots["time-label"] ? (r(), i("g", Oa, [
-            (r(!0), i(h, null, f(V.value, (t, o) => (r(), i("g", null, [
+        ], 64)) : h("", !0),
+        e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "horizontal" ? (o(), i(v, { key: 14 }, [
+          a.$slots["time-label"] ? (o(), i("g", Pa, [
+            (o(!0), i(v, null, f(R.value, (t, r) => (o(), i("g", null, [
               w(a.$slots, "time-label", O(P({
                 x: s.value.left - 8,
-                y: s.value.top + v.value * o + v.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
+                y: s.value.top + d.value * r + d.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,
@@ -831,53 +846,53 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
                 show: !0
               })), void 0, !0)
             ]))), 256))
-          ])) : (r(), i("g", Pa, [
-            (r(!0), i(h, null, f(V.value, (t, o) => (r(), i("text", {
+          ])) : (o(), i("g", Aa, [
+            (o(!0), i(v, null, f(R.value, (t, r) => (o(), i("text", {
               "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: s.value.left - 8,
-              y: s.value.top + v.value * o + v.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
+              y: s.value.top + d.value * r + d.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
               style: {
                 cursor: "pointer"
               },
-              onClick: () => qe(t, o)
-            }, S(t.text), 9, Aa))), 256))
+              onClick: () => qe(t, r)
+            }, S(t.text), 9, Va))), 256))
           ]))
-        ], 64)) : d("", !0),
-        L.value.showTooltip && e.value.orientation === "vertical" ? (r(!0), i(h, { key: 15 }, f(c.value.end - c.value.start, (t, o) => (r(), i("rect", {
-          x: s.value.left + o * v.value,
+        ], 64)) : h("", !0),
+        L.value.showTooltip && e.value.orientation === "vertical" ? (o(!0), i(v, { key: 15 }, f(c.value.end - c.value.start, (t, r) => (o(), i("rect", {
+          x: s.value.left + r * d.value,
           y: s.value.top,
-          width: v.value,
+          width: d.value,
           height: s.value.height < 0 ? 0 : s.value.height,
-          onClick: (n) => He(o),
-          onMouseenter: (n) => Be(o),
+          onClick: (n) => He(r),
+          onMouseenter: (n) => Be(r),
           onMouseleave: l[0] || (l[0] = (n) => {
             q.value = null, ee.value = !1;
           }),
-          fill: o === q.value ? e.value.style.chart.highlighter.color : "transparent",
+          fill: r === q.value ? e.value.style.chart.highlighter.color : "transparent",
           style: B({ opacity: e.value.style.chart.highlighter.opacity / 100 })
-        }, null, 44, Ra))), 256)) : d("", !0),
-        L.value.showTooltip && e.value.orientation === "horizontal" ? (r(!0), i(h, { key: 16 }, f(c.value.end - c.value.start, (t, o) => (r(), i("rect", {
+        }, null, 44, Ra))), 256)) : h("", !0),
+        L.value.showTooltip && e.value.orientation === "horizontal" ? (o(!0), i(v, { key: 16 }, f(c.value.end - c.value.start, (t, r) => (o(), i("rect", {
           x: s.value.left,
-          y: s.value.top + o * v.value,
+          y: s.value.top + r * d.value,
           width: s.value.width < 0 ? 0 : s.value.width,
-          height: v.value,
-          onClick: (n) => He(o),
-          onMouseenter: (n) => Be(o),
+          height: d.value,
+          onClick: (n) => He(r),
+          onMouseenter: (n) => Be(r),
           onMouseleave: l[1] || (l[1] = (n) => {
             q.value = null, ee.value = !1;
           }),
-          fill: o === q.value ? e.value.style.chart.highlighter.color : "transparent",
+          fill: r === q.value ? e.value.style.chart.highlighter.color : "transparent",
           style: B({ opacity: e.value.style.chart.highlighter.opacity / 100 })
-        }, null, 44, Va))), 256)) : d("", !0),
+        }, null, 44, Fa))), 256)) : h("", !0),
         w(a.$slots, "svg", O(P({ ...s.value })), void 0, !0)
-      ], 12, oa)) : d("", !0),
-      a.$slots.watermark ? (r(), i("div", Fa, [
+      ], 12, oa)) : h("", !0),
+      a.$slots.watermark ? (o(), i("div", Ea, [
         w(a.$slots, "watermark", O(P({ isPrinting: p(Ne) || p(Ie) })), void 0, !0)
-      ])) : d("", !0),
-      Y.value ? d("", !0) : (r(), J(Qt, {
+      ])) : h("", !0),
+      Y.value ? h("", !0) : (o(), J(jt, {
         key: 5,
         config: {
           type: "bar",
@@ -898,7 +913,7 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
         style: B(`width:100%;background:${e.value.style.chart.backgroundColor}`),
         "data-html2canvas-ignore": ""
       }, [
-        e.value.style.chart.zoom.show && R.value > 1 ? (r(), J(Xt, {
+        e.value.style.chart.zoom.show && V.value > 1 ? (o(), J(Gt, {
           ref_key: "slicerComponent",
           ref: G,
           key: `slicer_${Se.value}`,
@@ -921,15 +936,15 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
           "onUpdate:end": l[3] || (l[3] = (t) => c.value.end = t),
           refreshStartPoint: e.value.style.chart.zoom.startIndex !== null ? e.value.style.chart.zoom.startIndex : 0,
           refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : Math.max(...de.dataset.map((t) => t.series.length)),
-          onReset: Ve
+          onReset: Re
         }, {
           "reset-action": C(({ reset: t }) => [
             w(a.$slots, "reset-action", O(P({ reset: t })), void 0, !0)
           ]),
           _: 3
-        }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint"])) : d("", !0)
+        }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint"])) : h("", !0)
       ], 4),
-      ue(Gt, {
+      ue(Jt, {
         show: L.value.showTooltip && ee.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -943,7 +958,7 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
         parent: X.value,
         content: be.value,
         isFullscreen: te.value,
-        isCustom: p(rt)(e.value.style.chart.tooltip.customFormat)
+        isCustom: p(st)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": C(() => [
           w(a.$slots, "tooltip-before", O(P({ ...ke.value })), void 0, !0)
@@ -957,15 +972,15 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
         ref_key: "chartLegend",
         ref: Ce
       }, [
-        e.value.style.chart.legend.show && Y.value ? (r(), J(qt, {
+        e.value.style.chart.legend.show && Y.value ? (o(), J(Zt, {
           key: 0,
           legendSet: Je.value,
-          config: pt.value,
+          config: xt.value,
           onClickMarker: l[4] || (l[4] = ({ legend: t }) => t.segregate())
         }, {
           item: C(({ legend: t }) => [
             U("div", {
-              onClick: (o) => t.segregate(),
+              onClick: (r) => t.segregate(),
               style: B(`opacity:${_.value.includes(t.id) ? 0.5 : 1}`)
             }, S(t.name), 13, Da)
           ]),
@@ -975,15 +990,15 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
           legend: Je.value
         }, void 0, !0)
       ], 512),
-      a.$slots.source ? (r(), i("div", {
+      a.$slots.source ? (o(), i("div", {
         key: 6,
         ref_key: "source",
         ref: _e,
         dir: "auto"
       }, [
         w(a.$slots, "source", {}, void 0, !0)
-      ], 512)) : d("", !0),
-      c.value.end - c.value.start < 200 ? (r(), J(Zt, {
+      ], 512)) : h("", !0),
+      c.value.end - c.value.start < 200 ? (o(), J(Kt, {
         key: 7,
         hideDetails: "",
         config: {
@@ -1000,19 +1015,19 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
         }
       }, {
         content: C(() => [
-          ue(Kt, {
-            colNames: re.value.colNames,
-            head: re.value.head,
-            body: re.value.body,
-            config: re.value.config,
+          ue(Qt, {
+            colNames: oe.value.colNames,
+            head: oe.value.head,
+            body: oe.value.body,
+            config: oe.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: l[5] || (l[5] = (t) => L.value.showTable = !1)
           }, {
             th: C(({ th: t }) => [
-              U("div", { innerHTML: t }, null, 8, Ea)
+              U("div", { innerHTML: t }, null, 8, Ha)
             ]),
             td: C(({ td: t }) => [
-              Mt(S(isNaN(Number(t)) ? t : p(W)({
+              Tt(S(isNaN(Number(t)) ? t : p(W)({
                 p: e.value.style.chart.bars.dataLabels.prefix,
                 v: t,
                 s: e.value.style.chart.bars.dataLabels.suffix,
@@ -1023,10 +1038,10 @@ const la = ["id"], oa = ["xmlns", "viewBox"], ra = { key: 0 }, sa = ["id"], ia =
           }, 8, ["colNames", "head", "body", "config", "title"])
         ]),
         _: 1
-      }, 8, ["config"])) : d("", !0)
-    ], 46, la));
+      }, 8, ["config"])) : h("", !0)
+    ], 46, ra));
   }
-}, ol = /* @__PURE__ */ aa(Ha, [["__scopeId", "data-v-b660e69e"]]);
+}, ol = /* @__PURE__ */ la(Ba, [["__scopeId", "data-v-9b638786"]]);
 export {
   ol as default
 };