vue-data-ui 3.0.0-next.38 → 3.0.0-next.39

package/dist/{vue-ui-stackbar-emX2SvlM.js → vue-ui-stackbar-C4fWAq5s.js}

@@ -1,18 +1,18 @@
-import { defineAsyncComponent as ae, useSlots as pa, computed as x, ref as b, onMounted as Ct, toRefs as xa, watch as De, shallowRef as _t, onBeforeUnmount as St, watchEffect as $t, nextTick as Tt, createElementBlock as o, openBlock as r, unref as v, normalizeStyle as Z, normalizeClass as le, createBlock as K, createCommentVNode as y, renderSlot as L, createElementVNode as Q, createVNode as ke, createSlots as Mt, withCtx as C, normalizeProps as H, guardReactiveProps as U, Fragment as g, renderList as m, mergeProps as Fe, toDisplayString as M, createTextVNode as ka } from "vue";
-import { u as wa, c as At, A as La, t as za, p as we, a as Ca, C as se, b as _a, o as Nt, e as It, g as Sa, d as $a, an as Le, ac as Rt, D as Ot, X as Ta, l as Ma, aa as ze, F as Pt, i as Ce, f as j, I as Aa, a0 as Na, x as Vt, q as Ia, r as Ra, y as Oa } from "./index-Do8Yy3T8.js";
-import { u as Et } from "./useNestedProp-C7A9vyBD.js";
+import { defineAsyncComponent as te, useSlots as pa, computed as x, ref as b, onMounted as Ct, toRefs as xa, watch as De, shallowRef as _t, onBeforeUnmount as St, watchEffect as $t, nextTick as Tt, createElementBlock as o, openBlock as r, unref as v, normalizeStyle as Z, normalizeClass as ae, createBlock as K, createCommentVNode as y, renderSlot as L, createElementVNode as le, createVNode as xe, createSlots as Mt, withCtx as C, normalizeProps as H, guardReactiveProps as U, Fragment as g, renderList as m, mergeProps as Fe, toDisplayString as M, createTextVNode as ka } from "vue";
+import { u as wa, c as At, A as La, t as za, p as ke, a as Ca, C as se, b as _a, o as Nt, e as It, g as Sa, d as $a, an as we, ac as Rt, D as Ot, X as Ta, l as Ma, aa as Le, F as Pt, i as ze, f as Q, I as Aa, a0 as Na, x as Vt, q as Ia, r as Ra, y as Oa } from "./index-DUUxs_qS.js";
 import { t as He, u as Pa } from "./useResponsive-DfdjqQps.js";
