vue-data-ui 3.0.0-next.33 → 3.0.0-next.34

package/dist/{vue-ui-stackbar-CASe4O-t.js → vue-ui-stackbar-B92-pzwh.js}

@@ -1,23 +1,23 @@
-import { defineAsyncComponent as te, useSlots as ga, computed as k, ref as b, onMounted as Lt, toRefs as ba, watch as Fe, shallowRef as zt, onBeforeUnmount as Ct, watchEffect as St, nextTick as _t, createElementBlock as o, openBlock as s, unref as v, normalizeStyle as Z, normalizeClass as ae, createBlock as K, createCommentVNode as y, renderSlot as L, createElementVNode as Q, createVNode as we, createSlots as $t, withCtx as C, normalizeProps as U, guardReactiveProps as H, Fragment as g, renderList as m, mergeProps as De, toDisplayString as M, createTextVNode as fa } from "vue";
-import { u as ma, c as Tt, A as pa, t as xa, p as Le, a as ka, C as le, b as wa, o as Mt, e as At, g as La, d as za, an as ze, ac as Nt, D as It, X as Ca, l as Sa, aa as Ce, F as Rt, i as Se, f as j, I as _a, a0 as $a, x as Ot, q as Ta, r as Ma, y as Aa } from "./index-h6tbqLot.js";
-import { u as Pt } from "./useNestedProp-D059IOwh.js";
-import { t as Ue, u as Na } from "./useResponsive-DfdjqQps.js";
-import { u as Ia } from "./usePrinter-BuJDNOzF.js";
-import { u as Ra } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Oa } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Pa } from "./useTimeLabelCollider-V7AOiPLB.js";
-import Va from "./Legend-DAN5L1lo.js";
-import { S as Ea } from "./Slicer-8WIL9Cfq.js";
-import Fa from "./Title-Bo-MVYcn.js";
-import { _ as Da } from "./Shape-CjeprST6.js";
-import { u as Ua } from "./useTimeLabels-DkzmKfZn.js";
-import Ha from "./img-59KgIaXp.js";
-import { u as Ba, B as Wa } from "./BaseScanner-DIK2NTdp.js";
-import { _ as Ya } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"], qa = { key: 1 }, Za = ["id"], Ka = ["stop-color"], Qa = ["stop-color"], ja = ["stop-color"], el = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], al = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], rl = { key: 0 }, sl = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], ol = { key: 0 }, il = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], nl = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], ul = { key: 0 }, cl = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], hl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], vl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], dl = ["x", "y", "font-size", "fill", "font-weight"], yl = ["transform", "font-size", "fill", "font-weight"], gl = ["x", "y", "font-size", "fill", "font-weight"], bl = ["x", "y", "font-size", "font-weight", "fill"], fl = ["x", "y", "font-size", "fill", "font-weight"], ml = ["x", "y", "font-size", "font-weight", "fill"], pl = ["x1", "x2", "y1", "y2", "stroke"], xl = ["x", "y", "font-size", "font-weight", "fill"], kl = ["x1", "x2", "y1", "y2", "stroke"], wl = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Ll = { key: 0 }, zl = { key: 1 }, Cl = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Sl = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], _l = { key: 0 }, $l = { key: 1 }, Tl = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Ml = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], Al = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], Nl = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], Il = {
+import { defineAsyncComponent as ae, useSlots as fa, computed as x, ref as b, onMounted as Lt, toRefs as ma, watch as Fe, shallowRef as zt, onBeforeUnmount as Ct, watchEffect as St, nextTick as _t, 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 we, createSlots as $t, withCtx as C, normalizeProps as H, guardReactiveProps as U, Fragment as g, renderList as m, mergeProps as De, toDisplayString as M, createTextVNode as pa } from "vue";
+import { u as xa, c as Tt, A as ka, t as wa, p as Le, a as La, C as se, b as za, o as Mt, e as At, g as Ca, d as Sa, an as ze, ac as Nt, D as It, X as _a, l as $a, aa as Ce, F as Rt, i as Se, f as j, I as Ta, a0 as Ma, x as Ot, q as Aa, r as Na, y as Ia } from "./index-BeBasrrG.js";
+import { u as Pt } from "./useNestedProp-BI69cynt.js";
+import { t as He, u as Ra } from "./useResponsive-DfdjqQps.js";
+import { u as Oa } from "./usePrinter-DpTBVYGM.js";
+import { u as Pa } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Va } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Ea } from "./useTimeLabelCollider-CIsgDrl9.js";
+import Fa from "./Legend-De_LcU2x.js";
+import { S as Da } from "./Slicer-BCCGJwNV.js";
+import Ha from "./Title-CbfJu3Bz.js";
+import { _ as Ua } from "./Shape-CJI8rA0G.js";
+import { u as Ba } from "./useTimeLabels-DkzmKfZn.js";
+import Wa from "./img-Domj-5hZ.js";
+import { u as Ya, B as Xa } from "./BaseScanner-DIK2NTdp.js";
+import { _ as Ga } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ja = ["id"], qa = ["xmlns", "viewBox"], Za = ["x", "y", "width", "height"], Ka = { key: 1 }, Qa = ["id"], ja = ["stop-color"], el = ["stop-color"], tl = ["stop-color"], al = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], sl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ol = { key: 0 }, il = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], nl = { key: 0 }, ul = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], cl = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], hl = { key: 0 }, vl = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], yl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], gl = ["x", "y", "font-size", "fill", "font-weight"], bl = ["transform", "font-size", "fill", "font-weight"], fl = ["x", "y", "font-size", "fill", "font-weight"], ml = ["x", "y", "font-size", "font-weight", "fill"], pl = ["x", "y", "font-size", "fill", "font-weight"], xl = ["x", "y", "font-size", "font-weight", "fill"], kl = ["x1", "x2", "y1", "y2", "stroke"], wl = ["x", "y", "font-size", "font-weight", "fill"], Ll = ["x1", "x2", "y1", "y2", "stroke"], zl = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Cl = { key: 0 }, Sl = { key: 1 }, _l = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], $l = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Tl = { key: 0 }, Ml = { key: 1 }, Al = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Nl = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], Il = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], Rl = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], Ol = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, Rl = ["onClick"], Ol = ["innerHTML"], Pl = {
+}, Pl = ["onClick"], Vl = ["innerHTML"], El = {
   __name: "vue-ui-stackbar",
   props: {
     config: {
@@ -35,19 +35,19 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel"],
   setup(_e, { expose: Vt, emit: Et }) {
-    const Ft = te(() => import("./vue-ui-accordion-DyBJ-mad.js")), Dt = te(() => import("./DataTable-CQqQt3fP.js")), Ut = te(() => import("./PackageVersion-DGlLBQOn.js")), Ht = te(() => import("./PenAndPaper-hAK7vneq.js")), Bt = te(() => import("./Tooltip-DD9Ly0Pw.js")), Wt = te(() => import("./UserOptions-dJLhbxrH.js")), { vue_ui_stackbar: Yt } = ma(), Xt = ga(), f = _e, $e = Et, ie = k({
+    const Ft = ae(() => import("./vue-ui-accordion-BBZQktvS.js")), Dt = ae(() => import("./DataTable-DonNp9Tn.js")), Ht = ae(() => import("./PackageVersion-F_KOshQ5.js")), Ut = ae(() => import("./PenAndPaper-BzsPyqiU.js")), Bt = ae(() => import("./Tooltip-BuuVsO8D.js")), Wt = ae(() => import("./UserOptions-32osgWD2.js")), { vue_ui_stackbar: Yt } = xa(), Xt = fa(), f = _e, $e = Et, ne = x({
       get() {
         return !!f.dataset && f.dataset.length;
       },
       set(a) {
         return a;
       }
-    }), P = b(null), V = b(Tt()), ne = b(!1), Te = b(null), Me = b(""), _ = b([]), He = b(0), Be = b(null), We = b(null), Ye = b(null), Xe = b(null), Ge = b(0), ue = b(!1), re = b(null), B = b(!1), Je = b(0), Gt = b(0), Jt = b(0), qe = b(null), Ae = b(null), Ne = b(null), W = b(null), Y = b(null), qt = b(null), Ze = b(null);
+    }), P = b(null), V = b(Tt()), ue = b(!1), Te = b(null), Me = b(""), _ = b([]), Ue = b(0), Be = b(null), We = b(null), Ye = b(null), Xe = b(null), Ge = b(0), ce = b(!1), re = b(null), B = b(!1), Je = b(0), Gt = b(0), Jt = b(0), qe = b(null), Ae = b(null), Ne = b(null), W = b(null), Y = b(null), qt = b(null), Ze = b(null);
     Lt(() => {
       Pe();
     });
-    const e = b(Re()), { loading: ce, FINAL_DATASET: he, manualLoading: ve } = Ba({
-      ...ba(f),
+    const e = b(Re()), { loading: he, FINAL_DATASET: ve, manualLoading: de } = Ya({
+      ...ma(f),
       FINAL_CONFIG: e,
       prepareConfig: Re,
       callback: () => {
@@ -67,7 +67,7 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           color: "#CACACA"
         }
       ],
-      skeletonConfig: pa({
+      skeletonConfig: ka({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -116,26 +116,26 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           }
         }
       })
-    }), { userOptionsVisible: Ie, setUserOptionsVisibility: Ke, keepUserOptionState: Qe } = Ra({ config: e.value }), { svgRef: je } = Oa({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: Ie, setUserOptionsVisibility: Ke, keepUserOptionState: Qe } = Pa({ config: e.value }), { svgRef: je } = Va({ config: e.value.style.chart.title });
     function Re() {
       const a = Pt({
         userConfig: f.config,
         defaultConfig: Yt
       });
-      let r = {};
-      return a.theme ? r = {
+      let s = {};
+      return a.theme ? s = {
         ...Pt({
-          userConfig: ka.vue_ui_stackbar[a.theme] || f.config,
+          userConfig: La.vue_ui_stackbar[a.theme] || f.config,
           defaultConfig: a
         }),
-        customPalette: xa[a.theme] || Le
-      } : r = a, f.config && le(f.config, "style.chart.grid.scale.scaleMin") ? r.style.chart.grid.scale.scaleMin = f.config.style.chart.grid.scale.scaleMin : r.style.chart.grid.scale.scaleMin = null, f.config && le(f.config, "style.chart.grid.scale.scaleMax") ? r.style.chart.grid.scale.scaleMax = f.config.style.chart.grid.scale.scaleMax : r.style.chart.grid.scale.scaleMax = null, f.config && le(f.config, "style.chart.zoom.startIndex") ? r.style.chart.zoom.startIndex = f.config.style.chart.zoom.startIndex : r.style.chart.zoom.startIndex = null, f.config && le(f.config, "style.chart.zoom.endIndex") ? r.style.chart.zoom.endIndex = f.config.style.chart.zoom.endIndex : r.style.chart.zoom.endIndex = null, f.config && le(f.config, "style.chart.bars.dataLabels.hideUnderValue") ? r.style.chart.bars.dataLabels.hideUnderValue = f.config.style.chart.bars.dataLabels.hideUnderValue : r.style.chart.bars.dataLabels.hideUnderValue = null, f.config && le(f.config, "style.chart.bars.dataLabels.hideUnderPercentage") ? r.style.chart.bars.dataLabels.hideUnderPercentage = f.config.style.chart.bars.dataLabels.hideUnderPercentage : r.style.chart.bars.dataLabels.hideUnderPercentage = null, r;
+        customPalette: wa[a.theme] || Le
+      } : s = a, f.config && se(f.config, "style.chart.grid.scale.scaleMin") ? s.style.chart.grid.scale.scaleMin = f.config.style.chart.grid.scale.scaleMin : s.style.chart.grid.scale.scaleMin = null, f.config && se(f.config, "style.chart.grid.scale.scaleMax") ? s.style.chart.grid.scale.scaleMax = f.config.style.chart.grid.scale.scaleMax : s.style.chart.grid.scale.scaleMax = null, f.config && se(f.config, "style.chart.zoom.startIndex") ? s.style.chart.zoom.startIndex = f.config.style.chart.zoom.startIndex : s.style.chart.zoom.startIndex = null, f.config && se(f.config, "style.chart.zoom.endIndex") ? s.style.chart.zoom.endIndex = f.config.style.chart.zoom.endIndex : s.style.chart.zoom.endIndex = null, f.config && se(f.config, "style.chart.bars.dataLabels.hideUnderValue") ? s.style.chart.bars.dataLabels.hideUnderValue = f.config.style.chart.bars.dataLabels.hideUnderValue : s.style.chart.bars.dataLabels.hideUnderValue = null, f.config && se(f.config, "style.chart.bars.dataLabels.hideUnderPercentage") ? s.style.chart.bars.dataLabels.hideUnderPercentage = f.config.style.chart.bars.dataLabels.hideUnderPercentage : s.style.chart.bars.dataLabels.hideUnderPercentage = null, s;
     }
-    const et = k(() => e.value.style.chart.bars.dataLabels.hideUnderValue !== null), tt = k(() => e.value.style.chart.bars.dataLabels.hideUnderPercentage !== null);
+    const et = x(() => e.value.style.chart.bars.dataLabels.hideUnderValue !== null), tt = x(() => e.value.style.chart.bars.dataLabels.hideUnderPercentage !== null);
     Fe(() => f.config, (a) => {
-      ce.value || (e.value = Re()), Ie.value = !e.value.userOptions.showOnChartHover, Pe(), Je.value += 1, Gt.value += 1, Jt.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;
+      he.value || (e.value = Re()), Ie.value = !e.value.userOptions.showOnChartHover, Pe(), Je.value += 1, Gt.value += 1, Jt.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 }), Fe(() => f.dataset, (a) => {
-      Array.isArray(a) && a.length > 0 && (ve.value = !1), nt();
+      Array.isArray(a) && a.length > 0 && (de.value = !1), nt();
     }, { deep: !0 });
     const z = b({
       dataLabels: {
@@ -153,11 +153,11 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    const { isPrinting: at, isImaging: lt, generatePdf: rt, generateImage: st } = Ia({
+    const { isPrinting: at, isImaging: lt, generatePdf: st, generateImage: rt } = Oa({
       elementId: `stackbar_${V.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-stackbar",
       options: e.value.userOptions.print
-    }), de = b({
+    }), ee = b({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height,
       paddingRatio: {
@@ -166,35 +166,35 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["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
       }
-    }), Zt = k(() => wa(e.value.customPalette)), E = zt(null), ee = zt(null), ot = b(null);
+    }), Zt = x(() => za(e.value.customPalette)), E = zt(null), te = zt(null), ot = b(null);
     Lt(() => {
       Pe();
     });
-    const Oe = k(() => !!e.value.debug);
+    const Oe = x(() => !!e.value.debug);
     function Pe() {
       if (Mt(f.dataset) ? (At({
         componentName: "VueUiStackbar",
         type: "dataset",
         debug: Oe.value
-      }), ve.value = !0) : f.dataset.forEach((a, r) => {
-        La({
+      }), de.value = !0) : f.dataset.forEach((a, s) => {
+        Ca({
           datasetObject: a,
           requiredAttributes: ["name", "series"]
         }).forEach((t) => {
-          ie.value = !1, At({
+          ne.value = !1, At({
             componentName: "VueUiStackbar",
             type: "datasetSerieAttribute",
             property: t,
-            index: r,
+            index: s,
             debug: Oe.value
-          }), ve.value = !0;
+          }), de.value = !0;
         });
-      }), Mt(f.dataset) || (ve.value = e.value.loading), setTimeout(() => {
+      }), Mt(f.dataset) || (de.value = e.value.loading), setTimeout(() => {
         B.value = !0;
       }, 10), e.value.responsive) {
-        const a = Ue(() => {
+        const a = He(() => {
           B.value = !1;
-          const { width: r, height: t } = Na({
+          const { width: s, height: t } = Ra({
             chart: P.value,
             title: e.value.style.chart.title.text ? Be.value : null,
             legend: e.value.style.chart.legend.show ? We.value : null,
@@ -202,17 +202,17 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
             source: Xe.value
           });
           requestAnimationFrame(() => {
-            de.value.width = r, de.value.height = t - 12, clearTimeout(ot.value), ot.value = setTimeout(() => {
+            ee.value.width = s, ee.value.height = t - 12, clearTimeout(ot.value), ot.value = setTimeout(() => {
               B.value = !0;
             }, 10);
           });
         });
-        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);
+        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);
       }
       Ve();
     }
     Ct(() => {
-      E.value && (ee.value && E.value.unobserve(ee.value), E.value.disconnect());
+      E.value && (te.value && E.value.unobserve(te.value), E.value.disconnect());
     });
     function Kt() {
       let a = 0;
@@ -223,47 +223,47 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         const u = c.getComputedTextLength();
         return u > l ? u : l;
       }, 0));
-      const r = Ne.value ? Ne.value.getBoundingClientRect().width : 0;
-      return a + r + (r ? 24 : 0);
+      const s = Ne.value ? Ne.value.getBoundingClientRect().width : 0;
+      return a + s + (s ? 24 : 0);
     }
-    const ye = b(0), ge = b(0), Qt = Ue((a) => {
+    const ye = b(0), ge = b(0), Qt = He((a) => {
       ye.value = a;
     }, 100);
     St((a) => {
-      const r = e.value.orientation === "vertical" ? Y.value : W.value;
-      if (!r) return;
+      const s = e.value.orientation === "vertical" ? Y.value : W.value;
+      if (!s) return;
       const t = new ResizeObserver((l) => {
         Qt(l[0].contentRect.height);
       });
-      t.observe(r), a(() => t.disconnect());
+      t.observe(s), a(() => t.disconnect());
     });
-    const jt = Ue((a) => {
+    const jt = He((a) => {
       ge.value = a + e.value.style.chart.bars.totalValues.fontSize;
     }, 100);
     St((a) => {
       if (e.value.orientation === "vertical") return;
-      const r = Ze.value;
-      if (!r) return;
+      const s = Ze.value;
+      if (!s) return;
       const t = new ResizeObserver((l) => {
         jt(l[0].contentRect.width);
       });
-      t.observe(r), a(() => t.disconnect());
+      t.observe(s), a(() => t.disconnect());
     }), Ct(() => {
       ye.value = 0, ge.value = 0;
     });
-    const it = k(() => {
+    const it = x(() => {
       let a = 0;
       Ae.value && (a = Ae.value.getBBox().height);
-      let r = 0;
-      return e.value.orientation === "vertical" && Y.value && (r = ye.value), e.value.orientation === "horizontal" && W.value && (r = ye.value), a + r;
-    }), n = k(() => {
-      const { height: a, width: r } = de.value, { right: t } = de.value.paddingRatio;
+      let s = 0;
+      return e.value.orientation === "vertical" && Y.value && (s = ye.value), e.value.orientation === "horizontal" && W.value && (s = ye.value), a + s;
+    }), n = x(() => {
+      const { height: a, width: s } = ee.value, { right: t } = ee.value.paddingRatio;
       let l = 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 = Kt());
-      const u = e.value.style.chart.padding.top + l, S = r - r * t - ge.value, X = a - e.value.style.chart.padding.bottom - it.value - l, G = e.value.style.chart.padding.left + c, J = r - G - r * t - ge.value, R = a - u - e.value.style.chart.padding.bottom - it.value - l;
+      const u = e.value.style.chart.padding.top + l, S = s - s * t - ge.value, X = a - e.value.style.chart.padding.bottom - it.value - l, G = e.value.style.chart.padding.left + c, J = s - G - s * t - ge.value, R = a - u - e.value.style.chart.padding.bottom - it.value - l;
       return {
         chartHeight: a,
-        chartWidth: r,
+        chartWidth: s,
         top: u,
         right: S,
         bottom: X,
@@ -271,54 +271,54 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         width: Math.max(0, J),
         height: Math.max(0, R)
       };
-    }), F = k(() => he.value.map((a, r) => {
-      const t = za(a.color) || Zt.value[r] || Le[r] || Le[r % Le.length];
+    }), F = x(() => ve.value.map((a, s) => {
+      const t = Sa(a.color) || Zt.value[s] || Le[s] || Le[s % Le.length];
       return {
         ...a,
         // In distributed mode, all values are converted to positive
         series: JSON.parse(JSON.stringify(a.series)).map((l) => e.value.style.chart.bars.distributed ? Math.abs(l) : l),
         // Store signs to manage display of neg values in distributed mode
         signedSeries: a.series.map((l) => l >= 0 ? 1 : -1),
-        absoluteIndex: r,
+        absoluteIndex: s,
         id: Tt(),
         color: t
       };
-    })), D = k(() => Math.max(...F.value.filter((a) => !_.value.includes(a.id)).map((a) => a.series.length))), h = b({
+    })), D = x(() => Math.max(...F.value.filter((a) => !_.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(...ve.value.map((a) => a.series.length))
     });
     function nt() {
       Ve();
     }
     async function Ve() {
       await _t(), await _t();
-      const { startIndex: a, endIndex: r } = e.value.style.chart.zoom, t = qe.value, l = Math.max(...he.value.map((c) => c.series.length));
-      (a != null || r != null) && t ? (a != null && t.setStartValue(a), r != null && t.setEndValue(ea(r + 1))) : (h.value = { start: 0, end: l }, Ge.value += 1);
+      const { startIndex: a, endIndex: s } = e.value.style.chart.zoom, t = qe.value, l = Math.max(...ve.value.map((c) => c.series.length));
+      (a != null || s != null) && t ? (a != null && t.setStartValue(a), s != null && t.setEndValue(ea(s + 1))) : (h.value = { start: 0, end: l }, Ge.value += 1);
     }
     function ea(a) {
-      const r = Math.max(...he.value.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 s = Math.max(...ve.value.map((t) => t.series.length));
+      return a > s ? s : 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 = k(() => {
+    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;
-    }), se = k(() => ze(F.value.filter((a) => !_.value.includes(a.id))).slice(h.value.start, h.value.end)), ta = k(() => ze(F.value.filter((a) => !_.value.includes(a.id)).map((a) => ({
+    }), oe = x(() => ze(F.value.filter((a) => !_.value.includes(a.id))).slice(h.value.start, h.value.end)), ta = x(() => ze(F.value.filter((a) => !_.value.includes(a.id)).map((a) => ({
       ...a,
-      series: a.series.map((r, t) => a.signedSeries[t] === -1 && r >= 0 ? -r : r)
-    }))).slice(h.value.start, h.value.end)), be = k(() => {
-      const a = F.value.filter((r) => !_.value.includes(r.id));
+      series: a.series.map((s, t) => a.signedSeries[t] === -1 && s >= 0 ? -s : s)
+    }))).slice(h.value.start, h.value.end)), be = x(() => {
+      const a = F.value.filter((s) => !_.value.includes(s.id));
       return {
-        positive: ze(a.map((r) => ({
-          ...r,
-          series: r.series.slice(h.value.start, h.value.end).map((t) => t >= 0 ? t : 0)
+        positive: ze(a.map((s) => ({
+          ...s,
+          series: s.series.slice(h.value.start, h.value.end).map((t) => t >= 0 ? t : 0)
         }))),
-        negative: ze(a.map((r) => ({
-          ...r,
-          series: r.series.slice(h.value.start, h.value.end).map((t) => t < 0 ? t : 0)
+        negative: ze(a.map((s) => ({
+          ...s,
+          series: s.series.slice(h.value.start, h.value.end).map((t) => t < 0 ? t : 0)
         })))
       };
-    }), I = k(() => {
-      const a = e.value.style.chart.grid.scale.scaleMax !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMax : Math.max(...be.value.positive), r = Math.min(...be.value.negative), t = e.value.style.chart.grid.scale.scaleMin !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMin : [-1 / 0, 1 / 0, NaN, void 0, null].includes(r) ? 0 : r, l = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Nt(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks) : It(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks);
+    }), 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(...be.value.positive), s = Math.min(...be.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(s) ? 0 : s, l = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Nt(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks) : It(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks);
       return l.ticks.map((c) => ({
         zero: n.value.bottom - n.value.height * (Math.abs(l.min) / (l.max + Math.abs(l.min))),
         y: n.value.bottom - n.value.height * ((c + Math.abs(l.min)) / (l.max + Math.abs(l.min))),
@@ -328,50 +328,50 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         horizontal_y: n.value.bottom - 8,
         value: c
       }));
-    }), $ = k(() => Ua({
+    }), $ = x(() => Ba({
       values: e.value.style.chart.grid.x.timeLabels.values,
       maxDatapoints: D.value,
       formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
       start: h.value.start,
       end: h.value.end
-    })), w = k(() => {
-      if (!ie.value && !ce.value) return [];
-      let a = Array(D.value).fill(0), r = Array(D.value).fill(0), t = Array(D.value).fill(0), l = Array(D.value).fill(0);
+    })), w = x(() => {
+      if (!ne.value && !he.value) return [];
+      let a = Array(D.value).fill(0), s = Array(D.value).fill(0), t = Array(D.value).fill(0), l = Array(D.value).fill(0);
       const c = Math.max(...be.value.positive) || 0, u = Math.min(...be.value.negative), S = [-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) ? Nt(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : S > 0 ? 0 : S, 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) : It(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : S > 0 ? 0 : S, 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, ke = n.value.width, kt = I.value[0] ? I.value[0].zero : n.value.bottom, wt = I.value[0] ? I.value[0].horizontal_zero : n.value.left;
-      return F.value.filter((oe) => !_.value.includes(oe.id)).map((oe) => {
-        const O = oe.series.slice(h.value.start, h.value.end), ia = oe.signedSeries.slice(h.value.start, h.value.end), na = O.map((p, x) => n.value.left + d.value * x + d.value * e.value.style.chart.bars.gapRatio / 4), ua = O.map((p, x) => n.value.top + d.value * x + d.value * e.value.style.chart.bars.gapRatio / 4), ca = O.map((p, x) => {
-          const A = e.value.style.chart.bars.distributed ? (p || 0) / se.value[x] : (p || 0) / R;
+      return F.value.filter((ie) => !_.value.includes(ie.id)).map((ie) => {
+        const O = ie.series.slice(h.value.start, h.value.end), ua = ie.signedSeries.slice(h.value.start, h.value.end), ca = O.map((p, k) => n.value.left + d.value * k + d.value * e.value.style.chart.bars.gapRatio / 4), ha = O.map((p, k) => n.value.top + d.value * k + d.value * e.value.style.chart.bars.gapRatio / 4), va = 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 = kt - N - a[x], a[x] += N) : (N = T * A, q = kt + t[x], t[x] += Math.abs(N)), q;
-        }), ha = O.map((p, x) => {
-          const A = e.value.style.chart.bars.distributed ? (p || 0) / se.value[x] : (p || 0) / R;
+          return p > 0 ? (N = T * A, q = kt - N - a[k], a[k] += N) : (N = T * A, q = kt + t[k], t[k] += Math.abs(N)), q;
+        }), da = 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 = ke * A, q = wt + r[x], r[x] += N) : (N = ke * A, q = wt - Math.abs(N) - l[x], l[x] += Math.abs(N)), q;
-        }), va = O.map((p, x) => {
-          const A = e.value.style.chart.bars.distributed ? (p || 0) / se.value[x] : (p || 0) / R;
+          return p > 0 ? (N = ke * A, q = wt + s[k], s[k] += N) : (N = ke * A, q = wt - Math.abs(N) - l[k], l[k] += Math.abs(N)), q;
+        }), ya = O.map((p, k) => {
+          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);
-        }), da = O.map((p, x) => {
-          const A = e.value.style.chart.bars.distributed ? (p || 0) / se.value[x] : (p || 0) / R;
+        }), ga = O.map((p, k) => {
+          const A = e.value.style.chart.bars.distributed ? (p || 0) / oe.value[k] : (p || 0) / R;
           return p > 0 ? ke * A : ke * Math.abs(A);
-        }), ya = O.map((p) => Math.abs(p)).reduce((p, x) => p + x, 0);
+        }), ba = O.map((p) => Math.abs(p)).reduce((p, k) => p + k, 0);
         return {
-          ...oe,
-          proportions: O.map((p, x) => e.value.style.chart.bars.distributed ? (p || 0) / se.value[x] : (p || 0) / ya),
+          ...ie,
+          proportions: O.map((p, k) => e.value.style.chart.bars.distributed ? (p || 0) / oe.value[k] : (p || 0) / ba),
           series: O,
-          signedSeries: ia,
-          x: na,
-          y: ca,
-          height: va,
-          horizontal_width: da,
-          horizontal_y: ua,
-          horizontal_x: ha
+          signedSeries: ua,
+          x: ca,
+          y: va,
+          height: ya,
+          horizontal_width: ga,
+          horizontal_y: ha,
+          horizontal_x: da
         };
       });
-    }), ut = k(() => ta.value.map((a, r) => ({
+    }), ut = x(() => ta.value.map((a, s) => ({
       value: a,
       sign: a >= 0 ? 1 : -1
     })));
-    function fe(a, r, t, l, c) {
+    function fe(a, s, t, l, c) {
       const u = c === -1 && a >= 0 ? -a : a;
       return Se(
         e.value.style.chart.bars.dataLabels.formatter,
@@ -382,10 +382,10 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           s: e.value.style.chart.bars.dataLabels.suffix,
           r: e.value.style.chart.bars.dataLabels.rounding
         }),
-        { datapoint: r, seriesIndex: t, datapointIndex: l }
+        { datapoint: s, seriesIndex: t, datapointIndex: l }
       );
     }
-    function ct(a, r, t, l) {
+    function ct(a, s, t, l) {
       return Se(
         e.value.style.chart.bars.dataLabels.formatter,
         a,
@@ -394,22 +394,22 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           s: "%",
           r: e.value.style.chart.bars.dataLabels.rounding
         }),
-        { datapoint: r, seriesIndex: t, datapointIndex: l }
+        { datapoint: s, seriesIndex: t, datapointIndex: l }
       );
     }
     function ht(a) {
-      const r = JSON.parse(JSON.stringify(w.value)).map((t) => ({
+      const s = JSON.parse(JSON.stringify(w.value)).map((t) => ({
         name: t.name,
         value: t.series[a] === 0 ? 0 : t.series[a] || null,
         proportion: t.proportions[a] || null,
         color: t.color,
         id: t.id
       }));
-      $e("selectDatapoint", { datapoint: r, period: $.value[a] });
+      $e("selectDatapoint", { datapoint: s, period: $.value[a] });
     }
     function vt(a) {
-      re.value = a, ne.value = !0;
-      const r = e.value.style.chart.tooltip.customFormat, t = JSON.parse(JSON.stringify(w.value)).map((c) => ({
+      re.value = a, ue.value = !0;
+      const s = e.value.style.chart.tooltip.customFormat, t = JSON.parse(JSON.stringify(w.value)).map((c) => ({
         name: c.name,
         absoluteIndex: c.absoluteIndex,
         value: c.series[a] === 0 ? 0 : (c.signedSeries[a] === -1 && c.series[a] >= 0 ? -c.series[a] : c.series[a]) || null,
@@ -424,13 +424,13 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         series: w.value
       };
       const l = t.map((c) => Math.abs(c.value)).reduce((c, u) => c + u, 0);
-      if (Ot(r) && Aa(() => r({
+      if (Ot(s) && Ia(() => s({
         seriesIndex: a,
         datapoint: t,
         series: w.value,
         config: e.value
       })))
-        Me.value = r({
+        Me.value = s({
           seriesIndex: a,
           datapoint: t,
           series: w.value,
@@ -470,17 +470,20 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         }), Me.value = `<div>${J}</div>`;
       }
     }
-    Pa({
+    const aa = x(() => ee.value.width), la = x(() => ee.value.height);
+    Ea({
       timeLabelsEls: e.value.orientation === "vertical" ? Y : W,
       timeLabels: $,
       slicer: h,
       configRef: e,
       rotationPath: ["style", "chart", "grid", "x", "timeLabels", "rotation"],
       autoRotatePath: ["style", "chart", "grid", "x", "timeLabels", "autoRotate"],
-      isAutoSize: !1
+      isAutoSize: !1,
+      width: aa,
+      height: la
     });
     function dt(a) {
-      ue.value = a, He.value += 1;
+      ce.value = a, Ue.value += 1;
     }
     function yt() {
       z.value.showTable = !z.value.showTable;
@@ -491,32 +494,32 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
     function bt() {
       z.value.showTooltip = !z.value.showTooltip;
     }
-    function aa() {
+    function sa() {
       return w.value;
     }
-    const ft = k(() => {
+    const ft = x(() => {
       if (w.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
       const a = w.value.map(({ name: t, color: l }) => ({
         label: t,
         color: l
-      })), r = [];
+      })), s = [];
       return $.value.forEach((t) => {
         const l = [e.value.style.chart.grid.x.timeLabels.values[t.absoluteIndex] ? t.text : i + 1];
         F.value.forEach((c) => {
           l.push(Number((c.series[t.absoluteIndex] || 0).toFixed(e.value.table.td.roundingValue)));
-        }), r.push(l);
-      }), { head: a, body: r };
+        }), s.push(l);
+      }), { head: a, body: s };
     });
     function mt(a = null) {
-      const r = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], t = ["", ...ft.value.head.map((S) => S.label)], l = ft.value.body, c = r.concat([t]).concat(l), u = Ta(c);
-      a ? a(u) : Ma({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
+      const s = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], t = ["", ...ft.value.head.map((S) => S.label)], l = ft.value.body, c = s.concat([t]).concat(l), u = Aa(c);
+      a ? a(u) : Na({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
     }
-    const me = k(() => {
+    const me = 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 r = [];
+      let s = [];
       for (let c = 0; c < D.value; c += 1) {
         const u = w.value.map((S) => S.series[c] ?? 0).reduce((S, X) => S + X, 0);
-        r.push([e.value.style.chart.grid.x.timeLabels.values.slice(h.value.start, h.value.end)[c] ? $.value[c].text : c + 1].concat(w.value.map((S) => (S.series[c] ?? 0).toFixed(e.value.table.td.roundingValue))).concat((u ?? 0).toFixed(e.value.table.td.roundingValue)));
+        s.push([e.value.style.chart.grid.x.timeLabels.values.slice(h.value.start, h.value.end)[c] ? $.value[c].text : c + 1].concat(w.value.map((S) => (S.series[c] ?? 0).toFixed(e.value.table.td.roundingValue))).concat((u ?? 0).toFixed(e.value.table.td.roundingValue)));
       }
       const t = {
         th: {
@@ -531,25 +534,25 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         },
         breakpoint: e.value.table.responsiveBreakpoint
       }, l = [e.value.table.columnNames.period].concat(w.value.map((c) => c.name)).concat(e.value.table.columnNames.total);
-      return { head: a, body: r.slice(0, h.value.end - h.value.start), config: t, colNames: l };
+      return { head: a, body: s.slice(0, h.value.end - h.value.start), config: t, colNames: l };
     });
-    function la(a, r) {
-      if ($e("selectLegend", w.value.find((t) => t.absoluteIndex === a)), _.value.includes(r.id))
-        _.value = _.value.filter((t) => t !== r.id);
+    function ra(a, s) {
+      if ($e("selectLegend", w.value.find((t) => t.absoluteIndex === a)), _.value.includes(s.id))
+        _.value = _.value.filter((t) => t !== s.id);
       else {
         if (_.value.length === F.value.length - 1) return;
-        _.value.push(r.id);
+        _.value.push(s.id);
       }
     }
-    const pt = k(() => F.value.map((a, r) => ({
+    const pt = x(() => F.value.map((a, s) => ({
       ...a,
       shape: "square"
     })).map((a) => ({
       ...a,
       opacity: _.value.includes(a.id) ? 0.5 : 1,
-      segregate: () => la(a.absoluteIndex, a),
+      segregate: () => ra(a.absoluteIndex, a),
       isSegregated: _.value.includes(a.id)
-    }))), ra = k(() => ({
+    }))), oa = x(() => ({
       cy: "stackbar-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -560,11 +563,11 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
     function Ee() {
       pe.value = !pe.value;
     }
-    function xe(a, r) {
+    function xe(a, s) {
       const t = JSON.parse(JSON.stringify(w.value)).map((l) => ({
         name: l.name,
-        value: l.series[r] === 0 ? 0 : (l.signedSeries[r] === -1 && l.series[r] >= 0 ? -l.series[r] : l.series[r]) || null,
-        proportion: l.proportions[r] || null,
+        value: l.series[s] === 0 ? 0 : (l.signedSeries[s] === -1 && l.series[s] >= 0 ? -l.series[s] : l.series[s]) || null,
+        proportion: l.proportions[s] || null,
         color: l.color,
         id: l.id
       }));
@@ -574,43 +577,43 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         label: a.text
       });
     }
-    const sa = k(() => Math.max(...w.value.flatMap((a) => a.series)));
-    function xt(a, r) {
-      return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? tt.value ? r * 100 >= e.value.style.chart.bars.dataLabels.hideUnderPercentage : e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? r > 0 : !0 : tt.value ? (et.value && Oe.value && console.warn("Vue Data UI - VueUiStackbar - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case."), a > sa.value * e.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : et.value ? Math.abs(a) >= e.value.style.chart.bars.dataLabels.hideUnderValue : e.value.style.chart.bars.dataLabels.hideEmptyValues ? a !== 0 : !0;
+    const ia = x(() => Math.max(...w.value.flatMap((a) => a.series)));
+    function xt(a, s) {
+      return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? tt.value ? s * 100 >= e.value.style.chart.bars.dataLabels.hideUnderPercentage : e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? s > 0 : !0 : tt.value ? (et.value && Oe.value && console.warn("Vue Data UI - VueUiStackbar - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case."), a > ia.value * e.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : et.value ? Math.abs(a) >= e.value.style.chart.bars.dataLabels.hideUnderValue : e.value.style.chart.bars.dataLabels.hideEmptyValues ? a !== 0 : !0;
     }
-    async function oa({ scale: a = 2 } = {}) {
+    async function na({ scale: a = 2 } = {}) {
       if (!P.value) return;
-      const { width: r, height: t } = P.value.getBoundingClientRect(), l = r / t, { imageUri: c, base64: u } = await Ha({ domElement: P.value, base64: !0, img: !0, scale: a });
+      const { width: s, height: t } = P.value.getBoundingClientRect(), l = s / t, { imageUri: c, base64: u } = await Wa({ domElement: P.value, base64: !0, img: !0, scale: a });
       return {
         imageUri: c,
         base64: u,
         title: e.value.style.chart.title.text,
-        width: r,
+        width: s,
         height: t,
         aspectRatio: l
       };
     }
     return Vt({
-      getData: aa,
-      getImage: oa,
-      generatePdf: rt,
+      getData: sa,
+      getImage: na,
+      generatePdf: st,
       generateCsv: mt,
-      generateImage: st,
+      generateImage: rt,
       toggleTable: yt,
       toggleLabels: gt,
       toggleTooltip: bt,
       toggleAnnotator: Ee,
       toggleFullscreen: dt
-    }), (a, r) => (s(), o("div", {
+    }), (a, s) => (r(), o("div", {
       id: `stackbar_${V.value}`,
       ref_key: "stackbarChart",
       ref: P,
-      class: ae({ "vue-ui-stackbar": !0, "vue-data-ui-wrapper-fullscreen": ue.value }),
+      class: le({ "vue-ui-stackbar": !0, "vue-data-ui-wrapper-fullscreen": ce.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: r[6] || (r[6] = () => v(Ke)(!0)),
-      onMouseleave: r[7] || (r[7] = () => v(Ke)(!1))
+      onMouseenter: s[6] || (s[6] = () => v(Ke)(!0)),
+      onMouseleave: s[7] || (s[7] = () => v(Ke)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), K(v(Ht), {
+      e.value.userOptions.buttons.annotator ? (r(), K(v(Ut), {
         key: 0,
         svgRef: v(je),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -619,13 +622,13 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         onClose: Ee
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
       L(a.$slots, "userConfig", {}, void 0, !0),
-      e.value.style.chart.title.text ? (s(), o("div", {
+      e.value.style.chart.title.text ? (r(), o("div", {
         key: 1,
         ref_key: "chartTitle",
         ref: Be,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (s(), K(Fa, {
+        (r(), K(Ha, {
           key: `title_${Je.value}`,
           config: {
             title: {
@@ -639,9 +642,9 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && ie.value && (v(Qe) || v(Ie)) ? (s(), K(v(Wt), {
+      e.value.userOptions.show && ne.value && (v(Qe) || v(Ie)) ? (r(), K(v(Wt), {
         ref: "details",
-        key: `user_option_${He.value}`,
+        key: `user_option_${Ue.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: v(at),
@@ -654,7 +657,7 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         hasTable: e.value.userOptions.buttons.table,
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: ue.value,
+        isFullscreen: ce.value,
         chartElement: P.value,
         position: e.value.userOptions.position,
         isTooltip: z.value.showTooltip,
@@ -664,9 +667,9 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         onToggleFullscreen: dt,
-        onGeneratePdf: v(rt),
+        onGeneratePdf: v(st),
         onGenerateCsv: mt,
-        onGenerateImage: v(st),
+        onGenerateImage: v(rt),
         onToggleTable: yt,
         onToggleLabels: gt,
         onToggleTooltip: bt,
@@ -678,7 +681,7 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: C(({ isOpen: t, color: l }) => [
-            L(a.$slots, "menuIcon", U(H({ isOpen: t, color: l })), void 0, !0)
+            L(a.$slots, "menuIcon", H(U({ isOpen: t, color: l })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -727,28 +730,28 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: C(({ toggleFullscreen: t, isFullscreen: l }) => [
-            L(a.$slots, "optionFullscreen", U(H({ toggleFullscreen: t, isFullscreen: l })), void 0, !0)
+            L(a.$slots, "optionFullscreen", H(U({ toggleFullscreen: t, isFullscreen: l })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: C(({ toggleAnnotator: t, isAnnotator: l }) => [
-            L(a.$slots, "optionAnnotator", U(H({ toggleAnnotator: t, isAnnotator: l })), void 0, !0)
+            L(a.$slots, "optionAnnotator", H(U({ toggleAnnotator: t, isAnnotator: l })), void 0, !0)
           ]),
           key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
-      (s(), o("svg", {
+      (r(), o("svg", {
         ref_key: "svgRef",
         ref: je,
-        xmlns: v(Ca),
+        xmlns: v(_a),
         viewBox: `0 0 ${n.value.chartWidth <= 0 ? 10 : n.value.chartWidth} ${n.value.chartHeight <= 0 ? 10 : n.value.chartHeight}`,
-        class: ae({ "vue-data-ui-loading": v(ce) }),
+        class: le({ "vue-data-ui-loading": v(he) }),
         style: Z(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        we(v(Ut)),
-        a.$slots["chart-background"] ? (s(), o("foreignObject", {
+        we(v(Ht)),
+        a.$slots["chart-background"] ? (r(), o("foreignObject", {
           key: 0,
           x: n.value.left,
           y: n.value.top,
@@ -759,9 +762,9 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           }
         }, [
           L(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ja)) : y("", !0),
-        e.value.style.chart.bars.gradient.show ? (s(), o("defs", qa, [
-          (s(!0), o(g, null, m(w.value, (t, l) => (s(), o("linearGradient", {
+        ], 8, Za)) : y("", !0),
+        e.value.style.chart.bars.gradient.show ? (r(), o("defs", Ka, [
+          (r(!0), o(g, null, m(w.value, (t, l) => (r(), o("linearGradient", {
             id: `gradient_${t.id}`,
             x1: "0%",
             y1: "0%",
@@ -771,18 +774,18 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
             Q("stop", {
               offset: "0%",
               "stop-color": t.color
-            }, null, 8, Ka),
+            }, null, 8, ja),
             Q("stop", {
               offset: "61.8%",
-              "stop-color": v(Sa)(t.color, e.value.style.chart.bars.gradient.intensity / 100)
-            }, null, 8, Qa),
+              "stop-color": v($a)(t.color, e.value.style.chart.bars.gradient.intensity / 100)
+            }, null, 8, el),
             Q("stop", {
               offset: "100%",
               "stop-color": t.color
-            }, null, 8, ja)
-          ], 8, Za))), 256))
+            }, null, 8, tl)
+          ], 8, Qa))), 256))
         ])) : y("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (s(!0), o(g, { key: 2 }, m(I.value, (t, l) => (s(), o("line", {
+        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (r(!0), o(g, { key: 2 }, m(I.value, (t, l) => (r(), o("line", {
           x1: n.value.left,
           x2: n.value.right,
           y1: t.y,
@@ -791,8 +794,8 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           "stroke-width": e.value.style.chart.grid.x.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.x.linesStrokeDasharray,
           "stroke-linecap": "round"
-        }, null, 8, el))), 256)) : y("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (s(!0), o(g, { key: 3 }, m(h.value.end - h.value.start + 1, (t, l) => (s(), o("line", {
+        }, null, 8, al))), 256)) : y("", !0),
+        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (r(!0), o(g, { key: 3 }, m(h.value.end - h.value.start + 1, (t, l) => (r(), o("line", {
           x1: n.value.left,
           x2: n.value.right,
           y1: n.value.top + d.value * l,
@@ -801,8 +804,8 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           "stroke-width": e.value.style.chart.grid.x.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.x.linesStrokeDasharray,
           "stroke-linecap": "round"
-        }, null, 8, tl))), 256)) : y("", !0),
-        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (s(!0), o(g, { key: 4 }, m(h.value.end - h.value.start + 1, (t, l) => (s(), o("line", {
+        }, null, 8, ll))), 256)) : y("", !0),
+        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (r(!0), o(g, { key: 4 }, m(h.value.end - h.value.start + 1, (t, l) => (r(), o("line", {
           x1: n.value.left + d.value * l,
           x2: n.value.left + d.value * l,
           y1: n.value.top,
@@ -811,8 +814,8 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           "stroke-width": e.value.style.chart.grid.y.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
           "stroke-linecap": "round"
-        }, null, 8, al))), 256)) : y("", !0),
-        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "horizontal" ? (s(!0), o(g, { key: 5 }, m(I.value, (t, l) => (s(), o("line", {
+        }, null, 8, sl))), 256)) : y("", !0),
+        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "horizontal" ? (r(!0), o(g, { key: 5 }, m(I.value, (t, l) => (r(), o("line", {
           x1: t.horizontal_x,
           x2: t.horizontal_x,
           y1: n.value.top,
@@ -821,13 +824,13 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           "stroke-width": e.value.style.chart.grid.y.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
           "stroke-linecap": "round"
-        }, null, 8, ll))), 256)) : y("", !0),
-        (s(!0), o(g, null, m(w.value, (t, l) => (s(), o("g", null, [
-          a.$slots.pattern ? (s(), o("defs", rl, [
+        }, null, 8, rl))), 256)) : y("", !0),
+        (r(!0), o(g, null, m(w.value, (t, l) => (r(), o("g", null, [
+          a.$slots.pattern ? (r(), o("defs", ol, [
             L(a.$slots, "pattern", De({ ref_for: !0 }, { seriesIndex: t.absoluteIndex, patternId: `pattern_${V.value}_${t.absoluteIndex}` }), void 0, !0)
           ])) : y("", !0),
-          e.value.orientation === "vertical" ? (s(), o(g, { key: 1 }, [
-            (s(!0), o(g, null, m(t.x, (c, u) => (s(), o("rect", {
+          e.value.orientation === "vertical" ? (r(), o(g, { key: 1 }, [
+            (r(!0), o(g, null, m(t.x, (c, u) => (r(), o("rect", {
               x: c,
               y: t.y[u] < 0 ? 0 : t.y[u],
               height: t.height[u] < 0 ? 1e-4 : t.height[u] || 0,
@@ -838,10 +841,10 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
               "stroke-width": e.value.style.chart.bars.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: ae({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
-            }, null, 10, sl))), 256)),
-            a.$slots.pattern ? (s(), o("g", ol, [
-              (s(!0), o(g, null, m(t.x, (c, u) => (s(), o("rect", {
+              class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
+            }, null, 10, il))), 256)),
+            a.$slots.pattern ? (r(), o("g", nl, [
+              (r(!0), o(g, null, m(t.x, (c, u) => (r(), o("rect", {
                 x: c,
                 y: t.y[u] < 0 ? 0 : t.y[u],
                 height: t.height[u] < 0 ? 1e-4 : t.height[u] || 0,
@@ -852,11 +855,11 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
                 "stroke-width": e.value.style.chart.bars.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: ae({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
-              }, null, 10, il))), 256))
+                class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
+              }, null, 10, ul))), 256))
             ])) : y("", !0)
-          ], 64)) : (s(), o(g, { key: 2 }, [
-            (s(!0), o(g, null, m(t.horizontal_x, (c, u) => (s(), o("rect", {
+          ], 64)) : (r(), o(g, { key: 2 }, [
+            (r(!0), o(g, null, m(t.horizontal_x, (c, u) => (r(), o("rect", {
               x: v(Ce)(c, n.value.left),
               y: t.horizontal_y[u] < 0 ? 0 : t.horizontal_y[u],
               width: v(Ce)(t.horizontal_width[u] < 0 ? 1e-4 : t.horizontal_width[u]),
@@ -867,10 +870,10 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
               "stroke-width": e.value.style.chart.bars.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: ae({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
-            }, null, 10, nl))), 256)),
-            a.$slots.pattern ? (s(), o("g", ul, [
-              (s(!0), o(g, null, m(t.horizontal_x, (c, u) => (s(), o("rect", {
+              class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
+            }, null, 10, cl))), 256)),
+            a.$slots.pattern ? (r(), o("g", hl, [
+              (r(!0), o(g, null, m(t.horizontal_x, (c, u) => (r(), o("rect", {
                 x: v(Ce)(c, n.value.left),
                 y: t.horizontal_y[u] < 0 ? 0 : t.horizontal_y[u],
                 width: v(Ce)(t.horizontal_width[u] < 0 ? 1e-4 : t.horizontal_width[u]),
@@ -881,12 +884,12 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
                 "stroke-width": e.value.style.chart.bars.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: ae({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
-              }, null, 10, cl))), 256))
+                class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": B.value })
+              }, null, 10, vl))), 256))
             ])) : y("", !0)
           ], 64))
         ]))), 256)),
-        e.value.style.chart.grid.x.showAxis ? (s(), o("line", {
+        e.value.style.chart.grid.x.showAxis ? (r(), o("line", {
           key: 6,
           x1: n.value.left,
           x2: n.value.right,
@@ -896,8 +899,8 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           "stroke-width": e.value.style.chart.grid.x.axisThickness,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, hl)) : y("", !0),
-        e.value.style.chart.grid.y.showAxis && !e.value.style.chart.bars.distributed ? (s(), o("line", {
+        }, null, 8, dl)) : y("", !0),
+        e.value.style.chart.grid.y.showAxis && !e.value.style.chart.bars.distributed ? (r(), o("line", {
           key: 7,
           x1: n.value.left,
           x2: n.value.left,
@@ -907,8 +910,8 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           "stroke-width": e.value.style.chart.grid.y.axisThickness,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, vl)) : y("", !0),
-        e.value.style.chart.grid.x.axisName.show && e.value.style.chart.grid.x.axisName.text ? (s(), o("text", {
+        }, null, 8, yl)) : y("", !0),
+        e.value.style.chart.grid.x.axisName.show && e.value.style.chart.grid.x.axisName.text ? (r(), o("text", {
           key: 8,
           ref_key: "xAxisLabel",
           ref: Ae,
@@ -918,8 +921,8 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           fill: e.value.style.chart.grid.x.axisName.color,
           "font-weight": e.value.style.chart.grid.x.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, M(e.value.style.chart.grid.x.axisName.text), 9, dl)) : y("", !0),
-        e.value.style.chart.grid.y.axisName.show && e.value.style.chart.grid.y.axisName.text ? (s(), o("text", {
+        }, M(e.value.style.chart.grid.x.axisName.text), 9, gl)) : y("", !0),
+        e.value.style.chart.grid.y.axisName.show && e.value.style.chart.grid.y.axisName.text ? (r(), o("text", {
           key: 9,
           ref_key: "yAxisLabel",
           ref: Ne,
@@ -928,11 +931,11 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           fill: e.value.style.chart.grid.y.axisName.color,
           "font-weight": e.value.style.chart.grid.y.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, M(e.value.style.chart.grid.y.axisName.text), 9, yl)) : y("", !0),
-        z.value.dataLabels.show && e.value.orientation === "vertical" ? (s(), o(g, { key: 10 }, [
-          (s(!0), o(g, null, m(w.value, (t, l) => (s(), o("g", null, [
-            (s(!0), o(g, null, m(t.x, (c, u) => (s(), o(g, null, [
-              xt(t.series[u], t.proportions[u]) ? (s(), o("text", {
+        }, M(e.value.style.chart.grid.y.axisName.text), 9, bl)) : y("", !0),
+        z.value.dataLabels.show && e.value.orientation === "vertical" ? (r(), o(g, { key: 10 }, [
+          (r(!0), o(g, null, m(w.value, (t, l) => (r(), o("g", null, [
+            (r(!0), o(g, null, m(t.x, (c, u) => (r(), o(g, null, [
+              xt(t.series[u], t.proportions[u]) ? (r(), o("text", {
                 key: 0,
                 x: c + d.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2,
                 y: t.y[u] + t.height[u] / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
@@ -940,16 +943,16 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
                 fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? v(Rt)(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, l, u) : fe(t.series[u], t, l, u, t.signedSeries[u])), 9, gl)) : y("", !0)
+              }, M(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? ct(t.proportions[u] * 100, t, l, u) : fe(t.series[u], t, l, u, t.signedSeries[u])), 9, fl)) : y("", !0)
             ], 64))), 256))
           ]))), 256)),
-          e.value.style.chart.bars.totalValues.show && w.value.length > 1 ? (s(), o("g", {
+          e.value.style.chart.bars.totalValues.show && w.value.length > 1 ? (r(), o("g", {
             key: 0,
             ref_key: "sumTop",
             ref: qt
           }, [
-            (s(!0), o(g, null, m(ut.value, (t, l) => (s(), o(g, null, [
-              !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (s(), o("text", {
+            (r(!0), o(g, null, m(ut.value, (t, l) => (r(), o(g, null, [
+              !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (r(), o("text", {
                 key: 0,
                 x: n.value.left + d.value * l + d.value / 2,
                 y: e.value.style.chart.bars.totalValues.fontSize,
@@ -957,14 +960,14 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["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(fe(t.value, t, l, t.sign)), 9, bl)) : y("", !0)
+              }, M(fe(t.value, t, l, t.sign)), 9, ml)) : y("", !0)
             ], 64))), 256))
           ], 512)) : y("", !0)
         ], 64)) : y("", !0),
-        z.value.dataLabels.show && e.value.orientation === "horizontal" ? (s(), o(g, { key: 11 }, [
-          (s(!0), o(g, null, m(w.value, (t, l) => (s(), o("g", null, [
-            (s(!0), o(g, null, m(t.horizontal_x, (c, u) => (s(), o(g, null, [
-              xt(t.series[u], t.proportions[u]) ? (s(), o("text", {
+        z.value.dataLabels.show && e.value.orientation === "horizontal" ? (r(), o(g, { key: 11 }, [
+          (r(!0), o(g, null, m(w.value, (t, l) => (r(), o("g", null, [
+            (r(!0), o(g, null, m(t.horizontal_x, (c, u) => (r(), o(g, null, [
+              xt(t.series[u], t.proportions[u]) ? (r(), o("text", {
                 key: 0,
                 x: c + (t.horizontal_width[u] < 0 ? 1e-4 : t.horizontal_width[u]) / 2,
                 y: t.horizontal_y[u] + d.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
@@ -972,16 +975,16 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
                 fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? v(Rt)(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, l, u) : fe(t.series[u], t, l, u, t.signedSeries[u])), 9, fl)) : y("", !0)
+              }, M(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? ct(t.proportions[u] * 100, t, l, u) : fe(t.series[u], t, l, u, t.signedSeries[u])), 9, pl)) : y("", !0)
             ], 64))), 256))
           ]))), 256)),
-          e.value.style.chart.bars.totalValues.show && w.value.length > 1 ? (s(), o("g", {
+          e.value.style.chart.bars.totalValues.show && w.value.length > 1 ? (r(), o("g", {
             key: 0,
             ref_key: "sumRight",
             ref: Ze
           }, [
-            (s(!0), o(g, null, m(ut.value, (t, l) => (s(), o(g, null, [
-              !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (s(), o("text", {
+            (r(!0), o(g, null, m(ut.value, (t, l) => (r(), o(g, null, [
+              !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (r(), o("text", {
                 key: 0,
                 x: n.value.right + e.value.style.chart.bars.totalValues.fontSize / 3,
                 y: n.value.top + d.value * l + d.value / 2,
@@ -989,24 +992,24 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["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(fe(t.value, t, l, t.sign)), 9, ml)) : y("", !0)
+              }, M(fe(t.value, t, l, t.sign)), 9, xl)) : y("", !0)
             ], 64))), 256))
           ], 512)) : y("", !0)
         ], 64)) : y("", !0),
-        e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "vertical" ? (s(), o("g", {
+        e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "vertical" ? (r(), o("g", {
           key: 12,
           ref_key: "scaleLabels",
           ref: W
         }, [
-          (s(!0), o(g, null, m(I.value, (t, l) => (s(), o("line", {
+          (r(!0), o(g, null, m(I.value, (t, l) => (r(), o("line", {
             x1: n.value.left,
             x2: n.value.left - 6,
             y1: t.y,
             y2: t.y,
             stroke: e.value.style.chart.grid.x.axisColor,
             "stroke-width": 1
-          }, null, 8, pl))), 256)),
-          (s(!0), o(g, null, m(I.value, (t, l) => (s(), o("text", {
+          }, null, 8, kl))), 256)),
+          (r(!0), o(g, null, m(I.value, (t, l) => (r(), o("text", {
             x: t.x,
             y: t.y + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
             "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
@@ -1023,14 +1026,14 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
               r: e.value.style.chart.grid.y.axisLabels.rounding
             }),
             { datapoint: t }
-          )), 9, xl))), 256))
+          )), 9, wl))), 256))
         ], 512)) : y("", !0),
-        e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "horizontal" ? (s(), o("g", {
+        e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "horizontal" ? (r(), o("g", {
           key: 13,
           ref_key: "scaleLabels",
           ref: W
         }, [
-          (s(!0), o(g, null, m(I.value, (t, l) => (s(), o("line", {
+          (r(!0), o(g, null, m(I.value, (t, l) => (r(), o("line", {
             x1: t.horizontal_x,
             x2: t.horizontal_x,
             y1: n.value.bottom,
@@ -1038,8 +1041,8 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.grid.x.axisColor,
             "stroke-width": 1,
             "stroke-linecap": "round"
-          }, null, 8, kl))), 256)),
-          (s(!0), o(g, null, m(I.value, (t, l) => (s(), o("text", {
+          }, null, 8, Ll))), 256)),
+          (r(!0), o(g, null, m(I.value, (t, l) => (r(), o("text", {
             class: "vue-data-ui-time-label",
             "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
             "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
@@ -1056,15 +1059,15 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
               r: e.value.style.chart.grid.y.axisLabels.rounding
             }),
             { datapoint: t }
-          )), 9, wl))), 256))
+          )), 9, zl))), 256))
         ], 512)) : y("", !0),
-        e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "vertical" ? (s(), o("g", {
+        e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "vertical" ? (r(), o("g", {
           key: 14,
           ref_key: "timeLabelsEls",
           ref: Y
         }, [
-          a.$slots["time-label"] ? (s(), o("g", Ll, [
-            (s(!0), o(g, null, m($.value, (t, l) => (s(), o("g", null, [
+          a.$slots["time-label"] ? (r(), o("g", Cl, [
+            (r(!0), o(g, null, m($.value, (t, l) => (r(), o("g", null, [
               L(a.$slots, "time-label", De({ ref_for: !0 }, {
                 x: n.value.left + d.value * l + d.value / 2,
                 y: n.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY,
@@ -1077,10 +1080,10 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
                 show: !0
               }), void 0, !0)
             ]))), 256))
-          ])) : (s(), o("g", zl, [
-            (s(!0), o(g, null, m($.value, (t, l) => (s(), o("g", null, [
+          ])) : (r(), o("g", Sl, [
+            (r(!0), o(g, null, m($.value, (t, l) => (r(), o("g", null, [
               String(t.text).includes(`
-`) ? (s(), o("text", {
+`) ? (r(), o("text", {
                 key: l + "-multi",
                 "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
                 "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
@@ -1093,7 +1096,7 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
                                     rotate(${e.value.style.chart.grid.x.timeLabels.rotation})
                                 `,
                 style: { cursor: "pointer" },
-                innerHTML: v(_a)({
+                innerHTML: v(Ta)({
                   content: String(t.text),
                   fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
                   fill: e.value.style.chart.grid.x.timeLabels.color,
@@ -1101,7 +1104,7 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
                   y: 0
                 }),
                 onClick: () => xe(t, l)
-              }, null, 8, Sl)) : (s(), o("text", {
+              }, null, 8, $l)) : (r(), o("text", {
                 class: "vue-data-ui-time-label",
                 key: l,
                 "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
@@ -1111,17 +1114,17 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
                 transform: `translate(${n.value.left + d.value * l + 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: () => xe(t, l)
-              }, M(t.text), 9, Cl))
+              }, M(t.text), 9, _l))
             ]))), 256))
           ]))
         ], 512)) : y("", !0),
-        e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "horizontal" ? (s(), o("g", {
+        e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "horizontal" ? (r(), o("g", {
           key: 15,
           ref_key: "timeLabelsEls",
           ref: Y
         }, [
-          a.$slots["time-label"] ? (s(), o("g", _l, [
-            (s(!0), o(g, null, m($.value, (t, l) => (s(), o("g", null, [
+          a.$slots["time-label"] ? (r(), o("g", Tl, [
+            (r(!0), o(g, null, m($.value, (t, l) => (r(), o("g", null, [
               L(a.$slots, "time-label", De({ ref_for: !0 }, {
                 x: n.value.left - 8,
                 y: n.value.top + d.value * l + d.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
@@ -1134,10 +1137,10 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
                 show: !0
               }), void 0, !0)
             ]))), 256))
-          ])) : (s(), o("g", $l, [
-            (s(!0), o(g, null, m($.value, (t, l) => (s(), o("g", null, [
+          ])) : (r(), o("g", Ml, [
+            (r(!0), o(g, null, m($.value, (t, l) => (r(), o("g", null, [
               String(t.text).includes(`
-`) ? (s(), o("text", {
+`) ? (r(), o("text", {
                 key: 1,
                 "text-anchor": "end",
                 "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
@@ -1147,14 +1150,14 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
                 y: n.value.top + d.value * l + d.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
                 style: { cursor: "pointer" },
                 onClick: () => xe(t, l),
-                innerHTML: v($a)({
+                innerHTML: v(Ma)({
                   content: String(t.text),
                   fontSize: e.value.style.chart.grid.y.axisLabels.fontSize,
                   fill: e.value.style.chart.grid.y.axisLabels.color,
                   x: n.value.left - 8,
                   y: 0
                 })
-              }, null, 8, Ml)) : (s(), o("text", {
+              }, null, 8, Nl)) : (r(), o("text", {
                 key: 0,
                 "text-anchor": "end",
                 "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
@@ -1166,40 +1169,40 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
                   cursor: "pointer"
                 },
                 onClick: () => xe(t, l)
-              }, M(t.text), 9, Tl))
+              }, M(t.text), 9, Al))
             ]))), 256))
           ]))
         ], 512)) : y("", !0),
-        z.value.showTooltip && e.value.orientation === "vertical" ? (s(!0), o(g, { key: 16 }, m(h.value.end - h.value.start, (t, l) => (s(), o("rect", {
+        z.value.showTooltip && e.value.orientation === "vertical" ? (r(!0), o(g, { key: 16 }, m(h.value.end - h.value.start, (t, l) => (r(), o("rect", {
           x: n.value.left + l * d.value,
           y: n.value.top,
           width: d.value,
           height: n.value.height < 0 ? 0 : n.value.height,
           onClick: (c) => ht(l),
           onMouseenter: (c) => vt(l),
-          onMouseleave: r[0] || (r[0] = (c) => {
-            re.value = null, ne.value = !1;
+          onMouseleave: s[0] || (s[0] = (c) => {
+            re.value = null, ue.value = !1;
           }),
           fill: l === re.value ? e.value.style.chart.highlighter.color : "transparent",
           style: Z({ opacity: e.value.style.chart.highlighter.opacity / 100 })
-        }, null, 44, Al))), 256)) : y("", !0),
-        z.value.showTooltip && e.value.orientation === "horizontal" ? (s(!0), o(g, { key: 17 }, m(h.value.end - h.value.start, (t, l) => (s(), o("rect", {
+        }, null, 44, Il))), 256)) : y("", !0),
+        z.value.showTooltip && e.value.orientation === "horizontal" ? (r(!0), o(g, { key: 17 }, m(h.value.end - h.value.start, (t, l) => (r(), o("rect", {
           x: n.value.left,
           y: n.value.top + l * d.value,
           width: n.value.width < 0 ? 0 : n.value.width,
           height: d.value,
           onClick: (c) => ht(l),
           onMouseenter: (c) => vt(l),
-          onMouseleave: r[1] || (r[1] = (c) => {
-            re.value = null, ne.value = !1;
+          onMouseleave: s[1] || (s[1] = (c) => {
+            re.value = null, ue.value = !1;
           }),
           fill: l === re.value ? e.value.style.chart.highlighter.color : "transparent",
           style: Z({ opacity: e.value.style.chart.highlighter.opacity / 100 })
-        }, null, 44, Nl))), 256)) : y("", !0),
-        L(a.$slots, "svg", U(H({ ...n.value })), void 0, !0)
-      ], 14, Ga)),
-      a.$slots.watermark ? (s(), o("div", Il, [
-        L(a.$slots, "watermark", U(H({ isPrinting: v(at) || v(lt) })), void 0, !0)
+        }, null, 44, Rl))), 256)) : y("", !0),
+        L(a.$slots, "svg", H(U({ ...n.value })), void 0, !0)
+      ], 14, qa)),
+      a.$slots.watermark ? (r(), o("div", Ol, [
+        L(a.$slots, "watermark", H(U({ isPrinting: v(at) || v(lt) })), void 0, !0)
       ])) : y("", !0),
       Q("div", {
         ref_key: "chartSlicer",
@@ -1207,7 +1210,7 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         style: Z(`width:100%;background:${e.value.style.chart.backgroundColor}`),
         "data-dom-to-png-ignore": ""
       }, [
-        e.value.style.chart.zoom.show && D.value > 1 ? (s(), K(Ea, {
+        e.value.style.chart.zoom.show && D.value > 1 ? (r(), K(Da, {
           ref_key: "slicerComponent",
           ref: qe,
           key: `slicer_${Ge.value}`,
@@ -1225,9 +1228,9 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           valueStart: h.value.start,
           valueEnd: h.value.end,
           start: h.value.start,
-          "onUpdate:start": r[2] || (r[2] = (t) => h.value.start = t),
+          "onUpdate:start": s[2] || (s[2] = (t) => h.value.start = t),
           end: h.value.end,
-          "onUpdate:end": r[3] || (r[3] = (t) => h.value.end = t),
+          "onUpdate:end": s[3] || (s[3] = (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)),
           enableRangeHandles: e.value.style.chart.zoom.enableRangeHandles,
@@ -1235,13 +1238,13 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           onReset: nt
         }, {
           "reset-action": C(({ reset: t }) => [
-            L(a.$slots, "reset-action", U(H({ reset: t })), void 0, !0)
+            L(a.$slots, "reset-action", H(U({ 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"])) : y("", !0)
       ], 4),
       we(v(Bt), {
-        show: z.value.showTooltip && ne.value,
+        show: z.value.showTooltip && ue.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -1253,16 +1256,16 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: P.value,
         content: Me.value,
-        isFullscreen: ue.value,
+        isFullscreen: ce.value,
         isCustom: v(Ot)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
         backdropFilter: e.value.style.chart.tooltip.backdropFilter
       }, {
         "tooltip-before": C(() => [
-          L(a.$slots, "tooltip-before", U(H({ ...Te.value })), void 0, !0)
+          L(a.$slots, "tooltip-before", H(U({ ...Te.value })), void 0, !0)
         ]),
         "tooltip-after": C(() => [
-          L(a.$slots, "tooltip-after", U(H({ ...Te.value })), void 0, !0)
+          L(a.$slots, "tooltip-after", H(U({ ...Te.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
@@ -1270,24 +1273,24 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         ref_key: "chartLegend",
         ref: We
       }, [
-        e.value.style.chart.legend.show && ie.value ? (s(), K(Va, {
+        e.value.style.chart.legend.show && ne.value ? (r(), K(Fa, {
           key: 0,
           legendSet: pt.value,
-          config: ra.value,
-          onClickMarker: r[4] || (r[4] = ({ legend: t }) => t.segregate())
+          config: oa.value,
+          onClickMarker: s[4] || (s[4] = ({ legend: t }) => t.segregate())
         }, $t({
           item: C(({ legend: t }) => [
             Q("div", {
               onClick: (l) => t.segregate(),
               style: Z(`opacity:${_.value.includes(t.id) ? 0.5 : 1}`)
-            }, M(t.name), 13, Rl)
+            }, M(t.name), 13, Pl)
           ]),
           _: 2
         }, [
           a.$slots.pattern ? {
             name: "legend-pattern",
             fn: C(({ legend: t, index: l }) => [
-              we(Da, {
+              we(Ua, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
@@ -1302,7 +1305,7 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
           legend: pt.value
         }, void 0, !0)
       ], 512),
-      a.$slots.source ? (s(), o("div", {
+      a.$slots.source ? (r(), o("div", {
         key: 4,
         ref_key: "source",
         ref: Xe,
@@ -1310,7 +1313,7 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
       }, [
         L(a.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      h.value.end - h.value.start < 200 ? (s(), K(v(Ft), {
+      h.value.end - h.value.start < 200 ? (r(), K(v(Ft), {
         key: 5,
         hideDetails: "",
         config: {
@@ -1333,13 +1336,13 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
             body: me.value.body,
             config: me.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: r[5] || (r[5] = (t) => z.value.showTable = !1)
+            onClose: s[5] || (s[5] = (t) => z.value.showTable = !1)
           }, {
             th: C(({ th: t }) => [
-              Q("div", { innerHTML: t }, null, 8, Ol)
+              Q("div", { innerHTML: t }, null, 8, Vl)
             ]),
             td: C(({ td: t }) => [
-              fa(M(isNaN(Number(t)) ? t : v(j)({
+              pa(M(isNaN(Number(t)) ? t : v(j)({
                 p: e.value.style.chart.bars.dataLabels.prefix,
                 v: t,
                 s: e.value.style.chart.bars.dataLabels.suffix,
@@ -1351,10 +1354,10 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
         ]),
         _: 1
       }, 8, ["config"])) : y("", !0),
-      v(ce) ? (s(), K(Wa, { key: 6 })) : y("", !0)
-    ], 46, Xa));
+      v(he) ? (r(), K(Xa, { key: 6 })) : y("", !0)
+    ], 46, Ja));
   }
-}, jl = /* @__PURE__ */ Ya(Pl, [["__scopeId", "data-v-eeccc9b1"]]);
+}, ts = /* @__PURE__ */ Ga(El, [["__scopeId", "data-v-61d04b54"]]);
 export {
-  jl as default
+  ts as default
 };