vue-data-ui 3.0.22 → 3.1.0

package/dist/{vue-ui-stackbar-B_0PJ7R2.js → vue-ui-stackbar-CNsgBPhj.js}

@@ -1,23 +1,23 @@
-import { defineAsyncComponent as ae, useSlots as xa, computed as x, ref as g, onMounted as Ct, toRefs as ka, watch as De, shallowRef as St, onBeforeUnmount as $t, watchEffect as Tt, nextTick as Mt, createElementBlock as o, openBlock as r, unref as v, normalizeStyle as Q, normalizeClass as le, createBlock as H, createCommentVNode as d, renderSlot as L, createElementVNode as U, createVNode as xe, createSlots as At, withCtx as _, normalizeProps as B, guardReactiveProps as W, Fragment as b, renderList as m, mergeProps as Fe, toDisplayString as A, Teleport as wa, createTextVNode as La } from "vue";
-import { u as za, c as Nt, t as _a, a as Ca, p as ke, b as Sa, C as se, d as $a, o as It, f as Rt, g as Ta, e as Ma, ao as we, ac as Ot, D as Pt, X as Aa, l as Na, a9 as Le, F as Vt, k as ze, i as j, I as Ia, a0 as Ra, y as Et, v as Oa, w as Pa, z as Va } from "./index-BHb_mcWF.js";
-import { t as He, u as Ea } from "./useResponsive-DfdjqQps.js";
-import { u as Da } from "./usePrinter-B7rhbRrT.js";
-import { u as Fa, B as Ha } from "./useLoading-D7YHNtLX.js";
-import { u as Dt } from "./useNestedProp-aC9S6EFJ.js";
-import { u as Ua } from "./useTimeLabels-BGFjWgrv.js";
-import { u as Ba } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Wa } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Ya } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Xa from "./img-DsVqerdt.js";
-import Ga from "./Title-BL-IjQmj.js";
-import { _ as Ja } from "./Shape-C3J8aKNH.js";
-import qa from "./Legend-DkU3at-b.js";
-import { S as Za } from "./Slicer-BEBDljWA.js";
-import { _ as Ka } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "width", "height"], al = { key: 1 }, ll = ["id"], sl = ["stop-color"], rl = ["stop-color"], ol = ["stop-color"], il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], cl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], hl = { key: 0 }, vl = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], dl = { key: 0 }, yl = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], gl = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], bl = { key: 0 }, fl = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], ml = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xl = ["x", "y", "font-size", "fill", "font-weight"], kl = ["transform", "font-size", "fill", "font-weight"], wl = ["x", "y", "font-size", "fill", "font-weight"], Ll = ["x", "y", "font-size", "font-weight", "fill"], zl = ["x", "y", "font-size", "fill", "font-weight"], _l = ["x", "y", "font-size", "font-weight", "fill"], Cl = ["x1", "x2", "y1", "y2", "stroke"], Sl = ["x", "y", "font-size", "font-weight", "fill"], $l = ["x1", "x2", "y1", "y2", "stroke"], Tl = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Ml = { key: 0 }, Al = { key: 1 }, Nl = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Il = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Rl = { key: 0 }, Ol = { key: 1 }, Pl = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Vl = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], El = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Dl = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Fl = {
+import { defineAsyncComponent as H, useSlots as Ca, computed as p, ref as g, onMounted as Tt, toRefs as _a, watch as ze, shallowRef as Mt, onBeforeUnmount as At, watchEffect as It, nextTick as Nt, createElementBlock as o, openBlock as r, unref as h, normalizeStyle as j, normalizeClass as le, createBlock as B, createCommentVNode as d, renderSlot as L, createElementVNode as D, createVNode as ve, createSlots as We, withCtx as C, normalizeProps as W, guardReactiveProps as Y, Fragment as b, renderList as m, mergeProps as Ce, toDisplayString as T, Teleport as Sa, resolveDynamicComponent as $a, createTextVNode as Rt } from "vue";
+import { u as Ta, c as Ot, t as Ma, a as Aa, p as _e, b as Ia, C as se, d as Na, o as Pt, f as Vt, g as Ra, e as Oa, ao as Se, ac as Dt, D as Et, X as Pa, l as Va, a9 as $e, F as Ft, k as Te, i as ee, I as Da, a0 as Ea, y as Ut, v as Fa, w as Ua, z as Ha } from "./index-CDQbCd41.js";
+import { t as Ye, u as Ba } from "./useResponsive-DfdjqQps.js";
+import { u as Wa } from "./usePrinter-Bnl1YeUU.js";
+import { u as Ya, B as Xa } from "./BaseScanner-BgWxam9d.js";
+import { u as Ht } from "./useNestedProp-BPEHGiYX.js";
+import { u as Ga } from "./useTimeLabels-BGFjWgrv.js";
+import { u as Ja } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as qa } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Za } from "./useTimeLabelCollider-CIsgDrl9.js";
+import Ka from "./img-JOqdlnUs.js";
+import Qa from "./Title-Dq2_Z9kR.js";
+import { _ as ja } from "./Shape-Dj2Hl33H.js";
+import el from "./Legend-2-dC7DVb.js";
+import { S as tl } from "./Slicer-D99HytqX.js";
+import { _ as al } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ll = ["id"], sl = ["id"], rl = ["xmlns", "viewBox"], ol = ["x", "y", "width", "height"], nl = { key: 1 }, il = ["id"], ul = ["stop-color"], cl = ["stop-color"], vl = ["stop-color"], hl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], yl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], gl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], bl = { key: 0 }, fl = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], ml = { key: 0 }, pl = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], xl = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], kl = { key: 0 }, wl = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Cl = ["x", "y", "font-size", "fill", "font-weight"], _l = ["transform", "font-size", "fill", "font-weight"], Sl = ["x", "y", "font-size", "fill", "font-weight"], $l = ["x", "y", "font-size", "font-weight", "fill"], Tl = ["x", "y", "font-size", "fill", "font-weight"], Ml = ["x", "y", "font-size", "font-weight", "fill"], Al = ["x1", "x2", "y1", "y2", "stroke"], Il = ["x", "y", "font-size", "font-weight", "fill"], Nl = ["x1", "x2", "y1", "y2", "stroke"], Rl = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Ol = { key: 0 }, Pl = { key: 1 }, Vl = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Dl = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], El = { key: 0 }, Fl = { key: 1 }, Ul = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Hl = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], Bl = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Wl = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Yl = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, Hl = ["id"], Ul = ["onClick"], Bl = ["innerHTML"], Wl = {
+}, Xl = ["id"], Gl = ["onClick"], Jl = ["innerHTML"], ql = {
   __name: "vue-ui-stackbar",
   props: {
     config: {
@@ -34,25 +34,25 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
     }
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel"],
-  setup(_e, { expose: Ft, emit: Ht }) {
-    const Ut = ae(() => import("./Tooltip-CCnDaboi.js")), Bt = ae(() => import("./vue-ui-accordion-DsnF0JuK.js")), Wt = ae(() => import("./DataTable-Y5T9UxMO.js")), Yt = ae(() => import("./PenAndPaper-BMHsOtT8.js")), Xt = ae(() => import("./UserOptions-BWMV0_Ze.js")), Gt = ae(() => import("./PackageVersion-CE7HSich.js")), { vue_ui_stackbar: Jt } = za(), qt = xa(), f = _e, Ce = Ht, Se = x({
+  setup(Me, { expose: Bt, emit: Wt }) {
+    const Yt = H(() => import("./Tooltip-Y219DXZO.js")), Xt = H(() => import("./BaseIcon-DHtro8us.js")), Gt = H(() => import("./vue-ui-accordion-Bf_LHFFX.js")), Jt = H(() => import("./DataTable-DJjA2_wf.js")), qt = H(() => import("./PenAndPaper-B7QEDgx4.js")), Zt = H(() => import("./UserOptions-BuGfCdAY.js")), Kt = H(() => import("./PackageVersion-DU12WH3O.js")), Qt = H(() => import("./BaseDraggableDialog-O7900pGp.js")), { vue_ui_stackbar: jt } = Ta(), ea = Ca(), f = Me, Ae = Wt, he = p({
       get() {
         return !!f.dataset && f.dataset.length;
       },
       set(a) {
         return a;
       }
-    }), V = g(null), T = g(Nt()), $e = g(!1), Te = g(null), Me = g(""), S = g([]), Ue = g(0), Be = g(null), We = g(null), Ye = g(null), Xe = g(null), Ge = g(0), ne = g(!1), ue = g(null), Y = g(!1), Je = g(0), Zt = g(0), Kt = g(0), qe = g(null), Ze = g(!1), Ae = g(null), Ne = g(null), X = g(null), G = g(null), Qt = g(null), Ke = g(null);
-    Ct(() => {
-      Ze.value = !0, Pe();
+    }), O = g(null), M = g(Ot()), Ie = g(!1), Ne = g(null), Re = g(""), S = g([]), Xe = g(0), Ge = g(null), Je = g(null), qe = g(null), Ze = g(null), Ke = g(0), re = g(!1), de = g(null), X = g(!1), Qe = g(0), ta = g(0), aa = g(0), je = g(null), et = g(!1), oe = g(null), Oe = g(null), Pe = g(null), G = g(null), J = g(null), la = g(null), tt = g(null);
+    Tt(() => {
+      et.value = !0, Fe();
     });
-    const e = g(Re()), { loading: re, FINAL_DATASET: ce, manualLoading: he } = Fa({
-      ...ka(f),
+    const e = g(De()), { loading: ne, FINAL_DATASET: ye, manualLoading: ge } = Ya({
+      ..._a(f),
       FINAL_CONFIG: e,
-      prepareConfig: Re,
+      prepareConfig: De,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Ve();
+          await Ue();
         });
       },
       skeletonDataset: [
@@ -67,7 +67,7 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           color: "#CACACA"
         }
       ],
-      skeletonConfig: _a({
+      skeletonConfig: Ma({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -116,26 +116,26 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           }
         }
       })
-    }), { userOptionsVisible: Ie, setUserOptionsVisibility: Qe, keepUserOptionState: je } = Ba({ config: e.value }), { svgRef: et } = Wa({ config: e.value.style.chart.title });
-    function Re() {
-      const a = Dt({
+    }), { userOptionsVisible: Ve, setUserOptionsVisibility: at, keepUserOptionState: lt } = Ja({ config: e.value }), { svgRef: st } = qa({ config: e.value.style.chart.title });
+    function De() {
+      const a = Ht({
         userConfig: f.config,
-        defaultConfig: Jt
+        defaultConfig: jt
       });
       let l = {};
       return a.theme ? l = {
-        ...Dt({
-          userConfig: Sa.vue_ui_stackbar[a.theme] || f.config,
+        ...Ht({
+          userConfig: Ia.vue_ui_stackbar[a.theme] || f.config,
           defaultConfig: a
         }),
-        customPalette: Ca[a.theme] || ke
+        customPalette: Aa[a.theme] || _e
       } : l = a, f.config && se(f.config, "style.chart.grid.scale.scaleMin") ? l.style.chart.grid.scale.scaleMin = f.config.style.chart.grid.scale.scaleMin : l.style.chart.grid.scale.scaleMin = null, f.config && se(f.config, "style.chart.grid.scale.scaleMax") ? l.style.chart.grid.scale.scaleMax = f.config.style.chart.grid.scale.scaleMax : l.style.chart.grid.scale.scaleMax = null, f.config && se(f.config, "style.chart.zoom.startIndex") ? l.style.chart.zoom.startIndex = f.config.style.chart.zoom.startIndex : l.style.chart.zoom.startIndex = null, f.config && se(f.config, "style.chart.zoom.endIndex") ? l.style.chart.zoom.endIndex = f.config.style.chart.zoom.endIndex : l.style.chart.zoom.endIndex = null, f.config && se(f.config, "style.chart.bars.dataLabels.hideUnderValue") ? l.style.chart.bars.dataLabels.hideUnderValue = f.config.style.chart.bars.dataLabels.hideUnderValue : l.style.chart.bars.dataLabels.hideUnderValue = null, f.config && se(f.config, "style.chart.bars.dataLabels.hideUnderPercentage") ? l.style.chart.bars.dataLabels.hideUnderPercentage = f.config.style.chart.bars.dataLabels.hideUnderPercentage : l.style.chart.bars.dataLabels.hideUnderPercentage = null, l;
     }
-    const tt = x(() => e.value.style.chart.bars.dataLabels.hideUnderValue !== null), at = x(() => e.value.style.chart.bars.dataLabels.hideUnderPercentage !== null);
-    De(() => f.config, (a) => {
-      re.value || (e.value = Re()), Ie.value = !e.value.userOptions.showOnChartHover, Pe(), Je.value += 1, Zt.value += 1, Kt.value += 1, z.value.dataLabels.show = e.value.style.chart.bars.dataLabels.show, z.value.showTable = e.value.table.show, z.value.showTooltip = e.value.style.chart.tooltip.show;
-    }, { deep: !0 }), De(() => f.dataset, (a) => {
-      Array.isArray(a) && a.length > 0 && (he.value = !1), ut();
+    const rt = p(() => e.value.style.chart.bars.dataLabels.hideUnderValue !== null), ot = p(() => e.value.style.chart.bars.dataLabels.hideUnderPercentage !== null);
+    ze(() => f.config, (a) => {
+      ne.value || (e.value = De()), Ve.value = !e.value.userOptions.showOnChartHover, Fe(), Qe.value += 1, ta.value += 1, aa.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 }), ze(() => f.dataset, (a) => {
+      Array.isArray(a) && a.length > 0 && (ge.value = !1), dt();
     }, { deep: !0 });
     const z = g({
       dataLabels: {
@@ -144,7 +144,7 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    De(e, () => {
+    ze(e, () => {
       z.value = {
         dataLabels: {
           show: e.value.style.chart.bars.dataLabels.show
@@ -153,11 +153,11 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    const { isPrinting: lt, isImaging: st, generatePdf: rt, generateImage: ot } = Da({
-      elementId: `stackbar_${T.value}`,
+    const { isPrinting: nt, isImaging: it, generatePdf: ut, generateImage: ct } = Wa({
+      elementId: `stackbar_${M.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-stackbar",
       options: e.value.userOptions.print
-    }), ee = g({
+    }), te = g({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height,
       paddingRatio: {
@@ -166,113 +166,113 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
         left: e.value.style.chart.padding.left / e.value.style.chart.width
       }
-    }), jt = x(() => $a(e.value.customPalette)), E = St(null), te = St(null), it = g(null);
-    Ct(() => {
-      Pe();
+    }), sa = p(() => Na(e.value.customPalette)), E = Mt(null), ae = Mt(null), vt = g(null);
+    Tt(() => {
+      Fe();
     });
-    const Oe = x(() => !!e.value.debug);
-    function Pe() {
-      if (It(f.dataset) ? (Rt({
+    const Ee = p(() => !!e.value.debug);
+    function Fe() {
+      if (Pt(f.dataset) ? (Vt({
         componentName: "VueUiStackbar",
         type: "dataset",
-        debug: Oe.value
-      }), he.value = !0) : f.dataset.forEach((a, l) => {
-        Ta({
+        debug: Ee.value
+      }), ge.value = !0) : f.dataset.forEach((a, l) => {
+        Ra({
           datasetObject: a,
           requiredAttributes: ["name", "series"]
         }).forEach((t) => {
-          Se.value = !1, Rt({
+          he.value = !1, Vt({
             componentName: "VueUiStackbar",
             type: "datasetSerieAttribute",
             property: t,
             index: l,
-            debug: Oe.value
-          }), he.value = !0;
+            debug: Ee.value
+          }), ge.value = !0;
         });
-      }), It(f.dataset) || (he.value = e.value.loading), setTimeout(() => {
-        Y.value = !0;
+      }), Pt(f.dataset) || (ge.value = e.value.loading), setTimeout(() => {
+        X.value = !0;
       }, 10), e.value.responsive) {
-        const a = He(() => {
-          Y.value = !1;
-          const { width: l, height: t } = Ea({
-            chart: V.value,
-            title: e.value.style.chart.title.text ? Be.value : null,
-            legend: e.value.style.chart.legend.show ? We.value : null,
-            slicer: e.value.style.chart.zoom.show && F.value > 1 ? Ye.value : null,
-            source: Xe.value
+        const a = Ye(() => {
+          X.value = !1;
+          const { width: l, height: t } = Ba({
+            chart: O.value,
+            title: e.value.style.chart.title.text ? Ge.value : null,
+            legend: e.value.style.chart.legend.show ? Je.value : null,
+            slicer: e.value.style.chart.zoom.show && U.value > 1 ? qe.value : null,
+            source: Ze.value
           });
           requestAnimationFrame(() => {
-            ee.value.width = l, ee.value.height = t - 12, clearTimeout(it.value), it.value = setTimeout(() => {
-              Y.value = !0;
+            te.value.width = l, te.value.height = t - 12, clearTimeout(vt.value), vt.value = setTimeout(() => {
+              X.value = !0;
             }, 10);
           });
         });
-        E.value && (te.value && E.value.unobserve(te.value), E.value.disconnect()), E.value = new ResizeObserver(a), te.value = V.value.parentNode, E.value.observe(te.value);
+        E.value && (ae.value && E.value.unobserve(ae.value), E.value.disconnect()), E.value = new ResizeObserver(a), ae.value = O.value.parentNode, E.value.observe(ae.value);
       }
-      Ve();
+      Ue();
     }
-    $t(() => {
-      E.value && (te.value && E.value.unobserve(te.value), E.value.disconnect());
+    At(() => {
+      E.value && (ae.value && E.value.unobserve(ae.value), E.value.disconnect());
     });
-    function ea() {
+    function ra() {
       let a = 0;
-      e.value.orientation === "vertical" && X.value && (a = Array.from(X.value.querySelectorAll("text")).reduce((s, c) => {
+      e.value.orientation === "vertical" && G.value && (a = Array.from(G.value.querySelectorAll("text")).reduce((s, c) => {
         const u = c.getComputedTextLength();
         return u > s ? u : s;
-      }, 0)), e.value.orientation === "horizontal" && G.value && (a = Array.from(G.value.querySelectorAll("text")).reduce((s, c) => {
+      }, 0)), e.value.orientation === "horizontal" && J.value && (a = Array.from(J.value.querySelectorAll("text")).reduce((s, c) => {
         const u = c.getComputedTextLength();
         return u > s ? u : s;
       }, 0));
-      const l = Ne.value ? Ne.value.getBoundingClientRect().width : 0;
+      const l = Pe.value ? Pe.value.getBoundingClientRect().width : 0;
       return a + l + (l ? 24 : 0);
     }
-    const ve = g(0), de = g(0), ta = He((a) => {
-      ve.value = a;
+    const be = g(0), fe = g(0), oa = Ye((a) => {
+      be.value = a;
     }, 100);
-    Tt((a) => {
-      const l = e.value.orientation === "vertical" ? G.value : X.value;
+    It((a) => {
+      const l = e.value.orientation === "vertical" ? J.value : G.value;
       if (!l) return;
       const t = new ResizeObserver((s) => {
-        ta(s[0].contentRect.height);
+        oa(s[0].contentRect.height);
       });
       t.observe(l), a(() => t.disconnect());
     });
-    const aa = He((a) => {
-      de.value = a + e.value.style.chart.bars.totalValues.fontSize;
+    const na = Ye((a) => {
+      fe.value = a + e.value.style.chart.bars.totalValues.fontSize;
     }, 100);
-    Tt((a) => {
+    It((a) => {
       if (e.value.orientation === "vertical") return;
-      const l = Ke.value;
+      const l = tt.value;
       if (!l) return;
       const t = new ResizeObserver((s) => {
-        aa(s[0].contentRect.width);
+        na(s[0].contentRect.width);
       });
       t.observe(l), a(() => t.disconnect());
-    }), $t(() => {
-      ve.value = 0, de.value = 0;
+    }), At(() => {
+      be.value = 0, fe.value = 0;
     });
-    const nt = x(() => {
+    const ht = p(() => {
       let a = 0;
-      Ae.value && (a = Ae.value.getBBox().height);
+      Oe.value && (a = Oe.value.getBBox().height);
       let l = 0;
-      return e.value.orientation === "vertical" && G.value && (l = ve.value), e.value.orientation === "horizontal" && X.value && (l = ve.value), a + l;
-    }), n = x(() => {
-      const { height: a, width: l } = ee.value, { right: t } = ee.value.paddingRatio;
+      return e.value.orientation === "vertical" && J.value && (l = be.value), e.value.orientation === "horizontal" && G.value && (l = be.value), a + l;
+    }), n = p(() => {
+      const { height: a, width: l } = te.value, { right: t } = te.value.paddingRatio;
       let s = e.value.style.chart.bars.totalValues.show && f.dataset && f.dataset.length > 1 ? e.value.style.chart.bars.totalValues.fontSize * 1.3 : 0, c = 0;
-      e.value.style.chart.grid.y.axisLabels.show && (c = ea());
-      const u = e.value.style.chart.padding.top + s, C = l - l * t - de.value, J = a - e.value.style.chart.padding.bottom - nt.value - s, q = e.value.style.chart.padding.left + c, Z = l - q - l * t - de.value, O = a - u - e.value.style.chart.padding.bottom - nt.value - s;
+      e.value.style.chart.grid.y.axisLabels.show && (c = ra());
+      const u = e.value.style.chart.padding.top + s, _ = l - l * t - fe.value, q = a - e.value.style.chart.padding.bottom - ht.value - s, Z = e.value.style.chart.padding.left + c, K = l - Z - l * t - fe.value, P = a - u - e.value.style.chart.padding.bottom - ht.value - s;
       return {
         chartHeight: a,
         chartWidth: l,
         top: u,
-        right: C,
-        bottom: J,
-        left: q,
-        width: Math.max(0, Z),
-        height: Math.max(0, O)
+        right: _,
+        bottom: q,
+        left: Z,
+        width: Math.max(0, K),
+        height: Math.max(0, P)
       };
-    }), D = x(() => ce.value.map((a, l) => {
-      const t = Ma(a.color) || jt.value[l] || ke[l] || ke[l % ke.length];
+    }), F = p(() => ye.value.map((a, l) => {
+      const t = Oa(a.color) || sa.value[l] || _e[l] || _e[l % _e.length];
       return {
         ...a,
         // In distributed mode, all values are converted to positive
@@ -280,45 +280,45 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         // Store signs to manage display of neg values in distributed mode
         signedSeries: a.series.map((s) => s >= 0 ? 1 : -1),
         absoluteIndex: l,
-        id: Nt(),
+        id: Ot(),
         color: t
       };
-    })), F = x(() => Math.max(...D.value.filter((a) => !S.value.includes(a.id)).map((a) => a.series.length))), h = g({
+    })), U = p(() => Math.max(...F.value.filter((a) => !S.value.includes(a.id)).map((a) => a.series.length))), v = g({
       start: 0,
-      end: Math.max(...ce.value.map((a) => a.series.length))
+      end: Math.max(...ye.value.map((a) => a.series.length))
     });
-    function ut() {
-      Ve();
+    function dt() {
+      Ue();
     }
-    async function Ve() {
-      await Mt(), await Mt();
-      const { startIndex: a, endIndex: l } = e.value.style.chart.zoom, t = qe.value, s = Math.max(...ce.value.map((c) => c.series.length));
-      h.value = { start: 0, end: s }, (a != null || l != null) && t ? (a != null ? t.setStartValue(a) : (h.value.start = 0, t.setStartValue(0)), l != null ? t.setEndValue(la(l + 1)) : (h.value.end = s, t.setEndValue(s))) : (h.value = { start: 0, end: s }, Ge.value += 1);
+    async function Ue() {
+      await Nt(), await Nt();
+      const { startIndex: a, endIndex: l } = e.value.style.chart.zoom, t = je.value, s = Math.max(...ye.value.map((c) => c.series.length));
+      v.value = { start: 0, end: s }, (a != null || l != null) && t ? (a != null ? t.setStartValue(a) : (v.value.start = 0, t.setStartValue(0)), l != null ? t.setEndValue(ia(l + 1)) : (v.value.end = s, t.setEndValue(s))) : (v.value = { start: 0, end: s }, Ke.value += 1);
     }
-    function la(a) {
-      const l = Math.max(...ce.value.map((t) => t.series.length));
+    function ia(a) {
+      const l = Math.max(...ye.value.map((t) => t.series.length));
       return a > l ? l : a < 0 || e.value.style.chart.zoom.startIndex !== null && a < e.value.style.chart.zoom.startIndex ? e.value.style.chart.zoom.startIndex !== null ? e.value.style.chart.zoom.startIndex + 1 : 1 : a;
     }
-    const y = x(() => {
+    const y = p(() => {
       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;
-    }), oe = x(() => we(D.value.filter((a) => !S.value.includes(a.id))).slice(h.value.start, h.value.end)), sa = x(() => we(D.value.filter((a) => !S.value.includes(a.id)).map((a) => ({
+      return e.value.orientation === "vertical" ? a = n.value.width / (v.value.end - v.value.start) : a = n.value.height / (v.value.end - v.value.start), a <= 0 ? 0 : a;
+    }), ie = p(() => Se(F.value.filter((a) => !S.value.includes(a.id))).slice(v.value.start, v.value.end)), ua = p(() => Se(F.value.filter((a) => !S.value.includes(a.id)).map((a) => ({
       ...a,
       series: a.series.map((l, t) => a.signedSeries[t] === -1 && l >= 0 ? -l : l)
-    }))).slice(h.value.start, h.value.end)), ye = x(() => {
-      const a = D.value.filter((l) => !S.value.includes(l.id));
+    }))).slice(v.value.start, v.value.end)), me = p(() => {
+      const a = F.value.filter((l) => !S.value.includes(l.id));
       return {
-        positive: we(a.map((l) => ({
+        positive: Se(a.map((l) => ({
           ...l,
-          series: l.series.slice(h.value.start, h.value.end).map((t) => t >= 0 ? t : 0)
+          series: l.series.slice(v.value.start, v.value.end).map((t) => t >= 0 ? t : 0)
         }))),
-        negative: we(a.map((l) => ({
+        negative: Se(a.map((l) => ({
           ...l,
-          series: l.series.slice(h.value.start, h.value.end).map((t) => t < 0 ? t : 0)
+          series: l.series.slice(v.value.start, v.value.end).map((t) => t < 0 ? t : 0)
         })))
       };
-    }), R = 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(...ye.value.positive), l = Math.min(...ye.value.negative), t = e.value.style.chart.grid.scale.scaleMin !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMin : [-1 / 0, 1 / 0, NaN, void 0, null].includes(l) ? 0 : l, s = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Ot(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks) : Pt(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks);
+    }), R = p(() => {
+      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(...me.value.positive), l = Math.min(...me.value.negative), t = e.value.style.chart.grid.scale.scaleMin !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMin : [-1 / 0, 1 / 0, NaN, void 0, null].includes(l) ? 0 : l, s = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Dt(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks) : Et(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks);
       return s.ticks.map((c) => ({
         zero: n.value.bottom - n.value.height * (Math.abs(s.min) / (s.max + Math.abs(s.min))),
         y: n.value.bottom - n.value.height * ((c + Math.abs(s.min)) / (s.max + Math.abs(s.min))),
@@ -328,55 +328,55 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         horizontal_y: n.value.bottom - 8,
         value: c
       }));
-    }), $ = x(() => Ua({
+    }), $ = p(() => Ga({
       values: e.value.style.chart.grid.x.timeLabels.values,
-      maxDatapoints: F.value,
+      maxDatapoints: U.value,
       formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
-      start: h.value.start,
-      end: h.value.end
-    })), w = x(() => {
-      if (!Se.value && !re.value) return [];
-      let a = Array(F.value).fill(0), l = Array(F.value).fill(0), t = Array(F.value).fill(0), s = Array(F.value).fill(0);
-      const c = Math.max(...ye.value.positive) || 0, u = Math.min(...ye.value.negative), C = [-1 / 0, 1 / 0, NaN, void 0, null].includes(u) ? 0 : u, J = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Ot(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : C > 0 ? 0 : C, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks) : Pt(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : C > 0 ? 0 : C, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks), { min: q, max: Z } = J, O = Z + (q >= 0 ? 0 : Math.abs(q)) || 1, M = n.value.height, pe = n.value.width, zt = R.value[0] ? R.value[0].zero : n.value.bottom, _t = R.value[0] ? R.value[0].horizontal_zero : n.value.left;
-      return D.value.filter((ie) => !S.value.includes(ie.id)).map((ie) => {
-        const P = ie.series.slice(h.value.start, h.value.end), va = ie.signedSeries.slice(h.value.start, h.value.end), da = P.map((p, k) => n.value.left + y.value * k + y.value * e.value.style.chart.bars.gapRatio / 4), ya = P.map((p, k) => n.value.top + y.value * k + y.value * e.value.style.chart.bars.gapRatio / 4), ga = P.map((p, k) => {
-          const N = e.value.style.chart.bars.distributed ? (p || 0) / oe.value[k] : (p || 0) / O;
-          let K, I;
-          return p > 0 ? (I = M * N, K = zt - I - a[k], a[k] += I) : (I = M * N, K = zt + t[k], t[k] += Math.abs(I)), K;
-        }), ba = P.map((p, k) => {
-          const N = e.value.style.chart.bars.distributed ? (p || 0) / oe.value[k] : (p || 0) / O;
-          let K, I;
-          return p > 0 ? (I = pe * N, K = _t + l[k], l[k] += I) : (I = pe * N, K = _t - Math.abs(I) - s[k], s[k] += Math.abs(I)), K;
-        }), fa = P.map((p, k) => {
-          const N = e.value.style.chart.bars.distributed ? (p || 0) / oe.value[k] : (p || 0) / O;
-          return p > 0 ? M * N : M * Math.abs(N);
-        }), ma = P.map((p, k) => {
-          const N = e.value.style.chart.bars.distributed ? (p || 0) / oe.value[k] : (p || 0) / O;
-          return p > 0 ? pe * N : pe * Math.abs(N);
-        }), pa = P.map((p) => Math.abs(p)).reduce((p, k) => p + k, 0);
+      start: v.value.start,
+      end: v.value.end
+    })), w = p(() => {
+      if (!he.value && !ne.value) return [];
+      let a = Array(U.value).fill(0), l = Array(U.value).fill(0), t = Array(U.value).fill(0), s = Array(U.value).fill(0);
+      const c = Math.max(...me.value.positive) || 0, u = Math.min(...me.value.negative), _ = [-1 / 0, 1 / 0, NaN, void 0, null].includes(u) ? 0 : u, q = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Dt(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : _ > 0 ? 0 : _, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks) : Et(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : _ > 0 ? 0 : _, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks), { min: Z, max: K } = q, P = K + (Z >= 0 ? 0 : Math.abs(Z)) || 1, A = n.value.height, Le = n.value.width, St = R.value[0] ? R.value[0].zero : n.value.bottom, $t = R.value[0] ? R.value[0].horizontal_zero : n.value.left;
+      return F.value.filter((ce) => !S.value.includes(ce.id)).map((ce) => {
+        const V = ce.series.slice(v.value.start, v.value.end), fa = ce.signedSeries.slice(v.value.start, v.value.end), ma = V.map((x, k) => n.value.left + y.value * k + y.value * e.value.style.chart.bars.gapRatio / 4), pa = V.map((x, k) => n.value.top + y.value * k + y.value * e.value.style.chart.bars.gapRatio / 4), xa = V.map((x, k) => {
+          const I = e.value.style.chart.bars.distributed ? (x || 0) / ie.value[k] : (x || 0) / P;
+          let Q, N;
+          return x > 0 ? (N = A * I, Q = St - N - a[k], a[k] += N) : (N = A * I, Q = St + t[k], t[k] += Math.abs(N)), Q;
+        }), ka = V.map((x, k) => {
+          const I = e.value.style.chart.bars.distributed ? (x || 0) / ie.value[k] : (x || 0) / P;
+          let Q, N;
+          return x > 0 ? (N = Le * I, Q = $t + l[k], l[k] += N) : (N = Le * I, Q = $t - Math.abs(N) - s[k], s[k] += Math.abs(N)), Q;
+        }), wa = V.map((x, k) => {
+          const I = e.value.style.chart.bars.distributed ? (x || 0) / ie.value[k] : (x || 0) / P;
+          return x > 0 ? A * I : A * Math.abs(I);
+        }), La = V.map((x, k) => {
+          const I = e.value.style.chart.bars.distributed ? (x || 0) / ie.value[k] : (x || 0) / P;
+          return x > 0 ? Le * I : Le * Math.abs(I);
+        }), za = V.map((x) => Math.abs(x)).reduce((x, k) => x + k, 0);
         return {
-          ...ie,
-          proportions: P.map((p, k) => e.value.style.chart.bars.distributed ? (p || 0) / oe.value[k] : (p || 0) / pa),
-          series: P,
-          signedSeries: va,
-          x: da,
-          y: ga,
-          height: fa,
-          horizontal_width: ma,
-          horizontal_y: ya,
-          horizontal_x: ba
+          ...ce,
+          proportions: V.map((x, k) => e.value.style.chart.bars.distributed ? (x || 0) / ie.value[k] : (x || 0) / za),
+          series: V,
+          signedSeries: fa,
+          x: ma,
+          y: xa,
+          height: wa,
+          horizontal_width: La,
+          horizontal_y: pa,
+          horizontal_x: ka
         };
       });
-    }), ct = x(() => sa.value.map((a, l) => ({
+    }), yt = p(() => ua.value.map((a, l) => ({
       value: a,
       sign: a >= 0 ? 1 : -1
     })));
-    function ge(a, l, t, s, c) {
+    function pe(a, l, t, s, c) {
       const u = c === -1 && a >= 0 ? -a : a;
-      return ze(
+      return Te(
         e.value.style.chart.bars.dataLabels.formatter,
         u,
-        j({
+        ee({
           p: e.value.style.chart.bars.dataLabels.prefix,
           v: u,
           s: e.value.style.chart.bars.dataLabels.suffix,
@@ -385,11 +385,11 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         { datapoint: l, seriesIndex: t, datapointIndex: s }
       );
     }
-    function ht(a, l, t, s) {
-      return ze(
+    function gt(a, l, t, s) {
+      return Te(
         e.value.style.chart.bars.dataLabels.formatter,
         a,
-        j({
+        ee({
           v: isNaN(a) ? 0 : a,
           s: "%",
           r: e.value.style.chart.bars.dataLabels.rounding
@@ -397,7 +397,7 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         { datapoint: l, seriesIndex: t, datapointIndex: s }
       );
     }
-    function vt(a) {
+    function bt(a) {
       const l = JSON.parse(JSON.stringify(w.value)).map((t) => ({
         name: t.name,
         value: t.series[a] === 0 ? 0 : t.series[a] || null,
@@ -405,9 +405,9 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         color: t.color,
         id: t.id
       }));
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: a + h.value.start }), Ce("selectDatapoint", { datapoint: l, period: $.value[a] });
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: a + v.value.start }), Ae("selectDatapoint", { datapoint: l, period: $.value[a] });
     }
-    function dt(a) {
+    function ft(a) {
       return JSON.parse(JSON.stringify(w.value)).map((l) => ({
         name: l.name,
         absoluteIndex: l.absoluteIndex,
@@ -417,30 +417,30 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         id: l.id
       }));
     }
-    function yt(a) {
+    function mt(a) {
       if (e.value.events.datapointLeave) {
-        const l = dt(a);
-        e.value.events.datapointLeave({ datapoint: l, seriesIndex: a + h.value.start });
+        const l = ft(a);
+        e.value.events.datapointLeave({ datapoint: l, seriesIndex: a + v.value.start });
       }
-      $e.value = null, ue.value = null;
+      Ie.value = null, de.value = null;
     }
-    function gt(a) {
-      ue.value = a, $e.value = !0;
-      const l = e.value.style.chart.tooltip.customFormat, t = dt(a);
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a + h.value.start }), Te.value = {
+    function pt(a) {
+      de.value = a, Ie.value = !0;
+      const l = e.value.style.chart.tooltip.customFormat, t = ft(a);
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a + v.value.start }), Ne.value = {
         datapoint: t,
         seriesIndex: a,
         config: e.value,
         series: w.value
       };
       const s = t.map((c) => Math.abs(c.value)).reduce((c, u) => c + u, 0);
-      if (Et(l) && Va(() => l({
+      if (Ut(l) && Ha(() => l({
         seriesIndex: a,
         datapoint: t,
         series: w.value,
         config: e.value
       })))
-        Me.value = l({
+        Re.value = l({
           seriesIndex: a,
           datapoint: t,
           series: w.value,
@@ -450,65 +450,65 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         const {
           showValue: c,
           showPercentage: u,
-          borderColor: C,
-          roundingValue: J,
-          roundingPercentage: q
+          borderColor: _,
+          roundingValue: q,
+          roundingPercentage: Z
         } = e.value.style.chart.tooltip;
-        let Z = "";
-        $.value[a] && $.value[a].text && e.value.style.chart.tooltip.showTimeLabel && (Z += `<div style="width:100%;text-align:center;border-bottom:1px solid ${C};padding-bottom:6px;margin-bottom:3px;">${$.value[a].text}</div>`);
-        const O = [
+        let K = "";
+        $.value[a] && $.value[a].text && e.value.style.chart.tooltip.showTimeLabel && (K += `<div style="width:100%;text-align:center;border-bottom:1px solid ${_};padding-bottom:6px;margin-bottom:3px;">${$.value[a].text}</div>`);
+        const P = [
           c && u ? "(" : "",
           c && u ? ")" : ""
         ];
-        t.reverse().forEach((M) => {
-          Z += `
+        t.reverse().forEach((A) => {
+          K += `
                 <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_${M.id})` : M.color}"/>${qt.pattern ? `<rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="url(#pattern_${T.value}_${M.absoluteIndex})"/>` : ""}</svg>
-                    ${M.name}${c || u ? ":" : ""} ${c ? j({
+                    <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_${A.id})` : A.color}"/>${ea.pattern ? `<rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="url(#pattern_${M.value}_${A.absoluteIndex})"/>` : ""}</svg>
+                    ${A.name}${c || u ? ":" : ""} ${c ? ee({
             p: e.value.style.chart.bars.dataLabels.prefix,
-            v: M.value,
+            v: A.value,
             s: e.value.style.chart.bars.dataLabels.suffix,
-            r: J
-          }) : ""} ${O[0]}${u ? j({
-            v: isNaN(M.value / s) ? 0 : Math.abs(M.value) / s * 100,
+            r: q
+          }) : ""} ${P[0]}${u ? ee({
+            v: isNaN(A.value / s) ? 0 : Math.abs(A.value) / s * 100,
             // Negs are absed to show relative proportion to absolute total. It's opinionated.
             s: "%",
-            r: q
-          }) : ""}${O[1]}
+            r: Z
+          }) : ""}${P[1]}
                 </div>
             `;
-        }), Me.value = `<div>${Z}</div>`;
+        }), Re.value = `<div>${K}</div>`;
       }
     }
-    const ra = x(() => ee.value.width), oa = x(() => ee.value.height);
-    Ya({
-      timeLabelsEls: e.value.orientation === "vertical" ? G : X,
+    const ca = p(() => te.value.width), va = p(() => te.value.height);
+    Za({
+      timeLabelsEls: e.value.orientation === "vertical" ? J : G,
       timeLabels: $,
-      slicer: h,
+      slicer: v,
       configRef: e,
       rotationPath: ["style", "chart", "grid", "x", "timeLabels", "rotation"],
       autoRotatePath: ["style", "chart", "grid", "x", "timeLabels", "autoRotate", "enable"],
       isAutoSize: !1,
-      width: ra,
-      height: oa,
+      width: ca,
+      height: va,
       rotation: e.value.style.chart.grid.x.timeLabels.autoRotate.angle
     });
-    function bt(a) {
-      ne.value = a, Ue.value += 1;
+    function xt(a) {
+      re.value = a, Xe.value += 1;
     }
-    function ft() {
+    function kt() {
       z.value.showTable = !z.value.showTable;
     }
-    function mt() {
+    function wt() {
       z.value.dataLabels.show = !z.value.dataLabels.show;
     }
-    function pt() {
+    function Lt() {
       z.value.showTooltip = !z.value.showTooltip;
     }
-    function ia() {
+    function ha() {
       return w.value;
     }
-    const xt = x(() => {
+    const zt = p(() => {
       if (w.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
       const a = w.value.map(({ name: t, color: s }) => ({
         label: t,
@@ -516,21 +516,21 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       })), l = [];
       return $.value.forEach((t) => {
         const s = [e.value.style.chart.grid.x.timeLabels.values[t.absoluteIndex] ? t.text : i + 1];
-        D.value.forEach((c) => {
+        F.value.forEach((c) => {
           s.push(Number((c.series[t.absoluteIndex] || 0).toFixed(e.value.table.td.roundingValue)));
         }), l.push(s);
       }), { head: a, body: l };
     });
-    function kt(a = null) {
-      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], t = ["", ...xt.value.head.map((C) => C.label)], s = xt.value.body, c = l.concat([t]).concat(s), u = Oa(c);
-      a ? a(u) : Pa({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
+    function He(a = null) {
+      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], t = ["", ...zt.value.head.map((_) => _.label)], s = zt.value.body, c = l.concat([t]).concat(s), u = Fa(c);
+      a ? a(u) : Ua({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
     }
-    const be = x(() => {
+    const xe = p(() => {
       const a = [""].concat(w.value.map((c) => c.name)).concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>');
       let l = [];
-      for (let c = 0; c < F.value; c += 1) {
-        const u = w.value.map((C) => C.series[c] ?? 0).reduce((C, J) => C + J, 0);
-        l.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((C) => (C.series[c] ?? 0).toFixed(e.value.table.td.roundingValue))).concat((u ?? 0).toFixed(e.value.table.td.roundingValue)));
+      for (let c = 0; c < U.value; c += 1) {
+        const u = w.value.map((_) => _.series[c] ?? 0).reduce((_, q) => _ + q, 0);
+        l.push([e.value.style.chart.grid.x.timeLabels.values.slice(v.value.start, v.value.end)[c] ? $.value[c].text : c + 1].concat(w.value.map((_) => (_.series[c] ?? 0).toFixed(e.value.table.td.roundingValue))).concat((u ?? 0).toFixed(e.value.table.td.roundingValue)));
       }
       const t = {
         th: {
@@ -545,36 +545,36 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         },
         breakpoint: e.value.table.responsiveBreakpoint
       }, s = [e.value.table.columnNames.period].concat(w.value.map((c) => c.name)).concat(e.value.table.columnNames.total);
-      return { head: a, body: l.slice(0, h.value.end - h.value.start), config: t, colNames: s };
+      return { head: a, body: l.slice(0, v.value.end - v.value.start), config: t, colNames: s };
     });
-    function na(a, l) {
-      if (Ce("selectLegend", w.value.find((t) => t.absoluteIndex === a)), S.value.includes(l.id))
+    function da(a, l) {
+      if (Ae("selectLegend", w.value.find((t) => t.absoluteIndex === a)), S.value.includes(l.id))
         S.value = S.value.filter((t) => t !== l.id);
       else {
-        if (S.value.length === D.value.length - 1) return;
+        if (S.value.length === F.value.length - 1) return;
         S.value.push(l.id);
       }
     }
-    const wt = x(() => D.value.map((a, l) => ({
+    const Ct = p(() => F.value.map((a, l) => ({
       ...a,
       shape: "square"
     })).map((a) => ({
       ...a,
       opacity: S.value.includes(a.id) ? 0.5 : 1,
-      segregate: () => na(a.absoluteIndex, a),
+      segregate: () => da(a.absoluteIndex, a),
       isSegregated: S.value.includes(a.id)
-    }))), ua = x(() => ({
+    }))), ya = p(() => ({
       cy: "stackbar-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), fe = g(!1);
-    function Ee() {
-      fe.value = !fe.value;
+    })), ke = g(!1);
+    function Be() {
+      ke.value = !ke.value;
     }
-    function me(a, l) {
+    function we(a, l) {
       const t = JSON.parse(JSON.stringify(w.value)).map((s) => ({
         name: s.name,
         value: s.series[l] === 0 ? 0 : (s.signedSeries[l] === -1 && s.series[l] >= 0 ? -s.series[l] : s.series[l]) || null,
@@ -582,19 +582,19 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         color: s.color,
         id: s.id
       }));
-      Ce("selectTimeLabel", {
+      Ae("selectTimeLabel", {
         datapoint: t,
         absoluteIndex: a.absoluteIndex,
         label: a.text
       });
     }
-    const ca = x(() => Math.max(...w.value.flatMap((a) => a.series)));
-    function Lt(a, l) {
-      return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? at.value ? l * 100 >= e.value.style.chart.bars.dataLabels.hideUnderPercentage : e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? l > 0 : !0 : at.value ? (tt.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 > ca.value * e.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : tt.value ? Math.abs(a) >= e.value.style.chart.bars.dataLabels.hideUnderValue : e.value.style.chart.bars.dataLabels.hideEmptyValues ? a !== 0 : !0;
+    const ga = p(() => Math.max(...w.value.flatMap((a) => a.series)));
+    function _t(a, l) {
+      return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? ot.value ? l * 100 >= e.value.style.chart.bars.dataLabels.hideUnderPercentage : e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? l > 0 : !0 : ot.value ? (rt.value && Ee.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 > ga.value * e.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : rt.value ? Math.abs(a) >= e.value.style.chart.bars.dataLabels.hideUnderValue : e.value.style.chart.bars.dataLabels.hideEmptyValues ? a !== 0 : !0;
     }
-    async function ha({ scale: a = 2 } = {}) {
-      if (!V.value) return;
-      const { width: l, height: t } = V.value.getBoundingClientRect(), s = l / t, { imageUri: c, base64: u } = await Xa({ domElement: V.value, base64: !0, img: !0, scale: a });
+    async function ba({ scale: a = 2 } = {}) {
+      if (!O.value) return;
+      const { width: l, height: t } = O.value.getBoundingClientRect(), s = l / t, { imageUri: c, base64: u } = await Ka({ domElement: O.value, base64: !0, img: !0, scale: a });
       return {
         imageUri: c,
         base64: u,
@@ -604,43 +604,75 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         aspectRatio: s
       };
     }
-    return Ft({
-      getData: ia,
-      getImage: ha,
-      generatePdf: rt,
-      generateCsv: kt,
-      generateImage: ot,
-      toggleTable: ft,
-      toggleLabels: mt,
-      toggleTooltip: pt,
-      toggleAnnotator: Ee,
-      toggleFullscreen: bt
+    const ue = p(() => {
+      const a = e.value.table.useDialog && !e.value.table.show, l = z.value.showTable;
+      return {
+        component: a ? Qt : Gt,
+        title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
+        props: a ? {
+          backgroundColor: e.value.table.th.backgroundColor,
+          color: e.value.table.th.color,
+          headerColor: e.value.table.th.color,
+          headerBg: e.value.table.th.backgroundColor,
+          isFullscreen: re.value,
+          fullscreenParent: O.value,
+          forcedWidth: Math.min(800, window.innerWidth * 0.8)
+        } : {
+          hideDetails: !0,
+          config: {
+            open: l,
+            maxHeight: 1e4,
+            body: {
+              backgroundColor: e.value.style.chart.backgroundColor,
+              color: e.value.style.chart.color
+            },
+            head: {
+              backgroundColor: e.value.style.chart.backgroundColor,
+              color: e.value.style.chart.color
+            }
+          }
+        }
+      };
+    });
+    return ze(() => z.value.showTable, (a) => {
+      e.value.table.show || (a && e.value.table.useDialog && oe.value ? oe.value.open() : "close" in oe.value && oe.value.close());
+    }), Bt({
+      getData: ha,
+      getImage: ba,
+      generatePdf: ut,
+      generateCsv: He,
+      generateImage: ct,
+      toggleTable: kt,
+      toggleLabels: wt,
+      toggleTooltip: Lt,
+      toggleAnnotator: Be,
+      toggleFullscreen: xt
     }), (a, l) => (r(), o("div", {
-      id: `stackbar_${T.value}`,
+      id: `stackbar_${M.value}`,
       ref_key: "stackbarChart",
-      ref: V,
-      class: le({ "vue-ui-stackbar": !0, "vue-data-ui-wrapper-fullscreen": ne.value }),
-      style: Q(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: l[4] || (l[4] = () => v(Qe)(!0)),
-      onMouseleave: l[5] || (l[5] = () => v(Qe)(!1))
+      ref: O,
+      class: le({ "vue-ui-stackbar": !0, "vue-data-ui-wrapper-fullscreen": re.value }),
+      style: j(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
+      onMouseenter: l[6] || (l[6] = () => h(at)(!0)),
+      onMouseleave: l[7] || (l[7] = () => h(at)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), H(v(Yt), {
+      e.value.userOptions.buttons.annotator ? (r(), B(h(qt), {
         key: 0,
-        svgRef: v(et),
+        svgRef: h(st),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: fe.value,
-        onClose: Ee
+        active: ke.value,
+        onClose: Be
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : d("", !0),
       L(a.$slots, "userConfig", {}, void 0, !0),
       e.value.style.chart.title.text ? (r(), o("div", {
         key: 1,
         ref_key: "chartTitle",
-        ref: Be,
+        ref: Ge,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (r(), H(Ga, {
-          key: `title_${Je.value}`,
+        (r(), B(Qa, {
+          key: `title_${Qe.value}`,
           config: {
             title: {
               cy: "stackbar-title",
@@ -653,17 +685,17 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           }
         }, null, 8, ["config"]))
       ], 512)) : d("", !0),
-      U("div", {
-        id: `legend-top-${T.value}`
-      }, null, 8, ja),
-      e.value.userOptions.show && Se.value && (v(je) || v(Ie)) ? (r(), H(v(Xt), {
+      D("div", {
+        id: `legend-top-${M.value}`
+      }, null, 8, sl),
+      e.value.userOptions.show && he.value && (h(lt) || h(Ve)) ? (r(), B(h(Zt), {
         ref: "details",
-        key: `user_option_${Ue.value}`,
+        key: `user_option_${Xe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: v(lt),
-        isImaging: v(st),
-        uid: T.value,
+        isPrinting: h(nt),
+        isImaging: h(it),
+        uid: M.value,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -671,100 +703,100 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         hasTable: e.value.userOptions.buttons.table,
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: ne.value,
-        chartElement: V.value,
+        isFullscreen: re.value,
+        chartElement: O.value,
         position: e.value.userOptions.position,
         isTooltip: z.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: fe.value,
+        isAnnotation: ke.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: bt,
-        onGeneratePdf: v(rt),
-        onGenerateCsv: kt,
-        onGenerateImage: v(ot),
-        onToggleTable: ft,
-        onToggleLabels: mt,
-        onToggleTooltip: pt,
-        onToggleAnnotator: Ee,
-        style: Q({
-          visibility: v(je) ? v(Ie) ? "visible" : "hidden" : "visible"
+        onToggleFullscreen: xt,
+        onGeneratePdf: h(ut),
+        onGenerateCsv: He,
+        onGenerateImage: h(ct),
+        onToggleTable: kt,
+        onToggleLabels: wt,
+        onToggleTooltip: Lt,
+        onToggleAnnotator: Be,
+        style: j({
+          visibility: h(lt) ? h(Ve) ? "visible" : "hidden" : "visible"
         })
-      }, At({ _: 2 }, [
+      }, We({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: _(({ isOpen: t, color: s }) => [
-            L(a.$slots, "menuIcon", B(W({ isOpen: t, color: s })), void 0, !0)
+          fn: C(({ isOpen: t, color: s }) => [
+            L(a.$slots, "menuIcon", W(Y({ isOpen: t, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         a.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: _(() => [
+          fn: C(() => [
             L(a.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         a.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: _(() => [
+          fn: C(() => [
             L(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: _(() => [
+          fn: C(() => [
             L(a.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
-          fn: _(() => [
+          fn: C(() => [
             L(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         a.$slots.optionTable ? {
           name: "optionTable",
-          fn: _(() => [
+          fn: C(() => [
             L(a.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         a.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: _(() => [
+          fn: C(() => [
             L(a.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: _(({ toggleFullscreen: t, isFullscreen: s }) => [
-            L(a.$slots, "optionFullscreen", B(W({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
+          fn: C(({ toggleFullscreen: t, isFullscreen: s }) => [
+            L(a.$slots, "optionFullscreen", W(Y({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: _(({ toggleAnnotator: t, isAnnotator: s }) => [
-            L(a.$slots, "optionAnnotator", B(W({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
+          fn: C(({ toggleAnnotator: t, isAnnotator: s }) => [
+            L(a.$slots, "optionAnnotator", W(Y({ toggleAnnotator: t, isAnnotator: s })), 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"])) : d("", !0),
       (r(), o("svg", {
         ref_key: "svgRef",
-        ref: et,
-        xmlns: v(Aa),
+        ref: st,
+        xmlns: h(Pa),
         viewBox: `0 0 ${n.value.chartWidth <= 0 ? 10 : n.value.chartWidth} ${n.value.chartHeight <= 0 ? 10 : n.value.chartHeight}`,
-        class: le({ "vue-data-ui-loading": v(re) }),
-        style: Q(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
+        class: le({ "vue-data-ui-loading": h(ne) }),
+        style: j(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        xe(v(Gt)),
+        ve(h(Kt)),
         a.$slots["chart-background"] ? (r(), o("foreignObject", {
           key: 0,
           x: n.value.left,
@@ -776,8 +808,8 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           }
         }, [
           L(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, tl)) : d("", !0),
-        e.value.style.chart.bars.gradient.show ? (r(), o("defs", al, [
+        ], 8, ol)) : d("", !0),
+        e.value.style.chart.bars.gradient.show ? (r(), o("defs", nl, [
           (r(!0), o(b, null, m(w.value, (t, s) => (r(), o("linearGradient", {
             id: `gradient_${t.id}`,
             x1: "0%",
@@ -785,19 +817,19 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
             x2: "0%",
             y2: "100%"
           }, [
-            U("stop", {
+            D("stop", {
               offset: "0%",
               "stop-color": t.color
-            }, null, 8, sl),
-            U("stop", {
+            }, null, 8, ul),
+            D("stop", {
               offset: "61.8%",
-              "stop-color": v(Na)(t.color, e.value.style.chart.bars.gradient.intensity / 100)
-            }, null, 8, rl),
-            U("stop", {
+              "stop-color": h(Va)(t.color, e.value.style.chart.bars.gradient.intensity / 100)
+            }, null, 8, cl),
+            D("stop", {
               offset: "100%",
               "stop-color": t.color
-            }, null, 8, ol)
-          ], 8, ll))), 256))
+            }, null, 8, vl)
+          ], 8, il))), 256))
         ])) : d("", !0),
         e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (r(!0), o(b, { key: 2 }, m(R.value, (t, s) => (r(), o("line", {
           x1: n.value.left,
@@ -808,8 +840,8 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           "stroke-width": e.value.style.chart.grid.x.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.x.linesStrokeDasharray,
           "stroke-linecap": "round"
-        }, null, 8, il))), 256)) : d("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (r(!0), o(b, { key: 3 }, m(h.value.end - h.value.start + 1, (t, s) => (r(), o("line", {
+        }, null, 8, hl))), 256)) : d("", !0),
+        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (r(!0), o(b, { key: 3 }, m(v.value.end - v.value.start + 1, (t, s) => (r(), o("line", {
           x1: n.value.left,
           x2: n.value.right,
           y1: n.value.top + y.value * s,
@@ -818,8 +850,8 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           "stroke-width": e.value.style.chart.grid.x.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.x.linesStrokeDasharray,
           "stroke-linecap": "round"
-        }, null, 8, nl))), 256)) : d("", !0),
-        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (r(!0), o(b, { key: 4 }, m(h.value.end - h.value.start + 1, (t, s) => (r(), o("line", {
+        }, null, 8, dl))), 256)) : d("", !0),
+        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (r(!0), o(b, { key: 4 }, m(v.value.end - v.value.start + 1, (t, s) => (r(), o("line", {
           x1: n.value.left + y.value * s,
           x2: n.value.left + y.value * s,
           y1: n.value.top,
@@ -828,7 +860,7 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           "stroke-width": e.value.style.chart.grid.y.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
           "stroke-linecap": "round"
-        }, null, 8, ul))), 256)) : d("", !0),
+        }, null, 8, yl))), 256)) : d("", !0),
         e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "horizontal" ? (r(!0), o(b, { key: 5 }, m(R.value, (t, s) => (r(), o("line", {
           x1: t.horizontal_x,
           x2: t.horizontal_x,
@@ -838,10 +870,10 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           "stroke-width": e.value.style.chart.grid.y.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
           "stroke-linecap": "round"
-        }, null, 8, cl))), 256)) : d("", !0),
+        }, null, 8, gl))), 256)) : d("", !0),
         (r(!0), o(b, null, m(w.value, (t, s) => (r(), o("g", null, [
-          a.$slots.pattern ? (r(), o("defs", hl, [
-            L(a.$slots, "pattern", Fe({ ref_for: !0 }, { seriesIndex: t.absoluteIndex, patternId: `pattern_${T.value}_${t.absoluteIndex}` }), void 0, !0)
+          a.$slots.pattern ? (r(), o("defs", bl, [
+            L(a.$slots, "pattern", Ce({ ref_for: !0 }, { seriesIndex: t.absoluteIndex, patternId: `pattern_${M.value}_${t.absoluteIndex}` }), void 0, !0)
           ])) : d("", !0),
           e.value.orientation === "vertical" ? (r(), o(b, { key: 1 }, [
             (r(!0), o(b, null, m(t.x, (c, u) => (r(), o("rect", {
@@ -855,28 +887,28 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               "stroke-width": e.value.style.chart.bars.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": Y.value })
-            }, null, 10, vl))), 256)),
-            a.$slots.pattern ? (r(), o("g", dl, [
+              class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": X.value })
+            }, null, 10, fl))), 256)),
+            a.$slots.pattern ? (r(), o("g", ml, [
               (r(!0), o(b, 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,
                 rx: e.value.style.chart.bars.borderRadius > t.height[u] / 2 ? (t.height[u] < 0 ? 0 : t.height[u]) / 2 : e.value.style.chart.bars.borderRadius,
                 width: y.value * (1 - e.value.style.chart.bars.gapRatio / 2),
-                fill: `url(#pattern_${T.value}_${t.absoluteIndex})`,
+                fill: `url(#pattern_${M.value}_${t.absoluteIndex})`,
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": e.value.style.chart.bars.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": Y.value })
-              }, null, 10, yl))), 256))
+                class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": X.value })
+              }, null, 10, pl))), 256))
             ])) : d("", !0)
           ], 64)) : (r(), o(b, { key: 2 }, [
             (r(!0), o(b, null, m(t.horizontal_x, (c, u) => (r(), o("rect", {
-              x: v(Le)(c, n.value.left),
+              x: h($e)(c, n.value.left),
               y: t.horizontal_y[u] < 0 ? 0 : t.horizontal_y[u],
-              width: v(Le)(t.horizontal_width[u] < 0 ? 1e-4 : t.horizontal_width[u]),
+              width: h($e)(t.horizontal_width[u] < 0 ? 1e-4 : t.horizontal_width[u]),
               rx: e.value.style.chart.bars.borderRadius > t.height[u] / 2 ? (t.height[u] < 0 ? 0 : t.height[u]) / 2 : e.value.style.chart.bars.borderRadius,
               height: y.value * (1 - e.value.style.chart.bars.gapRatio / 2),
               fill: e.value.style.chart.bars.gradient.show ? `url(#gradient_${t.id})` : t.color,
@@ -884,22 +916,22 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               "stroke-width": e.value.style.chart.bars.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": Y.value })
-            }, null, 10, gl))), 256)),
-            a.$slots.pattern ? (r(), o("g", bl, [
+              class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": X.value })
+            }, null, 10, xl))), 256)),
+            a.$slots.pattern ? (r(), o("g", kl, [
               (r(!0), o(b, null, m(t.horizontal_x, (c, u) => (r(), o("rect", {
-                x: v(Le)(c, n.value.left),
+                x: h($e)(c, n.value.left),
                 y: t.horizontal_y[u] < 0 ? 0 : t.horizontal_y[u],
-                width: v(Le)(t.horizontal_width[u] < 0 ? 1e-4 : t.horizontal_width[u]),
+                width: h($e)(t.horizontal_width[u] < 0 ? 1e-4 : t.horizontal_width[u]),
                 rx: e.value.style.chart.bars.borderRadius > t.height[u] / 2 ? (t.height[u] < 0 ? 0 : t.height[u]) / 2 : e.value.style.chart.bars.borderRadius,
                 height: y.value * (1 - e.value.style.chart.bars.gapRatio / 2),
-                fill: `url(#pattern_${T.value}_${t.absoluteIndex})`,
+                fill: `url(#pattern_${M.value}_${t.absoluteIndex})`,
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": e.value.style.chart.bars.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": Y.value })
-              }, null, 10, fl))), 256))
+                class: le({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": X.value })
+              }, null, 10, wl))), 256))
             ])) : d("", !0)
           ], 64))
         ]))), 256)),
@@ -913,7 +945,7 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           "stroke-width": e.value.style.chart.grid.x.axisThickness,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, ml)) : d("", !0),
+        }, null, 8, Ll)) : d("", !0),
         e.value.style.chart.grid.y.showAxis && !e.value.style.chart.bars.distributed ? (r(), o("line", {
           key: 7,
           x1: n.value.left,
@@ -924,48 +956,48 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           "stroke-width": e.value.style.chart.grid.y.axisThickness,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, pl)) : d("", !0),
+        }, null, 8, zl)) : d("", !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,
+          ref: Oe,
           x: n.value.left + n.value.width / 2,
           y: n.value.chartHeight - 3,
           "font-size": e.value.style.chart.grid.x.axisName.fontSize,
           fill: e.value.style.chart.grid.x.axisName.color,
           "font-weight": e.value.style.chart.grid.x.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, A(e.value.style.chart.grid.x.axisName.text), 9, xl)) : d("", !0),
+        }, T(e.value.style.chart.grid.x.axisName.text), 9, Cl)) : d("", !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,
+          ref: Pe,
           transform: `translate(${e.value.style.chart.grid.y.axisName.fontSize}, ${n.value.top + n.value.height / 2}) rotate(-90)`,
           "font-size": e.value.style.chart.grid.y.axisName.fontSize,
           fill: e.value.style.chart.grid.y.axisName.color,
           "font-weight": e.value.style.chart.grid.y.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, A(e.value.style.chart.grid.y.axisName.text), 9, kl)) : d("", !0),
+        }, T(e.value.style.chart.grid.y.axisName.text), 9, _l)) : d("", !0),
         z.value.dataLabels.show && e.value.orientation === "vertical" ? (r(), o(b, { key: 10 }, [
           (r(!0), o(b, null, m(w.value, (t, s) => (r(), o("g", null, [
             (r(!0), o(b, null, m(t.x, (c, u) => (r(), o(b, null, [
-              Lt(t.series[u], t.proportions[u]) ? (r(), o("text", {
+              _t(t.series[u], t.proportions[u]) ? (r(), o("text", {
                 key: 0,
                 x: c + y.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2,
                 y: t.y[u] + t.height[u] / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
                 "font-size": e.value.style.chart.bars.dataLabels.fontSize,
-                fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? v(Vt)(t.color) : e.value.style.chart.bars.dataLabels.color,
+                fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? h(Ft)(t.color) : e.value.style.chart.bars.dataLabels.color,
                 "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
                 "text-anchor": "middle"
-              }, A(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? ht(t.proportions[u] * 100, t, s, u) : ge(t.series[u], t, s, u, t.signedSeries[u])), 9, wl)) : d("", !0)
+              }, T(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? gt(t.proportions[u] * 100, t, s, u) : pe(t.series[u], t, s, u, t.signedSeries[u])), 9, Sl)) : d("", !0)
             ], 64))), 256))
           ]))), 256)),
           e.value.style.chart.bars.totalValues.show && w.value.length > 1 ? (r(), o("g", {
             key: 0,
             ref_key: "sumTop",
-            ref: Qt
+            ref: la
           }, [
-            (r(!0), o(b, null, m(ct.value, (t, s) => (r(), o(b, null, [
+            (r(!0), o(b, null, m(yt.value, (t, s) => (r(), o(b, null, [
               !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (r(), o("text", {
                 key: 0,
                 x: n.value.left + y.value * s + y.value / 2,
@@ -974,30 +1006,30 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 "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
-              }, A(ge(t.value, t, s, t.sign)), 9, Ll)) : d("", !0)
+              }, T(pe(t.value, t, s, t.sign)), 9, $l)) : d("", !0)
             ], 64))), 256))
           ], 512)) : d("", !0)
         ], 64)) : d("", !0),
         z.value.dataLabels.show && e.value.orientation === "horizontal" ? (r(), o(b, { key: 11 }, [
           (r(!0), o(b, null, m(w.value, (t, s) => (r(), o("g", null, [
             (r(!0), o(b, null, m(t.horizontal_x, (c, u) => (r(), o(b, null, [
-              Lt(t.series[u], t.proportions[u]) ? (r(), o("text", {
+              _t(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] + y.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 ? v(Vt)(t.color) : e.value.style.chart.bars.dataLabels.color,
+                fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? h(Ft)(t.color) : e.value.style.chart.bars.dataLabels.color,
                 "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
                 "text-anchor": "middle"
-              }, A(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? ht(t.proportions[u] * 100, t, s, u) : ge(t.series[u], t, s, u, t.signedSeries[u])), 9, zl)) : d("", !0)
+              }, T(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? gt(t.proportions[u] * 100, t, s, u) : pe(t.series[u], t, s, u, t.signedSeries[u])), 9, Tl)) : d("", !0)
             ], 64))), 256))
           ]))), 256)),
           e.value.style.chart.bars.totalValues.show && w.value.length > 1 ? (r(), o("g", {
             key: 0,
             ref_key: "sumRight",
-            ref: Ke
+            ref: tt
           }, [
-            (r(!0), o(b, null, m(ct.value, (t, s) => (r(), o(b, null, [
+            (r(!0), o(b, null, m(yt.value, (t, s) => (r(), o(b, 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,
@@ -1006,14 +1038,14 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 "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
-              }, A(ge(t.value, t, s, t.sign)), 9, _l)) : d("", !0)
+              }, T(pe(t.value, t, s, t.sign)), 9, Ml)) : d("", !0)
             ], 64))), 256))
           ], 512)) : d("", !0)
         ], 64)) : d("", !0),
         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: X
+          ref: G
         }, [
           (r(!0), o(b, null, m(R.value, (t, s) => (r(), o("line", {
             x1: n.value.left,
@@ -1022,7 +1054,7 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
             y2: t.y,
             stroke: e.value.style.chart.grid.x.axisColor,
             "stroke-width": 1
-          }, null, 8, Cl))), 256)),
+          }, null, 8, Al))), 256)),
           (r(!0), o(b, null, m(R.value, (t, s) => (r(), o("text", {
             x: t.x,
             y: t.y + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
@@ -1030,22 +1062,22 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
             "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
             fill: e.value.style.chart.grid.y.axisLabels.color,
             "text-anchor": "end"
-          }, A(v(ze)(
+          }, T(h(Te)(
             e.value.style.chart.grid.y.axisLabels.formatter,
             t.value,
-            v(j)({
+            h(ee)({
               p: e.value.style.chart.bars.dataLabels.prefix,
               v: t.value,
               s: e.value.style.chart.bars.dataLabels.suffix,
               r: e.value.style.chart.grid.y.axisLabels.rounding
             }),
             { datapoint: t }
-          )), 9, Sl))), 256))
+          )), 9, Il))), 256))
         ], 512)) : d("", !0),
         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: X
+          ref: G
         }, [
           (r(!0), o(b, null, m(R.value, (t, s) => (r(), o("line", {
             x1: t.horizontal_x,
@@ -1055,7 +1087,7 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
             stroke: e.value.style.chart.grid.x.axisColor,
             "stroke-width": 1,
             "stroke-linecap": "round"
-          }, null, 8, $l))), 256)),
+          }, null, 8, Nl))), 256)),
           (r(!0), o(b, null, m(R.value, (t, s) => (r(), o("text", {
             class: "vue-data-ui-time-label",
             "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
@@ -1063,26 +1095,26 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
             fill: e.value.style.chart.grid.y.axisLabels.color,
             "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
             transform: `translate(${t.horizontal_x}, ${n.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`
-          }, A(v(ze)(
+          }, T(h(Te)(
             e.value.style.chart.grid.y.axisLabels.formatter,
             t.value,
-            v(j)({
+            h(ee)({
               p: e.value.style.chart.bars.dataLabels.prefix,
               v: t.value,
               s: e.value.style.chart.bars.dataLabels.suffix,
               r: e.value.style.chart.grid.y.axisLabels.rounding
             }),
             { datapoint: t }
-          )), 9, Tl))), 256))
+          )), 9, Rl))), 256))
         ], 512)) : d("", !0),
         e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "vertical" ? (r(), o("g", {
           key: 14,
           ref_key: "timeLabelsEls",
-          ref: G
+          ref: J
         }, [
-          a.$slots["time-label"] ? (r(), o("g", Ml, [
+          a.$slots["time-label"] ? (r(), o("g", Ol, [
             (r(!0), o(b, null, m($.value, (t, s) => (r(), o("g", null, [
-              L(a.$slots, "time-label", Fe({ ref_for: !0 }, {
+              L(a.$slots, "time-label", Ce({ ref_for: !0 }, {
                 x: n.value.left + y.value * s + y.value / 2,
                 y: n.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,
@@ -1094,7 +1126,7 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 show: !0
               }), void 0, !0)
             ]))), 256))
-          ])) : (r(), o("g", Al, [
+          ])) : (r(), o("g", Pl, [
             (r(!0), o(b, null, m($.value, (t, s) => (r(), o("g", null, [
               String(t.text).includes(`
 `) ? (r(), o("text", {
@@ -1110,15 +1142,15 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                                     rotate(${e.value.style.chart.grid.x.timeLabels.rotation})
                                 `,
                 style: { cursor: "pointer" },
-                innerHTML: v(Ia)({
+                innerHTML: h(Da)({
                   content: String(t.text),
                   fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
                   fill: e.value.style.chart.grid.x.timeLabels.color,
                   x: 0,
                   y: 0
                 }),
-                onClick: () => me(t, s)
-              }, null, 8, Il)) : (r(), o("text", {
+                onClick: () => we(t, s)
+              }, null, 8, Dl)) : (r(), o("text", {
                 class: "vue-data-ui-time-label",
                 key: s,
                 "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
@@ -1127,19 +1159,19 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 fill: e.value.style.chart.grid.x.timeLabels.color,
                 transform: `translate(${n.value.left + y.value * s + y.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: () => me(t, s)
-              }, A(t.text), 9, Nl))
+                onClick: () => we(t, s)
+              }, T(t.text), 9, Vl))
             ]))), 256))
           ]))
         ], 512)) : d("", !0),
         e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "horizontal" ? (r(), o("g", {
           key: 15,
           ref_key: "timeLabelsEls",
-          ref: G
+          ref: J
         }, [
-          a.$slots["time-label"] ? (r(), o("g", Rl, [
+          a.$slots["time-label"] ? (r(), o("g", El, [
             (r(!0), o(b, null, m($.value, (t, s) => (r(), o("g", null, [
-              L(a.$slots, "time-label", Fe({ ref_for: !0 }, {
+              L(a.$slots, "time-label", Ce({ ref_for: !0 }, {
                 x: n.value.left - 8,
                 y: n.value.top + y.value * s + y.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
                 fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
@@ -1151,7 +1183,7 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 show: !0
               }), void 0, !0)
             ]))), 256))
-          ])) : (r(), o("g", Ol, [
+          ])) : (r(), o("g", Fl, [
             (r(!0), o(b, null, m($.value, (t, s) => (r(), o("g", null, [
               String(t.text).includes(`
 `) ? (r(), o("text", {
@@ -1163,15 +1195,15 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 x: n.value.left - 8,
                 y: n.value.top + y.value * s + y.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
                 style: { cursor: "pointer" },
-                onClick: () => me(t, s),
-                innerHTML: v(Ra)({
+                onClick: () => we(t, s),
+                innerHTML: h(Ea)({
                   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, Vl)) : (r(), o("text", {
+              }, null, 8, Hl)) : (r(), o("text", {
                 key: 0,
                 "text-anchor": "end",
                 "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
@@ -1182,79 +1214,79 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 style: {
                   cursor: "pointer"
                 },
-                onClick: () => me(t, s)
-              }, A(t.text), 9, Pl))
+                onClick: () => we(t, s)
+              }, T(t.text), 9, Ul))
             ]))), 256))
           ]))
         ], 512)) : d("", !0),
-        z.value.showTooltip && e.value.orientation === "vertical" ? (r(!0), o(b, { key: 16 }, m(h.value.end - h.value.start, (t, s) => (r(), o("rect", {
+        z.value.showTooltip && e.value.orientation === "vertical" ? (r(!0), o(b, { key: 16 }, m(v.value.end - v.value.start, (t, s) => (r(), o("rect", {
           x: n.value.left + s * y.value,
           y: n.value.top,
           width: y.value,
           height: n.value.height < 0 ? 0 : n.value.height,
-          onClick: () => vt(s),
-          onMouseenter: () => gt(s),
-          onMouseleave: () => yt(s),
-          fill: s === ue.value ? e.value.style.chart.highlighter.color : "transparent",
-          style: Q({ opacity: e.value.style.chart.highlighter.opacity / 100 })
-        }, null, 44, El))), 256)) : d("", !0),
-        z.value.showTooltip && e.value.orientation === "horizontal" ? (r(!0), o(b, { key: 17 }, m(h.value.end - h.value.start, (t, s) => (r(), o("rect", {
+          onClick: () => bt(s),
+          onMouseenter: () => pt(s),
+          onMouseleave: () => mt(s),
+          fill: s === de.value ? e.value.style.chart.highlighter.color : "transparent",
+          style: j({ opacity: e.value.style.chart.highlighter.opacity / 100 })
+        }, null, 44, Bl))), 256)) : d("", !0),
+        z.value.showTooltip && e.value.orientation === "horizontal" ? (r(!0), o(b, { key: 17 }, m(v.value.end - v.value.start, (t, s) => (r(), o("rect", {
           x: n.value.left,
           y: n.value.top + s * y.value,
           width: n.value.width < 0 ? 0 : n.value.width,
           height: y.value,
-          onClick: () => vt(s),
-          onMouseenter: () => gt(s),
-          onMouseleave: () => yt(s),
-          fill: s === ue.value ? e.value.style.chart.highlighter.color : "transparent",
-          style: Q({ opacity: e.value.style.chart.highlighter.opacity / 100 })
-        }, null, 44, Dl))), 256)) : d("", !0),
-        L(a.$slots, "svg", B(W({ ...n.value })), void 0, !0)
-      ], 14, el)),
-      a.$slots.watermark ? (r(), o("div", Fl, [
-        L(a.$slots, "watermark", B(W({ isPrinting: v(lt) || v(st) })), void 0, !0)
+          onClick: () => bt(s),
+          onMouseenter: () => pt(s),
+          onMouseleave: () => mt(s),
+          fill: s === de.value ? e.value.style.chart.highlighter.color : "transparent",
+          style: j({ opacity: e.value.style.chart.highlighter.opacity / 100 })
+        }, null, 44, Wl))), 256)) : d("", !0),
+        L(a.$slots, "svg", W(Y({ ...n.value })), void 0, !0)
+      ], 14, rl)),
+      a.$slots.watermark ? (r(), o("div", Yl, [
+        L(a.$slots, "watermark", W(Y({ isPrinting: h(nt) || h(it) })), void 0, !0)
       ])) : d("", !0),
-      U("div", {
+      D("div", {
         ref_key: "chartSlicer",
-        ref: Ye,
-        style: Q(`width:100%;background:${e.value.style.chart.backgroundColor}`),
+        ref: qe,
+        style: j(`width:100%;background:${e.value.style.chart.backgroundColor}`),
         "data-dom-to-png-ignore": ""
       }, [
-        e.value.style.chart.zoom.show && F.value > 1 ? (r(), H(Za, {
+        e.value.style.chart.zoom.show && U.value > 1 ? (r(), B(tl, {
           ref_key: "slicerComponent",
-          ref: qe,
-          key: `slicer_${Ge.value}`,
+          ref: je,
+          key: `slicer_${Ke.value}`,
           background: e.value.style.chart.zoom.color,
           borderColor: e.value.style.chart.backgroundColor,
           fontSize: e.value.style.chart.zoom.fontSize,
           useResetSlot: e.value.style.chart.zoom.useResetSlot,
-          labelLeft: e.value.style.chart.grid.x.timeLabels.values[h.value.start] ? $.value[0].text : "",
-          labelRight: e.value.style.chart.grid.x.timeLabels.values[h.value.end - 1] ? $.value.at(-1).text : "",
+          labelLeft: e.value.style.chart.grid.x.timeLabels.values[v.value.start] ? $.value[0].text : "",
+          labelRight: e.value.style.chart.grid.x.timeLabels.values[v.value.end - 1] ? $.value.at(-1).text : "",
           textColor: e.value.style.chart.color,
           inputColor: e.value.style.chart.zoom.color,
           selectColor: e.value.style.chart.zoom.highlightColor,
-          max: Math.max(..._e.dataset.map((t) => t.series.length)),
+          max: Math.max(...Me.dataset.map((t) => t.series.length)),
           min: 0,
-          valueStart: h.value.start,
-          valueEnd: h.value.end,
-          start: h.value.start,
-          "onUpdate:start": l[0] || (l[0] = (t) => h.value.start = t),
-          end: h.value.end,
-          "onUpdate:end": l[1] || (l[1] = (t) => h.value.end = t),
+          valueStart: v.value.start,
+          valueEnd: v.value.end,
+          start: v.value.start,
+          "onUpdate:start": l[0] || (l[0] = (t) => v.value.start = t),
+          end: v.value.end,
+          "onUpdate:end": l[1] || (l[1] = (t) => v.value.end = t),
           refreshStartPoint: e.value.style.chart.zoom.startIndex !== null ? e.value.style.chart.zoom.startIndex : 0,
-          refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : Math.max(..._e.dataset.map((t) => t.series.length)),
+          refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : Math.max(...Me.dataset.map((t) => t.series.length)),
           enableRangeHandles: e.value.style.chart.zoom.enableRangeHandles,
           enableSelectionDrag: e.value.style.chart.zoom.enableSelectionDrag,
-          onReset: ut
+          onReset: dt
         }, {
-          "reset-action": _(({ reset: t }) => [
-            L(a.$slots, "reset-action", B(W({ reset: t })), void 0, !0)
+          "reset-action": C(({ reset: t }) => [
+            L(a.$slots, "reset-action", W(Y({ 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"])) : d("", !0)
       ], 4),
-      xe(v(Ut), {
-        show: z.value.showTooltip && $e.value,
+      ve(h(Yt), {
+        show: z.value.showTooltip && Ie.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -1264,104 +1296,94 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: V.value,
-        content: Me.value,
-        isFullscreen: ne.value,
-        isCustom: v(Et)(e.value.style.chart.tooltip.customFormat),
+        parent: O.value,
+        content: Re.value,
+        isFullscreen: re.value,
+        isCustom: h(Ut)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
         backdropFilter: e.value.style.chart.tooltip.backdropFilter
       }, {
-        "tooltip-before": _(() => [
-          L(a.$slots, "tooltip-before", B(W({ ...Te.value })), void 0, !0)
+        "tooltip-before": C(() => [
+          L(a.$slots, "tooltip-before", W(Y({ ...Ne.value })), void 0, !0)
         ]),
-        "tooltip-after": _(() => [
-          L(a.$slots, "tooltip-after", B(W({ ...Te.value })), void 0, !0)
+        "tooltip-after": C(() => [
+          L(a.$slots, "tooltip-after", W(Y({ ...Ne.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
-      U("div", {
-        id: `legend-bottom-${T.value}`
-      }, null, 8, Hl),
-      Ze.value ? (r(), H(wa, {
+      D("div", {
+        id: `legend-bottom-${M.value}`
+      }, null, 8, Xl),
+      et.value ? (r(), B(Sa, {
         key: 4,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${T.value}` : `#legend-bottom-${T.value}`
+        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${M.value}` : `#legend-bottom-${M.value}`
       }, [
-        U("div", {
+        D("div", {
           ref_key: "chartLegend",
-          ref: We
+          ref: Je
         }, [
-          e.value.style.chart.legend.show ? (r(), H(qa, {
+          e.value.style.chart.legend.show ? (r(), B(el, {
             key: 0,
-            legendSet: wt.value,
-            config: ua.value,
+            legendSet: Ct.value,
+            config: ya.value,
             onClickMarker: l[2] || (l[2] = ({ legend: t }) => t.segregate())
-          }, At({
-            item: _(({ legend: t }) => [
-              v(re) ? d("", !0) : (r(), o("div", {
+          }, We({
+            item: C(({ legend: t }) => [
+              h(ne) ? d("", !0) : (r(), o("div", {
                 key: 0,
                 onClick: (s) => t.segregate(),
-                style: Q(`opacity:${S.value.includes(t.id) ? 0.5 : 1}`)
-              }, A(t.name), 13, Ul))
+                style: j(`opacity:${S.value.includes(t.id) ? 0.5 : 1}`)
+              }, T(t.name), 13, Gl))
             ]),
             _: 2
           }, [
             a.$slots.pattern ? {
               name: "legend-pattern",
-              fn: _(({ legend: t, index: s }) => [
-                xe(Ja, {
+              fn: C(({ legend: t, index: s }) => [
+                ve(ja, {
                   shape: t.shape,
                   radius: 30,
                   stroke: "none",
                   plot: { x: 30, y: 30 },
-                  fill: `url(#pattern_${T.value}_${s})`
+                  fill: `url(#pattern_${M.value}_${s})`
                 }, null, 8, ["shape", "fill"])
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["legendSet", "config"])) : L(a.$slots, "legend", {
             key: 1,
-            legend: wt.value
+            legend: Ct.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : d("", !0),
       a.$slots.source ? (r(), o("div", {
         key: 5,
         ref_key: "source",
-        ref: Xe,
+        ref: Ze,
         dir: "auto"
       }, [
         L(a.$slots, "source", {}, void 0, !0)
       ], 512)) : d("", !0),
-      h.value.end - h.value.start < 200 ? (r(), H(v(Bt), {
-        key: 6,
-        hideDetails: "",
-        config: {
-          open: z.value.showTable,
-          maxHeight: 1e4,
-          body: {
-            backgroundColor: e.value.style.chart.backgroundColor,
-            color: e.value.style.chart.color
-          },
-          head: {
-            backgroundColor: e.value.style.chart.backgroundColor,
-            color: e.value.style.chart.color
-          }
-        }
-      }, {
-        content: _(() => [
-          xe(v(Wt), {
-            colNames: be.value.colNames,
-            head: be.value.head,
-            body: be.value.body,
-            config: be.value.config,
-            title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: l[3] || (l[3] = (t) => z.value.showTable = !1)
+      he.value ? (r(), B($a(ue.value.component), Ce({ key: 6 }, ue.value.props, {
+        ref_key: "tableUnit",
+        ref: oe,
+        onClose: l[5] || (l[5] = (t) => z.value.showTable = !1)
+      }), We({
+        content: C(() => [
+          ve(h(Jt), {
+            colNames: xe.value.colNames,
+            head: xe.value.head,
+            body: xe.value.body,
+            config: xe.value.config,
+            title: e.value.table.useDialog ? "" : ue.value.title,
+            withCloseButton: !e.value.table.useDialog,
+            onClose: l[4] || (l[4] = (t) => z.value.showTable = !1)
           }, {
-            th: _(({ th: t }) => [
-              U("div", { innerHTML: t }, null, 8, Bl)
+            th: C(({ th: t }) => [
+              D("div", { innerHTML: t }, null, 8, Jl)
             ]),
-            td: _(({ td: t }) => [
-              La(A(isNaN(Number(t)) ? t : v(j)({
+            td: C(({ td: t }) => [
+              Rt(T(isNaN(Number(t)) ? t : h(ee)({
                 p: e.value.style.chart.bars.dataLabels.prefix,
                 v: t,
                 s: e.value.style.chart.bars.dataLabels.suffix,
@@ -1369,14 +1391,38 @@ const Qa = ["id"], ja = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               })), 1)
             ]),
             _: 1
-          }, 8, ["colNames", "head", "body", "config", "title"])
+          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"])
         ]),
-        _: 1
-      }, 8, ["config"])) : d("", !0),
-      v(re) ? (r(), H(Ha, { key: 7 })) : d("", !0)
-    ], 46, Qa));
+        _: 2
+      }, [
+        e.value.table.useDialog ? {
+          name: "title",
+          fn: C(() => [
+            Rt(T(ue.value.title), 1)
+          ]),
+          key: "0"
+        } : void 0,
+        e.value.table.useDialog ? {
+          name: "actions",
+          fn: C(() => [
+            D("button", {
+              tabindex: "0",
+              class: "vue-ui-user-options-button",
+              onClick: l[3] || (l[3] = (t) => He(e.value.userOptions.callbacks.csv))
+            }, [
+              ve(h(Xt), {
+                name: "excel",
+                stroke: ue.value.props.color
+              }, null, 8, ["stroke"])
+            ])
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040)) : d("", !0),
+      h(ne) ? (r(), B(Xa, { key: 7 })) : d("", !0)
+    ], 46, ll));
   }
-}, is = /* @__PURE__ */ Ka(Wl, [["__scopeId", "data-v-75af81c9"]]);
+}, hs = /* @__PURE__ */ al(ql, [["__scopeId", "data-v-6fd66359"]]);
 export {
-  is as default
+  hs as default
 };