vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-stackbar-BKLo9L3P.js → vue-ui-stackbar-Dw-CI94e.js}

@@ -1,25 +1,25 @@
 import { defineAsyncComponent as re, useSlots as io, computed as g, ref as h, shallowRef as _t, onMounted as uo, toRefs as co, watch as Re, onBeforeUnmount as tt, watchEffect as Oe, nextTick as At, openBlock as s, createElementBlock as u, normalizeStyle as q, normalizeClass as ke, createElementVNode as Z, toDisplayString as V, createBlock as ee, createCommentVNode as f, unref as b, withCtx as C, renderSlot as L, normalizeProps as D, guardReactiveProps as E, createSlots as $t, createVNode as De, Fragment as w, renderList as S, mergeProps as Ee, Teleport as vo, resolveDynamicComponent as ho, createTextVNode as Pa } from "vue";
-import { u as yo } from "./useConfig-C40HvGpD.js";
-import { j as Na, t as Ia, m as fo, p as at, n as go, o as Fa, q as Ra, r as mo, s as bo, ar as Ve, E as Oa, D as Da, I as po, X as xo, x as ko, G as de, W as Ea, k as we, l as ne, Z as wo, as as Lo, T as Va, a0 as Co, a1 as So, U as zo, a3 as Mo } from "./lib-DBptbyyI.js";
+import { u as yo } from "./useConfig-DTHxOX6V.js";
+import { j as Na, t as Ia, m as fo, p as at, n as go, o as Fa, q as Ra, r as mo, s as bo, ar as Ve, E as Oa, D as Da, I as po, X as xo, x as ko, G as de, W as Ea, k as we, l as ne, Z as wo, as as Lo, T as Va, a0 as Co, a1 as So, U as zo, a3 as Mo } from "./lib-DMzrGQHK.js";
 import { t as Ba, u as To } from "./useResponsive-DfdjqQps.js";
-import { u as Ua, a as Ha, b as _o } from "./useTimeLabels-C-A2uZKi.js";
-import { u as Ao } from "./usePrinter-CEpYU3r5.js";
-import { u as $o, B as Po } from "./BaseScanner-BhhkKVoj.js";
-import { u as No } from "./useSvgExport-ByUukOZt.js";
-import { u as Pt } from "./useNestedProp-Bf5XFbs8.js";
-import { u as Io } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as Fo } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Ro } from "./useStableElementSize-DCNs0Tx7.js";
-import { u as Oo } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Do } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Eo from "./img-LXxMLmCg.js";
-import Vo from "./Title-BeMKE1cj.js";
-import { _ as Bo } from "./Shape-BKRUOeKk.js";
+import { u as Ua, a as Ha, b as _o } from "./useTimeLabels-Cv0tD9In.js";
+import { u as Ao } from "./usePrinter-C4t8DdQ-.js";
+import { u as $o, B as Po } from "./BaseScanner-BON3d_Sx.js";
+import { u as No } from "./useSvgExport-BTG4hVPO.js";
+import { u as Pt } from "./useNestedProp-DH0BEVVS.js";
+import { u as Io } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as Fo } from "./useUserOptionState-B7Ej974k.js";
+import { u as Ro } from "./useStableElementSize-C48ZVcZQ.js";
+import { u as Oo } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as Do } from "./useTimeLabelCollider-D3JeJ6Ye.js";
+import Eo from "./img-CjTQXS0U.js";
+import Vo from "./Title-BbKoiBk2.js";
+import { _ as Bo } from "./Shape-CxJ5_Rre.js";
 import Uo from "./vue_ui_stackbar-CuDC4O4b.js";
-import Ho from "./Legend-CS7Xo5LK.js";
-import { A as Wo } from "./A11yDataTable-KcVAX2cP.js";
-import { S as Xo } from "./SlicerPreview-BMx3cqgX.js";
-import { B as Yo } from "./BaseLegendToggle-BQVIawmA.js";
+import Ho from "./Legend-DGN5lY60.js";
+import { A as Wo } from "./A11yDataTable-BpmuNomI.js";
+import { S as Xo } from "./SlicerPreview-D_CgrN_7.js";
+import { B as Yo } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as qo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative" } }, Qo = ["xmlns", "aria-describedby", "viewBox"], jo = ["x", "y", "width", "height"], es = { key: 1 }, ts = ["id"], as = ["stop-color"], ls = ["stop-color"], os = ["stop-color"], ss = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], rs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ns = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], is = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], us = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], cs = { key: 0 }, vs = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], hs = { key: 0 }, ds = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], ys = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], fs = { key: 0 }, gs = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], ms = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ps = ["x", "y", "font-size", "fill", "font-weight"], xs = ["transform", "font-size", "fill", "font-weight"], ks = ["x", "y", "font-size", "fill", "font-weight"], ws = ["x", "y", "font-size", "font-weight", "fill"], Ls = ["x", "y", "font-size", "fill", "font-weight"], Cs = ["x", "y", "font-size", "font-weight", "fill"], Ss = ["x1", "x2", "y1", "y2", "stroke"], zs = ["x", "y", "font-size", "font-weight", "fill"], Ms = ["x1", "x2", "y1", "y2", "stroke"], Ts = ["font-size", "font-weight", "fill", "text-anchor", "transform"], _s = { key: 0 }, As = { key: 1 }, $s = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Ps = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Ns = { key: 0 }, Is = { key: 1 }, Fs = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Rs = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], Os = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Ds = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Es = ["data-start", "data-end"], Vs = {
   key: 0,
@@ -49,9 +49,23 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
       default: void 0
     }
   },
