vue-data-ui 2.12.7-beta.0 → 2.12.7-beta.1

package/dist/{vue-ui-stackbar-D9LGbuG5.js → vue-ui-stackbar-BriZOfj6.js}

@@ -1,13 +1,14 @@
-import { defineAsyncComponent as E, useSlots as Xt, computed as w, ref as m, onMounted as rt, watch as ot, shallowRef as st, onBeforeUnmount as Gt, nextTick as ye, createElementBlock as s, openBlock as o, unref as d, normalizeStyle as X, normalizeClass as re, createBlock as Q, createCommentVNode as h, renderSlot as x, createElementVNode as G, createVNode as oe, createSlots as it, withCtx as C, normalizeProps as F, guardReactiveProps as D, Fragment as v, renderList as g, mergeProps as Le, toDisplayString as $, createTextVNode as Jt } from "vue";
-import { u as qt, c as nt, t as Zt, p as ge, a as Kt, C as be, b as Qt, o as jt, e as ut, g as ea, d as ta, ak as fe, ah as ct, D as vt, X as aa, l as la, a6 as me, G as ht, f as J, x as dt, q as ra, r as oa, i as yt, y as sa } from "./index-BiHmNd1-.js";
-import { u as gt } from "./useNestedProp-tRqS0ZAM.js";
-import { t as ia, u as na } from "./useResponsive-JZ9xq-JV.js";
-import { u as ua } from "./usePrinter-CRCbl1WG.js";
-import { u as ca } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as va } from "./useChartAccessibility-9icAAmYg.js";
-import ha from "./Legend-DFunFf8i.js";
-import { S as da } from "./Slicer-ncY8krrM.js";
-import ya from "./Title-B5qqUI3M.js";
+import { defineAsyncComponent as Y, useSlots as Yt, computed as w, ref as m, onMounted as rt, watch as ot, shallowRef as st, onBeforeUnmount as Xt, nextTick as ye, createElementBlock as s, openBlock as o, unref as y, normalizeStyle as X, normalizeClass as re, createBlock as Q, createCommentVNode as h, renderSlot as x, createElementVNode as G, createVNode as oe, createSlots as it, withCtx as C, normalizeProps as E, guardReactiveProps as F, Fragment as v, renderList as g, mergeProps as Le, toDisplayString as $, createTextVNode as Gt } from "vue";
+import { u as Jt, c as nt, t as qt, p as ge, a as Zt, C as be, b as Kt, o as Qt, e as ut, g as jt, d as ea, ak as fe, ah as ct, D as vt, X as ta, l as aa, a6 as me, G as ht, f as J, x as dt, q as la, r as ra, i as yt, y as oa } from "./index-BHEd2dgu.js";
+import { u as gt } from "./useNestedProp-CZztHZIm.js";
+import { t as sa, u as ia } from "./useResponsive-JZ9xq-JV.js";
+import { u as na } from "./usePrinter-C8URL2IU.js";
+import { u as ua } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as ca } from "./useChartAccessibility-9icAAmYg.js";
+import va from "./Legend-DtTYopxf.js";
+import { S as ha } from "./Slicer-DXpA-pZk.js";
+import da from "./Title-Bc66VstS.js";
+import ya from "./Shape-B6kIkp2s.js";
 import { _ as ga } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"], pa = { key: 1 }, xa = ["id"], ka = ["stop-color"], wa = ["stop-color"], za = ["stop-color"], Ca = ["x1", "x2", "y1", "y2", "stroke"], _a = ["x1", "x2", "y1", "y2", "stroke"], La = ["x1", "x2", "y1", "y2", "stroke"], Sa = ["x1", "x2", "y1", "y2", "stroke"], $a = { key: 0 }, Ma = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], Ta = { key: 0 }, Na = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], Ia = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Oa = { key: 0 }, Ra = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Pa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Aa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Va = ["x", "y", "font-size", "fill", "font-weight"], Ea = ["transform", "font-size", "fill", "font-weight"], Fa = ["x", "y", "font-size", "fill", "font-weight"], Da = { key: 0 }, Ha = ["x", "y", "font-size", "font-weight", "fill"], Wa = ["x", "y", "font-size", "fill", "font-weight"], Ba = { key: 0 }, Ua = ["x", "y", "font-size", "font-weight", "fill"], Ya = ["x1", "x2", "y1", "y2", "stroke"], Xa = ["x", "y", "font-size", "font-weight", "fill"], Ga = ["x1", "x2", "y1", "y2", "stroke"], Ja = ["font-size", "font-weight", "fill", "text-anchor", "transform"], qa = { key: 0 }, Za = { key: 1 }, Ka = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Qa = { key: 0 }, ja = { key: 1 }, el = ["font-size", "font-weight", "fill", "x", "y", "onClick"], tl = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], al = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], ll = {
   key: 4,