-import { u as Va } from "./usePrinter-BvP9oj3O.js";
-import { u as Ea } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Da } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Fa } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Ha from "./Legend-Bok1w9PE.js";
-import { S as Ua } from "./Slicer-BIL4fQe9.js";
-import Ba from "./Title-C4mHBlGm.js";
-import { _ as Wa } from "./Shape-Bp0uUbyi.js";
-import { u as Ya } from "./useTimeLabels-DkzmKfZn.js";
-import Xa from "./img-u92jJi7s.js";
-import { u as Ga, B as Ja } from "./BaseScanner-DIK2NTdp.js";
+import { u as Va } from "./usePrinter-DxTbSIjd.js";
+import { u as Ea, B as Da } from "./BaseScanner-DIK2NTdp.js";
+import { u as Et } from "./useNestedProp-C6f5ZZK8.js";
+import { u as Fa } from "./useTimeLabels-DkzmKfZn.js";
+import { u as Ha } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Ua } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Ba } from "./useTimeLabelCollider-CIsgDrl9.js";
+import Wa from "./Legend-GkKew4y4.js";
+import { S as Ya } from "./Slicer-PF3j6nF0.js";
+import Xa from "./Title-BjHTZ-Df.js";
+import { _ as Ga } from "./Shape-D3jjCVOm.js";
+import Ja from "./img-C6WSPNAq.js";
 import { _ as qa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"], ja = { key: 1 }, el = ["id"], tl = ["stop-color"], al = ["stop-color"], ll = ["stop-color"], sl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], nl = { key: 0 }, ul = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], cl = { key: 0 }, hl = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], vl = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], dl = { key: 0 }, yl = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], gl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fl = ["x", "y", "font-size", "fill", "font-weight"], ml = ["transform", "font-size", "fill", "font-weight"], pl = ["x", "y", "font-size", "fill", "font-weight"], xl = ["x", "y", "font-size", "font-weight", "fill"], kl = ["x", "y", "font-size", "fill", "font-weight"], wl = ["x", "y", "font-size", "font-weight", "fill"], Ll = ["x1", "x2", "y1", "y2", "stroke"], zl = ["x", "y", "font-size", "font-weight", "fill"], Cl = ["x1", "x2", "y1", "y2", "stroke"], _l = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Sl = { key: 0 }, $l = { key: 1 }, Tl = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Ml = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Al = { key: 0 }, Nl = { key: 1 }, Il = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Rl = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], Ol = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Pl = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Vl = {
   key: 3,
@@ -34,8 +34,8 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel"],
-  setup(_e, { expose: Dt, emit: Ft }) {
-    const Ht = ae(() => import("./vue-ui-accordion-DqXZmmXi.js")), Ut = ae(() => import("./DataTable-BrP5zT2y.js")), Bt = ae(() => import("./PackageVersion-DoJRJ_yZ.js")), Wt = ae(() => import("./PenAndPaper-BKLSbUJJ.js")), Yt = ae(() => import("./Tooltip-CIAaZqi-.js")), Xt = ae(() => import("./UserOptions-CtdmjrzM.js")), { vue_ui_stackbar: Gt } = wa(), Jt = pa(), f = _e, Se = Ft, ie = x({
+  setup(Ce, { expose: Dt, emit: Ft }) {
+    const Ht = te(() => import("./vue-ui-accordion-BeFObvav.js")), Ut = te(() => import("./DataTable-C_Oatkz8.js")), Bt = te(() => import("./PackageVersion-BjHEQOVp.js")), Wt = te(() => import("./PenAndPaper-1_ql5aDz.js")), Yt = te(() => import("./Tooltip-B-O7xDu-.js")), Xt = te(() => import("./UserOptions-C7G3m5Ki.js")), { vue_ui_stackbar: Gt } = wa(), Jt = pa(), f = Ce, _e = Ft, Se = x({
       get() {
         return !!f.dataset && f.dataset.length;
       },
@@ -46,7 +46,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
     Ct(() => {
       Pe();
     });
-    const e = b(Re()), { loading: ce, FINAL_DATASET: he, manualLoading: ve } = Ga({
+    const e = b(Re()), { loading: re, FINAL_DATASET: ce, manualLoading: he } = Ea({
       ...xa(f),
       FINAL_CONFIG: e,
       prepareConfig: Re,
@@ -116,7 +116,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
           }
         }
       })
-    }), { userOptionsVisible: Ie, setUserOptionsVisibility: Ke, keepUserOptionState: Qe } = Ea({ config: e.value }), { svgRef: je } = Da({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: Ie, setUserOptionsVisibility: Ke, keepUserOptionState: Qe } = Ha({ config: e.value }), { svgRef: je } = Ua({ config: e.value.style.chart.title });
     function Re() {
       const a = Et({
         userConfig: f.config,
@@ -128,14 +128,14 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
           userConfig: Ca.vue_ui_stackbar[a.theme] || f.config,
           defaultConfig: a
         }),
-        customPalette: za[a.theme] || we
+        customPalette: za[a.theme] || ke
       } : l = a, f.config && se(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 && se(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 && se(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 && se(f.config, "style.chart.zoom.endIndex") ? l.style.chart.zoom.endIndex = f.config.style.chart.zoom.endIndex : l.style.chart.zoom.endIndex = null, f.config && se(f.config, "style.chart.bars.dataLabels.hideUnderValue") ? l.style.chart.bars.dataLabels.hideUnderValue = f.config.style.chart.bars.dataLabels.hideUnderValue : l.style.chart.bars.dataLabels.hideUnderValue = null, f.config && se(f.config, "style.chart.bars.dataLabels.hideUnderPercentage") ? l.style.chart.bars.dataLabels.hideUnderPercentage = f.config.style.chart.bars.dataLabels.hideUnderPercentage : l.style.chart.bars.dataLabels.hideUnderPercentage = null, l;
     }
     const et = x(() => e.value.style.chart.bars.dataLabels.hideUnderValue !== null), tt = x(() => e.value.style.chart.bars.dataLabels.hideUnderPercentage !== null);
     De(() => f.config, (a) => {
-      ce.value || (e.value = Re()), Ie.value = !e.value.userOptions.showOnChartHover, Pe(), Je.value += 1, qt.value += 1, Zt.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;
+      re.value || (e.value = Re()), Ie.value = !e.value.userOptions.showOnChartHover, Pe(), Je.value += 1, qt.value += 1, Zt.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;
     }, { deep: !0 }), De(() => f.dataset, (a) => {
-      Array.isArray(a) && a.length > 0 && (ve.value = !1), nt();
+      Array.isArray(a) && a.length > 0 && (he.value = !1), nt();
     }, { deep: !0 });
     const z = b({
       dataLabels: {
@@ -157,7 +157,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
       elementId: `stackbar_${V.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-stackbar",
       options: e.value.userOptions.print
-    }), ee = b({
+    }), j = b({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height,
       paddingRatio: {
@@ -166,7 +166,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
         bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
         left: e.value.style.chart.padding.left / e.value.style.chart.width
       }
-    }), Qt = x(() => _a(e.value.customPalette)), E = _t(null), te = _t(null), ot = b(null);
+    }), Qt = x(() => _a(e.value.customPalette)), E = _t(null), ee = _t(null), ot = b(null);
     Ct(() => {
       Pe();
     });
@@ -176,20 +176,20 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
         componentName: "VueUiStackbar",
         type: "dataset",
         debug: Oe.value
-      }), ve.value = !0) : f.dataset.forEach((a, l) => {
+      }), he.value = !0) : f.dataset.forEach((a, l) => {
         Sa({
           datasetObject: a,
           requiredAttributes: ["name", "series"]
         }).forEach((t) => {
-          ie.value = !1, It({
+          Se.value = !1, It({
             componentName: "VueUiStackbar",
             type: "datasetSerieAttribute",
             property: t,
             index: l,
             debug: Oe.value
-          }), ve.value = !0;
+          }), he.value = !0;
         });
-      }), Nt(f.dataset) || (ve.value = e.value.loading), setTimeout(() => {
+      }), Nt(f.dataset) || (he.value = e.value.loading), setTimeout(() => {
         B.value = !0;
       }, 10), e.value.responsive) {
         const a = He(() => {
@@ -202,17 +202,17 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
             source: Xe.value
           });
           requestAnimationFrame(() => {
-            ee.value.width = l, ee.value.height = t - 12, clearTimeout(ot.value), ot.value = setTimeout(() => {
+            j.value.width = l, j.value.height = t - 12, clearTimeout(ot.value), ot.value = setTimeout(() => {
               B.value = !0;
             }, 10);
           });
         });
-        E.value && (te.value && E.value.unobserve(te.value), E.value.disconnect()), E.value = new ResizeObserver(a), te.value = P.value.parentNode, E.value.observe(te.value);
+        E.value && (ee.value && E.value.unobserve(ee.value), E.value.disconnect()), E.value = new ResizeObserver(a), ee.value = P.value.parentNode, E.value.observe(ee.value);
       }
       Ve();
     }
     St(() => {
-      E.value && (te.value && E.value.unobserve(te.value), E.value.disconnect());
+      E.value && (ee.value && E.value.unobserve(ee.value), E.value.disconnect());
     });
     function jt() {
       let a = 0;
@@ -226,8 +226,8 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
       const l = Ne.value ? Ne.value.getBoundingClientRect().width : 0;
       return a + l + (l ? 24 : 0);
     }
-    const de = b(0), ye = b(0), ea = He((a) => {
-      de.value = a;
+    const ve = b(0), de = b(0), ea = He((a) => {
+      ve.value = a;
     }, 100);
     $t((a) => {
       const l = e.value.orientation === "vertical" ? Y.value : W.value;
@@ -238,7 +238,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
       t.observe(l), a(() => t.disconnect());
     });
     const ta = He((a) => {
-      ye.value = a + e.value.style.chart.bars.totalValues.fontSize;
+      de.value = a + e.value.style.chart.bars.totalValues.fontSize;
     }, 100);
     $t((a) => {
       if (e.value.orientation === "vertical") return;
@@ -249,18 +249,18 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
       });
       t.observe(l), a(() => t.disconnect());
     }), St(() => {
-      de.value = 0, ye.value = 0;
+      ve.value = 0, de.value = 0;
     });
     const it = x(() => {
       let a = 0;
       Ae.value && (a = Ae.value.getBBox().height);
       let l = 0;
-      return e.value.orientation === "vertical" && Y.value && (l = de.value), e.value.orientation === "horizontal" && W.value && (l = de.value), a + l;
+      return e.value.orientation === "vertical" && Y.value && (l = ve.value), e.value.orientation === "horizontal" && W.value && (l = ve.value), a + l;
     }), n = x(() => {
-      const { height: a, width: l } = ee.value, { right: t } = ee.value.paddingRatio;
+      const { height: a, width: l } = j.value, { right: t } = j.value.paddingRatio;
       let s = e.value.style.chart.bars.totalValues.show && f.dataset && f.dataset.length > 1 ? e.value.style.chart.bars.totalValues.fontSize * 1.3 : 0, c = 0;
       e.value.style.chart.grid.y.axisLabels.show && (c = jt());
-      const u = e.value.style.chart.padding.top + s, _ = l - l * t - ye.value, X = a - e.value.style.chart.padding.bottom - it.value - s, G = e.value.style.chart.padding.left + c, J = l - G - l * t - ye.value, R = a - u - e.value.style.chart.padding.bottom - it.value - s;
+      const u = e.value.style.chart.padding.top + s, _ = l - l * t - de.value, X = a - e.value.style.chart.padding.bottom - it.value - s, G = e.value.style.chart.padding.left + c, J = l - G - l * t - de.value, R = a - u - e.value.style.chart.padding.bottom - it.value - s;
       return {
         chartHeight: a,
         chartWidth: l,
@@ -271,8 +271,8 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
         width: Math.max(0, J),
         height: Math.max(0, R)
       };
-    }), D = x(() => he.value.map((a, l) => {
-      const t = $a(a.color) || Qt.value[l] || we[l] || we[l % we.length];
+    }), D = x(() => ce.value.map((a, l) => {
+      const t = $a(a.color) || Qt.value[l] || ke[l] || ke[l % ke.length];
       return {
         ...a,
         // In distributed mode, all values are converted to positive
@@ -285,40 +285,40 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
       };
     })), F = x(() => Math.max(...D.value.filter((a) => !S.value.includes(a.id)).map((a) => a.series.length))), h = b({
       start: 0,
-      end: Math.max(...he.value.map((a) => a.series.length))
+      end: Math.max(...ce.value.map((a) => a.series.length))
     });
     function nt() {
       Ve();
     }
     async function Ve() {
       await Tt(), await Tt();
-      const { startIndex: a, endIndex: l } = e.value.style.chart.zoom, t = qe.value, s = Math.max(...he.value.map((c) => c.series.length));
+      const { startIndex: a, endIndex: l } = e.value.style.chart.zoom, t = qe.value, s = Math.max(...ce.value.map((c) => c.series.length));
       (a != null || l != null) && t ? (a != null && t.setStartValue(a), l != null && t.setEndValue(aa(l + 1))) : (h.value = { start: 0, end: s }, Ge.value += 1);
     }
     function aa(a) {
-      const l = Math.max(...he.value.map((t) => t.series.length));
+      const l = Math.max(...ce.value.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 d = x(() => {
       let a;
       return e.value.orientation === "vertical" ? a = n.value.width / (h.value.end - h.value.start) : a = n.value.height / (h.value.end - h.value.start), a <= 0 ? 0 : a;
-    }), re = x(() => Le(D.value.filter((a) => !S.value.includes(a.id))).slice(h.value.start, h.value.end)), la = x(() => Le(D.value.filter((a) => !S.value.includes(a.id)).map((a) => ({
+    }), oe = x(() => we(D.value.filter((a) => !S.value.includes(a.id))).slice(h.value.start, h.value.end)), la = x(() => we(D.value.filter((a) => !S.value.includes(a.id)).map((a) => ({
       ...a,
       series: a.series.map((l, t) => a.signedSeries[t] === -1 && l >= 0 ? -l : l)
-    }))).slice(h.value.start, h.value.end)), ge = x(() => {
+    }))).slice(h.value.start, h.value.end)), ye = x(() => {
       const a = D.value.filter((l) => !S.value.includes(l.id));
       return {
-        positive: Le(a.map((l) => ({
+        positive: we(a.map((l) => ({
           ...l,
           series: l.series.slice(h.value.start, h.value.end).map((t) => t >= 0 ? t : 0)
         }))),
-        negative: Le(a.map((l) => ({
+        negative: we(a.map((l) => ({
           ...l,
           series: l.series.slice(h.value.start, h.value.end).map((t) => t < 0 ? t : 0)
         })))
       };
     }), I = x(() => {
-      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(...ge.value.positive), l = Math.min(...ge.value.negative), t = e.value.style.chart.grid.scale.scaleMin !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMin : [-1 / 0, 1 / 0, NaN, void 0, null].includes(l) ? 0 : l, s = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Rt(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks) : Ot(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks);
+      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(...ye.value.positive), l = Math.min(...ye.value.negative), t = e.value.style.chart.grid.scale.scaleMin !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMin : [-1 / 0, 1 / 0, NaN, void 0, null].includes(l) ? 0 : l, s = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Rt(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks) : Ot(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks);
       return s.ticks.map((c) => ({
         zero: n.value.bottom - n.value.height * (Math.abs(s.min) / (s.max + Math.abs(s.min))),
         y: n.value.bottom - n.value.height * ((c + Math.abs(s.min)) / (s.max + Math.abs(s.min))),
@@ -328,35 +328,35 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
         horizontal_y: n.value.bottom - 8,
         value: c
       }));
-    }), $ = x(() => Ya({
+    }), $ = x(() => Fa({
       values: e.value.style.chart.grid.x.timeLabels.values,
       maxDatapoints: F.value,
       formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
       start: h.value.start,
       end: h.value.end
     })), w = x(() => {
-      if (!ie.value && !ce.value) return [];
+      if (!Se.value && !re.value) return [];
       let a = Array(F.value).fill(0), l = Array(F.value).fill(0), t = Array(F.value).fill(0), s = Array(F.value).fill(0);
-      const c = Math.max(...ge.value.positive) || 0, u = Math.min(...ge.value.negative), _ = [-1 / 0, 1 / 0, NaN, void 0, null].includes(u) ? 0 : u, X = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Rt(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : _ > 0 ? 0 : _, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks) : Ot(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : _ > 0 ? 0 : _, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks), { min: G, max: J } = X, R = J + (G >= 0 ? 0 : Math.abs(G)) || 1, T = n.value.height, xe = n.value.width, Lt = I.value[0] ? I.value[0].zero : n.value.bottom, zt = I.value[0] ? I.value[0].horizontal_zero : n.value.left;
-      return D.value.filter((oe) => !S.value.includes(oe.id)).map((oe) => {
-        const O = oe.series.slice(h.value.start, h.value.end), ha = oe.signedSeries.slice(h.value.start, h.value.end), va = O.map((p, k) => n.value.left + d.value * k + d.value * e.value.style.chart.bars.gapRatio / 4), da = O.map((p, k) => n.value.top + d.value * k + d.value * e.value.style.chart.bars.gapRatio / 4), ya = O.map((p, k) => {
-          const A = e.value.style.chart.bars.distributed ? (p || 0) / re.value[k] : (p || 0) / R;
+      const c = Math.max(...ye.value.positive) || 0, u = Math.min(...ye.value.negative), _ = [-1 / 0, 1 / 0, NaN, void 0, null].includes(u) ? 0 : u, X = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Rt(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : _ > 0 ? 0 : _, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks) : Ot(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : _ > 0 ? 0 : _, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks), { min: G, max: J } = X, R = J + (G >= 0 ? 0 : Math.abs(G)) || 1, T = n.value.height, pe = n.value.width, Lt = I.value[0] ? I.value[0].zero : n.value.bottom, zt = I.value[0] ? I.value[0].horizontal_zero : n.value.left;
+      return D.value.filter((ie) => !S.value.includes(ie.id)).map((ie) => {
+        const O = ie.series.slice(h.value.start, h.value.end), ha = ie.signedSeries.slice(h.value.start, h.value.end), va = O.map((p, k) => n.value.left + d.value * k + d.value * e.value.style.chart.bars.gapRatio / 4), da = O.map((p, k) => n.value.top + d.value * k + d.value * e.value.style.chart.bars.gapRatio / 4), ya = O.map((p, k) => {
+          const A = e.value.style.chart.bars.distributed ? (p || 0) / oe.value[k] : (p || 0) / R;
           let q, N;
           return p > 0 ? (N = T * A, q = Lt - N - a[k], a[k] += N) : (N = T * A, q = Lt + t[k], t[k] += Math.abs(N)), q;
         }), ga = O.map((p, k) => {
-          const A = e.value.style.chart.bars.distributed ? (p || 0) / re.value[k] : (p || 0) / R;
+          const A = e.value.style.chart.bars.distributed ? (p || 0) / oe.value[k] : (p || 0) / R;
           let q, N;
-          return p > 0 ? (N = xe * A, q = zt + l[k], l[k] += N) : (N = xe * A, q = zt - Math.abs(N) - s[k], s[k] += Math.abs(N)), q;
+          return p > 0 ? (N = pe * A, q = zt + l[k], l[k] += N) : (N = pe * A, q = zt - Math.abs(N) - s[k], s[k] += Math.abs(N)), q;
         }), ba = O.map((p, k) => {
-          const A = e.value.style.chart.bars.distributed ? (p || 0) / re.value[k] : (p || 0) / R;
+          const A = e.value.style.chart.bars.distributed ? (p || 0) / oe.value[k] : (p || 0) / R;
           return p > 0 ? T * A : T * Math.abs(A);
         }), fa = O.map((p, k) => {
-          const A = e.value.style.chart.bars.distributed ? (p || 0) / re.value[k] : (p || 0) / R;
-          return p > 0 ? xe * A : xe * Math.abs(A);
+          const A = e.value.style.chart.bars.distributed ? (p || 0) / oe.value[k] : (p || 0) / R;
+          return p > 0 ? pe * A : pe * Math.abs(A);
         }), ma = O.map((p) => Math.abs(p)).reduce((p, k) => p + k, 0);
         return {
-          ...oe,
-          proportions: O.map((p, k) => e.value.style.chart.bars.distributed ? (p || 0) / re.value[k] : (p || 0) / ma),
+          ...ie,
+          proportions: O.map((p, k) => e.value.style.chart.bars.distributed ? (p || 0) / oe.value[k] : (p || 0) / ma),
           series: O,
           signedSeries: ha,
           x: va,
@@ -371,12 +371,12 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
       value: a,
       sign: a >= 0 ? 1 : -1
     })));
-    function be(a, l, t, s, c) {
+    function ge(a, l, t, s, c) {
       const u = c === -1 && a >= 0 ? -a : a;
-      return Ce(
+      return ze(
         e.value.style.chart.bars.dataLabels.formatter,
         u,
-        j({
+        Q({
           p: e.value.style.chart.bars.dataLabels.prefix,
           v: u,
           s: e.value.style.chart.bars.dataLabels.suffix,
@@ -386,10 +386,10 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
       );
     }
     function ct(a, l, t, s) {
-      return Ce(
+      return ze(
         e.value.style.chart.bars.dataLabels.formatter,
         a,
-        j({
+        Q({
           v: isNaN(a) ? 0 : a,
           s: "%",
           r: e.value.style.chart.bars.dataLabels.rounding
@@ -405,7 +405,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
         color: t.color,
         id: t.id
       }));
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: a + h.value.start }), Se("selectDatapoint", { datapoint: l, period: $.value[a] });
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: a + h.value.start }), _e("selectDatapoint", { datapoint: l, period: $.value[a] });
     }
     function vt(a) {
       return JSON.parse(JSON.stringify(w.value)).map((l) => ({
@@ -464,12 +464,12 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
           J += `
                 <div style="display:flex;flex-direction:row;align-items:center;gap:4px">
                     <svg viewBox="0 0 60 60" height="14" width="14"><rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="${e.value.style.chart.bars.gradient.show ? `url(#gradient_${T.id})` : T.color}"/>${Jt.pattern ? `<rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="url(#pattern_${V.value}_${T.absoluteIndex})"/>` : ""}</svg>
-                    ${T.name}${c || u ? ":" : ""} ${c ? j({
+                    ${T.name}${c || u ? ":" : ""} ${c ? Q({
             p: e.value.style.chart.bars.dataLabels.prefix,
             v: T.value,
             s: e.value.style.chart.bars.dataLabels.suffix,
             r: X
-          }) : ""} ${R[0]}${u ? j({
+          }) : ""} ${R[0]}${u ? Q({
             v: isNaN(T.value / s) ? 0 : Math.abs(T.value) / s * 100,
             // Negs are absed to show relative proportion to absolute total. It's opinionated.
             s: "%",
@@ -480,8 +480,8 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
         }), Me.value = `<div>${J}</div>`;
       }
     }
-    const sa = x(() => ee.value.width), ra = x(() => ee.value.height);
-    Fa({
+    const sa = x(() => j.value.width), ra = x(() => j.value.height);
+    Ba({
       timeLabelsEls: e.value.orientation === "vertical" ? Y : W,
       timeLabels: $,
       slicer: h,
@@ -524,7 +524,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
       const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], t = ["", ...pt.value.head.map((_) => _.label)], s = pt.value.body, c = l.concat([t]).concat(s), u = Ia(c);
       a ? a(u) : Ra({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
     }
-    const fe = x(() => {
+    const be = x(() => {
       const a = [""].concat(w.value.map((c) => c.name)).concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>');
       let l = [];
       for (let c = 0; c < F.value; c += 1) {
@@ -547,7 +547,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
       return { head: a, body: l.slice(0, h.value.end - h.value.start), config: t, colNames: s };
     });
     function ia(a, l) {
-      if (Se("selectLegend", w.value.find((t) => t.absoluteIndex === a)), S.value.includes(l.id))
+      if (_e("selectLegend", w.value.find((t) => t.absoluteIndex === a)), S.value.includes(l.id))
         S.value = S.value.filter((t) => t !== l.id);
       else {
         if (S.value.length === D.value.length - 1) return;
@@ -569,11 +569,11 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), me = b(!1);
+    })), fe = b(!1);
     function Ee() {
-      me.value = !me.value;
+      fe.value = !fe.value;
     }
-    function pe(a, l) {
+    function me(a, l) {
       const t = JSON.parse(JSON.stringify(w.value)).map((s) => ({
         name: s.name,
         value: s.series[l] === 0 ? 0 : (s.signedSeries[l] === -1 && s.series[l] >= 0 ? -s.series[l] : s.series[l]) || null,
@@ -581,7 +581,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
         color: s.color,
         id: s.id
       }));
-      Se("selectTimeLabel", {
+      _e("selectTimeLabel", {
         datapoint: t,
         absoluteIndex: a.absoluteIndex,
         label: a.text
@@ -593,7 +593,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
     }
     async function ca({ scale: a = 2 } = {}) {
       if (!P.value) return;
-      const { width: l, height: t } = P.value.getBoundingClientRect(), s = l / t, { imageUri: c, base64: u } = await Xa({ domElement: P.value, base64: !0, img: !0, scale: a });
+      const { width: l, height: t } = P.value.getBoundingClientRect(), s = l / t, { imageUri: c, base64: u } = await Ja({ domElement: P.value, base64: !0, img: !0, scale: a });
       return {
         imageUri: c,
         base64: u,
@@ -618,7 +618,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
       id: `stackbar_${V.value}`,
       ref_key: "stackbarChart",
       ref: P,
-      class: le({ "vue-ui-stackbar": !0, "vue-data-ui-wrapper-fullscreen": ne.value }),
+      class: ae({ "vue-ui-stackbar": !0, "vue-data-ui-wrapper-fullscreen": ne.value }),
       style: Z(`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[4] || (l[4] = () => v(Ke)(!0)),
       onMouseleave: l[5] || (l[5] = () => v(Ke)(!1))
@@ -628,7 +628,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
         svgRef: v(je),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: me.value,
+        active: fe.value,
         onClose: Ee
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
       L(a.$slots, "userConfig", {}, void 0, !0),
@@ -638,7 +638,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
         ref: Be,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (r(), K(Ba, {
+        (r(), K(Xa, {
           key: `title_${Je.value}`,
           config: {
             title: {
@@ -652,7 +652,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && ie.value && (v(Qe) || v(Ie)) ? (r(), K(v(Xt), {
+      e.value.userOptions.show && Se.value && (v(Qe) || v(Ie)) ? (r(), K(v(Xt), {
         ref: "details",
         key: `user_option_${Ue.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -673,7 +673,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
         isTooltip: z.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: me.value,
+        isAnnotation: fe.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         onToggleFullscreen: gt,
@@ -757,10 +757,10 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
         ref: je,
         xmlns: v(Ta),
         viewBox: `0 0 ${n.value.chartWidth <= 0 ? 10 : n.value.chartWidth} ${n.value.chartHeight <= 0 ? 10 : n.value.chartHeight}`,
-        class: le({ "vue-data-ui-loading": v(ce) }),
+        class: ae({ "vue-data-ui-loading": v(re) }),
         style: Z(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        ke(v(Bt)),
+        xe(v(Bt)),
         a.$slots["chart-background"] ? (r(), o("foreignObject", {
           key: 0,
           x: n.value.left,
@@ -781,15 +781,15 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
             x2: "0%",
             y2: "100%"
           }, [
-            Q("stop", {
+            le("stop", {
               offset: "0%",
               "stop-color": t.color
             }, null, 8, tl),
-            Q("stop", {
+            le("stop", {
               offset: "61.8%",
               "stop-color": v(Ma)(t.color, e.value.style.chart.bars.gradient.intensity / 100)
             }, null, 8, al),
-            Q("stop", {
+            le("stop", {
               offset: "100%",
               "stop-color": t.color
             }, null, 8, ll)
@@ -851,7 +851,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
               "stroke-width": e.value.style.chart.bars.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
+              class: ae({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
             }, null, 10, ul))), 256)),
             a.$slots.pattern ? (r(), o("g", cl, [
               (r(!0), o(g, null, m(t.x, (c, u) => (r(), o("rect", {
@@ -865,14 +865,14 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
                 "stroke-width": e.value.style.chart.bars.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
+                class: ae({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
               }, null, 10, hl))), 256))
             ])) : y("", !0)
           ], 64)) : (r(), o(g, { key: 2 }, [
             (r(!0), o(g, null, m(t.horizontal_x, (c, u) => (r(), o("rect", {
-              x: v(ze)(c, n.value.left),
+              x: v(Le)(c, n.value.left),
               y: t.horizontal_y[u] < 0 ? 0 : t.horizontal_y[u],
-              width: v(ze)(t.horizontal_width[u] < 0 ? 1e-4 : t.horizontal_width[u]),
+              width: v(Le)(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: d.value * (1 - e.value.style.chart.bars.gapRatio / 2),
               fill: e.value.style.chart.bars.gradient.show ? `url(#gradient_${t.id})` : t.color,
@@ -880,13 +880,13 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
               "stroke-width": e.value.style.chart.bars.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
+              class: ae({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
             }, null, 10, vl))), 256)),
             a.$slots.pattern ? (r(), o("g", dl, [
               (r(!0), o(g, null, m(t.horizontal_x, (c, u) => (r(), o("rect", {
-                x: v(ze)(c, n.value.left),
+                x: v(Le)(c, n.value.left),
                 y: t.horizontal_y[u] < 0 ? 0 : t.horizontal_y[u],
-                width: v(ze)(t.horizontal_width[u] < 0 ? 1e-4 : t.horizontal_width[u]),
+                width: v(Le)(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: d.value * (1 - e.value.style.chart.bars.gapRatio / 2),
                 fill: `url(#pattern_${V.value}_${t.absoluteIndex})`,
@@ -894,7 +894,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
                 "stroke-width": e.value.style.chart.bars.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
+                class: ae({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
               }, null, 10, yl))), 256))
             ])) : y("", !0)
           ], 64))
@@ -953,7 +953,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
                 fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? v(Pt)(t.color) : e.value.style.chart.bars.dataLabels.color,
                 "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
                 "text-anchor": "middle"
-              }, M(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? ct(t.proportions[u] * 100, t, s, u) : be(t.series[u], t, s, u, t.signedSeries[u])), 9, pl)) : y("", !0)
+              }, M(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? ct(t.proportions[u] * 100, t, s, u) : ge(t.series[u], t, s, u, t.signedSeries[u])), 9, pl)) : y("", !0)
             ], 64))), 256))
           ]))), 256)),
           e.value.style.chart.bars.totalValues.show && w.value.length > 1 ? (r(), o("g", {
@@ -970,7 +970,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
                 "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
-              }, M(be(t.value, t, s, t.sign)), 9, xl)) : y("", !0)
+              }, M(ge(t.value, t, s, t.sign)), 9, xl)) : y("", !0)
             ], 64))), 256))
           ], 512)) : y("", !0)
         ], 64)) : y("", !0),
@@ -985,7 +985,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
                 fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? v(Pt)(t.color) : e.value.style.chart.bars.dataLabels.color,
                 "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
                 "text-anchor": "middle"
-              }, M(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? ct(t.proportions[u] * 100, t, s, u) : be(t.series[u], t, s, u, t.signedSeries[u])), 9, kl)) : y("", !0)
+              }, M(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? ct(t.proportions[u] * 100, t, s, u) : ge(t.series[u], t, s, u, t.signedSeries[u])), 9, kl)) : y("", !0)
             ], 64))), 256))
           ]))), 256)),
           e.value.style.chart.bars.totalValues.show && w.value.length > 1 ? (r(), o("g", {
@@ -1002,7 +1002,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
                 "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
-              }, M(be(t.value, t, s, t.sign)), 9, wl)) : y("", !0)
+              }, M(ge(t.value, t, s, t.sign)), 9, wl)) : y("", !0)
             ], 64))), 256))
           ], 512)) : y("", !0)
         ], 64)) : y("", !0),