-  emits: ["selectDatapoint", "selectLegend", "selectTimeLabel", "selectX", "copyAlt"],
+  emits: [
+    "selectDatapoint",
+    "selectLegend",
+    "selectTimeLabel",
+    "selectX",
+    "copyAlt"
+  ],
   setup(lt, { expose: Wa, emit: Xa }) {
-    const Ya = re(() => import("./Tooltip-C8KGyqQk.js")), qa = re(() => import("./BaseIcon-Cb3zzG6s.js")), Ga = re(() => import("./vue-ui-accordion-DDuJT1xA.js")), Ja = re(() => import("./DataTable-DT2kIdQ6.js")), Ka = re(() => import("./PenAndPaper-Ct3qJ4lA.js")), Za = re(() => import("./UserOptions-rW2fRf3V.js")), Qa = re(() => import("./PackageVersion-DP_kfXUM.js")), ja = re(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_stackbar: el } = yo(), { isThemeValid: tl, warnInvalidTheme: al } = Io(), ll = io(), I = lt, ae = Xa, Le = g({
+    const Ya = re(() => import("./Tooltip-Cvt7Fi0Q.js")), qa = re(() => import("./BaseIcon-DX0hTWa-.js")), Ga = re(() => import("./vue-ui-accordion-BHmfmb_6.js")), Ja = re(() => import("./DataTable-cMnb68Ik.js")), Ka = re(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), Za = re(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Qa = re(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), ja = re(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_stackbar: el } = yo(), { isThemeValid: tl, warnInvalidTheme: al } = Io(), ll = io(), I = lt, ae = Xa, Le = g({
       get() {
         return !!I.dataset && I.dataset.length;
       },
@@ -86,7 +100,9 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
     uo(() => {
       Dt.value = !0, it(), Xt.start(), ta();
     });
-    const e = h(ht()), X = g(() => e.value.userOptions.useCursorPointer), nl = g(() => Ia({
+    const e = h(ht()), X = g(
+      () => e.value.userOptions.useCursorPointer
+    ), nl = g(() => Ia({
       defaultConfig: {
         userOptions: { show: !1 },
         useCssAnimation: !1,
@@ -162,7 +178,9 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
         defaultConfig: e.value,
         userConfig: nl.value
       })
-    }), { userOptionsVisible: vt, setUserOptionsVisibility: Gt, keepUserOptionState: Jt } = Fo({ config: e.value }), { svgRef: ge } = Oo({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: vt, setUserOptionsVisibility: Gt, keepUserOptionState: Jt } = Fo({ config: e.value }), { svgRef: ge } = Oo({
+      config: e.value.style.chart.title
+    });
     function il() {
       Gt(!0);
     }
@@ -197,11 +215,19 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
       return l;
     }
     const Kt = g(() => e.value.style.chart.bars.dataLabels.hideUnderValue != null), Zt = g(() => e.value.style.chart.bars.dataLabels.hideUnderPercentage != null);
-    Re(() => I.config, (t) => {
-      fe.value || (e.value = ht()), vt.value = !e.value.userOptions.showOnChartHover, ta(), Ot.value += 1, ol.value += 1, sl.value += 1, $.value.dataLabels.show = e.value.style.chart.bars.dataLabels.show, $.value.showTable = e.value.table.show, $.value.showTooltip = e.value.style.chart.tooltip.show, it(), Ge();
-    }, { deep: !0 }), Re(() => I.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (Xe.value = !1), it(), sa();
-    }, { deep: !0 });
+    Re(
+      () => I.config,
+      (t) => {
+        fe.value || (e.value = ht()), vt.value = !e.value.userOptions.showOnChartHover, ta(), Ot.value += 1, ol.value += 1, sl.value += 1, $.value.dataLabels.show = e.value.style.chart.bars.dataLabels.show, $.value.showTable = e.value.table.show, $.value.showTooltip = e.value.style.chart.tooltip.show, it(), Ge();
+      },
+      { deep: !0 }
+    ), Re(
+      () => I.dataset,
+      (t) => {
+        Array.isArray(t) && t.length > 0 && (Xe.value = !1), it(), sa();
+      },
+      { deep: !0 }
+    );
     const $ = h({
       dataLabels: {
         show: e.value.style.chart.bars.dataLabels.show
@@ -209,15 +235,19 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    Re(e, () => {
-      $.value = {
-        dataLabels: {
-          show: e.value.style.chart.bars.dataLabels.show
-        },
-        showTable: e.value.table.show,
-        showTooltip: e.value.style.chart.tooltip.show
-      };
-    }, { immediate: !0 });
+    Re(
+      e,
+      () => {
+        $.value = {
+          dataLabels: {
+            show: e.value.style.chart.bars.dataLabels.show
+          },
+          showTable: e.value.table.show,
+          showTooltip: e.value.style.chart.tooltip.show
+        };
+      },
+      { immediate: !0 }
+    );
     const { isPrinting: dt, isImaging: yt, generatePdf: Qt, generateImage: jt } = Ao({
       elementId: `stackbar_${R.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-stackbar",
@@ -277,10 +307,14 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
     });
     function vl() {
       let t = 0;
-      e.value.orientation === "vertical" && ue.value && (t = Array.from(ue.value.querySelectorAll("text")).reduce((o, c) => {
+      e.value.orientation === "vertical" && ue.value && (t = Array.from(
+        ue.value.querySelectorAll("text")
+      ).reduce((o, c) => {
         const r = c.getComputedTextLength();
         return r > o ? r : o;
-      }, 0)), e.value.orientation === "horizontal" && ce.value && (t = Array.from(ce.value.querySelectorAll("text")).reduce((o, c) => {
+      }, 0)), e.value.orientation === "horizontal" && ce.value && (t = Array.from(
+        ce.value.querySelectorAll("text")
+      ).reduce((o, c) => {
         const r = c.getComputedTextLength();
         return r > o ? r : o;
       }, 0));
@@ -317,7 +351,11 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
       const o = new ResizeObserver(a);
       o.observe(l);
       const c = new MutationObserver(a);
-      c.observe(l, { childList: !0, subtree: !0, characterData: !0 }), t(() => {
+      c.observe(l, {
+        childList: !0,
+        subtree: !0,
+        characterData: !0
+      }), t(() => {
         o.disconnect(), c.disconnect();
       });
     }), tt(() => {
@@ -374,7 +412,24 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
         height: Math.max(0, P)
       };
     }), ml = g(() => {
-      const { left: t, top: l, width: a, height: o } = n.value, c = v.value.start, r = v.value.end, d = Math.max(1, r - c), x = Math.max(0, Math.min(d, (H.value.start ?? c) - c)), k = Math.max(0, Math.min(d, (H.value.end ?? r) - c)), M = Math.max(0, k - x), P = {
+      const {
+        left: t,
+        top: l,
+        width: a,
+        height: o
+      } = n.value, c = v.value.start, r = v.value.end, d = Math.max(1, r - c), x = Math.max(
+        0,
+        Math.min(
+          d,
+          (H.value.start ?? c) - c
+        )
+      ), k = Math.max(
+        0,
+        Math.min(
+          d,
+          (H.value.end ?? r) - c
+        )
+      ), M = Math.max(0, k - x), P = {
         fill: e.value.style.chart.zoom.preview.fill,
         stroke: e.value.style.chart.zoom.preview.stroke,
         "stroke-width": e.value.style.chart.zoom.preview.strokeWidth,
@@ -419,7 +474,9 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
         color: a
       };
     })), F = g(() => {
-      const t = Math.max(...U.value.filter((l) => !A.value.includes(l.id)).map((l) => l.series.length));
+      const t = Math.max(
+        ...U.value.filter((l) => !A.value.includes(l.id)).map((l) => l.series.length)
+      );
       return isFinite(t) ? t : Math.max(...U.value.map((l) => l.series.length));
     });
     function bl(t) {
@@ -428,7 +485,10 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
     const v = h({
       start: 0,
       end: Math.max(...ct.value.map((t) => t.series.length))
-    }), H = h({ start: 0, end: Math.max(...ct.value.map((t) => t.series.length)) }), la = g(() => e.value.style.chart.zoom.preview.enable && (H.value.start !== v.value.start || H.value.end !== v.value.end));
+    }), H = h({
+      start: 0,
+      end: Math.max(...ct.value.map((t) => t.series.length))
+    }), la = g(() => e.value.style.chart.zoom.preview.enable && (H.value.start !== v.value.start || H.value.end !== v.value.end));
     function oa(t, l) {
       H.value[t] = l;
     }
@@ -439,9 +499,9 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
     }
     const Te = h(null);
     function pl() {
-      return new Promise((t) => requestAnimationFrame(
-        () => requestAnimationFrame(() => t())
-      ));
+      return new Promise(
+        (t) => requestAnimationFrame(() => requestAnimationFrame(() => t()))
+      );
     }
     tt(() => {
       Te.value && cancelAnimationFrame(Te.value);
@@ -454,31 +514,59 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
     const m = g(() => {
       let t;
       return e.value.orientation === "vertical" ? t = n.value.width / (v.value.end - v.value.start) : t = n.value.height / (v.value.end - v.value.start), t <= 0 ? 0 : t;
-    }), _e = g(() => Ve(U.value.filter((t) => !A.value.includes(t.id))).slice(v.value.start, v.value.end)), gt = g(() => A.value.length === U.value.length), ve = g(() => e.value.style.chart.zoom.minimap.show ? Ve(U.value.map((t) => ({
-      ...t,
-      series: t.series.map((l) => l ?? 0)
-    })).filter((t) => gt.value ? !0 : !A.value.includes(t.id))) : []), xl = g(() => e.value.style.chart.zoom.minimap.show ? [{
-      name: "",
-      series: ve.value,
-      color: "#000000",
-      isVisible: !0
-    }] : []), kl = g(() => Ve(U.value.filter((t) => !A.value.includes(t.id)).map((t) => ({
-      ...t,
-      series: t.series.map((l, a) => t.signedSeries[a] === -1 && l >= 0 ? -l : l)
-    }))).slice(v.value.start, v.value.end)), Je = g(() => {
-      const t = U.value.filter((l) => !A.value.includes(l.id));
+    }), _e = g(() => Ve(
+      U.value.filter(
+        (t) => !A.value.includes(t.id)
+      )
+    ).slice(v.value.start, v.value.end)), gt = g(
+      () => A.value.length === U.value.length
+    ), ve = g(() => e.value.style.chart.zoom.minimap.show ? Ve(
+      U.value.map((t) => ({
+        ...t,
+        series: t.series.map((l) => l ?? 0)
+      })).filter(
+        (t) => gt.value ? !0 : !A.value.includes(t.id)
+      )
+    ) : []), xl = g(() => e.value.style.chart.zoom.minimap.show ? [
+      {
+        name: "",
+        series: ve.value,
+        color: "#000000",
+        isVisible: !0
+      }
+    ] : []), kl = g(() => Ve(
+      U.value.filter((t) => !A.value.includes(t.id)).map((t) => ({
+        ...t,
+        series: t.series.map((l, a) => t.signedSeries[a] === -1 && l >= 0 ? -l : l)
+      }))
+    ).slice(v.value.start, v.value.end)), Je = g(() => {
+      const t = U.value.filter(
+        (l) => !A.value.includes(l.id)
+      );
       return {
-        positive: Ve(t.map((l) => ({
-          ...l,
-          series: l.series.slice(v.value.start, v.value.end).map((a) => a >= 0 ? a : 0)
-        }))),
-        negative: Ve(t.map((l) => ({
-          ...l,
-          series: l.series.slice(v.value.start, v.value.end).map((a) => a < 0 ? a : 0)
-        })))
+        positive: Ve(
+          t.map((l) => ({
+            ...l,
+            series: l.series.slice(v.value.start, v.value.end).map((a) => a >= 0 ? a : 0)
+          }))
+        ),
+        negative: Ve(
+          t.map((l) => ({
+            ...l,
+            series: l.series.slice(v.value.start, v.value.end).map((a) => a < 0 ? a : 0)
+          }))
+        )
       };
     }), Y = g(() => {
-      const t = e.value.style.chart.grid.scale.scaleMax !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMax : Math.max(...Je.value.positive), l = Math.min(...Je.value.negative), a = 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, o = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Oa(a > 0 ? 0 : a, t < 0 ? 0 : t, e.value.style.chart.grid.scale.ticks) : Da(a > 0 ? 0 : a, t < 0 ? 0 : t, e.value.style.chart.grid.scale.ticks);
+      const t = e.value.style.chart.grid.scale.scaleMax !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMax : Math.max(...Je.value.positive), l = Math.min(...Je.value.negative), a = 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, o = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Oa(
+        a > 0 ? 0 : a,
+        t < 0 ? 0 : t,
+        e.value.style.chart.grid.scale.ticks
+      ) : Da(
+        a > 0 ? 0 : a,
+        t < 0 ? 0 : t,
+        e.value.style.chart.grid.scale.ticks
+      );
       return o.ticks.map((c) => ({
         zero: n.value.bottom - n.value.height * (Math.abs(o.min) / (o.max + Math.abs(o.min))),
         y: n.value.bottom - n.value.height * ((c + Math.abs(o.min)) / (o.max + Math.abs(o.min))),
@@ -519,7 +607,10 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
     });
     const wl = g(() => {
       const t = e.value.style.chart.grid.x.timeLabels.modulo;
-      return W.value.length ? Math.min(t, [...new Set(W.value.map((l) => l.text))].length) : t;
+      return W.value.length ? Math.min(
+        t,
+        [...new Set(W.value.map((l) => l.text))].length
+      ) : t;
     }), mt = g(() => {
       const t = e.value.style.chart.grid.x.timeLabels, l = W.value || [], a = be.value || [], o = v.value.start ?? 0, c = B.value, r = F.value, d = l.map((k) => k?.text ?? ""), x = a.map((k) => k?.text ?? "");
       return po(
@@ -533,15 +624,25 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
         r
       );
     });
-    Oe(() => {
-      e.value.orientation, e.value.style.chart.grid.x.timeLabels.show, e.value.style.chart.grid.x.timeLabels.fontSize, e.value.style.chart.grid.x.timeLabels.rotation, e.value.style.chart.grid.x.timeLabels.offsetY, mt.value?.map((t) => t?.text ?? "").join("|"), Y.value?.map((t) => t?.value ?? "").join("|"), le.value.width, le.value.height, ce.value, ue.value, We.value, gl();
-    }, { flush: "post" });
-    const ia = h({ months: [], shortMonths: [], days: [], shortDays: [] });
+    Oe(
+      () => {
+        e.value.orientation, e.value.style.chart.grid.x.timeLabels.show, e.value.style.chart.grid.x.timeLabels.fontSize, e.value.style.chart.grid.x.timeLabels.rotation, e.value.style.chart.grid.x.timeLabels.offsetY, mt.value?.map((t) => t?.text ?? "").join("|"), Y.value?.map((t) => t?.value ?? "").join("|"), le.value.width, le.value.height, ce.value, ue.value, We.value, gl();
+      },
+      { flush: "post" }
+    );
+    const ia = h({
+      months: [],
+      shortMonths: [],
+      days: [],
+      shortDays: []
+    });
     let ua = 0;
     Oe(() => {
       const t = ++ua, l = e.value.style.chart.grid.x.timeLabels.datetimeFormatter;
       (async () => {
-        const a = await Ha(l.locale).catch(() => Ha("en"));
+        const a = await Ha(l.locale).catch(
+          () => Ha("en")
+        );
         t === ua && (ia.value = a.data);
       })();
     });
@@ -556,22 +657,46 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
         return r == null ? "" : l.formatDate(new Date(r), o);
       };
     }), va = g(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, a) => ({
-      text: ca.value(a, e.value.style.chart.zoom.timeFormat),
+      text: ca.value(
+        a,
+        e.value.style.chart.zoom.timeFormat
+      ),
       absoluteIndex: a
     }))), Ll = g(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, a) => ({
-      text: ca.value(a, e.value.style.chart.tooltip.timeFormat),
+      text: ca.value(
+        a,
+        e.value.style.chart.tooltip.timeFormat
+      ),
       absoluteIndex: a
     }))), z = g(() => {
       if (!Le.value && !fe.value) return [];
       let t = Array(F.value).fill(0), l = Array(F.value).fill(0), a = Array(F.value).fill(0), o = Array(F.value).fill(0);
-      const c = Math.max(...Je.value.positive) || 0, r = Math.min(...Je.value.negative), d = [-1 / 0, 1 / 0, NaN, void 0, null].includes(r) ? 0 : r, x = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Oa(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : d > 0 ? 0 : d, 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) : Da(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : d > 0 ? 0 : d, 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: k, max: M } = x, P = M + (k >= 0 ? 0 : Math.abs(k)) || 1, N = n.value.height, j = n.value.width, he = Y.value[0] ? Y.value[0].zero : n.value.bottom, Ie = Y.value[0] ? Y.value[0].horizontal_zero : n.value.left;
+      const c = Math.max(...Je.value.positive) || 0, r = Math.min(...Je.value.negative), d = [-1 / 0, 1 / 0, NaN, void 0, null].includes(
+        r
+      ) ? 0 : r, x = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Oa(
+        e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : d > 0 ? 0 : d,
+        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
+      ) : Da(
+        e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : d > 0 ? 0 : d,
+        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: k, max: M } = x, P = M + (k >= 0 ? 0 : Math.abs(k)) || 1, N = n.value.height, j = n.value.width, he = Y.value[0] ? Y.value[0].zero : n.value.bottom, Ie = Y.value[0] ? Y.value[0].horizontal_zero : n.value.left;
       let Fe = Array(ve.value.length).fill(0), J = Array(ve.value.length).fill(0);
       return U.value.filter((xe) => !A.value.includes(xe.id)).map((xe) => {
         const se = xe.series.slice(), _a = se.map((y, p) => Fe[p]), Jl = se.map((y, p) => J[p]);
         se.forEach((y, p) => {
           (Number(y) || 0) >= 0 ? Fe[p] += Number(y) || 0 : J[p] += Math.abs(Number(y) || 0);
         });
-        const te = xe.series.slice(v.value.start, v.value.end), Kl = xe.signedSeries.slice(v.value.start, v.value.end), Zl = te.map((y, p) => n.value.left + m.value * p + m.value * e.value.style.chart.bars.gapRatio / 4), et = (ve.value || []).filter(Number.isFinite), zt = et.length ? Math.max(...et) : 0, Mt = et.length ? Math.min(...et) : 0;
+        const te = xe.series.slice(
+          v.value.start,
+          v.value.end
+        ), Kl = xe.signedSeries.slice(
+          v.value.start,
+          v.value.end
+        ), Zl = te.map((y, p) => n.value.left + m.value * p + m.value * e.value.style.chart.bars.gapRatio / 4), et = (ve.value || []).filter(
+          Number.isFinite
+        ), zt = et.length ? Math.max(...et) : 0, Mt = et.length ? Math.min(...et) : 0;
         function Aa({ minimapH: y }) {
           const T = zt > 0, O = Mt < 0;
           if (T && O) {
@@ -626,7 +751,9 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
               return K / Tt * y;
             });
           const { pxPerUnit: p } = Aa({ minimapH: y });
-          return se.map((T) => Math.abs(Number(T) || 0) * p);
+          return se.map(
+            (T) => Math.abs(Number(T) || 0) * p
+          );
         }, so = te.map((y, p) => {
           const T = e.value.style.chart.bars.distributed ? (y || 0) / _e.value[p] : (y || 0) / P;
           return y > 0 ? j * T : j * Math.abs(T);
@@ -678,14 +805,19 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
       );
     }
     function bt(t) {
-      const l = JSON.parse(JSON.stringify(z.value)).map((a) => ({
-        name: a.name,
-        value: a.series[t] === 0 ? 0 : a.series[t] || null,
-        proportion: a.proportions[t] || null,
-        color: a.color,
-        id: a.id
-      }));
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: t + v.value.start }), ae("selectDatapoint", { datapoint: l, period: W.value[t] });
+      const l = JSON.parse(JSON.stringify(z.value)).map(
+        (a) => ({
+          name: a.name,
+          value: a.series[t] === 0 ? 0 : a.series[t] || null,
+          proportion: a.proportions[t] || null,
+          color: a.color,
+          id: a.id
+        })
+      );
+      e.value.events.datapointClick && e.value.events.datapointClick({
+        datapoint: l,
+        seriesIndex: t + v.value.start
+      }), ae("selectDatapoint", { datapoint: l, period: W.value[t] });
     }
     function pt(t) {
       return JSON.parse(JSON.stringify(z.value)).map((l) => ({
@@ -701,19 +833,26 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
     function ya(t) {
       if (e.value.events.datapointLeave) {
         const l = pt(t);
-        e.value.events.datapointLeave({ datapoint: l, seriesIndex: t + v.value.start });
+        e.value.events.datapointLeave({
+          datapoint: l,
+          seriesIndex: t + v.value.start
+        });
       }
       ye.value = !1, B.value = null, G.value === t && (G.value = null);
     }
     const Cl = g(() => Array(F.value).fill(0).map((t, l) => pt(l)));
-    Re(() => I.selectedXIndex, (t) => {
-      if ([null, void 0].includes(I.selectedXIndex)) {
-        B.value = null;
-        return;
-      }
-      const l = t - v.value.start;
-      l < 0 || t >= v.value.end ? B.value = null : B.value = l ?? null;
-    }, { immediate: !0 });
+    Re(
+      () => I.selectedXIndex,
+      (t) => {
+        if ([null, void 0].includes(I.selectedXIndex)) {
+          B.value = null;
+          return;
+        }
+        const l = t - v.value.start;
+        l < 0 || t >= v.value.end ? B.value = null : B.value = l ?? null;
+      },
+      { immediate: !0 }
+    );
     function fa(t) {
       if (!e.value.style.chart.tooltip.showTimeLabel)
         return null;
@@ -724,7 +863,10 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
       if (gt.value) return;
       Wt.value = l, G.value = t, B.value = t, ye.value = !0;
       const a = e.value.style.chart.tooltip.customFormat, o = pt(t);
-      Ul({ seriesIndex: t, datapoint: o }), e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: o, seriesIndex: t + v.value.start }), Be.value = {
+      Ul({ seriesIndex: t, datapoint: o }), e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: o,
+        seriesIndex: t + v.value.start
+      }), Be.value = {
         timeLabel: fa(t),
         datapoint: o,
         seriesIndex: t,
@@ -732,12 +874,14 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
         series: z.value
       };
       const c = o.map((d) => Math.abs(d.value)).reduce((d, x) => d + x, 0), r = o.map((d) => de(d.value)).reduce((d, x) => d + x, 0);
-      if (Va(a) && zo(() => a({
-        seriesIndex: t,
-        datapoint: o,
-        series: z.value,
-        config: e.value
-      })))
+      if (Va(a) && zo(
+        () => a({
+          seriesIndex: t,
+          datapoint: o,
+          series: z.value,
+          config: e.value
+        })
+      ))
         ot.value = a({
           seriesIndex: t,
           datapoint: o,
@@ -768,7 +912,12 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
             s: e.value.style.chart.bars.dataLabels.suffix,
             r: N
           }),
-          { datapoint: { name: k, value: r } }
+          {
+            datapoint: {
+              name: k,
+              value: r
+            }
+          }
         )}
                 </span>
             </div>`);
@@ -783,12 +932,14 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
                     ${J.name}${d || M ? ":" : ""} ${d ? we(
             e.value.style.chart.bars.dataLabels.formatter,
             J.value,
-            ne({
-              p: e.value.style.chart.bars.dataLabels.prefix,
-              v: J.value,
-              s: e.value.style.chart.bars.dataLabels.suffix,
-              r: N
-            })
+            ne(
+              {
+                p: e.value.style.chart.bars.dataLabels.prefix,
+                v: J.value,
+                s: e.value.style.chart.bars.dataLabels.suffix,
+                r: N
+              }
+            )
           ) : ""} ${Fe[0]}${M ? ne({
             v: isNaN(J.value / c) ? 0 : Math.abs(J.value) / c * 100,
             // Negs are absed to show relative proportion to absolute total. It's opinionated.
@@ -807,7 +958,15 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
       slicer: v,
       configRef: e,
       rotationPath: ["style", "chart", "grid", "x", "timeLabels", "rotation"],
-      autoRotatePath: ["style", "chart", "grid", "x", "timeLabels", "autoRotate", "enable"],
+      autoRotatePath: [
+        "style",
+        "chart",
+        "grid",
+        "x",
+        "timeLabels",
+        "autoRotate",
+        "enable"
+      ],
       isAutoSize: !1,
       width: Sl,
       height: zl,
@@ -829,28 +988,63 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
       return z.value;
     }
     const xa = g(() => {
-      if (z.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
+      if (z.value.length === 0)
+        return { head: [], body: [], config: {}, columnNames: [] };
       const t = z.value.map(({ name: a, color: o }) => ({
         label: a,
         color: o
       })), l = [];
       return W.value.forEach((a) => {
-        const o = [e.value.style.chart.grid.x.timeLabels.values[a.absoluteIndex] ? a.text : i + 1];
+        const o = [
+          e.value.style.chart.grid.x.timeLabels.values[a.absoluteIndex] ? a.text : i + 1
+        ];
         U.value.forEach((c) => {
-          o.push(Number((c.series[a.absoluteIndex] || 0).toFixed(e.value.table.td.roundingValue)));
+          o.push(
+            Number(
+              (c.series[a.absoluteIndex] || 0).toFixed(
+                e.value.table.td.roundingValue
+              )
+            )
+          );
         }), l.push(o);
       }), { head: t, body: l };
     });
     function kt(t = null) {
-      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = ["", ...xa.value.head.map((d) => d.label)], o = xa.value.body, c = l.concat([a]).concat(o), r = Co(c);
-      t ? t(r) : So({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
+      const l = [
+        [e.value.style.chart.title.text],
+        [e.value.style.chart.title.subtitle.text],
+        [""]
+      ], a = ["", ...xa.value.head.map((d) => d.label)], o = xa.value.body, c = l.concat([a]).concat(o), r = Co(c);
+      t ? t(r) : So({
+        csvContent: r,
+        title: e.value.style.chart.title.text || "vue-ui-stackbar"
+      });
     }
     const pe = g(() => {
-      const t = [""].concat(z.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>');
+      const t = [""].concat(z.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 r = z.value.map((d) => d.series[c] ?? 0).reduce((d, x) => d + x, 0);
-        l.push([e.value.style.chart.grid.x.timeLabels.values.slice(v.value.start, v.value.end)[c] ? W.value[c]?.text : c + 1].concat(z.value.map((d) => (d.series[c] ?? 0).toFixed(e.value.table.td.roundingValue))).concat((r ?? 0).toFixed(e.value.table.td.roundingValue)));
+        l.push(
+          [
+            e.value.style.chart.grid.x.timeLabels.values.slice(
+              v.value.start,
+              v.value.end
+            )[c] ? W.value[c]?.text : c + 1
+          ].concat(
+            z.value.map(
+              (d) => (d.series[c] ?? 0).toFixed(
+                e.value.table.td.roundingValue
+              )
+            )
+          ).concat(
+            (r ?? 0).toFixed(
+              e.value.table.td.roundingValue
+            )
+          )
+        );
       }
       const a = {
         th: {
@@ -865,7 +1059,12 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
         },
         breakpoint: e.value.table.responsiveBreakpoint
       }, o = [e.value.table.columnNames.period].concat(z.value.map((c) => c.name)).concat(e.value.table.columnNames.total);
-      return { head: t, body: l.slice(0, v.value.end - v.value.start), config: a, colNames: o };
+      return {
+        head: t,
+        body: l.slice(0, v.value.end - v.value.start),
+        config: a,
+        colNames: o
+      };
     });
     function Tl() {
       A.value.length ? A.value = [] : Ae.value.forEach((t) => {
@@ -876,7 +1075,8 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
       if (A.value.includes(t.id))
         A.value = A.value.filter((l) => l !== t.id);
       else {
-        if (A.value.length === U.value.length - 1) return;
+        if (A.value.length === U.value.length - 1)
+          return;
         A.value.push(t.id);
       }
       ae("selectLegend", z.value);
@@ -915,13 +1115,15 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
       $e.value = !$e.value;
     }
     function Ze(t, l) {
-      const a = JSON.parse(JSON.stringify(z.value)).map((o) => ({
-        name: o.name,
-        value: o.series[l] === 0 ? 0 : (o.signedSeries[l] === -1 && o.series[l] >= 0 ? -o.series[l] : o.series[l]) || null,
-        proportion: o.proportions[l] || null,
-        color: o.color,
-        id: o.id
-      }));
+      const a = JSON.parse(JSON.stringify(z.value)).map(
+        (o) => ({
+          name: o.name,
+          value: o.series[l] === 0 ? 0 : (o.signedSeries[l] === -1 && o.series[l] >= 0 ? -o.series[l] : o.series[l]) || null,
+          proportion: o.proportions[l] || null,
+          color: o.color,
+          id: o.id
+        })
+      );
       ae("selectTimeLabel", {
         datapoint: a,
         absoluteIndex: t.absoluteIndex,
@@ -930,11 +1132,18 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
     }
     const Pl = g(() => Math.max(...z.value.flatMap((t) => t.series)));
     function wa(t, l) {
-      return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Zt.value ? l * 100 >= e.value.style.chart.bars.dataLabels.hideUnderPercentage : e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? l > 0 : !0 : Zt.value ? (Kt.value && ft.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."), t > Pl.value * e.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : Kt.value ? Math.abs(t) >= e.value.style.chart.bars.dataLabels.hideUnderValue : e.value.style.chart.bars.dataLabels.hideEmptyValues ? t !== 0 : !0;
+      return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Zt.value ? l * 100 >= e.value.style.chart.bars.dataLabels.hideUnderPercentage : e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? l > 0 : !0 : Zt.value ? (Kt.value && ft.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."
+      ), t > Pl.value * e.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : Kt.value ? Math.abs(t) >= e.value.style.chart.bars.dataLabels.hideUnderValue : e.value.style.chart.bars.dataLabels.hideEmptyValues ? t !== 0 : !0;
     }
     async function Nl({ scale: t = 2 } = {}) {
       if (!Q.value) return;
-      const { width: l, height: a } = Q.value.getBoundingClientRect(), o = l / a, { imageUri: c, base64: r } = await Eo({ domElement: Q.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: a } = Q.value.getBoundingClientRect(), o = l / a, { imageUri: c, base64: r } = await Eo({
+        domElement: Q.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: c,
         base64: r,
@@ -975,9 +1184,12 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
         }
       };
     });
-    Re(() => $.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && ze.value ? ze.value.open() : "close" in ze.value && ze.value.close());
-    });
+    Re(
+      () => $.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && ze.value ? ze.value.open() : "close" in ze.value && ze.value.close());
+      }
+    );
     function La() {
       $.value.showTable = !1, st.value && st.value.setTableIconState(!1);
     }
@@ -993,7 +1205,14 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
       try {
         if (t) {
           const { blob: l, url: a, text: o, dataUrl: c } = await Dl();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: c }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: l,
+              url: a,
+              text: o,
+              dataUrl: c
+            })
+          );
         } else
           await Promise.resolve(Ol());
       } finally {
@@ -1057,13 +1276,13 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
         P > 0 && N > 0 && Number.isFinite(j) && (r = !0, j < c && (c = j));
       }
       const x = (r && Number.isFinite(c) ? c : l) - o;
-      return Math.min(
-        Math.max(x, 0),
-        n.value.bottom
-      );
+      return Math.min(Math.max(x, 0), n.value.bottom);
     }
     function Wl(t) {
-      const { x0: l } = Ma(), a = Math.max(2, e.value.style.chart.bars.totalValues.fontSize * 0.3 + e.value.style.chart.bars.totalValues.offsetX);
+      const { x0: l } = Ma(), a = Math.max(
+        2,
+        e.value.style.chart.bars.totalValues.fontSize * 0.3 + e.value.style.chart.bars.totalValues.offsetX
+      );
       let o = -1 / 0, c = !1;
       for (const d of z.value || []) {
         const x = d?.series?.[t] ?? 0, k = d?.horizontal_x?.[t], M = d?.horizontal_width?.[t], P = Number.isFinite(M) ? Math.max(0, M) : 0;
@@ -1076,13 +1295,17 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
         config: e.value,
         dataset: z.value
       }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(e.value.userOptions.callbacks.altCopy({
-        config: e.value,
-        dataset: z.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: z.value
+        })
+      );
     }
     const Ct = h(!1);
     function Xl() {
@@ -1094,7 +1317,8 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
     function ql(t) {
       if (!ge.value || $e.value || document.activeElement !== ge.value || gt.value || !v.value.end && v.value.end !== 0) return;
       const l = e.value.orientation === "vertical", a = e.value.orientation === "horizontal", o = l && t.key === "ArrowLeft" || a && t.key === "ArrowUp", c = l && t.key === "ArrowRight" || a && t.key === "ArrowDown", r = t.key === "Enter" || t.key === " ", d = t.key === "Escape";
-      if (!o && !c && !r && !d) return;
+      if (!o && !c && !r && !d)
+        return;
       const x = v.value.end - v.value.start;
       if (x <= 0) return;
       if (t.preventDefault(), t.stopPropagation(), d) {
@@ -1140,7 +1364,11 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
       id: `stackbar_${R.value}`,
       ref_key: "stackbarChart",
       ref: Q,
-      class: ke({ "vue-data-ui-component": !0, "vue-ui-stackbar": !0, "vue-data-ui-wrapper-fullscreen": Se.value }),
+      class: ke({
+        "vue-data-ui-component": !0,
+        "vue-ui-stackbar": !0,
+        "vue-data-ui-wrapper-fullscreen": Se.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: il,
       onMouseleave: ul
@@ -1374,7 +1602,10 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
               }, null, 8, as),
               Z("stop", {
                 offset: "61.8%",
-                "stop-color": b(ko)(a.color, e.value.style.chart.bars.gradient.intensity / 100)
+                "stop-color": b(ko)(
+                  a.color,
+                  e.value.style.chart.bars.gradient.intensity / 100
+                )
               }, null, 8, ls),
               Z("stop", {
                 offset: "100%",
@@ -1384,7 +1615,11 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
           ])) : f("", !0),
           e.value.style.chart.grid.frame.show ? (s(), u("rect", {
             key: 2,
-            style: { pointerEvents: "none", transition: "none", animation: "none !important" },
+            style: {
+              pointerEvents: "none",
+              transition: "none",
+              animation: "none !important"
+            },
             x: Math.max(0, n.value.left),
             y: Math.max(0, n.value.top),
             width: Math.max(0, n.value.width),
@@ -1438,7 +1673,10 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
           }, null, 8, us))), 256)) : f("", !0),
           (s(!0), u(w, null, S(z.value, (a, o) => (s(), u("g", null, [
             t.$slots.pattern ? (s(), u("defs", cs, [
-              L(t.$slots, "pattern", Ee({ ref_for: !0 }, { seriesIndex: a.absoluteIndex, patternId: `pattern_${R.value}_${a.absoluteIndex}` }), void 0, !0)
+              L(t.$slots, "pattern", Ee({ ref_for: !0 }, {
+                seriesIndex: a.absoluteIndex,
+                patternId: `pattern_${R.value}_${a.absoluteIndex}`
+              }), void 0, !0)
             ])) : f("", !0),
             e.value.orientation === "vertical" ? (s(), u(w, { key: 1 }, [
               (s(!0), u(w, null, S(a.x, (c, r) => (s(), u("rect", {
@@ -1452,7 +1690,10 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
                 "stroke-width": e.value.style.chart.bars.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: ke({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": ie.value })
+                class: ke({
+                  "vue-data-ui-bar-animated": e.value.useCssAnimation,
+                  "vue-data-ui-bar-transition": ie.value
+                })
               }, null, 10, vs))), 256)),
               t.$slots.pattern ? (s(), u("g", hs, [
                 (s(!0), u(w, null, S(a.x, (c, r) => (s(), u("rect", {
@@ -1466,14 +1707,19 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
                   "stroke-width": e.value.style.chart.bars.strokeWidth,
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
-                  class: ke({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": ie.value })
+                  class: ke({
+                    "vue-data-ui-bar-animated": e.value.useCssAnimation,
+                    "vue-data-ui-bar-transition": ie.value
+                  })
                 }, null, 10, ds))), 256))
               ])) : f("", !0)
             ], 64)) : (s(), u(w, { key: 2 }, [
               (s(!0), u(w, null, S(a.horizontal_x, (c, r) => (s(), u("rect", {
                 x: b(de)(c, n.value.left),
                 y: a.horizontal_y[r] < 0 ? 0 : a.horizontal_y[r],
-                width: b(de)(a.horizontal_width[r] < 0 ? 1e-4 : a.horizontal_width[r]),
+                width: b(de)(
+                  a.horizontal_width[r] < 0 ? 1e-4 : a.horizontal_width[r]
+                ),
                 rx: e.value.style.chart.bars.borderRadius > a.height[r] / 2 ? (a.height[r] < 0 ? 0 : a.height[r]) / 2 : e.value.style.chart.bars.borderRadius,
                 height: m.value * (1 - e.value.style.chart.bars.gapRatio / 2),
                 fill: e.value.style.chart.bars.gradient.show ? `url(#gradient_${a.id})` : a.color,
@@ -1481,13 +1727,18 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
                 "stroke-width": e.value.style.chart.bars.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: ke({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": ie.value })
+                class: ke({
+                  "vue-data-ui-bar-animated": e.value.useCssAnimation,
+                  "vue-data-ui-bar-transition": ie.value
+                })
               }, null, 10, ys))), 256)),
               t.$slots.pattern ? (s(), u("g", fs, [
                 (s(!0), u(w, null, S(a.horizontal_x, (c, r) => (s(), u("rect", {
                   x: b(de)(c, n.value.left),
                   y: a.horizontal_y[r] < 0 ? 0 : a.horizontal_y[r],
-                  width: b(de)(a.horizontal_width[r] < 0 ? 1e-4 : a.horizontal_width[r]),
+                  width: b(de)(
+                    a.horizontal_width[r] < 0 ? 1e-4 : a.horizontal_width[r]
+                  ),
                   rx: e.value.style.chart.bars.borderRadius > a.height[r] / 2 ? (a.height[r] < 0 ? 0 : a.height[r]) / 2 : e.value.style.chart.bars.borderRadius,
                   height: m.value * (1 - e.value.style.chart.bars.gapRatio / 2),
                   fill: `url(#pattern_${R.value}_${a.absoluteIndex})`,
@@ -1495,7 +1746,10 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
                   "stroke-width": e.value.style.chart.bars.strokeWidth,
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
-                  class: ke({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": ie.value })
+                  class: ke({
+                    "vue-data-ui-bar-animated": e.value.useCssAnimation,
+                    "vue-data-ui-bar-transition": ie.value
+                  })
                 }, null, 10, gs))), 256))
               ])) : f("", !0)
             ], 64))
@@ -1546,7 +1800,10 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
           $.value.dataLabels.show && e.value.orientation === "vertical" ? (s(), u(w, { key: 11 }, [
             (s(!0), u(w, null, S(z.value, (a, o) => (s(), u("g", null, [
               (s(!0), u(w, null, S(a.x, (c, r) => (s(), u(w, null, [
-                wa(a.series[r], a.proportions[r]) ? (s(), u("text", {
+                wa(
+                  a.series[r],
+                  a.proportions[r]
+                ) ? (s(), u("text", {
                   key: 0,
                   x: c + m.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2,
                   y: a.y[r] + a.height[r] / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
@@ -1554,7 +1811,18 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
                   fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? b(Ea)(a.color) : e.value.style.chart.bars.dataLabels.color,
                   "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
                   "text-anchor": "middle"
-                }, V(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? da(a.proportions[r] * 100, a, o, r) : Ke(a.series[r], a, o, r, a.signedSeries[r])), 9, ks)) : f("", !0)
+                }, V(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? da(
+                  a.proportions[r] * 100,
+                  a,
+                  o,
+                  r
+                ) : Ke(
+                  a.series[r],
+                  a,
+                  o,
+                  r,
+                  a.signedSeries[r]
+                )), 9, ks)) : f("", !0)
               ], 64))), 256))
             ]))), 256)),
             e.value.style.chart.bars.totalValues.show && z.value.length > 1 ? (s(), u("g", {
@@ -1571,14 +1839,22 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
                   "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
-                }, V(Ke(a.value, a, o, a.sign)), 9, ws)) : f("", !0)
+                }, V(Ke(
+                  a.value,
+                  a,
+                  o,
+                  a.sign
+                )), 9, ws)) : f("", !0)
               ], 64))), 256))
             ], 512)) : f("", !0)
           ], 64)) : f("", !0),
           $.value.dataLabels.show && e.value.orientation === "horizontal" ? (s(), u(w, { key: 12 }, [
             (s(!0), u(w, null, S(z.value, (a, o) => (s(), u("g", null, [
               (s(!0), u(w, null, S(a.horizontal_x, (c, r) => (s(), u(w, null, [
-                wa(a.series[r], a.proportions[r]) ? (s(), u("text", {
+                wa(
+                  a.series[r],
+                  a.proportions[r]
+                ) ? (s(), u("text", {
                   key: 0,
                   x: c + (a.horizontal_width[r] < 0 ? 1e-4 : a.horizontal_width[r]) / 2,
                   y: a.horizontal_y[r] + m.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
@@ -1586,7 +1862,18 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
                   fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? b(Ea)(a.color) : e.value.style.chart.bars.dataLabels.color,
                   "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
                   "text-anchor": "middle"
-                }, V(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? da(a.proportions[r] * 100, a, o, r) : Ke(a.series[r], a, o, r, a.signedSeries[r])), 9, Ls)) : f("", !0)
+                }, V(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? da(
+                  a.proportions[r] * 100,
+                  a,
+                  o,
+                  r
+                ) : Ke(
+                  a.series[r],
+                  a,
+                  o,
+                  r,
+                  a.signedSeries[r]
+                )), 9, Ls)) : f("", !0)
               ], 64))), 256))
             ]))), 256)),
             e.value.style.chart.bars.totalValues.show && z.value.length > 1 ? (s(), u("g", {
@@ -1603,7 +1890,12 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
                   "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
-                }, V(Ke(a.value, a, o, a.sign)), 9, Cs)) : f("", !0)
+                }, V(Ke(
+                  a.value,
+                  a,
+                  o,
+                  a.sign
+                )), 9, Cs)) : f("", !0)
               ], 64))), 256))
             ], 512)) : f("", !0)
           ], 64)) : f("", !0),
@@ -1706,7 +1998,9 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
                                         ),
                                         rotate(${e.value.style.chart.grid.x.timeLabels.rotation})
                                     `,
-                  style: q({ cursor: X.value ? "pointer" : "default" }),
+                  style: q({
+                    cursor: X.value ? "pointer" : "default"
+                  }),
                   innerHTML: b(wo)({
                     content: String(a.text),
                     fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
@@ -1723,7 +2017,9 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
                   "font-weight": e.value.style.chart.grid.x.timeLabels.bold ? "bold" : "normal",
                   fill: e.value.style.chart.grid.x.timeLabels.color,
                   transform: `translate(${n.value.left + m.value * o + m.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: q({ cursor: X.value ? "pointer" : "default" }),
+                  style: q({
+                    cursor: X.value ? "pointer" : "default"
+                  }),
                   onClick: () => Ze(a, o)
                 }, V(a.text), 13, $s))
               ]))), 256))
