vue-data-ui 3.17.2 → 3.17.4

package/dist/{vue-ui-stackline-p3Utm59w.js → vue-ui-stackline-CkgSbKkp.js}

@@ -1,25 +1,25 @@
 import { defineAsyncComponent as ke, useSlots as ps, computed as m, ref as f, shallowRef as qt, onMounted as bs, toRefs as xs, watch as Fe, onBeforeUnmount as Xt, nextTick as Gt, watchEffect as bt, openBlock as i, createElementBlock as v, normalizeStyle as ge, normalizeClass as tl, createElementVNode as le, toDisplayString as fe, createBlock as se, createCommentVNode as x, unref as C, withCtx as P, renderSlot as N, normalizeProps as Q, guardReactiveProps as ee, createSlots as jt, createVNode as Ze, Fragment as R, renderList as X, mergeProps as xt, Teleport as ks, resolveDynamicComponent as ws, createTextVNode as al } from "vue";
-import { j as ll, t as sl, m as Ss, p as kt, n as Ms, o as ol, q as nl, r as $s, s as Cs, ar as Qe, E as wt, D as St, I as Ls, c as we, b as Se, F as As, T as Ts, U as Ns, k as et, l as Ce, G as tt, X as Ps, x as zs, u as Is, K as rl, a0 as _s, a1 as Fs, z as Es, A as at, a3 as Rs } from "./lib-DBptbyyI.js";
+import { j as ll, t as sl, m as Ss, p as kt, n as Ms, o as ol, q as nl, r as $s, s as Cs, ar as Qe, E as wt, D as St, I as Ls, c as we, b as Se, F as As, T as Ts, U as Ns, k as et, l as Ce, G as tt, X as Ps, x as zs, u as Is, K as rl, a0 as _s, a1 as Fs, z as Es, A as at, a3 as Rs } from "./lib-DMzrGQHK.js";
 import { t as Os, u as Ds } from "./useResponsive-DfdjqQps.js";
-import { u as il, a as ul, b as Vs } from "./useTimeLabels-C-A2uZKi.js";
-import { u as Bs } from "./useConfig-C40HvGpD.js";
-import { u as Ys, B as Hs } from "./BaseScanner-BhhkKVoj.js";
-import { u as Ws } from "./usePrinter-CEpYU3r5.js";
-import { u as Us } from "./useSvgExport-ByUukOZt.js";
-import { u as Jt } from "./useNestedProp-Bf5XFbs8.js";
-import { u as qs } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as Xs } from "./useStableElementSize-DCNs0Tx7.js";
-import { u as Gs } from "./useChartAccessibility-9icAAmYg.js";
-import { u as js } from "./useTimeLabelCollider-CIsgDrl9.js";
-import { u as Js } from "./useUserOptionState-BIvW1Kz7.js";
-import Ks from "./img-LXxMLmCg.js";
-import { _ as Kt } from "./Shape-BKRUOeKk.js";
-import Zs from "./Title-BeMKE1cj.js";
+import { u as il, a as ul, b as Vs } from "./useTimeLabels-Cv0tD9In.js";
+import { u as Bs } from "./useConfig-DTHxOX6V.js";
+import { u as Ys, B as Hs } from "./BaseScanner-BON3d_Sx.js";
+import { u as Ws } from "./usePrinter-C4t8DdQ-.js";
+import { u as Us } from "./useSvgExport-BTG4hVPO.js";
+import { u as Jt } from "./useNestedProp-DH0BEVVS.js";
+import { u as qs } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as Xs } from "./useStableElementSize-C48ZVcZQ.js";
+import { u as Gs } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as js } from "./useTimeLabelCollider-D3JeJ6Ye.js";
+import { u as Js } from "./useUserOptionState-B7Ej974k.js";
+import Ks from "./img-CjTQXS0U.js";
+import { _ as Kt } from "./Shape-CxJ5_Rre.js";
+import Zs from "./Title-BbKoiBk2.js";
 import Qs from "./vue_ui_stackline-QTh-nuxE.js";
-import eo from "./Legend-CS7Xo5LK.js";
-import { A as to } from "./A11yDataTable-KcVAX2cP.js";
-import { S as ao } from "./SlicerPreview-BMx3cqgX.js";
-import { B as lo } from "./BaseLegendToggle-BQVIawmA.js";
+import eo from "./Legend-DGN5lY60.js";
+import { A as to } from "./A11yDataTable-BpmuNomI.js";
+import { S as ao } from "./SlicerPreview-D_CgrN_7.js";
+import { B as lo } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as so } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative" } }, uo = ["aria-describedby", "xmlns", "viewBox"], co = { key: 0 }, vo = ["x", "y", "width", "height"], ho = { key: 1 }, mo = ["id"], fo = ["stop-color"], yo = ["stop-color"], go = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], po = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], bo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ko = ["x", "y", "font-size", "fill", "font-weight"], wo = ["transform", "font-size", "fill", "font-weight"], So = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Mo = ["d", "fill", "opacity"], $o = ["d", "stroke", "stroke-width"], Co = ["x1", "x2", "y1", "y2", "stroke"], Lo = ["x", "y", "font-size", "font-weight", "fill"], Ao = { key: 0 }, To = { key: 1 }, No = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Po = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], zo = ["x", "y", "height", "width", "fill"], Io = { key: 0 }, _o = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fo = { key: 0 }, Eo = ["x", "y", "font-size", "fill", "font-weight"], Ro = ["x", "y", "font-size", "font-weight", "fill"], Oo = ["data-start", "data-end"], Do = {
   key: 0,
@@ -49,9 +49,23 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
       default: void 0
     }
   },
