vue-data-ui 2.6.18 → 2.6.20

package/dist/{vue-ui-stackbar-Ctym-Udc.js → vue-ui-stackbar-DanAQnBd.js}

@@ -1,19 +1,19 @@
-import { useSlots as Pt, computed as w, ref as g, onMounted as at, watch as lt, nextTick as he, createElementBlock as s, openBlock as o, unref as b, normalizeStyle as W, normalizeClass as te, createBlock as q, createCommentVNode as v, renderSlot as x, createElementVNode as B, createVNode as ae, createSlots as rt, withCtx as _, normalizeProps as U, guardReactiveProps as Y, Fragment as h, renderList as y, mergeProps as we, toDisplayString as $, createTextVNode as At } from "vue";
-import { u as Vt, c as ot, t as Ft, p as ve, a as Dt, C as de, b as Et, o as Ht, e as st, g as Wt, d as Bt, ab as ye, a9 as it, D as nt, X as Ut, l as Yt, a4 as ge, G as ut, f as X, x as ct, q as Xt, r as Gt, i as ht, y as Jt } from "./index-Df45PKBw.js";
-import { u as vt } from "./useNestedProp-BaSIdRPe.js";
+import { useSlots as Pt, computed as w, ref as g, onMounted as at, watch as lt, nextTick as he, createElementBlock as s, openBlock as o, unref as b, normalizeStyle as U, normalizeClass as te, createBlock as q, createCommentVNode as v, renderSlot as x, createElementVNode as Y, createVNode as ae, createSlots as rt, withCtx as _, normalizeProps as V, guardReactiveProps as F, Fragment as h, renderList as y, mergeProps as we, toDisplayString as $, createTextVNode as At } from "vue";
+import { u as Vt, c as ot, t as Ft, p as ve, a as Dt, C as de, b as Et, o as Ht, e as st, g as Wt, d as Bt, ab as ye, a9 as it, D as nt, X as Ut, l as Yt, a4 as ge, G as ut, f as X, x as ct, q as Xt, r as Gt, i as ht, y as Jt } from "./index-Cq7-va_5.js";
+import { u as vt } from "./useNestedProp-BEyJNlaO.js";
 import { t as qt, u as Zt } from "./useResponsive-BWapHhVH.js";
-import { u as Kt, U as Qt } from "./usePrinter-MC5pKUx5.js";
-import { S as jt } from "./Slicer-DMdxtlpr.js";
-import { _ as ea } from "./Tooltip-CF9cKbnr.js";
-import { _ as ta } from "./Title-xfHZTDT9.js";
-import { L as aa } from "./Legend-w7VxyGN0.js";
-import la from "./vue-ui-accordion-BbCvey8w.js";
-import { D as ra } from "./DataTable-BH56SPdO.js";
-import oa from "./vue-ui-skeleton-BIYEApQO.js";
-import { _ as sa } from "./PackageVersion-D1edJun6.js";
-import { P as ia } from "./PenAndPaper-DWnLI5jM.js";
+import { u as Kt, U as Qt } from "./usePrinter-jRjc8Naz.js";
+import { S as jt } from "./Slicer-DQp19cm1.js";
+import { _ as ea } from "./Tooltip-BuAQ8HVL.js";
+import { _ as ta } from "./Title-CUHNtIyE.js";
+import { L as aa } from "./Legend-CaMKYW-V.js";
+import la from "./vue-ui-accordion-vAQ_LLoP.js";
+import { D as ra } from "./DataTable-CMUyDj6S.js";
+import oa from "./vue-ui-skeleton-DIrE1OTF.js";
+import { _ as sa } from "./PackageVersion-CURzw4q1.js";
+import { P as ia } from "./PenAndPaper-CjiJra09.js";
 import { u as na } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as ua } from "./Shape-RfSE_FzV.js";
+import { _ as ua } from "./Shape-F5v4f45p.js";
 import { u as ca } from "./useChartAccessibility-BWojgys7.js";
 import { _ as ha } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"], ga = { key: 1 }, ba = ["id"], fa = ["stop-color"], ma = ["stop-color"], pa = ["stop-color"], xa = ["x1", "x2", "y1", "y2", "stroke"], ka = ["x1", "x2", "y1", "y2", "stroke"], wa = ["x1", "x2", "y1", "y2", "stroke"], za = ["x1", "x2", "y1", "y2", "stroke"], _a = { key: 0 }, Ca = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], La = { key: 0 }, Sa = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], $a = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Ma = { key: 0 }, Ta = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Na = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Oa = ["x", "y", "font-size", "fill", "font-weight"], Ra = ["transform", "font-size", "fill", "font-weight"], Pa = ["x", "y", "font-size", "fill", "font-weight"], Aa = { key: 0 }, Va = ["x", "y", "font-size", "font-weight", "fill"], Fa = ["x", "y", "font-size", "fill", "font-weight"], Da = { key: 0 }, Ea = ["x", "y", "font-size", "font-weight", "fill"], Ha = ["x1", "x2", "y1", "y2", "stroke"], Wa = ["x", "y", "font-size", "font-weight", "fill"], Ba = ["x1", "x2", "y1", "y2", "stroke"], Ua = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Ya = { key: 0 }, Xa = { key: 1 }, Ga = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Ja = { key: 0 }, qa = { key: 1 }, Za = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Ka = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], Qa = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], ja = {
@@ -44,7 +44,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
       set(a) {
         return a;
       }
-    }), Z = g(null), O = g(ot()), le = g(!1), ze = g(null), me = g(""), L = g([]), _e = g(0), Ce = g(null), Le = g(null), Se = g(null), $e = g(null), Me = g(0), re = g(!1), K = g(null), V = g(!1), ft = g(0), mt = g(0), pt = g(0), J = g(null);
+    }), Z = g(null), O = g(ot()), le = g(!1), ze = g(null), me = g(""), L = g([]), _e = g(0), Ce = g(null), Le = g(null), Se = g(null), $e = g(null), Me = g(0), re = g(!1), K = g(null), D = g(!1), ft = g(0), mt = g(0), pt = g(0), J = g(null);
     at(() => {
       xe();
     });
@@ -57,14 +57,14 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
         userConfig: f.config,
         defaultConfig: gt
       });