@@ -30,37 +31,37 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel"],
   setup(pe, { expose: bt, emit: ft }) {
-    const mt = E(() => import("./vue-ui-accordion-CmCs2yR2.js")), pt = E(() => import("./DataTable-Cv9CIz-a.js")), xt = E(() => import("./PackageVersion-CLY-udAA.js")), kt = E(() => import("./PenAndPaper-B9na2mbr.js")), wt = E(() => import("./Shape-D3w9qas1.js")), zt = E(() => import("./vue-ui-skeleton-CbYQYRvD.js")), Ct = E(() => import("./Tooltip-C9rxJ-Ru.js")), _t = E(() => import("./UserOptions-Ddy6CuLC.js")), { vue_ui_stackbar: Lt } = qt(), St = Xt(), b = pe, xe = ft, q = w({
+    const mt = Y(() => import("./vue-ui-accordion-DntThSTF.js")), pt = Y(() => import("./DataTable-Y5HbiUZU.js")), xt = Y(() => import("./PackageVersion-DaWGaZxE.js")), kt = Y(() => import("./PenAndPaper-C-CpE0NC.js")), wt = Y(() => import("./vue-ui-skeleton-CG3Pn3Zg.js")), zt = Y(() => import("./Tooltip-B07vY6jm.js")), Ct = Y(() => import("./UserOptions-C8X2STEg.js")), { vue_ui_stackbar: _t } = Jt(), Lt = Yt(), b = pe, xe = ft, q = w({
       get() {
         return !!b.dataset && b.dataset.length;
       },
       set(a) {
         return a;
       }
-    }), j = m(null), O = m(nt()), se = m(!1), ke = m(null), we = m(""), L = m([]), Se = m(0), $e = m(null), Me = m(null), Te = m(null), Ne = m(null), Ie = m(0), ie = m(!1), ee = m(null), H = m(!1), $t = m(0), Mt = m(0), Tt = m(0), Z = m(null);
+    }), j = m(null), O = m(nt()), se = m(!1), ke = m(null), we = m(""), L = m([]), Se = m(0), $e = m(null), Me = m(null), Te = m(null), Ne = m(null), Ie = m(0), ie = m(!1), ee = m(null), D = m(!1), St = m(0), $t = m(0), Mt = m(0), Z = m(null);
     rt(() => {
       Ce();
     });
     const e = w({
       get: () => Ae(),
       set: (a) => a
-    }), { userOptionsVisible: ze, setUserOptionsVisibility: Oe, keepUserOptionState: Re } = ca({ config: e.value }), { svgRef: Pe } = va({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ze, setUserOptionsVisibility: Oe, keepUserOptionState: Re } = ua({ config: e.value }), { svgRef: Pe } = ca({ config: e.value.style.chart.title });
     function Ae() {
       const a = gt({
         userConfig: b.config,
-        defaultConfig: Lt
+        defaultConfig: _t
       });
       let r = {};
       return a.theme ? r = {
         ...gt({
-          userConfig: Kt.vue_ui_stackbar[a.theme] || b.config,
+          userConfig: Zt.vue_ui_stackbar[a.theme] || b.config,
           defaultConfig: a
         }),
-        customPalette: Zt[a.theme] || ge
+        customPalette: qt[a.theme] || ge
       } : r = a, b.config && be(b.config, "style.chart.grid.scale.scaleMin") ? r.style.chart.grid.scale.scaleMin = b.config.style.chart.grid.scale.scaleMin : r.style.chart.grid.scale.scaleMin = null, b.config && be(b.config, "style.chart.grid.scale.scaleMax") ? r.style.chart.grid.scale.scaleMax = b.config.style.chart.grid.scale.scaleMax : r.style.chart.grid.scale.scaleMax = null, b.config && be(b.config, "style.chart.zoom.startIndex") ? r.style.chart.zoom.startIndex = b.config.style.chart.zoom.startIndex : r.style.chart.zoom.startIndex = null, b.config && be(b.config, "style.chart.zoom.endIndex") ? r.style.chart.zoom.endIndex = b.config.style.chart.zoom.endIndex : r.style.chart.zoom.endIndex = null, r;
     }
     ot(() => b.config, (a) => {
-      e.value = Ae(), ze.value = !e.value.userOptions.showOnChartHover, Ce(), $t.value += 1, Mt.value += 1, Tt.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;
+      e.value = Ae(), ze.value = !e.value.userOptions.showOnChartHover, Ce(), St.value += 1, $t.value += 1, Mt.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 }), ot(() => b.dataset, (a) => {
       We();
     }, { deep: !0 });
@@ -70,7 +71,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
       },
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), { isPrinting: Ve, isImaging: Ee, generatePdf: Fe, generateImage: De } = ua({
+    }), { isPrinting: Ve, isImaging: Ee, generatePdf: Fe, generateImage: De } = na({
       elementId: `stackbar_${O.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-stackbar",
       options: e.value.userOptions.print
@@ -83,16 +84,16 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["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
       }
-    }), Nt = w(() => Qt(e.value.customPalette)), R = st(null), K = st(null), He = m(null);
+    }), Tt = w(() => Kt(e.value.customPalette)), R = st(null), K = st(null), He = m(null);
     rt(() => {
       Ce();
     });
     function Ce() {
-      if (jt(b.dataset) ? ut({
+      if (Qt(b.dataset) ? ut({
         componentName: "VueUiStackbar",
         type: "dataset"
       }) : b.dataset.forEach((a, r) => {
-        ea({
+        jt({
           datasetObject: a,
           requiredAttributes: ["name", "series"]
         }).forEach((t) => {
@@ -104,11 +105,11 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
           });
         });
       }), setTimeout(() => {
-        H.value = !0;
+        D.value = !0;
       }, 10), e.value.responsive) {
-        const a = ia(() => {
-          H.value = !1;
-          const { width: r, height: t } = na({
+        const a = sa(() => {
+          D.value = !1;
+          const { width: r, height: t } = ia({
             chart: j.value,
             title: e.value.style.chart.title.text ? $e.value : null,
             legend: e.value.style.chart.legend.show ? Me.value : null,
@@ -117,7 +118,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
           });
           requestAnimationFrame(() => {
             ne.value.width = r, ne.value.height = t, clearTimeout(He.value), He.value = setTimeout(() => {
-              H.value = !0;
+              D.value = !0;
             }, 10);
           });
         });
@@ -125,11 +126,11 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
       }
       Be();
     }
-    Gt(() => {
+    Xt(() => {
       R.value && (K.value && R.value.unobserve(K.value), R.value.disconnect());
     });
     const i = w(() => {
-      const { height: a, width: r } = ne.value, { right: t } = ne.value.paddingRatio, l = e.value.style.chart.padding.top, u = r - r * t, n = a - e.value.style.chart.padding.bottom, _ = e.value.style.chart.padding.left, W = r - _ - r * t, B = a - l - e.value.style.chart.padding.bottom;
+      const { height: a, width: r } = ne.value, { right: t } = ne.value.paddingRatio, l = e.value.style.chart.padding.top, u = r - r * t, n = a - e.value.style.chart.padding.bottom, _ = e.value.style.chart.padding.left, H = r - _ - r * t, W = a - l - e.value.style.chart.padding.bottom;
       return {
         chartHeight: a,
         chartWidth: r,
@@ -137,11 +138,11 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
         right: u,
         bottom: n,
         left: _,
-        width: W,
-        height: B < 0 ? 0 : B
+        width: H,
+        height: W < 0 ? 0 : W
       };
     }), P = w(() => b.dataset.map((a, r) => {
-      const t = ta(a.color) || Nt.value[r] || ge[r] || ge[r % ge.length];
+      const t = ea(a.color) || Tt.value[r] || ge[r] || ge[r % ge.length];
       return {
         ...a,
         // In distributed mode, all values are converted to positive
@@ -160,19 +161,19 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
       Be();
     }
     async function Be() {
-      (e.value.style.chart.zoom.startIndex !== null || e.value.style.chart.zoom.endIndex !== null) && Z.value ? (e.value.style.chart.zoom.startIndex !== null && (await ye(), await ye(), Z.value && Z.value.setStartValue(e.value.style.chart.zoom.startIndex)), e.value.style.chart.zoom.endIndex !== null && (await ye(), await ye(), Z.value && Z.value.setEndValue(It(e.value.style.chart.zoom.endIndex + 1)))) : (c.value = {
+      (e.value.style.chart.zoom.startIndex !== null || e.value.style.chart.zoom.endIndex !== null) && Z.value ? (e.value.style.chart.zoom.startIndex !== null && (await ye(), await ye(), Z.value && Z.value.setStartValue(e.value.style.chart.zoom.startIndex)), e.value.style.chart.zoom.endIndex !== null && (await ye(), await ye(), Z.value && Z.value.setEndValue(Nt(e.value.style.chart.zoom.endIndex + 1)))) : (c.value = {
         start: 0,
         end: Math.max(...b.dataset.map((a) => a.series.length))
       }, Ie.value += 1);
     }
-    function It(a) {
+    function Nt(a) {
       const r = Math.max(...b.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 y = w(() => {
+    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;
-    }), te = w(() => fe(P.value.filter((a) => !L.value.includes(a.id))).slice(c.value.start, c.value.end)), Ot = w(() => fe(P.value.filter((a) => !L.value.includes(a.id)).map((a) => ({
+    }), te = w(() => fe(P.value.filter((a) => !L.value.includes(a.id))).slice(c.value.start, c.value.end)), It = w(() => fe(P.value.filter((a) => !L.value.includes(a.id)).map((a) => ({
       ...a,
       series: a.series.map((r, t) => a.signedSeries[t] === -1 && r >= 0 ? -r : r)
     }))).slice(c.value.start, c.value.end)), ue = w(() => {
@@ -209,37 +210,37 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
     }), k = w(() => {
       if (!q.value) return [];
       let a = Array(A.value).fill(0), r = Array(A.value).fill(0), t = Array(A.value).fill(0), l = Array(A.value).fill(0);
-      const u = Math.max(...ue.value.positive) || 0, n = Math.min(...ue.value.negative), _ = [-1 / 0, 1 / 0, NaN, void 0, null].includes(n) ? 0 : n, W = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? ct(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 : u < 0 ? 0 : u, e.value.style.chart.grid.scale.ticks) : vt(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 : u < 0 ? 0 : u, e.value.style.chart.grid.scale.ticks), { min: B, max: ae } = W, U = ae + (B >= 0 ? 0 : Math.abs(B)) || 1, S = i.value.height, de = i.value.width, at = N.value[0] ? N.value[0].zero : i.value.bottom, lt = N.value[0] ? N.value[0].horizontal_zero : i.value.left;
+      const u = Math.max(...ue.value.positive) || 0, n = Math.min(...ue.value.negative), _ = [-1 / 0, 1 / 0, NaN, void 0, null].includes(n) ? 0 : n, H = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? ct(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 : u < 0 ? 0 : u, e.value.style.chart.grid.scale.ticks) : vt(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 : u < 0 ? 0 : u, e.value.style.chart.grid.scale.ticks), { min: W, max: ae } = H, B = ae + (W >= 0 ? 0 : Math.abs(W)) || 1, S = i.value.height, de = i.value.width, at = N.value[0] ? N.value[0].zero : i.value.bottom, lt = N.value[0] ? N.value[0].horizontal_zero : i.value.left;
       return P.value.filter((le) => !L.value.includes(le.id)).map((le) => {
-        const I = le.series.slice(c.value.start, c.value.end), Et = le.signedSeries.slice(c.value.start, c.value.end), Ft = I.map((f, p) => i.value.left + y.value * p + y.value * e.value.style.chart.bars.gapRatio / 4), Dt = I.map((f, p) => i.value.top + y.value * p + y.value * e.value.style.chart.bars.gapRatio / 4), Ht = I.map((f, p) => {
-          const M = e.value.style.chart.bars.distributed ? (f || 0) / te.value[p] : (f || 0) / U;
-          let Y, T;
-          return f > 0 ? (T = S * M, Y = at - T - a[p], a[p] += T) : (T = S * M, Y = at + t[p], t[p] += Math.abs(T)), Y;
+        const I = le.series.slice(c.value.start, c.value.end), Vt = le.signedSeries.slice(c.value.start, c.value.end), Et = I.map((f, p) => i.value.left + d.value * p + d.value * e.value.style.chart.bars.gapRatio / 4), Ft = I.map((f, p) => i.value.top + d.value * p + d.value * e.value.style.chart.bars.gapRatio / 4), Dt = I.map((f, p) => {
+          const M = e.value.style.chart.bars.distributed ? (f || 0) / te.value[p] : (f || 0) / B;
+          let U, T;
+          return f > 0 ? (T = S * M, U = at - T - a[p], a[p] += T) : (T = S * M, U = at + t[p], t[p] += Math.abs(T)), U;
+        }), Ht = I.map((f, p) => {
+          const M = e.value.style.chart.bars.distributed ? (f || 0) / te.value[p] : (f || 0) / B;
+          let U, T;
+          return f > 0 ? (T = de * M, U = lt + r[p], r[p] += T) : (T = de * M, U = lt - Math.abs(T) - l[p], l[p] += Math.abs(T)), U;
         }), Wt = I.map((f, p) => {
-          const M = e.value.style.chart.bars.distributed ? (f || 0) / te.value[p] : (f || 0) / U;
-          let Y, T;
-          return f > 0 ? (T = de * M, Y = lt + r[p], r[p] += T) : (T = de * M, Y = lt - Math.abs(T) - l[p], l[p] += Math.abs(T)), Y;
-        }), Bt = I.map((f, p) => {
-          const M = e.value.style.chart.bars.distributed ? (f || 0) / te.value[p] : (f || 0) / U;
+          const M = e.value.style.chart.bars.distributed ? (f || 0) / te.value[p] : (f || 0) / B;
           return f > 0 ? S * M : S * Math.abs(M);
-        }), Ut = I.map((f, p) => {
-          const M = e.value.style.chart.bars.distributed ? (f || 0) / te.value[p] : (f || 0) / U;
+        }), Bt = I.map((f, p) => {
+          const M = e.value.style.chart.bars.distributed ? (f || 0) / te.value[p] : (f || 0) / B;
           return f > 0 ? de * M : de * Math.abs(M);
-        }), Yt = I.map((f) => Math.abs(f)).reduce((f, p) => f + p, 0);
+        }), Ut = I.map((f) => Math.abs(f)).reduce((f, p) => f + p, 0);
         return {
           ...le,
-          proportions: I.map((f, p) => e.value.style.chart.bars.distributed ? (f || 0) / te.value[p] : (f || 0) / Yt),
+          proportions: I.map((f, p) => e.value.style.chart.bars.distributed ? (f || 0) / te.value[p] : (f || 0) / Ut),
           series: I,
-          signedSeries: Et,
-          x: Ft,
-          y: Ht,
-          height: Bt,
-          horizontal_width: Ut,
-          horizontal_y: Dt,
-          horizontal_x: Wt
+          signedSeries: Vt,
+          x: Et,
+          y: Dt,
+          height: Wt,
+          horizontal_width: Bt,
+          horizontal_y: Ft,
+          horizontal_x: Ht
         };
       });
-    }), Ue = w(() => Ot.value.map((a, r) => ({
+    }), Ue = w(() => It.value.map((a, r) => ({
       value: a,
       sign: a >= 0 ? 1 : -1
     })));
@@ -296,7 +297,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
         series: k.value
       };
       const l = t.map((u) => Math.abs(u.value)).reduce((u, n) => u + n, 0);
-      if (dt(r) && sa(() => r({
+      if (dt(r) && oa(() => r({
         seriesIndex: a,
         datapoint: t,
         series: k.value,
@@ -313,36 +314,36 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
           showValue: u,
           showPercentage: n,
           borderColor: _,
-          roundingValue: W,
-          roundingPercentage: B
+          roundingValue: H,
+          roundingPercentage: W
         } = e.value.style.chart.tooltip;
         let ae = "";
         V.value[a] && V.value[a].text && e.value.style.chart.tooltip.showTimeLabel && (ae += `<div style="width:100%;text-align:center;border-bottom:1px solid ${_};padding-bottom:6px;margin-bottom:3px;">${V.value[a].text}</div>`);
-        const U = [
+        const B = [
           u && n ? "(" : "",
           u && n ? ")" : ""
         ];
         t.reverse().forEach((S) => {
           ae += `
                 <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_${S.id})` : S.color}"/>${St.pattern ? `<rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="url(#pattern_${O.value}_${S.absoluteIndex})"/>` : ""}</svg>
+                    <svg viewBox="0 0 60 60" height="14" width="14"><rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="${e.value.style.chart.bars.gradient.show ? `url(#gradient_${S.id})` : S.color}"/>${Lt.pattern ? `<rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="url(#pattern_${O.value}_${S.absoluteIndex})"/>` : ""}</svg>
                     ${S.name}${u || n ? ":" : ""} ${u ? J({
             p: e.value.style.chart.bars.dataLabels.prefix,
             v: S.value,
             s: e.value.style.chart.bars.dataLabels.suffix,
-            r: W
-          }) : ""} ${U[0]}${n ? J({
+            r: H
+          }) : ""} ${B[0]}${n ? J({
             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: B
-          }) : ""}${U[1]}
+            r: W
+          }) : ""}${B[1]}
                 </div>
             `;
         }), we.value = `<div>${ae}</div>`;
       }
     }
-    function Rt(a) {
+    function Ot(a) {
       ie.value = a, Se.value += 1;
     }
     function Je() {
@@ -354,7 +355,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
     function Ze() {
       z.value.showTooltip = !z.value.showTooltip;
     }
-    function Pt() {
+    function Rt() {
       return k.value;
     }
     const Ke = w(() => {
@@ -372,14 +373,14 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
       return { head: a, body: r };
     });
     function Qe() {
-      const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], r = ["", ...Ke.value.head.map((n) => n.label)], t = Ke.value.body, l = a.concat([r]).concat(t), u = ra(l);
-      oa({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
+      const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], r = ["", ...Ke.value.head.map((n) => n.label)], t = Ke.value.body, l = a.concat([r]).concat(t), u = la(l);
+      ra({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
     }
     const ve = 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 r = [];
       for (let u = 0; u < A.value; u += 1) {
-        const n = k.value.map((_) => _.series[u] ?? 0).reduce((_, W) => _ + W, 0);
+        const n = k.value.map((_) => _.series[u] ?? 0).reduce((_, H) => _ + H, 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((_) => (_.series[u] ?? 0).toFixed(e.value.table.td.roundingValue))).concat((n ?? 0).toFixed(e.value.table.td.roundingValue)));
       }
       const t = {
@@ -397,7 +398,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
       }, 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 At(a, r) {
+    function Pt(a, r) {
       if (xe("selectLegend", k.value.find((t) => t.absoluteIndex === a)), L.value.includes(r.id))
         L.value = L.value.filter((t) => t !== r.id);
       else {
@@ -411,9 +412,9 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
     })).map((a) => ({
       ...a,
       opacity: L.value.includes(a.id) ? 0.5 : 1,
-      segregate: () => At(a.absoluteIndex, a),
+      segregate: () => Pt(a.absoluteIndex, a),
       isSegregated: L.value.includes(a.id)
-    }))), Vt = w(() => ({
+    }))), At = w(() => ({
       cy: "stackbar-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -442,7 +443,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
       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 bt({
-      getData: Pt,
+      getData: Rt,
       generatePdf: Fe,
       generateCsv: Qe,
       generateImage: De,
@@ -456,12 +457,12 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
       ref: j,
       class: re({ "vue-ui-stackbar": !0, "vue-data-ui-wrapper-fullscreen": ie.value }),
       style: X(`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] = () => d(Oe)(!0)),