-  emits: ["selectDatapoint", "selectLegend", "selectTimeLabel", "selectX", "copyAlt"],
+  emits: [
+    "selectDatapoint",
+    "selectLegend",
+    "selectTimeLabel",
+    "selectX",
+    "copyAlt"
+  ],
   setup(Mt, { expose: cl, emit: vl }) {
-    const dl = ke(() => import("./Tooltip-C8KGyqQk.js")), hl = ke(() => import("./BaseIcon-Cb3zzG6s.js")), ml = ke(() => import("./vue-ui-accordion-DDuJT1xA.js")), fl = ke(() => import("./DataTable-DT2kIdQ6.js")), yl = ke(() => import("./PenAndPaper-Ct3qJ4lA.js")), gl = ke(() => import("./UserOptions-rW2fRf3V.js")), pl = ke(() => import("./PackageVersion-PjmqM4wb.js")), bl = ke(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_stackline: xl } = Bs(), { isThemeValid: kl, warnInvalidTheme: wl } = qs(), Zt = ps(), G = Mt, ye = vl, Ee = m({
+    const dl = ke(() => import("./Tooltip-Cvt7Fi0Q.js")), hl = ke(() => import("./BaseIcon-DX0hTWa-.js")), ml = ke(() => import("./vue-ui-accordion-BHmfmb_6.js")), fl = ke(() => import("./DataTable-cMnb68Ik.js")), yl = ke(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), gl = ke(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), pl = ke(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), bl = ke(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_stackline: xl } = Bs(), { isThemeValid: kl, warnInvalidTheme: wl } = qs(), Zt = ps(), G = Mt, ye = vl, Ee = m({
       get() {
         return !!G.dataset && G.dataset.length;
       },
@@ -89,7 +103,9 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
     bs(() => {
       Tt(), va.start(), oa.value = !0, xa(), rt();
     });
-    const e = f(It()), ce = m(() => e.value.userOptions.useCursorPointer), Cl = m(() => sl({
+    const e = f(It()), ce = m(
+      () => e.value.userOptions.useCursorPointer
+    ), Cl = m(() => sl({
       defaultConfig: {
         userOptions: { show: !1 },
         useCssAnimation: !1,
@@ -165,7 +181,9 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
         defaultConfig: e.value,
         userConfig: Cl.value
       })
-    }), { userOptionsVisible: zt, setUserOptionsVisibility: ha, keepUserOptionState: ma } = Js({ config: e.value }), { svgRef: de } = Gs({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: zt, setUserOptionsVisibility: ha, keepUserOptionState: ma } = Js({ config: e.value }), { svgRef: de } = Gs({
+      config: e.value.style.chart.title
+    });
     function Ll() {
       Le.value = !0, ha(!0);
     }
@@ -200,16 +218,24 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
       return l;
     }
     const fa = m(() => e.value.style.chart.lines.dataLabels.hideUnderValue !== null), ya = m(() => e.value.style.chart.lines.dataLabels.hideUnderPercentage !== null);
-    Fe(() => G.config, (t) => {
-      ve.value || (e.value = It()), zt.value = !e.value.userOptions.showOnChartHover, xa(), sa.value += 1, Sl.value += 1, Ml.value += 1, j.value.dataLabels.show = e.value.style.chart.lines.dataLabels.show, j.value.showTable = e.value.table.show, j.value.showTooltip = e.value.style.chart.tooltip.show, oe.value.width = e.value.style.chart.width, oe.value.height = e.value.style.chart.height, oe.value.paddingRatio = {
-        top: e.value.style.chart.padding.top / e.value.style.chart.height,
-        right: e.value.style.chart.padding.right / e.value.style.chart.width,
-        bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
-        left: e.value.style.chart.padding.left / e.value.style.chart.width
-      }, Tt(), rt(), ct();
-    }, { deep: !0 }), Fe(() => G.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (it.value = !1), Ma(), Tt(), rt();
-    }, { deep: !0 });
+    Fe(
+      () => G.config,
+      (t) => {
+        ve.value || (e.value = It()), zt.value = !e.value.userOptions.showOnChartHover, xa(), sa.value += 1, Sl.value += 1, Ml.value += 1, j.value.dataLabels.show = e.value.style.chart.lines.dataLabels.show, j.value.showTable = e.value.table.show, j.value.showTooltip = e.value.style.chart.tooltip.show, oe.value.width = e.value.style.chart.width, oe.value.height = e.value.style.chart.height, oe.value.paddingRatio = {
+          top: e.value.style.chart.padding.top / e.value.style.chart.height,
+          right: e.value.style.chart.padding.right / e.value.style.chart.width,
+          bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
+          left: e.value.style.chart.padding.left / e.value.style.chart.width
+        }, Tt(), rt(), ct();
+      },
+      { deep: !0 }
+    ), Fe(
+      () => G.dataset,
+      (t) => {
+        Array.isArray(t) && t.length > 0 && (it.value = !1), Ma(), Tt(), rt();
+      },
+      { deep: !0 }
+    );
     const j = f({
       dataLabels: {
         show: e.value.style.chart.lines.dataLabels.show
@@ -217,15 +243,19 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    Fe(e, () => {
-      j.value = {
-        dataLabels: {
-          show: e.value.style.chart.lines.dataLabels.show
-        },
-        showTable: e.value.table.show,
-        showTooltip: e.value.style.chart.tooltip.show
-      };
-    }, { immediate: !0 });
+    Fe(
+      e,
+      () => {
+        j.value = {
+          dataLabels: {
+            show: e.value.style.chart.lines.dataLabels.show
+          },
+          showTable: e.value.table.show,
+          showTooltip: e.value.style.chart.tooltip.show
+        };
+      },
+      { immediate: !0 }
+    );
     const { isPrinting: _t, isImaging: Ft, generatePdf: ga, generateImage: pa } = Ws({
       elementId: `stackline_${K.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-stackline",
@@ -344,7 +374,24 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
         height: Math.max(0, S)
       };
     }), _l = m(() => {
-      const { left: t, top: l, width: a, height: s } = d.value, n = u.value.start, o = u.value.end, r = Math.max(1, o - n), y = Math.max(0, Math.min(r, (ne.value.start ?? n) - n)), k = Math.max(0, Math.min(r, (ne.value.end ?? o) - n)), T = Math.max(0, k - y), S = {
+      const {
+        left: t,
+        top: l,
+        width: a,
+        height: s
+      } = d.value, n = u.value.start, o = u.value.end, r = Math.max(1, o - n), y = Math.max(
+        0,
+        Math.min(
+          r,
+          (ne.value.start ?? n) - n
+        )
+      ), k = Math.max(
+        0,
+        Math.min(
+          r,
+          (ne.value.end ?? o) - n
+        )
+      ), T = Math.max(0, k - y), S = {
         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,
@@ -380,11 +427,17 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
         color: a
       };
     })), Me = m(
-      () => Z.value.filter((t) => !V.value.includes(t.id) && !t.standalone)
+      () => Z.value.filter(
+        (t) => !V.value.includes(t.id) && !t.standalone
+      )
     ), ut = m(
-      () => Z.value.filter((t) => !V.value.includes(t.id) && t.standalone)
+      () => Z.value.filter(
+        (t) => !V.value.includes(t.id) && t.standalone
+      )
     ), he = m(() => {
-      const t = Math.max(...Z.value.filter((l) => !V.value.includes(l.id)).map((l) => l.series.length));
+      const t = Math.max(
+        ...Z.value.filter((l) => !V.value.includes(l.id)).map((l) => l.series.length)
+      );
       return isFinite(t) ? t : Math.max(...Z.value.map((l) => l.series.length));
     });
     function Fl(t) {
@@ -393,7 +446,10 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
     const u = f({
       start: 0,
       end: Math.max(...Pt.value.map((t) => t.series.length))
-    }), ne = f({ start: 0, end: Math.max(...Pt.value.map((t) => t.series.length)) });
+    }), ne = f({
+      start: 0,
+      end: Math.max(...Pt.value.map((t) => t.series.length))
+    });
     function Ot(t) {
       return (u.value.start ?? 0) + (t ?? 0);
     }
@@ -408,9 +464,9 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
     }
     const Ue = f(null);
     function El() {
-      return new Promise((t) => requestAnimationFrame(
-        () => requestAnimationFrame(() => t())
-      ));
+      return new Promise(
+        (t) => requestAnimationFrame(() => requestAnimationFrame(() => t()))
+      );
     }
     Xt(() => {
       Ue.value && cancelAnimationFrame(Ue.value);
@@ -420,11 +476,21 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
         await El(), mt();
       });
     }
-    const vt = m(() => Math.max(0, d.value.width / (u.value.end - u.value.start))), $a = m(() => Qe(
-      Me.value.map((t) => ({ ...t, series: t.series.map((l) => l ?? 0) }))
-    ).slice(u.value.start, u.value.end)), dt = m(() => V.value.length === Z.value.length), Ca = m(() => {
+    const vt = m(() => Math.max(
+      0,
+      d.value.width / (u.value.end - u.value.start)
+    )), $a = m(() => Qe(
+      Me.value.map((t) => ({
+        ...t,
+        series: t.series.map((l) => l ?? 0)
+      }))
+    ).slice(u.value.start, u.value.end)), dt = m(
+      () => V.value.length === Z.value.length
+    ), Ca = m(() => {
       if (!e.value.style.chart.zoom.minimap.show) return [];
-      const t = Z.value.filter((n) => dt.value ? !0 : !V.value.includes(n.id) && !n.standalone);
+      const t = Z.value.filter(
+        (n) => dt.value ? !0 : !V.value.includes(n.id) && !n.standalone
+      );
       if (t.length)
         return Qe(
           t.map((n) => ({
@@ -441,12 +507,16 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
       );
     }), Rl = m(() => {
       if (!e.value.style.chart.zoom.minimap.show) return [];
-      const l = Z.value.filter((o) => dt.value ? !0 : !V.value.includes(o.id) && !o.standalone), a = ut.value, s = l.length ? [{
-        name: "",
-        series: Ca.value,
-        color: "#000000",
-        isVisible: !0
-      }] : [], n = a.map((o) => ({
+      const l = Z.value.filter(
+        (o) => dt.value ? !0 : !V.value.includes(o.id) && !o.standalone
+      ), a = ut.value, s = l.length ? [
+        {
+          name: "",
+          series: Ca.value,
+          color: "#000000",
+          isVisible: !0
+        }
+      ] : [], n = a.map((o) => ({
         name: o.name || "",
         series: (o.series || []).map((r) => r ?? 0),
         color: o.color,
@@ -462,16 +532,22 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
         })
       }))
     ).slice(u.value.start, u.value.end)), Ne = m(() => {
-      const t = Me.value.filter((l) => !V.value.includes(l.id));
+      const t = Me.value.filter(
+        (l) => !V.value.includes(l.id)
+      );
       return {
-        positive: Qe(t.map((l) => ({
-          ...l,
-          series: l.series.slice(u.value.start, u.value.end).map((a) => (a ?? 0) >= 0 ? a ?? 0 : 0)
-        }))),
-        negative: Qe(t.map((l) => ({
-          ...l,
-          series: l.series.slice(u.value.start, u.value.end).map((a) => (a ?? 0) < 0 ? a ?? 0 : 0)
-        })))
+        positive: Qe(
+          t.map((l) => ({
+            ...l,
+            series: l.series.slice(u.value.start, u.value.end).map((a) => (a ?? 0) >= 0 ? a ?? 0 : 0)
+          }))
+        ),
+        negative: Qe(
+          t.map((l) => ({
+            ...l,
+            series: l.series.slice(u.value.start, u.value.end).map((a) => (a ?? 0) < 0 ? a ?? 0 : 0)
+          }))
+        )
       };
     }), Pe = m(() => {
       const t = Math.max(0, u.value.end - u.value.start), l = Array(t).fill(0), a = Array(t).fill(0);
@@ -492,7 +568,13 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
       return { y0: ze.value?.[0]?.zero ?? d.value.bottom };
     }
     function Vl(t) {
-      const { y0: l } = Dl(), a = e.value.style.chart.lines.totalValues, s = Math.max(2, a.fontSize * 1.3 + a.offsetY), n = (r) => Math.min(Math.max(r, d.value.top - e.value.style.chart.lines.totalValues.fontSize * 1.3), d.value.bottom + e.value.style.chart.lines.totalValues.fontSize * 2);
+      const { y0: l } = Dl(), a = e.value.style.chart.lines.totalValues, s = Math.max(2, a.fontSize * 1.3 + a.offsetY), n = (r) => Math.min(
+        Math.max(
+          r,
+          d.value.top - e.value.style.chart.lines.totalValues.fontSize * 1.3
+        ),
+        d.value.bottom + e.value.style.chart.lines.totalValues.fontSize * 2
+      );
       if ((La.value?.[t]?.value ?? 0) >= 0 || e.value.style.chart.lines.distributed) {
         let r = 1 / 0;
         for (const k of A.value || []) {
@@ -500,7 +582,9 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
           (T ?? 0) > 0 && Number.isFinite(S) && S < r && (r = S);
         }
         const y = Number.isFinite(r) ? r : l;
-        return n(y - s - e.value.style.chart.lines.totalValues.offsetY);
+        return n(
+          y - s - e.value.style.chart.lines.totalValues.offsetY
+        );
       } else {
         let r = -1 / 0;
         for (const k of A.value || []) {
@@ -508,11 +592,23 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
           (T ?? 0) < 0 && Number.isFinite(S) && S > r && (r = S);
         }
         const y = Number.isFinite(r) ? r : l;
-        return n(y + s + a.fontSize * 0.7 + e.value.style.chart.lines.totalValues.offsetY);
+        return n(
+          y + s + a.fontSize * 0.7 + e.value.style.chart.lines.totalValues.offsetY
+        );
       }
     }
     const ze = m(() => {
-      const t = Math.max(...Ne.value.positive, 0), l = Math.min(...Ne.value.negative, 0), a = Math.max(...Pe.value.positive, 0), s = Math.min(...Pe.value.negative, 0), n = Math.max(t, a), o = Math.min(l, s), r = [-1 / 0, 1 / 0, NaN, void 0, null].includes(o) ? 0 : o, y = e.value.style.chart.grid.scale.scaleMin, k = e.value.style.chart.grid.scale.scaleMax, T = !e.value.style.chart.lines.distributed && (y !== null || k !== null), S = y !== null && !e.value.style.chart.lines.distributed ? y : r > 0 ? 0 : r, z = k !== null && !e.value.style.chart.lines.distributed ? k : n < 0 ? 0 : n, O = T ? wt(S, z, e.value.style.chart.grid.scale.ticks) : St(S, z, e.value.style.chart.grid.scale.ticks), M = Math.abs(Number(O.min) || 0), w = (Number(O.max) || 0) + M, c = w === 0 || !Number.isFinite(w) ? 1 : w, _ = Array.isArray(O.ticks) && O.ticks.length ? O.ticks : [0], g = d.value.bottom - d.value.height * (M / c);
+      const t = Math.max(...Ne.value.positive, 0), l = Math.min(...Ne.value.negative, 0), a = Math.max(...Pe.value.positive, 0), s = Math.min(...Pe.value.negative, 0), n = Math.max(t, a), o = Math.min(l, s), r = [-1 / 0, 1 / 0, NaN, void 0, null].includes(
+        o
+      ) ? 0 : o, y = e.value.style.chart.grid.scale.scaleMin, k = e.value.style.chart.grid.scale.scaleMax, T = !e.value.style.chart.lines.distributed && (y !== null || k !== null), S = y !== null && !e.value.style.chart.lines.distributed ? y : r > 0 ? 0 : r, z = k !== null && !e.value.style.chart.lines.distributed ? k : n < 0 ? 0 : n, O = T ? wt(
+        S,
+        z,
+        e.value.style.chart.grid.scale.ticks
+      ) : St(
+        S,
+        z,
+        e.value.style.chart.grid.scale.ticks
+      ), M = Math.abs(Number(O.min) || 0), w = (Number(O.max) || 0) + M, c = w === 0 || !Number.isFinite(w) ? 1 : w, _ = Array.isArray(O.ticks) && O.ticks.length ? O.ticks : [0], g = d.value.bottom - d.value.height * (M / c);
       return _.map(($) => {
         const F = Number($) || 0, E = d.value.bottom - d.value.height * ((F + M) / c);
         return {
@@ -553,7 +649,10 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
     });
     const Bl = m(() => {
       const t = e.value.style.chart.grid.x.timeLabels.modulo;
-      return me.value.length ? Math.min(t, [...new Set(me.value.map((l) => l.text))].length) : t;
+      return me.value.length ? Math.min(
+        t,
+        [...new Set(me.value.map((l) => l.text))].length
+      ) : t;
     }), ht = m(() => {
       const t = e.value.style.chart.grid.x.timeLabels, l = me.value || [], a = Ie.value || [], s = u.value.start ?? 0, n = b.value, o = he.value, r = l.map((k) => k?.text ?? ""), y = a.map((k) => k?.text ?? "");
       return Ls(
@@ -567,15 +666,25 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
         o
       );
     });
-    bt(() => {
-      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, (ht.value || []).map((t) => t?.text ?? "").join("|"), oe.value.width, oe.value.height, nt.value, ot.value, Il();
-    }, { flush: "post" });
-    const Na = f({ months: [], shortMonths: [], days: [], shortDays: [] });
+    bt(
+      () => {
+        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, (ht.value || []).map((t) => t?.text ?? "").join("|"), oe.value.width, oe.value.height, nt.value, ot.value, Il();
+      },
+      { flush: "post" }
+    );
+    const Na = f({
+      months: [],
+      shortMonths: [],
+      days: [],
+      shortDays: []
+    });
     let Pa = 0;
     bt(() => {
       const t = ++Pa, l = e.value.style.chart.grid.x.timeLabels.datetimeFormatter;
       (async () => {
-        const a = await ul(l.locale).catch(() => ul("en"));
+        const a = await ul(l.locale).catch(
+          () => ul("en")
+        );
         t === Pa && (Na.value = a.data);
       })();
     });
@@ -590,10 +699,16 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
         return o == null ? "" : l.formatDate(new Date(o), s);
       };
     }), Ia = m(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, a) => ({
-      text: za.value(a, e.value.style.chart.zoom.timeFormat),
+      text: za.value(
+        a,
+        e.value.style.chart.zoom.timeFormat
+      ),
       absoluteIndex: a
     }))), Yl = m(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, a) => ({
-      text: za.value(a, e.value.style.chart.tooltip.timeFormat),
+      text: za.value(
+        a,
+        e.value.style.chart.tooltip.timeFormat
+      ),
       absoluteIndex: a
     }))), Hl = m(() => {
       if (!Ee.value && !ve.value) return [];
@@ -629,7 +744,13 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
           }
           $.push(p), F.push(xe), E.push(U ?? (xe >= 0 ? 1 : -1));
         }
-        const H = $.map((p) => ({ x: _(p), y: B[p] })), te = H.map((p) => p.x), J = F.reduce((p, L) => p + Math.abs(L || 0), 0), W = J === 0 ? 1 : J, D = F.map((p, L) => {
+        const H = $.map((p) => ({
+          x: _(p),
+          y: B[p]
+        })), te = H.map((p) => p.x), J = F.reduce(
+          (p, L) => p + Math.abs(L || 0),
+          0
+        ), W = J === 0 ? 1 : J, D = F.map((p, L) => {
           if (e.value.style.chart.lines.distributed && !g.standalone) {
             const q = $[L], U = $a.value[q] || 1;
             return (p || 0) / U;
@@ -751,7 +872,15 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
       slicer: u,
       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: ql,
       height: Xl,
@@ -770,11 +899,18 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
           return { x: M.x, y: M.y, ok: !0 };
         }
       }
-      const a = l.getBoundingClientRect(), s = l.viewBox?.baseVal || { x: 0, y: 0, width: a.width, height: a.height }, n = Math.min(a.width / s.width, a.height / s.height), o = s.width * n, r = s.height * n, y = (a.width - o) / 2, k = (a.height - r) / 2, T = (t.clientX - a.left - y) / n + s.x, S = (t.clientY - a.top - k) / n + s.y;
+      const a = l.getBoundingClientRect(), s = l.viewBox?.baseVal || {
+        x: 0,
+        y: 0,
+        width: a.width,
+        height: a.height
+      }, n = Math.min(a.width / s.width, a.height / s.height), o = s.width * n, r = s.height * n, y = (a.width - o) / 2, k = (a.height - r) / 2, T = (t.clientX - a.left - y) / n + s.x, S = (t.clientY - a.top - k) / n + s.y;
       return { x: T, y: S, ok: !0 };
     }
     let $e = 0;
-    const Y = m(() => Math.max(1, u.value.end - u.value.start)), gt = m(
+    const Y = m(
+      () => Math.max(1, u.value.end - u.value.start)
+    ), gt = m(
       () => Y.value > 1 ? d.value.width / (Y.value - 1) : 0
     );
     function re(t) {
@@ -812,7 +948,8 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
       const l = Ea(t);
       if (!l || !de.value) return;
       const { left: a, right: s, top: n, bottom: o } = d.value;
-      if (l.x < a || l.x > s || l.y < n || l.y > o) return;
+      if (l.x < a || l.x > s || l.y < n || l.y > o)
+        return;
       let r = 0;
       if (Y.value > 1) {
         const y = (l.x - a) / gt.value;
@@ -825,14 +962,19 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
       }), Oa(r);
     }
     function Oa(t) {
-      const l = JSON.parse(JSON.stringify(A.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 + u.value.start }), ye("selectDatapoint", { datapoint: l, period: me.value[t] });
+      const l = JSON.parse(JSON.stringify(A.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 + u.value.start
+      }), ye("selectDatapoint", { datapoint: l, period: me.value[t] });
     }
     Fe(
       () => [u.value.start, u.value.end, A.value.length],
@@ -896,7 +1038,14 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
         borderColor: T,
         roundingValue: S,
         roundingPercentage: z
-      } = e.value.style.chart.tooltip, O = (c) => !c.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(c.shape) ? `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" fill="${c.color}" /></svg>` : c.shape === "star" ? `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" fill="${c.color}" points="${Es({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>` : c.shape === "triangle" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${c.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : c.shape === "square" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${c.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : c.shape === "diamond" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${c.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : c.shape === "pentagon" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${c.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${c.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`, M = (c, _) => {
+      } = e.value.style.chart.tooltip, O = (c) => !c.shape || ![
+        "star",
+        "triangle",
+        "square",
+        "diamond",
+        "pentagon",
+        "hexagon"
+      ].includes(c.shape) ? `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" fill="${c.color}" /></svg>` : c.shape === "star" ? `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" fill="${c.color}" points="${Es({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>` : c.shape === "triangle" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${c.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : c.shape === "square" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${c.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : c.shape === "diamond" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${c.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : c.shape === "pentagon" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${c.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${c.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`, M = (c, _) => {
         const g = _ ? Ce({
           v: isNaN((c.value ?? 0) / (n || 1)) ? 0 : Math.abs(c.value ?? 0) / (n || 1) * 100,
           s: "%",
@@ -909,12 +1058,14 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
             ${o ? et(
           e.value.style.chart.lines.dataLabels.formatter,
           c.sourceValue,
-          Ce({
-            p: e.value.style.chart.lines.dataLabels.prefix,
-            v: c.sourceValue,
-            s: e.value.style.chart.lines.dataLabels.suffix,
-            r: S
-          })
+          Ce(
+            {
+              p: e.value.style.chart.lines.dataLabels.prefix,
+              v: c.sourceValue,
+              s: e.value.style.chart.lines.dataLabels.suffix,
+              r: S
+            }
+          )
         ) : ""} ${$}${g}${F}
         </div>
         `;
@@ -932,7 +1083,12 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
           s: e.value.style.chart.lines.dataLabels.suffix,
           r: S
         }),
-        { datapoint: { name: y, value: tt(n) } }
+        {
+          datapoint: {
+            name: y,
+            value: tt(n)
+          }
+        }
       )}</span>
         </div>`), a.forEach((c) => {
         h += M(c, k);
@@ -948,16 +1104,24 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
         value: [null, void 0, NaN].includes(n.series[l]) ? null : n.series[l],
         color: n.color
       }));
-      t ? (ue.value = l, b.value = l, Za({ seriesIndex: l, datapoint: s }), e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: s, seriesIndex: l + u.value.start })) : (ue.value = null, b.value = null, ye("selectX", { seriesIndex: null, dataset: null, indexLabel: null }), e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: s, seriesIndex: l + u.value.start }));
+      t ? (ue.value = l, b.value = l, Za({ seriesIndex: l, datapoint: s }), e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: s,
+        seriesIndex: l + u.value.start
+      })) : (ue.value = null, b.value = null, ye("selectX", { seriesIndex: null, dataset: null, indexLabel: null }), e.value.events.datapointLeave && e.value.events.datapointLeave({
+        datapoint: s,
+        seriesIndex: l + u.value.start
+      }));
     }
     function Va(t, l) {
-      const a = JSON.parse(JSON.stringify(A.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,
-        proportion: s.proportions[l] || null,
-        color: s.color,
-        id: s.id
-      }));
+      const a = JSON.parse(JSON.stringify(A.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,
+          proportion: s.proportions[l] || null,
+          color: s.color,
+          id: s.id
+        })
+      );
       ye("selectTimeLabel", {
         datapoint: a,
         absoluteIndex: t.absoluteIndex,
@@ -973,7 +1137,8 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
       if (V.value.includes(t.id))
         V.value = V.value.filter((l) => l !== t.id);
       else {
-        if (V.value.length === Z.value.length - 1) return;
+        if (V.value.length === Z.value.length - 1)
+          return;
         V.value.push(t.id);
       }
       ye("selectLegend", A.value);
@@ -1008,27 +1173,49 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
     const Ya = m(() => {
       if (A.value.length === 0)
         return { head: [], body: [], config: {}, columnNames: [] };
-      const t = A.value.map(({ name: a, color: s }) => ({ label: a, color: s })), l = [];
+      const t = A.value.map(({ name: a, color: s }) => ({
+        label: a,
+        color: s
+      })), l = [];
       return ht.value.forEach((a) => {
         const s = a.absoluteIndex, o = [e.value.style.chart.grid.x.timeLabels.values?.[s] ? a.text : s + 1];
         Z.value.forEach((r) => {
-          const y = r.series?.[s], k = Number((y ?? 0).toFixed(e.value.table.td.roundingValue));
+          const y = r.series?.[s], k = Number(
+            (y ?? 0).toFixed(e.value.table.td.roundingValue)
+          );
           o.push(k);
         }), l.push(o);
       }), { head: t, body: l };
     });
     function Ht(t = null) {
-      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = ["", ...Ya.value.head.map((r) => r.label)], s = Ya.value.body, n = l.concat([a]).concat(s), o = _s(n);
-      t ? t(o) : Fs({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-stackline" });
+      const l = [
+        [e.value.style.chart.title.text],
+        [e.value.style.chart.title.subtitle.text],
+        [""]
+      ], a = ["", ...Ya.value.head.map((r) => r.label)], s = Ya.value.body, n = l.concat([a]).concat(s), o = _s(n);
+      t ? t(o) : Fs({
+        csvContent: o,
+        title: e.value.style.chart.title.text || "vue-ui-stackline"
+      });
     }
     const _e = m(() => {
-      const t = [""].concat(A.value.map((o) => o.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>'), l = [], a = Math.max(0, u.value.end - u.value.start);
+      const t = [""].concat(A.value.map((o) => o.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>'
+      ), l = [], a = Math.max(0, u.value.end - u.value.start);
       for (let o = 0; o < a; o += 1) {
         const r = Ot(o), y = e.value.style.chart.grid.x.timeLabels.values?.[r] ? me.value?.[o]?.text ?? r + 1 : r + 1, k = A.value.map((z) => {
           const O = z.series?.[o] ?? 0;
           return Number(O.toFixed(e.value.table.td.roundingValue));
-        }), S = A.value.filter((z) => !z.standalone).map((z) => z.series?.[o] ?? 0).reduce((z, O) => z + O, 0);
-        l.push([y].concat(k).concat(Number(S.toFixed(e.value.table.td.roundingValue))));
+        }), S = A.value.filter(
+          (z) => !z.standalone
+        ).map((z) => z.series?.[o] ?? 0).reduce((z, O) => z + O, 0);
+        l.push(
+          [y].concat(k).concat(
+            Number(
+              S.toFixed(e.value.table.td.roundingValue)
+            )
+          )
+        );
       }
       const s = {
         th: {
@@ -1056,7 +1243,14 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
       try {
         if (t) {
           const { blob: l, url: a, text: s, dataUrl: n } = await os();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: l, url: a, text: s, dataUrl: n }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: l,
+              url: a,
+              text: s,
+              dataUrl: n
+            })
+          );
         } else
           await Promise.resolve(ss());
       } finally {
@@ -1065,7 +1259,12 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
     }
     async function ns({ scale: t = 2 } = {}) {
       if (!ie.value) return;
-      const { width: l, height: a } = ie.value.getBoundingClientRect(), s = l / a, { imageUri: n, base64: o } = await Ks({ domElement: ie.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: a } = ie.value.getBoundingClientRect(), s = l / a, { imageUri: n, base64: o } = await Ks({
+        domElement: ie.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: n,
         base64: o,
@@ -1106,9 +1305,12 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
         }
       };
     });
-    Fe(() => j.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && Ve.value ? Ve.value.open() : "close" in Ve.value && Ve.value.close());
-    });
+    Fe(
+      () => j.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && Ve.value ? Ve.value.open() : "close" in Ve.value && Ve.value.close());
+      }
+    );
     function Wa() {
       j.value.showTable = !1, Ct.value && Ct.value.setTableIconState(!1);
     }
@@ -1143,14 +1345,18 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
       });
     }
     const is = m(() => Array(he.value).fill(0).map((t, l) => ja(l)));
-    Fe(() => G.selectedXIndex, (t) => {
-      if ([null, void 0].includes(G.selectedXIndex)) {
-        b.value = null;
-        return;
-      }
-      const l = t - u.value.start;
-      l < 0 || t >= u.value.end ? b.value = null : b.value = l ?? null;
-    }, { immediate: !0 });
+    Fe(
+      () => G.selectedXIndex,
+      (t) => {
+        if ([null, void 0].includes(G.selectedXIndex)) {
+          b.value = null;
+          return;
+        }
+        const l = t - u.value.start;
+        l < 0 || t >= u.value.end ? b.value = null : b.value = l ?? null;
+      },
+      { immediate: !0 }
+    );
     const Ja = m(() => {
       if (e.value.style.chart.lines.distributed)
         return { min: -1, max: 1 };
@@ -1183,10 +1389,18 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
       return { min: Number(M.min) || 0, max: Number(M.max) || 0 };
     });
     function us({ minimapH: t, unitW: l }) {
-      const a = (h) => typeof h == "string" ? h.replace(/^M\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*,?\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*/i, "").trim() : "";
+      const a = (h) => typeof h == "string" ? h.replace(
+        /^M\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*,?\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*/i,
+        ""
+      ).trim() : "";
       if (!Number.isFinite(t) || t <= 0 || !Number.isFinite(l) || l <= 0)
         return "";
-      const s = A.value.filter((h) => !h.standalone), n = A.value.filter((h) => h.standalone), o = Math.max(0, ...A.value.map((h) => Array.isArray(h.fullSeries) ? h.fullSeries.length : h.series.length));
+      const s = A.value.filter((h) => !h.standalone), n = A.value.filter((h) => h.standalone), o = Math.max(
+        0,
+        ...A.value.map(
+          (h) => Array.isArray(h.fullSeries) ? h.fullSeries.length : h.series.length
+        )
+      );
       if (o <= 0) return "";
       const r = o === 1 ? [l * 0.5] : Array.from({ length: o }, (h, w) => w * l);
       if (e.value.style.chart.lines.distributed) {
@@ -1225,7 +1439,10 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
                 stroke-linecap="round" />`
           );
         }), n.length && n.forEach((g) => {
-          const $ = Array.isArray(g.fullSeries) ? g.fullSeries : g.series, F = Array.from({ length: o }, (te, J) => w(Math.abs($?.[J] ?? 0) / h[J])), E = r.map((te, J) => ({ x: te, y: F[J] })), I = we(E), B = Se(E), H = e.value.style.chart.lines.smooth ? `M${E[0].x},${E[0].y} ${a(I)}` : `M${E[0].x},${E[0].y} ${a(B)}`;
+          const $ = Array.isArray(g.fullSeries) ? g.fullSeries : g.series, F = Array.from(
+            { length: o },
+            (te, J) => w(Math.abs($?.[J] ?? 0) / h[J])
+          ), E = r.map((te, J) => ({ x: te, y: F[J] })), I = we(E), B = Se(E), H = e.value.style.chart.lines.smooth ? `M${E[0].x},${E[0].y} ${a(I)}` : `M${E[0].x},${E[0].y} ${a(B)}`;
           c.push(
             `<path d="${H}"
                     fill="none"
@@ -1277,7 +1494,9 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
     }
     function cs(t, l) {
       const a = e.value.style.chart.lines, s = a.dataLabels;
-      return a.showDistributedPercentage && a.distributed ? ya.value ? l === 0 ? !s.hideEmptyPercentages : Math.abs(l) * 100 >= s.hideUnderPercentage : s.hideEmptyPercentages ? Math.abs(l) > 0 : !0 : ya.value ? (fa.value && Et.value && console.warn("Vue Data UI - VueUiStackline - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case."), Math.abs(t) > vs.value * s.hideUnderPercentage / 100) : fa.value ? Math.abs(t) >= s.hideUnderValue : s.hideEmptyValues ? t !== 0 : !0;
+      return a.showDistributedPercentage && a.distributed ? ya.value ? l === 0 ? !s.hideEmptyPercentages : Math.abs(l) * 100 >= s.hideUnderPercentage : s.hideEmptyPercentages ? Math.abs(l) > 0 : !0 : ya.value ? (fa.value && Et.value && console.warn(
+        "Vue Data UI - VueUiStackline - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case."
+      ), Math.abs(t) > vs.value * s.hideUnderPercentage / 100) : fa.value ? Math.abs(t) >= s.hideUnderValue : s.hideEmptyValues ? t !== 0 : !0;
     }
     const vs = m(() => Math.max(...A.value.flatMap((t) => t.series)));
     function Ka(t, l, a, s, n) {
@@ -1330,13 +1549,17 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
         config: e.value,
         dataset: A.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: A.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: A.value
+        })
+      );
     }
     const Wt = f(!1);
     function ms() {
@@ -1348,7 +1571,8 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
     function ys(t) {
       if (!de.value || Ae.value || document.activeElement !== de.value || dt.value || !Y.value) return;
       const l = t.key === "ArrowLeft", a = t.key === "ArrowRight", s = t.key === "Enter" || t.key === " ", n = t.key === "Escape";
-      if (!l && !a && !s && !n) return;
+      if (!l && !a && !s && !n)
+        return;
       if (t.preventDefault(), t.stopPropagation(), n) {
         ue.value = null, Be.value = "pointer", Re.value = !1, b.value = null, ye("selectX", { seriesIndex: null, datapoint: null });
         return;
@@ -1390,7 +1614,11 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
       id: `stackline_${K.value}`,
       ref_key: "stacklineChart",
       ref: ie,
-      class: tl({ "vue-data-ui-component": !0, "vue-ui-stackline": !0, "vue-data-ui-wrapper-fullscreen": De.value }),
+      class: tl({
+        "vue-data-ui-component": !0,
+        "vue-ui-stackline": !0,
+        "vue-data-ui-wrapper-fullscreen": De.value
+      }),
       style: ge(`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: Ll,
       onMouseleave: Al
@@ -1597,7 +1825,10 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
           "aria-describedby": `chart-instructions-${K.value}`,
           xmlns: C(Ps),
           viewBox: `0 0 ${d.value.chartWidth <= 0 ? 10 : d.value.chartWidth} ${d.value.chartHeight <= 0 ? 10 : d.value.chartHeight}`,
-          class: tl({ "vue-data-ui-loading": C(ve), "no-transition": !e.value.useCssAnimation }),
+          class: tl({
+            "vue-data-ui-loading": C(ve),
+            "no-transition": !e.value.useCssAnimation
+          }),
           style: ge(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`),
           role: "img",
           "aria-live": "polite",
@@ -1613,7 +1844,10 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
           Ze(C(pl)),
           (i(!0), v(R, null, X(Me.value, (a) => (i(), v(R, null, [
             t.$slots.pattern ? (i(), v("defs", co, [
-              N(t.$slots, "pattern", xt({ ref_for: !0 }, { seriesIndex: a.absoluteIndex, patternId: `pattern_${K.value}_${a.absoluteIndex}` }), void 0, !0)
+              N(t.$slots, "pattern", xt({ ref_for: !0 }, {
+                seriesIndex: a.absoluteIndex,
+                patternId: `pattern_${K.value}_${a.absoluteIndex}`
+              }), void 0, !0)
             ])) : x("", !0)
           ], 64))), 256)),
           t.$slots["chart-background"] ? (i(), v("foreignObject", {
@@ -1642,7 +1876,10 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
               }, null, 8, fo),
               le("stop", {
                 offset: "100%",
-                "stop-color": C(zs)(a.color, e.value.style.chart.lines.gradient.intensity / 100)
+                "stop-color": C(zs)(
+                  a.color,
+                  e.value.style.chart.lines.gradient.intensity / 100
+                )
               }, null, 8, yo)
             ], 8, mo))), 256))
           ])) : x("", !0),
@@ -1711,7 +1948,11 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
           }, fe(e.value.style.chart.grid.y.axisName.text), 9, wo)) : x("", !0),
           e.value.style.chart.grid.frame.show ? (i(), v("rect", {
             key: 8,
-            style: { pointerEvents: "none", transition: "none", animation: "none !important" },
+            style: {
+              pointerEvents: "none",
+              transition: "none",
+              animation: "none !important"
+            },
             x: ae.value.left,
             y: d.value.top,
             width: ae.value.width,
@@ -1810,7 +2051,9 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
                                         ),
                                         rotate(${e.value.style.chart.grid.x.timeLabels.rotation})
                                     `,
-                  style: ge({ cursor: ce.value ? "pointer" : "default" }),
+                  style: ge({
+                    cursor: ce.value ? "pointer" : "default"
+                  }),
                   innerHTML: t.createTSpansFromLineBreaksOnX({
                     content: String(a.text),
                     fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
@@ -1827,7 +2070,9 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { 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(${re(s)}, ${d.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: ge({ cursor: ce.value ? "pointer" : "default" }),
+                  style: ge({
+                    cursor: ce.value ? "pointer" : "default"
+                  }),
                   onClick: () => Va(a, s)
                 }, fe(a.text), 13, No))
               ]))), 256))
@@ -1841,15 +2086,28 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
               y: d.value.top,
               height: d.value.height,
               width: Ra(s).width,
-              fill: [Ye.value, b.value].includes(s) ? C(Is)(e.value.style.chart.highlighter.color, e.value.style.chart.highlighter.opacity) : "transparent",
-              style: { transition: "none !important", animation: "none !important" }
+              fill: [
+                Ye.value,
+                b.value
+              ].includes(s) ? C(Is)(
+                e.value.style.chart.highlighter.color,
+                e.value.style.chart.highlighter.opacity
+              ) : "transparent",
+              style: {
+                transition: "none !important",
+                animation: "none !important"
+              }
             }, null, 8, zo)
           ]))), 128)) : x("", !0),
           (Le.value || ![null, void 0].includes(b.value)) && e.value.style.chart.highlighter.useLine ? (i(), v(R, { key: 12 }, [
             ![null, void 0].includes(b.value) || ![null, void 0].includes(Ye.value) ? (i(), v("g", Io, [
               le("line", {
-                x1: re((b.value ?? Ye.value) || 0),
-                x2: re((b.value ?? Ye.value) || 0),
+                x1: re(
+                  (b.value ?? Ye.value) || 0
+                ),
+                x2: re(
+                  (b.value ?? Ye.value) || 0
+                ),
                 y1: C(tt)(d.value.top),
                 y2: C(tt)(d.value.bottom),
                 stroke: e.value.style.chart.highlighter.color,
@@ -1863,13 +2121,30 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
           (i(!0), v(R, null, X(A.value, (a) => (i(), v(R, null, [
             Le.value && u.value.end - u.value.start > e.value.style.chart.lines.dot.hideAboveMaxSerieLength ? (i(), v("g", Fo, [
               b.value != null ? (i(), v(R, { key: 0 }, [
-                a.rel.includes(b.value) && a.fullSeries?.[u.value.start + b.value] != null && !Number.isNaN(a.fullSeries?.[u.value.start + b.value]) ? (i(), se(Kt, {
+                a.rel.includes(b.value) && a.fullSeries?.[u.value.start + b.value] != null && !Number.isNaN(
+                  a.fullSeries?.[u.value.start + b.value]
+                ) ? (i(), se(Kt, {
                   key: 0,
-                  shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
+                  shape: [
+                    "triangle",
+                    "square",
+                    "diamond",
+                    "pentagon",
+                    "hexagon",
+                    "star"
+                  ].includes(a.shape) ? a.shape : "circle",
                   color: e.value.style.chart.lines.dot.useSerieColor ? a.color : e.value.style.chart.lines.dot.fill,
                   plot: {
-                    x: C(rl)(a.points[a.rel.indexOf(b.value)].x),
-                    y: C(rl)(a.points[a.rel.indexOf(b.value)].y)
+                    x: C(rl)(
+                      a.points[a.rel.indexOf(
+                        b.value
+                      )].x
+                    ),
+                    y: C(rl)(
+                      a.points[a.rel.indexOf(
+                        b.value
+                      )].y
+                    )
                   },
                   radius: e.value.style.chart.lines.dot.radius * 1.3,
                   stroke: e.value.style.chart.lines.dot.useSerieColor ? e.value.style.chart.backgroundColor : a.color,
@@ -1881,9 +2156,18 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
           ], 64))), 256)),
           (i(!0), v(R, null, X(A.value, (a) => (i(), v(R, null, [
             u.value.end - u.value.start < e.value.style.chart.lines.dot.hideAboveMaxSerieLength ? (i(!0), v(R, { key: 0 }, X(a.points, (s, n) => (i(), v("g", { key: n }, [
-              a.fullSeries?.[u.value.start + a.rel[n]] != null && !Number.isNaN(a.fullSeries?.[u.value.start + a.rel[n]]) ? (i(), se(Kt, {
+              a.fullSeries?.[u.value.start + a.rel[n]] != null && !Number.isNaN(
+                a.fullSeries?.[u.value.start + a.rel[n]]
+              ) ? (i(), se(Kt, {
                 key: 0,
-                shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
+                shape: [
+                  "triangle",
+                  "square",
+                  "diamond",
+                  "pentagon",
+                  "hexagon",
+                  "star"
+                ].includes(a.shape) ? a.shape : "circle",
                 color: e.value.style.chart.lines.dot.useSerieColor ? a.color : e.value.style.chart.lines.dot.fill,
                 plot: { x: s.x, y: s.y },
                 radius: Le.value && b.value === a.rel[n] ? e.value.style.chart.lines.dot.radius * 1.3 : e.value.style.chart.lines.dot.radius,
@@ -1896,7 +2180,10 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
           j.value.dataLabels.show && e.value.style.chart.lines.dataLabels.hideAboveMaxSerieLength > u.value.end - u.value.start ? (i(), v(R, { key: 13 }, [
             (i(!0), v(R, null, X(A.value, (a, s) => (i(), v("g", { key: s }, [
               (i(!0), v(R, null, X(a.points, (n, o) => (i(), v(R, { key: o }, [
-                cs(a.series[o], a.proportions[o]) ? (i(), v("text", {
+                cs(
+                  a.series[o],
+                  a.proportions[o]
+                ) ? (i(), v("text", {
                   key: 0,
                   x: n.x,
                   y: n.y + (a.series[o] >= 0 ? -e.value.style.chart.lines.dataLabels.fontSize / 2 + e.value.style.chart.lines.dataLabels.offsetY : e.value.style.chart.lines.dataLabels.fontSize * 1.2 - e.value.style.chart.lines.dataLabels.offsetY),
@@ -1904,7 +2191,18 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
                   fill: e.value.style.chart.lines.dataLabels.color,
                   "font-weight": e.value.style.chart.lines.dataLabels.bold ? "bold" : "normal",
                   "text-anchor": "middle"
-                }, fe(e.value.style.chart.lines.showDistributedPercentage && e.value.style.chart.lines.distributed ? ds(a.proportions[o] * 100, a, s, a.rel[o]) : Ka(a.series[o], a, s, a.rel[o], a.signedSeries[o])), 9, Eo)) : x("", !0)
+                }, fe(e.value.style.chart.lines.showDistributedPercentage && e.value.style.chart.lines.distributed ? ds(
+                  a.proportions[o] * 100,
+                  a,
+                  s,
+                  a.rel[o]
+                ) : Ka(
+                  a.series[o],
+                  a,
+                  s,
+                  a.rel[o],
+                  a.signedSeries[o]
+                )), 9, Eo)) : x("", !0)
               ], 64))), 128))
             ]))), 128)),
             e.value.style.chart.lines.totalValues.show && A.value.length > 1 ? (i(), v("g", {
@@ -1921,7 +2219,13 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
                   "font-size": e.value.style.chart.lines.totalValues.fontSize,
                   "font-weight": e.value.style.chart.lines.totalValues.bold ? "bold" : "normal",
                   fill: e.value.style.chart.lines.totalValues.color
-                }, fe(Ka(a.value, a, s, s, a.sign)), 9, Ro)) : x("", !0)
+                }, fe(Ka(
+                  a.value,
+                  a,
+                  s,
+                  s,
+                  a.sign
+                )), 9, Ro)) : x("", !0)
               ], 64))), 256))
             ], 512)) : x("", !0)
           ], 64)) : x("", !0),
@@ -1939,11 +2243,16 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
           }, void 0, !0)
         ], 46, uo)),
         t.$slots.hint ? (i(), v("div", Do, [
-          N(t.$slots, "hint", Q(ee({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Wt.value })), void 0, !0)
+          N(t.$slots, "hint", Q(ee({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: Wt.value
+          })), void 0, !0)
         ])) : x("", !0)
       ]),
       t.$slots.watermark ? (i(), v("div", Vo, [
-        N(t.$slots, "watermark", Q(ee({ isPrinting: C(_t) || C(Ft) || lt.value || st.value })), void 0, !0)
+        N(t.$slots, "watermark", Q(ee({
+          isPrinting: C(_t) || C(Ft) || lt.value || st.value
+        })), void 0, !0)
       ])) : x("", !0),
       oa.value ? (i(), se(ks, {
         key: 6,
@@ -2176,7 +2485,7 @@ const oo = ["id"], no = ["id"], ro = ["id"], io = { style: { position: "relative
       ], !0)
     ], 46, oo));
   }
-}, yn = /* @__PURE__ */ so(Uo, [["__scopeId", "data-v-92ca460b"]]);
+}, yn = /* @__PURE__ */ so(Uo, [["__scopeId", "data-v-9a0796b4"]]);
 export {
   yn as default
 };