-      let l = {};
-      return a.theme ? l = {
+      let r = {};
+      return a.theme ? r = {
         ...vt({
           userConfig: Dt.vue_ui_stackbar[a.theme] || f.config,
           defaultConfig: a
         }),
         customPalette: Ft[a.theme] || ve
-      } : l = a, f.config && de(f.config, "style.chart.grid.scale.scaleMin") ? l.style.chart.grid.scale.scaleMin = f.config.style.chart.grid.scale.scaleMin : l.style.chart.grid.scale.scaleMin = null, f.config && de(f.config, "style.chart.grid.scale.scaleMax") ? l.style.chart.grid.scale.scaleMax = f.config.style.chart.grid.scale.scaleMax : l.style.chart.grid.scale.scaleMax = null, f.config && de(f.config, "style.chart.zoom.startIndex") ? l.style.chart.zoom.startIndex = f.config.style.chart.zoom.startIndex : l.style.chart.zoom.startIndex = null, f.config && de(f.config, "style.chart.zoom.endIndex") ? l.style.chart.zoom.endIndex = f.config.style.chart.zoom.endIndex : l.style.chart.zoom.endIndex = null, l;
+      } : r = a, f.config && de(f.config, "style.chart.grid.scale.scaleMin") ? r.style.chart.grid.scale.scaleMin = f.config.style.chart.grid.scale.scaleMin : r.style.chart.grid.scale.scaleMin = null, f.config && de(f.config, "style.chart.grid.scale.scaleMax") ? r.style.chart.grid.scale.scaleMax = f.config.style.chart.grid.scale.scaleMax : r.style.chart.grid.scale.scaleMax = null, f.config && de(f.config, "style.chart.zoom.startIndex") ? r.style.chart.zoom.startIndex = f.config.style.chart.zoom.startIndex : r.style.chart.zoom.startIndex = null, f.config && de(f.config, "style.chart.zoom.endIndex") ? r.style.chart.zoom.endIndex = f.config.style.chart.zoom.endIndex : r.style.chart.zoom.endIndex = null, r;
     }
     lt(() => f.config, (a) => {
       e.value = Oe(), pe.value = !e.value.userOptions.showOnChartHover, xe(), ft.value += 1, mt.value += 1, pt.value += 1, z.value.dataLabels.show = e.value.style.chart.bars.dataLabels.show, z.value.showTable = e.value.table.show, z.value.showTooltip = e.value.style.chart.tooltip.show;
@@ -97,7 +97,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
       if (Ht(f.dataset) ? st({
         componentName: "VueUiStackbar",
         type: "dataset"
-      }) : f.dataset.forEach((a, l) => {
+      }) : f.dataset.forEach((a, r) => {
         Wt({
           datasetObject: a,
           requiredAttributes: ["name", "series"]
@@ -106,15 +106,15 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
             componentName: "VueUiStackbar",
             type: "datasetSerieAttribute",
             property: t,
-            index: l
+            index: r
           });
         });
       }), setTimeout(() => {
-        V.value = !0;
+        D.value = !0;
       }, 10), e.value.responsive) {
         const a = qt(() => {
-          V.value = !1;
-          const { width: l, height: t } = Zt({
+          D.value = !1;
+          const { width: r, height: t } = Zt({
             chart: Z.value,
             title: e.value.style.chart.title.text ? Ce.value : null,
             legend: e.value.style.chart.legend.show ? Le.value : null,
@@ -122,8 +122,8 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
             source: $e.value
           });
           requestAnimationFrame(() => {
-            oe.value.width = l, oe.value.height = t, clearTimeout(De.value), De.value = setTimeout(() => {
-              V.value = !0;
+            oe.value.width = r, oe.value.height = t, clearTimeout(De.value), De.value = setTimeout(() => {
+              D.value = !0;
             }, 10);
           });
         });
@@ -132,26 +132,26 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
       He();
     }
     const i = w(() => {
-      const { height: a, width: l } = oe.value, { right: t } = oe.value.paddingRatio, r = e.value.style.chart.padding.top, u = l - l * t, n = a - e.value.style.chart.padding.bottom, C = e.value.style.chart.padding.left, F = l - C - l * t, D = a - r - e.value.style.chart.padding.bottom;
+      const { height: a, width: r } = oe.value, { right: t } = oe.value.paddingRatio, l = e.value.style.chart.padding.top, u = r - r * t, n = a - e.value.style.chart.padding.bottom, C = e.value.style.chart.padding.left, E = r - C - r * t, H = a - l - e.value.style.chart.padding.bottom;
       return {
         chartHeight: a,
-        chartWidth: l,
-        top: r,
+        chartWidth: r,
+        top: l,
         right: u,
         bottom: n,
         left: C,
-        width: F,
-        height: D < 0 ? 0 : D
+        width: E,
+        height: H < 0 ? 0 : H
       };
-    }), R = w(() => f.dataset.map((a, l) => {
-      const t = Bt(a.color) || xt.value[l] || ve[l] || ve[l % ve.length];
+    }), R = w(() => f.dataset.map((a, r) => {
+      const t = Bt(a.color) || xt.value[r] || ve[r] || ve[r % ve.length];
       return {
         ...a,
         // In distributed mode, all values are converted to positive
-        series: JSON.parse(JSON.stringify(a.series)).map((r) => e.value.style.chart.bars.distributed ? Math.abs(r) : r),
+        series: JSON.parse(JSON.stringify(a.series)).map((l) => e.value.style.chart.bars.distributed ? Math.abs(l) : l),
         // Store signs to manage display of neg values in distributed mode
-        signedSeries: a.series.map((r) => r >= 0 ? 1 : -1),
-        absoluteIndex: l,
+        signedSeries: a.series.map((l) => l >= 0 ? 1 : -1),
+        absoluteIndex: r,
         id: ot(),
         color: t
       };
@@ -169,64 +169,64 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
       }, Me.value += 1);
     }
     function kt(a) {
-      const l = Math.max(...f.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 r = Math.max(...f.dataset.map((t) => t.series.length));
+      return a > r ? r : 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 d = w(() => {
       let a;
       return e.value.orientation === "vertical" ? a = i.value.width / (c.value.end - c.value.start) : a = i.value.height / (c.value.end - c.value.start), a <= 0 ? 0 : a;
     }), Q = w(() => ye(R.value.filter((a) => !L.value.includes(a.id))).slice(c.value.start, c.value.end)), wt = w(() => ye(R.value.filter((a) => !L.value.includes(a.id)).map((a) => ({
       ...a,
-      series: a.series.map((l, t) => a.signedSeries[t] === -1 && l >= 0 ? -l : l)
+      series: a.series.map((r, t) => a.signedSeries[t] === -1 && r >= 0 ? -r : r)
     }))).slice(c.value.start, c.value.end)), se = w(() => {
-      const a = R.value.filter((l) => !L.value.includes(l.id));
+      const a = R.value.filter((r) => !L.value.includes(r.id));
       return {
-        positive: ye(a.map((l) => ({
-          ...l,
-          series: l.series.slice(c.value.start, c.value.end).map((t) => t >= 0 ? t : 0)
+        positive: ye(a.map((r) => ({
+          ...r,
+          series: r.series.slice(c.value.start, c.value.end).map((t) => t >= 0 ? t : 0)
         }))),
-        negative: ye(a.map((l) => ({
-          ...l,
-          series: l.series.slice(c.value.start, c.value.end).map((t) => t < 0 ? t : 0)
+        negative: ye(a.map((r) => ({
+          ...r,
+          series: r.series.slice(c.value.start, c.value.end).map((t) => t < 0 ? t : 0)
         })))
       };
     }), N = w(() => {
-      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(...se.value.positive), l = Math.min(...se.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) ? it(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks) : nt(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks);
-      return r.ticks.map((u) => ({
-        zero: i.value.bottom - i.value.height * (Math.abs(r.min) / (r.max + Math.abs(r.min))),
-        y: i.value.bottom - i.value.height * ((u + Math.abs(r.min)) / (r.max + Math.abs(r.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(...se.value.positive), r = Math.min(...se.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(r) ? 0 : r, l = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? it(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks) : nt(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks);
+      return l.ticks.map((u) => ({
+        zero: i.value.bottom - i.value.height * (Math.abs(l.min) / (l.max + Math.abs(l.min))),
+        y: i.value.bottom - i.value.height * ((u + Math.abs(l.min)) / (l.max + Math.abs(l.min))),
         x: i.value.left - 8,
-        horizontal_zero: i.value.left + i.value.width * (Math.abs(r.min) / (r.max + Math.abs(r.min))),
-        horizontal_x: i.value.left + i.value.width * ((u + Math.abs(r.min)) / (r.max + Math.abs(r.min))),
+        horizontal_zero: i.value.left + i.value.width * (Math.abs(l.min) / (l.max + Math.abs(l.min))),
+        horizontal_x: i.value.left + i.value.width * ((u + Math.abs(l.min)) / (l.max + Math.abs(l.min))),
         horizontal_y: i.value.bottom - 8,
         value: u
       }));
     }), A = w(() => {
       const a = [];
-      for (let l = 0; l < P.value; l += 1)
+      for (let r = 0; r < P.value; r += 1)
         a.push({
-          text: e.value.style.chart.grid.x.timeLabels.values[l] || String(l),
-          absoluteIndex: l
+          text: e.value.style.chart.grid.x.timeLabels.values[r] || String(r),
+          absoluteIndex: r
         });
       return a.slice(c.value.start, c.value.end);
     }), k = w(() => {
       if (!G.value) return [];
-      let a = Array(P.value).fill(0), l = Array(P.value).fill(0), t = Array(P.value).fill(0), r = Array(P.value).fill(0);
-      const u = Math.max(...se.value.positive) || 0, n = Math.min(...se.value.negative), C = [-1 / 0, 1 / 0, NaN, void 0, null].includes(n) ? 0 : n, F = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? it(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : C > 0 ? 0 : C, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : u < 0 ? 0 : u, e.value.style.chart.grid.scale.ticks) : nt(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : C > 0 ? 0 : C, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : u < 0 ? 0 : u, e.value.style.chart.grid.scale.ticks), { min: D, max: j } = F, E = j + (D >= 0 ? 0 : Math.abs(D)) || 1, S = i.value.height, ce = i.value.width, et = N.value[0] ? N.value[0].zero : i.value.bottom, tt = N.value[0] ? N.value[0].horizontal_zero : i.value.left;
+      let a = Array(P.value).fill(0), r = Array(P.value).fill(0), t = Array(P.value).fill(0), l = Array(P.value).fill(0);
+      const u = Math.max(...se.value.positive) || 0, n = Math.min(...se.value.negative), C = [-1 / 0, 1 / 0, NaN, void 0, null].includes(n) ? 0 : n, E = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? it(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : C > 0 ? 0 : C, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : u < 0 ? 0 : u, e.value.style.chart.grid.scale.ticks) : nt(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : C > 0 ? 0 : C, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : u < 0 ? 0 : u, e.value.style.chart.grid.scale.ticks), { min: H, max: j } = E, W = j + (H >= 0 ? 0 : Math.abs(H)) || 1, S = i.value.height, ce = i.value.width, et = N.value[0] ? N.value[0].zero : i.value.bottom, tt = N.value[0] ? N.value[0].horizontal_zero : i.value.left;
       return R.value.filter((ee) => !L.value.includes(ee.id)).map((ee) => {
         const I = ee.series.slice(c.value.start, c.value.end), St = ee.signedSeries.slice(c.value.start, c.value.end), $t = I.map((m, p) => i.value.left + d.value * p + d.value * e.value.style.chart.bars.gapRatio / 4), Mt = I.map((m, p) => i.value.top + d.value * p + d.value * e.value.style.chart.bars.gapRatio / 4), Tt = I.map((m, p) => {
-          const M = e.value.style.chart.bars.distributed ? (m || 0) / Q.value[p] : (m || 0) / E;
-          let H, T;
-          return m > 0 ? (T = S * M, H = et - T - a[p], a[p] += T) : (T = S * M, H = et + t[p], t[p] += Math.abs(T)), H;
+          const M = e.value.style.chart.bars.distributed ? (m || 0) / Q.value[p] : (m || 0) / W;
+          let B, T;
+          return m > 0 ? (T = S * M, B = et - T - a[p], a[p] += T) : (T = S * M, B = et + t[p], t[p] += Math.abs(T)), B;
         }), Nt = I.map((m, p) => {
-          const M = e.value.style.chart.bars.distributed ? (m || 0) / Q.value[p] : (m || 0) / E;
-          let H, T;
-          return m > 0 ? (T = ce * M, H = tt + l[p], l[p] += T) : (T = ce * M, H = tt - Math.abs(T) - r[p], r[p] += Math.abs(T)), H;
+          const M = e.value.style.chart.bars.distributed ? (m || 0) / Q.value[p] : (m || 0) / W;
+          let B, T;
+          return m > 0 ? (T = ce * M, B = tt + r[p], r[p] += T) : (T = ce * M, B = tt - Math.abs(T) - l[p], l[p] += Math.abs(T)), B;
         }), It = I.map((m, p) => {
-          const M = e.value.style.chart.bars.distributed ? (m || 0) / Q.value[p] : (m || 0) / E;
+          const M = e.value.style.chart.bars.distributed ? (m || 0) / Q.value[p] : (m || 0) / W;
           return m > 0 ? S * M : S * Math.abs(M);
         }), Ot = I.map((m, p) => {
-          const M = e.value.style.chart.bars.distributed ? (m || 0) / Q.value[p] : (m || 0) / E;
+          const M = e.value.style.chart.bars.distributed ? (m || 0) / Q.value[p] : (m || 0) / W;
           return m > 0 ? ce * M : ce * Math.abs(M);
         }), Rt = I.map((m) => Math.abs(m)).reduce((m, p) => m + p, 0);
         return {
@@ -242,11 +242,11 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           horizontal_x: Nt
         };
       });
-    }), We = w(() => wt.value.map((a, l) => ({
+    }), We = w(() => wt.value.map((a, r) => ({
       value: a,
       sign: a >= 0 ? 1 : -1
     })));
-    function ie(a, l, t, r, u) {
+    function ie(a, r, t, l, u) {
       const n = u === -1 && a >= 0 ? -a : a;
       return ht(
         e.value.style.chart.bars.dataLabels.formatter,
@@ -257,10 +257,10 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           s: e.value.style.chart.bars.dataLabels.suffix,
           r: e.value.style.chart.bars.dataLabels.rounding
         }),
-        { datapoint: l, seriesIndex: t, datapointIndex: r }
+        { datapoint: r, seriesIndex: t, datapointIndex: l }
       );
     }
-    function Be(a, l, t, r) {
+    function Be(a, r, t, l) {
       return ht(
         e.value.style.chart.bars.dataLabels.formatter,
         a,
@@ -269,36 +269,36 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           s: "%",
           r: e.value.style.chart.bars.dataLabels.rounding
         }),
-        { datapoint: l, seriesIndex: t, datapointIndex: r }
+        { datapoint: r, seriesIndex: t, datapointIndex: l }
       );
     }
     function Ue(a) {
-      const l = JSON.parse(JSON.stringify(k.value)).map((t) => ({
+      const r = JSON.parse(JSON.stringify(k.value)).map((t) => ({
         name: t.name,
         value: t.series[a] === 0 ? 0 : t.series[a] || null,
         proportion: t.proportions[a] || null,
         color: t.color,
         id: t.id
       }));
-      fe("selectDatapoint", { datapoint: l, period: A.value[a] });
+      fe("selectDatapoint", { datapoint: r, period: A.value[a] });
     }
     function Ye(a) {
       K.value = a, le.value = !0;
-      const l = e.value.style.chart.tooltip.customFormat, t = JSON.parse(JSON.stringify(k.value)).map((u) => ({
+      const r = e.value.style.chart.tooltip.customFormat, t = JSON.parse(JSON.stringify(k.value)).map((u) => ({
         name: u.name,
         absoluteIndex: u.absoluteIndex,
         value: u.series[a] === 0 ? 0 : (u.signedSeries[a] === -1 && u.series[a] >= 0 ? -u.series[a] : u.series[a]) || null,
         proportion: u.proportions[a] || null,
         color: u.color,
         id: u.id
-      })), r = t.map((u) => Math.abs(u.value)).reduce((u, n) => u + n, 0);
-      if (ct(l) && Jt(() => l({
+      })), l = t.map((u) => Math.abs(u.value)).reduce((u, n) => u + n, 0);
+      if (ct(r) && Jt(() => r({
         seriesIndex: a,
         datapoint: t,
         series: k.value,
         config: e.value
       })))
-        me.value = l({
+        me.value = r({
           seriesIndex: a,
           datapoint: t,
           series: k.value,
@@ -309,12 +309,12 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           showValue: u,
           showPercentage: n,
           borderColor: C,
-          roundingValue: F,
-          roundingPercentage: D
+          roundingValue: E,
+          roundingPercentage: H
         } = e.value.style.chart.tooltip;
         let j = "";
         A.value[a] && A.value[a].text && e.value.style.chart.tooltip.showTimeLabel && (j += `<div style="width:100%;text-align:center;border-bottom:1px solid ${C};padding-bottom:6px;margin-bottom:3px;">${A.value[a].text}</div>`);
-        const E = [
+        const W = [
           u && n ? "(" : "",
           u && n ? ")" : ""
         ];
@@ -326,13 +326,13 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
             p: e.value.style.chart.bars.dataLabels.prefix,
             v: S.value,
             s: e.value.style.chart.bars.dataLabels.suffix,
-            r: F
-          }) : ""} ${E[0]}${n ? X({
-            v: isNaN(S.value / r) ? 0 : Math.abs(S.value) / r * 100,
+            r: E
+          }) : ""} ${W[0]}${n ? X({
+            v: isNaN(S.value / l) ? 0 : Math.abs(S.value) / l * 100,
             // Negs are absed to show relative proportion to absolute total. It's opinionated.
             s: "%",
-            r: D
-          }) : ""}${E[1]}
+            r: H
+          }) : ""}${W[1]}
                 </div>
             `;
         }), me.value = `<div>${j}</div>`;
@@ -355,28 +355,28 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
     }
     const qe = w(() => {
       if (k.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const a = k.value.map(({ name: t, color: r }) => ({
+      const a = k.value.map(({ name: t, color: l }) => ({
         label: t,
-        color: r
-      })), l = [];
+        color: l
+      })), r = [];
       for (let t = c.value.start; t < c.value.end; t += 1) {
-        const r = [e.value.style.chart.grid.x.timeLabels.values[t] || t + 1];
+        const l = [e.value.style.chart.grid.x.timeLabels.values[t] || t + 1];
         R.value.forEach((u) => {
-          r.push(Number((u.series[t] || 0).toFixed(e.value.table.td.roundingValue)));
-        }), l.push(r);
+          l.push(Number((u.series[t] || 0).toFixed(e.value.table.td.roundingValue)));
+        }), r.push(l);
       }
-      return { head: a, body: l };
+      return { head: a, body: r };
     });
     function Ze() {
-      const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], l = ["", ...qe.value.head.map((n) => n.label)], t = qe.value.body, r = a.concat([l]).concat(t), u = Xt(r);
+      const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], r = ["", ...qe.value.head.map((n) => n.label)], t = qe.value.body, l = a.concat([r]).concat(t), u = Xt(l);
       Gt({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
     }
     const ne = w(() => {
       const a = [""].concat(k.value.map((u) => u.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 = [];
+      let r = [];
       for (let u = 0; u < P.value; u += 1) {
-        const n = k.value.map((C) => C.series[u] ?? 0).reduce((C, F) => C + F, 0);
-        l.push([e.value.style.chart.grid.x.timeLabels.values.slice(c.value.start, c.value.end)[u] ?? u + 1].concat(k.value.map((C) => (C.series[u] ?? 0).toFixed(e.value.table.td.roundingValue))).concat((n ?? 0).toFixed(e.value.table.td.roundingValue)));
+        const n = k.value.map((C) => C.series[u] ?? 0).reduce((C, E) => C + E, 0);
+        r.push([e.value.style.chart.grid.x.timeLabels.values.slice(c.value.start, c.value.end)[u] ?? u + 1].concat(k.value.map((C) => (C.series[u] ?? 0).toFixed(e.value.table.td.roundingValue))).concat((n ?? 0).toFixed(e.value.table.td.roundingValue)));
       }
       const t = {
         th: {
@@ -390,18 +390,18 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           outline: e.value.table.td.outline
         },
         breakpoint: e.value.table.responsiveBreakpoint
-      }, r = [e.value.table.columnNames.period].concat(k.value.map((u) => u.name)).concat(e.value.table.columnNames.total);
-      return { head: a, body: l.slice(0, c.value.end - c.value.start), config: t, colNames: r };
+      }, l = [e.value.table.columnNames.period].concat(k.value.map((u) => u.name)).concat(e.value.table.columnNames.total);
+      return { head: a, body: r.slice(0, c.value.end - c.value.start), config: t, colNames: l };
     });
-    function Ct(a, l) {
-      if (fe("selectLegend", k.value.find((t) => t.absoluteIndex === a)), L.value.includes(l.id))
-        L.value = L.value.filter((t) => t !== l.id);
+    function Ct(a, r) {
+      if (fe("selectLegend", k.value.find((t) => t.absoluteIndex === a)), L.value.includes(r.id))
+        L.value = L.value.filter((t) => t !== r.id);
       else {
         if (L.value.length === R.value.length - 1) return;
-        L.value.push(l.id);
+        L.value.push(r.id);
       }
     }
-    const Ke = w(() => R.value.map((a, l) => ({
+    const Ke = w(() => R.value.map((a, r) => ({
       ...a,
       shape: "square"
     })).map((a) => ({
@@ -420,13 +420,13 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
     function ke() {
       ue.value = !ue.value;
     }
-    function Qe(a, l) {
-      const t = JSON.parse(JSON.stringify(k.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
+    function Qe(a, r) {
+      const t = JSON.parse(JSON.stringify(k.value)).map((l) => ({
+        name: l.name,
+        value: l.series[r] === 0 ? 0 : (l.signedSeries[r] === -1 && l.series[r] >= 0 ? -l.series[r] : l.series[r]) || null,
+        proportion: l.proportions[r] || null,
+        color: l.color,
+        id: l.id
       }));
       fe("selectTimeLabel", {
         datapoint: t,
@@ -434,8 +434,8 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
         label: a.text
       });
     }
-    function je(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;
+    function je(a, r) {
+      return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? r > 0 : !0 : e.value.style.chart.bars.dataLabels.hideEmptyValues ? a !== 0 : !0;
     }
     return dt({
       getData: _t,
@@ -446,14 +446,14 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
       toggleLabels: Ge,
       toggleTooltip: Je,
       toggleAnnotator: ke
-    }), (a, l) => (o(), s("div", {
+    }), (a, r) => (o(), s("div", {
       id: `stackbar_${O.value}`,
       ref_key: "stackbarChart",
       ref: Z,
       class: te({ "vue-ui-stackbar": !0, "vue-data-ui-wrapper-fullscreen": re.value }),
-      style: W(`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: l[6] || (l[6] = () => b(Te)(!0)),
-      onMouseleave: l[7] || (l[7] = () => b(Te)(!1))
+      style: U(`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: r[6] || (r[6] = () => b(Te)(!0)),
+      onMouseleave: r[7] || (r[7] = () => b(Te)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (o(), q(ia, {
         key: 0,
@@ -513,65 +513,72 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
         onToggleLabels: Ge,
         onToggleTooltip: Je,
         onToggleAnnotator: ke,
-        style: W({
+        style: U({
           visibility: b(Ne) ? b(pe) ? "visible" : "hidden" : "visible"
         })
       }, rt({ _: 2 }, [
+        a.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: _(({ isOpen: t, color: l }) => [
+            x(a.$slots, "menuIcon", V(F({ isOpen: t, color: l })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
         a.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: _(() => [
             x(a.$slots, "optionTooltip", {}, void 0, !0)
           ]),
-          key: "0"
+          key: "1"
         } : void 0,
         a.$slots.optionPdf ? {
           name: "optionPdf",
           fn: _(() => [
             x(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
-          key: "1"
+          key: "2"
         } : void 0,
         a.$slots.optionCsv ? {
           name: "optionCsv",
           fn: _(() => [
             x(a.$slots, "optionCsv", {}, void 0, !0)
           ]),
-          key: "2"
+          key: "3"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
           fn: _(() => [
             x(a.$slots, "optionImg", {}, void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0,
         a.$slots.optionTable ? {
           name: "optionTable",
           fn: _(() => [
             x(a.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         a.$slots.optionLabels ? {
           name: "optionLabels",
           fn: _(() => [
             x(a.$slots, "optionLabels", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: _(({ toggleFullscreen: t, isFullscreen: r }) => [
-            x(a.$slots, "optionFullscreen", U(Y({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
+          fn: _(({ toggleFullscreen: t, isFullscreen: l }) => [
+            x(a.$slots, "optionFullscreen", V(F({ toggleFullscreen: t, isFullscreen: l })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: _(({ toggleAnnotator: t, isAnnotator: r }) => [
-            x(a.$slots, "optionAnnotator", U(Y({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
+          fn: _(({ toggleAnnotator: t, isAnnotator: l }) => [
+            x(a.$slots, "optionAnnotator", V(F({ toggleAnnotator: t, isAnnotator: l })), void 0, !0)
           ]),
-          key: "7"
+          key: "8"
         } : 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"])) : v("", !0),
       G.value ? (o(), s("svg", {
@@ -580,7 +587,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
         ref: Ie,
         xmlns: b(Ut),
         viewBox: `0 0 ${i.value.chartWidth <= 0 ? 10 : i.value.chartWidth} ${i.value.chartHeight <= 0 ? 10 : i.value.chartHeight}`,
-        style: W(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
+        style: U(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
         ae(sa),
         a.$slots["chart-background"] ? (o(), s("foreignObject", {
@@ -596,28 +603,28 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           x(a.$slots, "chart-background", {}, void 0, !0)
         ], 8, ya)) : v("", !0),
         e.value.style.chart.bars.gradient.show ? (o(), s("defs", ga, [
-          (o(!0), s(h, null, y(k.value, (t, r) => (o(), s("linearGradient", {
+          (o(!0), s(h, null, y(k.value, (t, l) => (o(), s("linearGradient", {
             id: `gradient_${t.id}`,
             x1: "0%",
             y1: "0%",
             x2: "0%",
             y2: "100%"
           }, [
-            B("stop", {
+            Y("stop", {
               offset: "0%",
               "stop-color": t.color
             }, null, 8, fa),
-            B("stop", {
+            Y("stop", {
               offset: "61.8%",
               "stop-color": b(Yt)(t.color, e.value.style.chart.bars.gradient.intensity / 100)
             }, null, 8, ma),
-            B("stop", {
+            Y("stop", {
               offset: "100%",
               "stop-color": t.color
             }, null, 8, pa)
           ], 8, ba))), 256))
         ])) : v("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (o(!0), s(h, { key: 2 }, y(N.value, (t, r) => (o(), s("line", {
+        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (o(!0), s(h, { key: 2 }, y(N.value, (t, l) => (o(), s("line", {
           x1: i.value.left,
           x2: i.value.right,
           y1: t.y,
@@ -626,25 +633,25 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           "stroke-width": 1,
           "stroke-linecap": "round"
         }, null, 8, xa))), 256)) : v("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (o(!0), s(h, { key: 3 }, y(c.value.end - c.value.start + 1, (t, r) => (o(), s("line", {
+        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (o(!0), s(h, { key: 3 }, y(c.value.end - c.value.start + 1, (t, l) => (o(), s("line", {
           x1: i.value.left,
           x2: i.value.right,
-          y1: i.value.top + d.value * r,
-          y2: i.value.top + d.value * r,
+          y1: i.value.top + d.value * l,
+          y2: i.value.top + d.value * l,
           stroke: e.value.style.chart.grid.y.axisColor,
           "stroke-width": 1,
           "stroke-linecap": "round"
         }, null, 8, ka))), 256)) : v("", !0),
-        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (o(!0), s(h, { key: 4 }, y(c.value.end - c.value.start + 1, (t, r) => (o(), s("line", {
-          x1: i.value.left + d.value * r,
-          x2: i.value.left + d.value * r,
+        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (o(!0), s(h, { key: 4 }, y(c.value.end - c.value.start + 1, (t, l) => (o(), s("line", {
+          x1: i.value.left + d.value * l,
+          x2: i.value.left + d.value * l,
           y1: i.value.top,
           y2: i.value.bottom,
           stroke: e.value.style.chart.grid.y.axisColor,
           "stroke-width": 1,
           "stroke-linecap": "round"
         }, null, 8, wa))), 256)) : v("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (o(!0), s(h, { key: 5 }, y(N.value, (t, r) => (o(), s("line", {
+        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (o(!0), s(h, { key: 5 }, y(N.value, (t, l) => (o(), s("line", {
           x1: t.horizontal_x,
           x2: t.horizontal_x,
           y1: i.value.top,
@@ -653,7 +660,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           "stroke-width": 1,
           "stroke-linecap": "round"
         }, null, 8, za))), 256)) : v("", !0),
-        (o(!0), s(h, null, y(k.value, (t, r) => (o(), s("g", null, [
+        (o(!0), s(h, null, y(k.value, (t, l) => (o(), s("g", null, [
           a.$slots.pattern ? (o(), s("defs", _a, [
             x(a.$slots, "pattern", we({ ref_for: !0 }, { seriesIndex: t.absoluteIndex, patternId: `pattern_${O.value}_${t.absoluteIndex}` }), void 0, !0)
           ])) : v("", !0),
@@ -669,7 +676,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
               "stroke-width": e.value.style.chart.bars.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: te({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": V.value })
+              class: te({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": D.value })
             }, null, 10, Ca))), 256)),
             a.$slots.pattern ? (o(), s("g", La, [
               (o(!0), s(h, null, y(t.x, (u, n) => (o(), s("rect", {
@@ -683,7 +690,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
                 "stroke-width": e.value.style.chart.bars.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: te({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": V.value })
+                class: te({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": D.value })
               }, null, 10, Sa))), 256))
             ])) : v("", !0)
           ], 64)) : (o(), s(h, { key: 2 }, [
@@ -698,7 +705,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
               "stroke-width": e.value.style.chart.bars.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: te({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": V.value })
+              class: te({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": D.value })
             }, null, 10, $a))), 256)),
             a.$slots.pattern ? (o(), s("g", Ma, [
               (o(!0), s(h, null, y(t.horizontal_x, (u, n) => (o(), s("rect", {
@@ -712,7 +719,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
                 "stroke-width": e.value.style.chart.bars.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: te({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": V.value })
+                class: te({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": D.value })
               }, null, 10, Ta))), 256))
             ])) : v("", !0)
           ], 64))
@@ -757,7 +764,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           "text-anchor": "middle"
         }, $(e.value.style.chart.grid.y.axisName.text), 9, Ra)) : v("", !0),
         z.value.dataLabels.show && e.value.orientation === "vertical" ? (o(), s(h, { key: 10 }, [
-          (o(!0), s(h, null, y(k.value, (t, r) => (o(), s("g", null, [
+          (o(!0), s(h, null, y(k.value, (t, l) => (o(), s("g", null, [
             (o(!0), s(h, null, y(t.x, (u, n) => (o(), s(h, null, [
               je(t.series[n], t.proportions[n]) ? (o(), s("text", {
                 key: 0,
@@ -767,25 +774,25 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
                 fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? b(ut)(t.color) : e.value.style.chart.bars.dataLabels.color,
                 "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
                 "text-anchor": "middle"
-              }, $(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Be(t.proportions[n] * 100, t, r, n) : ie(t.series[n], t, r, n, t.signedSeries[n])), 9, Pa)) : v("", !0)
+              }, $(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Be(t.proportions[n] * 100, t, l, n) : ie(t.series[n], t, l, n, t.signedSeries[n])), 9, Pa)) : v("", !0)
             ], 64))), 256))
           ]))), 256)),
           e.value.style.chart.bars.totalValues.show && k.value.length > 1 ? (o(), s("g", Aa, [
-            (o(!0), s(h, null, y(We.value, (t, r) => (o(), s(h, null, [
+            (o(!0), s(h, null, y(We.value, (t, l) => (o(), s(h, null, [
               !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (o(), s("text", {
                 key: 0,
-                x: i.value.left + d.value * r + d.value / 2,
+                x: i.value.left + d.value * l + d.value / 2,
                 y: i.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
-              }, $(ie(t.value, t, r, t.sign)), 9, Va)) : v("", !0)
+              }, $(ie(t.value, t, l, t.sign)), 9, Va)) : v("", !0)
             ], 64))), 256))
           ])) : v("", !0)
         ], 64)) : v("", !0),
         z.value.dataLabels.show && e.value.orientation === "horizontal" ? (o(), s(h, { key: 11 }, [
-          (o(!0), s(h, null, y(k.value, (t, r) => (o(), s("g", null, [
+          (o(!0), s(h, null, y(k.value, (t, l) => (o(), s("g", null, [
             (o(!0), s(h, null, y(t.horizontal_x, (u, n) => (o(), s(h, null, [
               je(t.series[n], t.proportions[n]) ? (o(), s("text", {
                 key: 0,
@@ -795,25 +802,25 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
                 fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? b(ut)(t.color) : e.value.style.chart.bars.dataLabels.color,
                 "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
                 "text-anchor": "middle"
-              }, $(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Be(t.proportions[n] * 100, t, r, n) : ie(t.series[n], t, r, n, t.signedSeries[n])), 9, Fa)) : v("", !0)
+              }, $(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Be(t.proportions[n] * 100, t, l, n) : ie(t.series[n], t, l, n, t.signedSeries[n])), 9, Fa)) : v("", !0)
             ], 64))), 256))
           ]))), 256)),
           e.value.style.chart.bars.totalValues.show && k.value.length > 1 ? (o(), s("g", Da, [
-            (o(!0), s(h, null, y(We.value, (t, r) => (o(), s(h, null, [
+            (o(!0), s(h, null, y(We.value, (t, l) => (o(), s(h, null, [
               !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (o(), s("text", {
                 key: 0,
                 x: i.value.right + e.value.style.chart.bars.totalValues.fontSize / 3,
-                y: i.value.top + d.value * r + d.value / 2,
+                y: i.value.top + d.value * l + 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
-              }, $(ie(t.value, t, r, t.sign)), 9, Ea)) : v("", !0)
+              }, $(ie(t.value, t, l, t.sign)), 9, Ea)) : v("", !0)
             ], 64))), 256))
           ])) : v("", !0)
         ], 64)) : v("", !0),
         e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "vertical" ? (o(), s(h, { key: 12 }, [
-          (o(!0), s(h, null, y(N.value, (t, r) => (o(), s("line", {
+          (o(!0), s(h, null, y(N.value, (t, l) => (o(), s("line", {
             x1: i.value.left,
             x2: i.value.left - 6,
             y1: t.y,
@@ -821,7 +828,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.grid.x.axisColor,
             "stroke-width": 1
           }, null, 8, Ha))), 256)),
-          (o(!0), s(h, null, y(N.value, (t, r) => (o(), s("text", {
+          (o(!0), s(h, null, y(N.value, (t, l) => (o(), s("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,
@@ -836,7 +843,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           })), 9, Wa))), 256))
         ], 64)) : v("", !0),
         e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "horizontal" ? (o(), s(h, { key: 13 }, [
-          (o(!0), s(h, null, y(N.value, (t, r) => (o(), s("line", {
+          (o(!0), s(h, null, y(N.value, (t, l) => (o(), s("line", {
             x1: t.horizontal_x,
             x2: t.horizontal_x,
             y1: i.value.bottom,
@@ -845,7 +852,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
             "stroke-width": 1,
             "stroke-linecap": "round"
           }, null, 8, Ba))), 256)),
-          (o(!0), s(h, null, y(N.value, (t, r) => (o(), s("text", {
+          (o(!0), s(h, null, y(N.value, (t, l) => (o(), s("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,
@@ -860,13 +867,13 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
         ], 64)) : v("", !0),
         e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "vertical" ? (o(), s(h, { key: 14 }, [
           a.$slots["time-label"] ? (o(), s("g", Ya, [
-            (o(!0), s(h, null, y(A.value, (t, r) => (o(), s("g", null, [
+            (o(!0), s(h, null, y(A.value, (t, l) => (o(), s("g", null, [
               x(a.$slots, "time-label", we({ ref_for: !0 }, {
-                x: i.value.left + d.value * r + d.value / 2,
+                x: i.value.left + d.value * l + d.value / 2,
                 y: i.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(${i.value.left + d.value * r + d.value / 2}, ${i.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(${i.value.left + d.value * l + d.value / 2}, ${i.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",
@@ -874,25 +881,25 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
               }), void 0, !0)
             ]))), 256))
           ])) : (o(), s("g", Xa, [
-            (o(!0), s(h, null, y(A.value, (t, r) => (o(), s("text", {
+            (o(!0), s(h, null, y(A.value, (t, l) => (o(), s("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(${i.value.left + d.value * r + d.value / 2}, ${i.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(${i.value.left + d.value * l + d.value / 2}, ${i.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, r)
+              onClick: () => Qe(t, l)
             }, $(t.text), 9, Ga))), 256))
           ]))
         ], 64)) : v("", !0),
         e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "horizontal" ? (o(), s(h, { key: 15 }, [
           a.$slots["time-label"] ? (o(), s("g", Ja, [
-            (o(!0), s(h, null, y(A.value, (t, r) => (o(), s("g", null, [
+            (o(!0), s(h, null, y(A.value, (t, l) => (o(), s("g", null, [
               x(a.$slots, "time-label", we({ ref_for: !0 }, {
                 x: i.value.left - 8,
-                y: i.value.top + d.value * r + d.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
+                y: i.value.top + d.value * l + 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,
@@ -903,50 +910,50 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
               }), void 0, !0)
             ]))), 256))
           ])) : (o(), s("g", qa, [
-            (o(!0), s(h, null, y(A.value, (t, r) => (o(), s("text", {
+            (o(!0), s(h, null, y(A.value, (t, l) => (o(), s("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: i.value.left - 8,
-              y: i.value.top + d.value * r + d.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
+              y: i.value.top + d.value * l + d.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
               style: {
                 cursor: "pointer"
               },
-              onClick: () => Qe(t, r)
+              onClick: () => Qe(t, l)
             }, $(t.text), 9, Za))), 256))
           ]))
         ], 64)) : v("", !0),
-        z.value.showTooltip && e.value.orientation === "vertical" ? (o(!0), s(h, { key: 16 }, y(c.value.end - c.value.start, (t, r) => (o(), s("rect", {
-          x: i.value.left + r * d.value,
+        z.value.showTooltip && e.value.orientation === "vertical" ? (o(!0), s(h, { key: 16 }, y(c.value.end - c.value.start, (t, l) => (o(), s("rect", {
+          x: i.value.left + l * d.value,
           y: i.value.top,
           width: d.value,
           height: i.value.height < 0 ? 0 : i.value.height,
-          onClick: (u) => Ue(r),
-          onMouseenter: (u) => Ye(r),
-          onMouseleave: l[0] || (l[0] = (u) => {
+          onClick: (u) => Ue(l),
+          onMouseenter: (u) => Ye(l),
+          onMouseleave: r[0] || (r[0] = (u) => {
             K.value = null, le.value = !1;
           }),
-          fill: r === K.value ? e.value.style.chart.highlighter.color : "transparent",
-          style: W({ opacity: e.value.style.chart.highlighter.opacity / 100 })
+          fill: l === K.value ? e.value.style.chart.highlighter.color : "transparent",
+          style: U({ opacity: e.value.style.chart.highlighter.opacity / 100 })
         }, null, 44, Ka))), 256)) : v("", !0),
-        z.value.showTooltip && e.value.orientation === "horizontal" ? (o(!0), s(h, { key: 17 }, y(c.value.end - c.value.start, (t, r) => (o(), s("rect", {
+        z.value.showTooltip && e.value.orientation === "horizontal" ? (o(!0), s(h, { key: 17 }, y(c.value.end - c.value.start, (t, l) => (o(), s("rect", {
           x: i.value.left,
-          y: i.value.top + r * d.value,
+          y: i.value.top + l * d.value,
           width: i.value.width < 0 ? 0 : i.value.width,
           height: d.value,
-          onClick: (u) => Ue(r),
-          onMouseenter: (u) => Ye(r),
-          onMouseleave: l[1] || (l[1] = (u) => {
+          onClick: (u) => Ue(l),
+          onMouseenter: (u) => Ye(l),
+          onMouseleave: r[1] || (r[1] = (u) => {
             K.value = null, le.value = !1;
           }),
-          fill: r === K.value ? e.value.style.chart.highlighter.color : "transparent",
-          style: W({ opacity: e.value.style.chart.highlighter.opacity / 100 })
+          fill: l === K.value ? e.value.style.chart.highlighter.color : "transparent",
+          style: U({ opacity: e.value.style.chart.highlighter.opacity / 100 })
         }, null, 44, Qa))), 256)) : v("", !0),
-        x(a.$slots, "svg", U(Y({ ...i.value })), void 0, !0)
+        x(a.$slots, "svg", V(F({ ...i.value })), void 0, !0)
       ], 12, da)) : v("", !0),
       a.$slots.watermark ? (o(), s("div", ja, [
-        x(a.$slots, "watermark", U(Y({ isPrinting: b(Re) || b(Pe) })), void 0, !0)
+        x(a.$slots, "watermark", V(F({ isPrinting: b(Re) || b(Pe) })), void 0, !0)
       ])) : v("", !0),
       G.value ? v("", !0) : (o(), q(oa, {
         key: 5,
@@ -963,10 +970,10 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           }
         }
       }, null, 8, ["config"])),
-      B("div", {
+      Y("div", {
         ref_key: "chartSlicer",
         ref: Se,
-        style: W(`width:100%;background:${e.value.style.chart.backgroundColor}`),
+        style: U(`width:100%;background:${e.value.style.chart.backgroundColor}`),
         "data-html2canvas-ignore": ""
       }, [
         e.value.style.chart.zoom.show && P.value > 1 ? (o(), q(jt, {
@@ -987,9 +994,9 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           valueStart: c.value.start,
           valueEnd: c.value.end,
           start: c.value.start,
-          "onUpdate:start": l[2] || (l[2] = (t) => c.value.start = t),
+          "onUpdate:start": r[2] || (r[2] = (t) => c.value.start = t),
           end: c.value.end,
-          "onUpdate:end": l[3] || (l[3] = (t) => c.value.end = t),
+          "onUpdate:end": r[3] || (r[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(...be.dataset.map((t) => t.series.length)),
           enableRangeHandles: e.value.style.chart.zoom.enableRangeHandles,
@@ -997,7 +1004,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           onReset: Ee
         }, {
           "reset-action": _(({ reset: t }) => [
-            x(a.$slots, "reset-action", U(Y({ reset: t })), void 0, !0)
+            x(a.$slots, "reset-action", V(F({ reset: t })), void 0, !0)
           ]),
           _: 3
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag"])) : v("", !0)
@@ -1019,14 +1026,14 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
         isCustom: b(ct)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": _(() => [
-          x(a.$slots, "tooltip-before", U(Y({ ...ze.value })), void 0, !0)
+          x(a.$slots, "tooltip-before", V(F({ ...ze.value })), void 0, !0)
         ]),
         "tooltip-after": _(() => [
-          x(a.$slots, "tooltip-after", U(Y({ ...ze.value })), void 0, !0)
+          x(a.$slots, "tooltip-after", V(F({ ...ze.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      B("div", {
+      Y("div", {
         ref_key: "chartLegend",
         ref: Le
       }, [
@@ -1034,25 +1041,25 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           key: 0,
           legendSet: Ke.value,
           config: Lt.value,
-          onClickMarker: l[4] || (l[4] = ({ legend: t }) => t.segregate())
+          onClickMarker: r[4] || (r[4] = ({ legend: t }) => t.segregate())
         }, rt({
           item: _(({ legend: t }) => [
-            B("div", {
-              onClick: (r) => t.segregate(),
-              style: W(`opacity:${L.value.includes(t.id) ? 0.5 : 1}`)
+            Y("div", {
+              onClick: (l) => t.segregate(),
+              style: U(`opacity:${L.value.includes(t.id) ? 0.5 : 1}`)
             }, $(t.name), 13, el)
           ]),
           _: 2
         }, [
           a.$slots.pattern ? {
             name: "legend-pattern",
-            fn: _(({ legend: t, index: r }) => [
+            fn: _(({ legend: t, index: l }) => [
               ae(ua, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
                 plot: { x: 30, y: 30 },
-                fill: `url(#pattern_${O.value}_${r})`
+                fill: `url(#pattern_${O.value}_${l})`
               }, null, 8, ["shape", "fill"])
             ]),
             key: "0"
@@ -1093,10 +1100,10 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
             body: ne.value.body,
             config: ne.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) => z.value.showTable = !1)
+            onClose: r[5] || (r[5] = (t) => z.value.showTable = !1)
           }, {
             th: _(({ th: t }) => [
-              B("div", { innerHTML: t }, null, 8, tl)
+              Y("div", { innerHTML: t }, null, 8, tl)
             ]),
             td: _(({ td: t }) => [
               At($(isNaN(Number(t)) ? t : b(X)({
@@ -1113,7 +1120,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
       }, 8, ["config"])) : v("", !0)
     ], 46, va));
   }
-}, kl = /* @__PURE__ */ ha(al, [["__scopeId", "data-v-26f8c1c1"]]);
+}, kl = /* @__PURE__ */ ha(al, [["__scopeId", "data-v-53cfad0e"]]);
 export {
   kl as default
 };