@@ -1026,10 +1026,10 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
             "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
             fill: e.value.style.chart.grid.y.axisLabels.color,
             "text-anchor": "end"
-          }, M(v(Ce)(
+          }, M(v(ze)(
             e.value.style.chart.grid.y.axisLabels.formatter,
             t.value,
-            v(j)({
+            v(Q)({
               p: e.value.style.chart.bars.dataLabels.prefix,
               v: t.value,
               s: e.value.style.chart.bars.dataLabels.suffix,
@@ -1059,10 +1059,10 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
             fill: e.value.style.chart.grid.y.axisLabels.color,
             "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
             transform: `translate(${t.horizontal_x}, ${n.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`
-          }, M(v(Ce)(
+          }, M(v(ze)(
             e.value.style.chart.grid.y.axisLabels.formatter,
             t.value,
-            v(j)({
+            v(Q)({
               p: e.value.style.chart.bars.dataLabels.prefix,
               v: t.value,
               s: e.value.style.chart.bars.dataLabels.suffix,
@@ -1113,7 +1113,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
                   x: 0,
                   y: 0
                 }),
-                onClick: () => pe(t, s)
+                onClick: () => me(t, s)
               }, null, 8, Ml)) : (r(), o("text", {
                 class: "vue-data-ui-time-label",
                 key: s,
@@ -1123,7 +1123,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
                 fill: e.value.style.chart.grid.x.timeLabels.color,
                 transform: `translate(${n.value.left + d.value * s + d.value / 2}, ${n.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`,
                 style: { cursor: "pointer" },
-                onClick: () => pe(t, s)
+                onClick: () => me(t, s)
               }, M(t.text), 9, Tl))
             ]))), 256))
           ]))