@@ -1759,7 +2055,9 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
                   fill: e.value.style.chart.grid.y.axisLabels.color,
                   x: n.value.left - 8,
                   y: n.value.top + m.value * o + m.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
-                  style: q({ cursor: X.value ? "pointer" : "default" }),
+                  style: q({
+                    cursor: X.value ? "pointer" : "default"
+                  }),
                   onClick: () => Ze(a, o),
                   innerHTML: b(Lo)({
                     content: String(a.text),
@@ -1793,7 +2091,9 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
             onMouseenter: () => xt(o, "pointer"),
             onMouseleave: () => ya(o),
             fill: o === B.value || o === ut.value ? e.value.style.chart.highlighter.color : "transparent",
-            style: q({ opacity: e.value.style.chart.highlighter.opacity / 100 })
+            style: q({
+              opacity: e.value.style.chart.highlighter.opacity / 100
+            })
           }, null, 44, Os))), 256)) : f("", !0),
           $.value.showTooltip && e.value.orientation === "horizontal" ? (s(!0), u(w, { key: 18 }, S(v.value.end - v.value.start, (a, o) => (s(), u("rect", {
             x: n.value.left,
@@ -1804,7 +2104,9 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
             onMouseenter: () => xt(o, "pointer"),
             onMouseleave: () => ya(o),
             fill: o === B.value || o === ut.value ? e.value.style.chart.highlighter.color : "transparent",
-            style: q({ opacity: e.value.style.chart.highlighter.opacity / 100 })
+            style: q({
+              opacity: e.value.style.chart.highlighter.opacity / 100
+            })
           }, null, 44, Ds))), 256)) : f("", !0),
           la.value ? (s(), u("rect", Ee({ key: 19 }, ml.value, {
             "data-start": v.value.start,
@@ -1820,11 +2122,16 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
           }, void 0, !0)
         ], 46, Qo)),
         t.$slots.hint ? (s(), u("div", Vs, [
-          L(t.$slots, "hint", D(E({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Ct.value })), void 0, !0)
+          L(t.$slots, "hint", D(E({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: Ct.value
+          })), void 0, !0)
         ])) : f("", !0)
       ]),
       t.$slots.watermark ? (s(), u("div", Bs, [
-        L(t.$slots, "watermark", D(E({ isPrinting: b(dt) || b(yt) || Ue.value || He.value })), void 0, !0)
+        L(t.$slots, "watermark", D(E({
+          isPrinting: b(dt) || b(yt) || Ue.value || He.value
+        })), void 0, !0)
       ])) : f("", !0),
       e.value.style.chart.zoom.show && Le.value && za.value && F.value > 6 ? (s(), ee(Xo, {
         key: 5,
@@ -1897,7 +2204,13 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
             (s(!0), u(w, null, S(r.xMinimap({ left: 0, unitW: c }), (d, x) => (s(), u("rect", {
               key: x,
               x: x === 0 ? d - c * (e.value.style.chart.bars.gapRatio / 4) : d - c / 2,
-              y: Math.max(0, Math.min(o, r.yMinimap({ minimapH: o })[x])),
+              y: Math.max(
+                0,
+                Math.min(
+                  o,
+                  r.yMinimap({ minimapH: o })[x]
+                )
+              ),
               height: r.heightMinimap({ minimapH: o })[x],
               width: [0, F.value - 1].includes(x) ? c * (1 - e.value.style.chart.bars.gapRatio / 2) / 2 : c * (1 - e.value.style.chart.bars.gapRatio / 2),
               fill: e.value.style.chart.bars.gradient.show ? `url(#gradient_${r.id})` : r.color,
@@ -2075,7 +2388,7 @@ const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative
       ], !0)
     ], 46, Go));
   }
-}, mr = /* @__PURE__ */ qo(Ys, [["__scopeId", "data-v-fbb9ff68"]]);
+}, mr = /* @__PURE__ */ qo(Ys, [["__scopeId", "data-v-28ce0b5c"]]);
 export {
   mr as default
 };