-      onMouseleave: r[7] || (r[7] = () => d(Oe)(!1))
+      onMouseenter: r[6] || (r[6] = () => y(Oe)(!0)),
+      onMouseleave: r[7] || (r[7] = () => y(Oe)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (o(), Q(d(kt), {
+      e.value.userOptions.buttons.annotator ? (o(), Q(y(kt), {
         key: 0,
-        svgRef: d(Pe),
+        svgRef: y(Pe),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: he.value,
@@ -474,7 +475,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
         ref: $e,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        oe(ya, {
+        oe(da, {
           config: {
             title: {
               cy: "stackbar-title",
@@ -487,13 +488,13 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"])
       ], 512)) : h("", !0),
-      e.value.userOptions.show && q.value && (d(Re) || d(ze)) ? (o(), Q(d(_t), {
+      e.value.userOptions.show && q.value && (y(Re) || y(ze)) ? (o(), Q(y(Ct), {
         ref: "details",
         key: `user_option_${Se.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: d(Ve),
-        isImaging: d(Ee),
+        isPrinting: y(Ve),
+        isImaging: y(Ee),
         uid: O.value,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -509,22 +510,22 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: he.value,
-        onToggleFullscreen: Rt,
-        onGeneratePdf: d(Fe),
+        onToggleFullscreen: Ot,
+        onGeneratePdf: y(Fe),
         onGenerateCsv: Qe,
-        onGenerateImage: d(De),
+        onGenerateImage: y(De),
         onToggleTable: Je,
         onToggleLabels: qe,
         onToggleTooltip: Ze,
         onToggleAnnotator: _e,
         style: X({
-          visibility: d(Re) ? d(ze) ? "visible" : "hidden" : "visible"
+          visibility: y(Re) ? y(ze) ? "visible" : "hidden" : "visible"
         })
       }, it({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: C(({ isOpen: t, color: l }) => [
-            x(a.$slots, "menuIcon", F(D({ isOpen: t, color: l })), void 0, !0)
+            x(a.$slots, "menuIcon", E(F({ isOpen: t, color: l })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -573,14 +574,14 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: C(({ toggleFullscreen: t, isFullscreen: l }) => [
-            x(a.$slots, "optionFullscreen", F(D({ toggleFullscreen: t, isFullscreen: l })), void 0, !0)
+            x(a.$slots, "optionFullscreen", E(F({ toggleFullscreen: t, isFullscreen: l })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: C(({ toggleAnnotator: t, isAnnotator: l }) => [
-            x(a.$slots, "optionAnnotator", F(D({ toggleAnnotator: t, isAnnotator: l })), void 0, !0)
+            x(a.$slots, "optionAnnotator", E(F({ toggleAnnotator: t, isAnnotator: l })), void 0, !0)
           ]),
           key: "8"
         } : void 0
@@ -589,11 +590,11 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
         key: 3,
         ref_key: "svgRef",
         ref: Pe,
-        xmlns: d(aa),
+        xmlns: y(ta),
         viewBox: `0 0 ${i.value.chartWidth <= 0 ? 10 : i.value.chartWidth} ${i.value.chartHeight <= 0 ? 10 : i.value.chartHeight}`,
         style: X(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        oe(d(xt)),
+        oe(y(xt)),
         a.$slots["chart-background"] ? (o(), s("foreignObject", {
           key: 0,
           x: i.value.left,
@@ -620,7 +621,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
             }, null, 8, ka),
             G("stop", {
               offset: "61.8%",
-              "stop-color": d(la)(t.color, e.value.style.chart.bars.gradient.intensity / 100)
+              "stop-color": y(aa)(t.color, e.value.style.chart.bars.gradient.intensity / 100)
             }, null, 8, wa),
             G("stop", {
               offset: "100%",
@@ -640,15 +641,15 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
         e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (o(!0), s(v, { key: 3 }, g(c.value.end - c.value.start + 1, (t, l) => (o(), s("line", {
           x1: i.value.left,
           x2: i.value.right,
-          y1: i.value.top + y.value * l,
-          y2: i.value.top + y.value * l,
+          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, _a))), 256)) : h("", !0),
         e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (o(!0), s(v, { key: 4 }, g(c.value.end - c.value.start + 1, (t, l) => (o(), s("line", {
-          x1: i.value.left + y.value * l,
-          x2: i.value.left + y.value * l,
+          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,
@@ -674,13 +675,13 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
               y: t.y[n] < 0 ? 0 : t.y[n],
               height: t.height[n] < 0 ? 1e-4 : t.height[n] || 0,
               rx: e.value.style.chart.bars.borderRadius > t.height[n] / 2 ? (t.height[n] < 0 ? 0 : t.height[n]) / 2 : e.value.style.chart.bars.borderRadius,
-              width: y.value * (1 - e.value.style.chart.bars.gapRatio / 2),
+              width: d.value * (1 - e.value.style.chart.bars.gapRatio / 2),
               fill: e.value.style.chart.bars.gradient.show ? `url(#gradient_${t.id})` : t.color,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.bars.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: re({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": H.value })
+              class: re({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": D.value })
             }, null, 10, Ma))), 256)),
             a.$slots.pattern ? (o(), s("g", Ta, [
               (o(!0), s(v, null, g(t.x, (u, n) => (o(), s("rect", {
@@ -688,42 +689,42 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
                 y: t.y[n] < 0 ? 0 : t.y[n],
                 height: t.height[n] < 0 ? 1e-4 : t.height[n] || 0,
                 rx: e.value.style.chart.bars.borderRadius > t.height[n] / 2 ? (t.height[n] < 0 ? 0 : t.height[n]) / 2 : e.value.style.chart.bars.borderRadius,
-                width: y.value * (1 - e.value.style.chart.bars.gapRatio / 2),
+                width: d.value * (1 - e.value.style.chart.bars.gapRatio / 2),
                 fill: `url(#pattern_${O.value}_${t.absoluteIndex})`,
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": e.value.style.chart.bars.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: re({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": H.value })
+                class: re({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": D.value })
               }, null, 10, Na))), 256))
             ])) : h("", !0)
           ], 64)) : (o(), s(v, { key: 2 }, [
             (o(!0), s(v, null, g(t.horizontal_x, (u, n) => (o(), s("rect", {
-              x: d(me)(u, i.value.left),
+              x: y(me)(u, i.value.left),
               y: t.horizontal_y[n] < 0 ? 0 : t.horizontal_y[n],
-              width: d(me)(t.horizontal_width[n] < 0 ? 1e-4 : t.horizontal_width[n]),
+              width: y(me)(t.horizontal_width[n] < 0 ? 1e-4 : t.horizontal_width[n]),
               rx: e.value.style.chart.bars.borderRadius > t.height[n] / 2 ? (t.height[n] < 0 ? 0 : t.height[n]) / 2 : e.value.style.chart.bars.borderRadius,
-              height: y.value * (1 - e.value.style.chart.bars.gapRatio / 2),
+              height: d.value * (1 - e.value.style.chart.bars.gapRatio / 2),
               fill: e.value.style.chart.bars.gradient.show ? `url(#gradient_${t.id})` : t.color,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.bars.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: re({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": H.value })
+              class: re({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": D.value })
             }, null, 10, Ia))), 256)),
             a.$slots.pattern ? (o(), s("g", Oa, [
               (o(!0), s(v, null, g(t.horizontal_x, (u, n) => (o(), s("rect", {
-                x: d(me)(u, i.value.left),
+                x: y(me)(u, i.value.left),
                 y: t.horizontal_y[n] < 0 ? 0 : t.horizontal_y[n],
-                width: d(me)(t.horizontal_width[n] < 0 ? 1e-4 : t.horizontal_width[n]),
+                width: y(me)(t.horizontal_width[n] < 0 ? 1e-4 : t.horizontal_width[n]),
                 rx: e.value.style.chart.bars.borderRadius > t.height[n] / 2 ? (t.height[n] < 0 ? 0 : t.height[n]) / 2 : e.value.style.chart.bars.borderRadius,
-                height: y.value * (1 - e.value.style.chart.bars.gapRatio / 2),
+                height: d.value * (1 - e.value.style.chart.bars.gapRatio / 2),
                 fill: `url(#pattern_${O.value}_${t.absoluteIndex})`,
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": e.value.style.chart.bars.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: re({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": H.value })
+                class: re({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": D.value })
               }, null, 10, Ra))), 256))
             ])) : h("", !0)
           ], 64))
@@ -772,10 +773,10 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
             (o(!0), s(v, null, g(t.x, (u, n) => (o(), s(v, null, [
               tt(t.series[n], t.proportions[n]) ? (o(), s("text", {
                 key: 0,
-                x: u + y.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2,
+                x: u + d.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2,
                 y: t.y[n] + t.height[n] / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
                 "font-size": e.value.style.chart.bars.dataLabels.fontSize,
-                fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? d(ht)(t.color) : e.value.style.chart.bars.dataLabels.color,
+                fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? y(ht)(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 ? Ye(t.proportions[n] * 100, t, l, n) : ce(t.series[n], t, l, n, t.signedSeries[n])), 9, Fa)) : h("", !0)
@@ -785,7 +786,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
             (o(!0), s(v, null, g(Ue.value, (t, l) => (o(), s(v, null, [
               !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (o(), s("text", {
                 key: 0,
-                x: i.value.left + y.value * l + y.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,
@@ -801,9 +802,9 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
               tt(t.series[n], t.proportions[n]) ? (o(), s("text", {
                 key: 0,
                 x: u + (t.horizontal_width[n] < 0 ? 1e-4 : t.horizontal_width[n]) / 2,
-                y: t.horizontal_y[n] + y.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
+                y: t.horizontal_y[n] + d.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
                 "font-size": e.value.style.chart.bars.dataLabels.fontSize,
-                fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? d(ht)(t.color) : e.value.style.chart.bars.dataLabels.color,
+                fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? y(ht)(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 ? Ye(t.proportions[n] * 100, t, l, n) : ce(t.series[n], t, l, n, t.signedSeries[n])), 9, Wa)) : h("", !0)
@@ -814,7 +815,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
               !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 + y.value * l + y.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",
@@ -839,7 +840,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["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"
-          }, $(d(J)({
+          }, $(y(J)({
             p: e.value.style.chart.bars.dataLabels.prefix,
             v: t.value,
             s: e.value.style.chart.bars.dataLabels.suffix,
@@ -862,7 +863,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["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}, ${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})`
-          }, $(d(J)({
+          }, $(y(J)({
             p: e.value.style.chart.bars.dataLabels.prefix,
             v: t.value,
             s: e.value.style.chart.bars.dataLabels.suffix,
@@ -873,11 +874,11 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
           a.$slots["time-label"] ? (o(), s("g", qa, [
             (o(!0), s(v, null, g(V.value, (t, l) => (o(), s("g", null, [
               x(a.$slots, "time-label", Le({ ref_for: !0 }, {
-                x: i.value.left + y.value * l + y.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 + y.value * l + y.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",
@@ -890,7 +891,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
               "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 + y.value * l + y.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"
               },
@@ -903,7 +904,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
             (o(!0), s(v, null, g(V.value, (t, l) => (o(), s("g", null, [
               x(a.$slots, "time-label", Le({ ref_for: !0 }, {
                 x: i.value.left - 8,
-                y: i.value.top + y.value * l + y.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,
@@ -920,7 +921,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["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,
               x: i.value.left - 8,
-              y: i.value.top + y.value * l + y.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"
               },
@@ -929,9 +930,9 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
           ]))
         ], 64)) : h("", !0),
         z.value.showTooltip && e.value.orientation === "vertical" ? (o(!0), s(v, { key: 16 }, g(c.value.end - c.value.start, (t, l) => (o(), s("rect", {
-          x: i.value.left + l * y.value,
+          x: i.value.left + l * d.value,
           y: i.value.top,
-          width: y.value,
+          width: d.value,
           height: i.value.height < 0 ? 0 : i.value.height,
           onClick: (u) => Xe(l),
           onMouseenter: (u) => Ge(l),
@@ -943,9 +944,9 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
         }, null, 44, tl))), 256)) : h("", !0),
         z.value.showTooltip && e.value.orientation === "horizontal" ? (o(!0), s(v, { key: 17 }, g(c.value.end - c.value.start, (t, l) => (o(), s("rect", {
           x: i.value.left,
-          y: i.value.top + l * y.value,
+          y: i.value.top + l * d.value,
           width: i.value.width < 0 ? 0 : i.value.width,
-          height: y.value,
+          height: d.value,
           onClick: (u) => Xe(l),
           onMouseenter: (u) => Ge(l),
           onMouseleave: r[1] || (r[1] = (u) => {
@@ -954,12 +955,12 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
           fill: l === ee.value ? e.value.style.chart.highlighter.color : "transparent",
           style: X({ opacity: e.value.style.chart.highlighter.opacity / 100 })
         }, null, 44, al))), 256)) : h("", !0),
-        x(a.$slots, "svg", F(D({ ...i.value })), void 0, !0)
+        x(a.$slots, "svg", E(F({ ...i.value })), void 0, !0)
       ], 12, fa)) : h("", !0),
       a.$slots.watermark ? (o(), s("div", ll, [
-        x(a.$slots, "watermark", F(D({ isPrinting: d(Ve) || d(Ee) })), void 0, !0)
+        x(a.$slots, "watermark", E(F({ isPrinting: y(Ve) || y(Ee) })), void 0, !0)
       ])) : h("", !0),
-      q.value ? h("", !0) : (o(), Q(d(zt), {
+      q.value ? h("", !0) : (o(), Q(y(wt), {
         key: 5,
         config: {
           type: "bar",
@@ -980,7 +981,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
         style: X(`width:100%;background:${e.value.style.chart.backgroundColor}`),
         "data-dom-to-png-ignore": ""
       }, [
-        e.value.style.chart.zoom.show && A.value > 1 ? (o(), Q(da, {
+        e.value.style.chart.zoom.show && A.value > 1 ? (o(), Q(ha, {
           ref_key: "slicerComponent",
           ref: Z,
           key: `slicer_${Ie.value}`,
@@ -1008,12 +1009,12 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
           onReset: We
         }, {
           "reset-action": C(({ reset: t }) => [
-            x(a.$slots, "reset-action", F(D({ reset: t })), void 0, !0)
+            x(a.$slots, "reset-action", E(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"])) : h("", !0)
       ], 4),
-      oe(d(Ct), {
+      oe(y(zt), {
         show: z.value.showTooltip && se.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -1027,13 +1028,13 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
         parent: j.value,
         content: we.value,
         isFullscreen: ie.value,
-        isCustom: d(dt)(e.value.style.chart.tooltip.customFormat)
+        isCustom: y(dt)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": C(() => [
-          x(a.$slots, "tooltip-before", F(D({ ...ke.value })), void 0, !0)
+          x(a.$slots, "tooltip-before", E(F({ ...ke.value })), void 0, !0)
         ]),
         "tooltip-after": C(() => [
-          x(a.$slots, "tooltip-after", F(D({ ...ke.value })), void 0, !0)
+          x(a.$slots, "tooltip-after", E(F({ ...ke.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
@@ -1041,10 +1042,10 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
         ref_key: "chartLegend",
         ref: Me
       }, [
-        e.value.style.chart.legend.show && q.value ? (o(), Q(ha, {
+        e.value.style.chart.legend.show && q.value ? (o(), Q(va, {
           key: 0,
           legendSet: je.value,
-          config: Vt.value,
+          config: At.value,
           onClickMarker: r[4] || (r[4] = ({ legend: t }) => t.segregate())
         }, it({
           item: C(({ legend: t }) => [
@@ -1058,7 +1059,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
           a.$slots.pattern ? {
             name: "legend-pattern",
             fn: C(({ legend: t, index: l }) => [
-              oe(d(wt), {
+              oe(ya, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
@@ -1081,7 +1082,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
       }, [
         x(a.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      c.value.end - c.value.start < 200 ? (o(), Q(d(mt), {
+      c.value.end - c.value.start < 200 ? (o(), Q(y(mt), {
         key: 7,
         hideDetails: "",
         config: {
@@ -1098,7 +1099,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
         }
       }, {
         content: C(() => [
-          oe(d(pt), {
+          oe(y(pt), {
             colNames: ve.value.colNames,
             head: ve.value.head,
             body: ve.value.body,
@@ -1110,7 +1111,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
               G("div", { innerHTML: t }, null, 8, ol)
             ]),
             td: C(({ td: t }) => [
-              Jt($(isNaN(Number(t)) ? t : d(J)({
+              Gt($(isNaN(Number(t)) ? t : y(J)({
                 p: e.value.style.chart.bars.dataLabels.prefix,
                 v: t,
                 s: e.value.style.chart.bars.dataLabels.suffix,
@@ -1124,7 +1125,7 @@ const ba = ["id"], fa = ["xmlns", "viewBox"], ma = ["x", "y", "width", "height"]
       }, 8, ["config"])) : h("", !0)
     ], 46, ba));
   }
-}, ml = /* @__PURE__ */ ga(sl, [["__scopeId", "data-v-736b36a0"]]);
+}, pl = /* @__PURE__ */ ga(sl, [["__scopeId", "data-v-ec3e4633"]]);
 export {
-  ml as default
+  pl as default
 };