@@ -1159,7 +1159,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
                 x: n.value.left - 8,
                 y: n.value.top + d.value * s + d.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
                 style: { cursor: "pointer" },
-                onClick: () => pe(t, s),
+                onClick: () => me(t, s),
                 innerHTML: v(Na)({
                   content: String(t.text),
                   fontSize: e.value.style.chart.grid.y.axisLabels.fontSize,
@@ -1178,7 +1178,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
                 style: {
                   cursor: "pointer"
                 },
-                onClick: () => pe(t, s)
+                onClick: () => me(t, s)
               }, M(t.text), 9, Il))
             ]))), 256))
           ]))
@@ -1210,13 +1210,13 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
       a.$slots.watermark ? (r(), o("div", Vl, [
         L(a.$slots, "watermark", H(U({ isPrinting: v(at) || v(lt) })), void 0, !0)
       ])) : y("", !0),
-      Q("div", {
+      le("div", {
         ref_key: "chartSlicer",
         ref: Ye,
         style: Z(`width:100%;background:${e.value.style.chart.backgroundColor}`),
         "data-dom-to-png-ignore": ""
       }, [
-        e.value.style.chart.zoom.show && F.value > 1 ? (r(), K(Ua, {
+        e.value.style.chart.zoom.show && F.value > 1 ? (r(), K(Ya, {
           ref_key: "slicerComponent",
           ref: qe,
           key: `slicer_${Ge.value}`,
@@ -1229,7 +1229,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
           textColor: e.value.style.chart.color,
           inputColor: e.value.style.chart.zoom.color,
           selectColor: e.value.style.chart.zoom.highlightColor,
-          max: Math.max(..._e.dataset.map((t) => t.series.length)),
+          max: Math.max(...Ce.dataset.map((t) => t.series.length)),
           min: 0,
           valueStart: h.value.start,
           valueEnd: h.value.end,
@@ -1238,7 +1238,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
           end: h.value.end,
           "onUpdate:end": l[1] || (l[1] = (t) => h.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(..._e.dataset.map((t) => t.series.length)),
+          refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : Math.max(...Ce.dataset.map((t) => t.series.length)),
           enableRangeHandles: e.value.style.chart.zoom.enableRangeHandles,
           enableSelectionDrag: e.value.style.chart.zoom.enableSelectionDrag,
           onReset: nt
@@ -1249,7 +1249,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
           _: 3
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag"])) : y("", !0)
       ], 4),
-      ke(v(Yt), {
+      xe(v(Yt), {
         show: z.value.showTooltip && $e.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -1275,28 +1275,29 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
-      Q("div", {
+      le("div", {
         ref_key: "chartLegend",
         ref: We
       }, [
-        e.value.style.chart.legend.show && ie.value ? (r(), K(Ha, {
+        e.value.style.chart.legend.show ? (r(), K(Wa, {
           key: 0,
           legendSet: kt.value,
           config: na.value,
           onClickMarker: l[2] || (l[2] = ({ legend: t }) => t.segregate())
         }, Mt({
           item: C(({ legend: t }) => [
-            Q("div", {
+            v(re) ? y("", !0) : (r(), o("div", {
+              key: 0,
               onClick: (s) => t.segregate(),
               style: Z(`opacity:${S.value.includes(t.id) ? 0.5 : 1}`)
-            }, M(t.name), 13, El)
+            }, M(t.name), 13, El))
           ]),
           _: 2
         }, [
           a.$slots.pattern ? {
             name: "legend-pattern",
             fn: C(({ legend: t, index: s }) => [
-              ke(Wa, {
+              xe(Ga, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
@@ -1336,19 +1337,19 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
         }
       }, {
         content: C(() => [
-          ke(v(Ut), {
-            colNames: fe.value.colNames,
-            head: fe.value.head,
-            body: fe.value.body,
-            config: fe.value.config,
+          xe(v(Ut), {
+            colNames: be.value.colNames,
+            head: be.value.head,
+            body: be.value.body,
+            config: be.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[3] || (l[3] = (t) => z.value.showTable = !1)
           }, {
             th: C(({ th: t }) => [
-              Q("div", { innerHTML: t }, null, 8, Dl)
+              le("div", { innerHTML: t }, null, 8, Dl)
             ]),
             td: C(({ td: t }) => [
-              ka(M(isNaN(Number(t)) ? t : v(j)({
+              ka(M(isNaN(Number(t)) ? t : v(Q)({
                 p: e.value.style.chart.bars.dataLabels.prefix,
                 v: t,
                 s: e.value.style.chart.bars.dataLabels.suffix,
@@ -1360,10 +1361,10 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
         ]),
         _: 1
       }, 8, ["config"])) : y("", !0),
-      v(ce) ? (r(), K(Ja, { key: 6 })) : y("", !0)
+      v(re) ? (r(), K(Da, { key: 6 })) : y("", !0)
     ], 46, Za));
   }
-}, ls = /* @__PURE__ */ qa(Fl, [["__scopeId", "data-v-e430a869"]]);
+}, ls = /* @__PURE__ */ qa(Fl, [["__scopeId", "data-v-c6461a61"]]);
 export {
   ls as default
 };