vue-data-ui 3.17.13 → 3.18.1

package/dist/vue-ui-stackline-Cujamlze.js

@@ -1,2490 +0,0 @@
-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 b, 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-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-Cv0tD9In.js";
-import { u as Bs } from "./useConfig-CG4HT3wS.js";
-import { u as Ys, B as Hs } from "./BaseScanner-C2j3TsSY.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-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,
-  style: { position: "absolute", top: "100%", left: "0", width: "100%" },
-  "data-dom-to-png-ignore": "",
-  "aria-hidden": "true"
-}, Vo = {
-  key: 5,
-  class: "vue-data-ui-watermark"
-}, Bo = ["onClick"], Yo = ["innerHTML"], Ho = ["innerHTML"], Wo = ["id"], Uo = {
-  __name: "vue-ui-stackline",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    selectedXIndex: {
-      type: Number,
-      default: void 0
-    }
-  },
-  emits: [
-    "selectDatapoint",
-    "selectLegend",
-    "selectTimeLabel",
-    "selectX",
-    "copyAlt"
-  ],
-  setup(Mt, { expose: cl, emit: vl }) {
-    const dl = ke(() => import("./Tooltip-Cvt7Fi0Q.js")), hl = ke(() => import("./BaseIcon-DX0hTWa-.js")), ml = ke(() => import("./vue-ui-accordion-DFtpH_16.js")), fl = ke(() => import("./DataTable-cMnb68Ik.js")), yl = ke(
-      () => import("./PenAndPaper-CJDoB5H9.js")
-    ), gl = ke(
-      () => import("./UserOptions-DVduN6X7.js")
-    ), pl = ke(
-      () => import("./PackageVersion-BfrCAH6_.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;
-      },
-      set(t) {
-        return t;
-      }
-    }), ie = f(null), K = f(ll()), Re = f(!1), V = f([]), Qt = f(0), ea = f(null), ta = f(null), Oe = f(null), aa = f(null), la = f(null), De = f(!1), $t = f(!1), sa = f(0), Sl = f(0), Ml = f(0), oa = f(!1), Ve = f(null), Ct = f(null), Le = f(!1), lt = f(!1), st = f(!1), ot = f(null), Lt = f(null), At = f(null), nt = f(null), $l = f(null), na = qt(null), ra = f(!1), ia = f(0), ua = f(0), ue = f(null), ca = f({ x: 0, y: 0 }), Be = f("pointer"), va = Xs({
-      elementRef: na,
-      minimumWidth: 2,
-      minimumHeight: 2,
-      stableFramesRequired: 2,
-      once: !1,
-      onSizeAccepted: () => {
-        rt();
-      }
-    });
-    function Tt() {
-      na.value = ie.value?.parentNode ?? null;
-    }
-    function da() {
-      return new Promise((t) => {
-        requestAnimationFrame(() => {
-          requestAnimationFrame(t);
-        });
-      });
-    }
-    async function rt() {
-      const t = ++ua.value;
-      ra.value = !1, await Gt(), await da(), await da(), t === ua.value && (ia.value += 1, ra.value = !0);
-    }
-    const Ye = f(null), Ae = f(!1);
-    function Nt() {
-      Ae.value = !Ae.value;
-    }
-    bs(() => {
-      Tt(), va.start(), oa.value = !0, xa(), rt();
-    });
-    const e = f(It()), ce = m(
-      () => e.value.userOptions.useCursorPointer
-    ), Cl = m(() => sl({
-      defaultConfig: {
-        userOptions: { show: !1 },
-        useCssAnimation: !1,
-        table: { show: !1 },
-        tooltip: { show: !1 },
-        style: {
-          chart: {
-            backgroundColor: "#99999930",
-            lines: {
-              totalValues: { show: !1 },
-              dataLabels: { show: !1 }
-            },
-            grid: {
-              frame: {
-                stroke: "#6A6A6A"
-              },
-              scale: {
-                scaleMin: 0,
-                scaleMax: 144
-              },
-              x: {
-                axisColor: "#6A6A6A",
-                linesColor: "#6A6A6A",
-                axisName: { show: !1 },
-                timeLabels: { show: !1 }
-              },
-              y: {
-                axisColor: "#6A6A6A",
-                linesColor: "#6A6A6A",
-                axisName: { show: !1 },
-                axisLabels: { show: !1 }
-              }
-            },
-            legend: {
-              backgroundColor: "transparent"
-            },
-            padding: {
-              left: 24,
-              right: 24,
-              bottom: 12
-            },
-            zoom: {
-              show: !1,
-              startIndex: null,
-              endIndex: null
-            }
-          }
-        }
-      },
-      userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: ve, FINAL_DATASET: Pt, manualLoading: it } = Ys({
-      ...xs(G),
-      FINAL_CONFIG: e,
-      prepareConfig: It,
-      callback: () => {
-        Promise.resolve().then(async () => {
-          await mt();
-        });
-      },
-      skeletonDataset: G.config?.skeletonDataset ?? [
-        {
-          name: "",
-          series: [3, 2, 1, 5, 13, 21, 8, 89, 34, 55],
-          color: "#8A8A8A"
-        },
-        {
-          name: "",
-          series: [1, 2, 3, 5, 8, 13, 21, 34, 55, 89],
-          color: "#CACACA"
-        }
-      ],
-      skeletonConfig: sl({
-        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
-    });
-    function Ll() {
-      Le.value = !0, ha(!0);
-    }
-    function Al() {
-      ha(!1), Le.value = !1, ue.value = null, Be.value = "pointer", Re.value = !1, x.value = null, ye("selectX", { seriesIndex: null, datapoint: null });
-    }
-    function It() {
-      const t = Jt({
-        userConfig: G.config,
-        defaultConfig: xl
-      });
-      let l = {};
-      const a = t.theme;
-      if (a)
-        if (!kl.value(t))
-          wl(t), l = t;
-        else {
-          const s = Jt({
-            userConfig: Qs[a] || G.config,
-            defaultConfig: t
-          });
-          l = {
-            ...Jt({
-              userConfig: G.config,
-              defaultConfig: s
-            }),
-            customPalette: t.customPalette.length ? t.customPalette : Ss[a] || kt
-          };
-        }
-      else
-        l = t;
-      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 }
-    );
-    const j = f({
-      dataLabels: {
-        show: e.value.style.chart.lines.dataLabels.show
-      },
-      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 }
-    );
-    const { isPrinting: _t, isImaging: Ft, generatePdf: ga, generateImage: pa } = Ws({
-      elementId: `stackline_${K.value}`,
-      fileName: e.value.style.chart.title.text || "vue-ui-stackline",
-      options: e.value.userOptions.print
-    }), Tl = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), oe = f({
-      width: e.value.style.chart.width,
-      height: e.value.style.chart.height,
-      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
-      }
-    }), Nl = m(() => Ms(e.value.customPalette)), pe = qt(null), Te = qt(null), ba = f(null), Et = m(() => !!e.value.debug);
-    function xa() {
-      if (ol(G.dataset) ? (nl({
-        componentName: "VueUiStackline",
-        type: "dataset",
-        debug: Et.value
-      }), it.value = !0) : G.dataset.forEach((t, l) => {
-        $s({
-          datasetObject: t,
-          requiredAttributes: ["name", "series"]
-        }).forEach((a) => {
-          Ee.value = !1, nl({
-            componentName: "VueUiStackline",
-            type: "datasetSerieAttribute",
-            property: a,
-            index: l,
-            debug: Et.value
-          }), it.value = !0;
-        });
-      }), ol(G.dataset) || (it.value = e.value.loading), setTimeout(() => {
-        $t.value = !0;
-      }, 10), e.value.responsive) {
-        const t = Os(() => {
-          $t.value = !1;
-          const { width: l, height: a } = Ds({
-            chart: ie.value,
-            noTitle: aa.value,
-            title: e.value.style.chart.title.text ? ea.value : null,
-            legend: e.value.style.chart.legend.show ? ta.value : null,
-            slicer: e.value.style.chart.zoom.show && he.value > 6 ? Oe.value.$el : null,
-            source: la.value
-          });
-          requestAnimationFrame(() => {
-            oe.value.width = l, oe.value.height = a - 12, clearTimeout(ba.value), ba.value = setTimeout(() => {
-              $t.value = !0;
-            }, 10);
-          });
-        });
-        pe.value && (Te.value && pe.value.unobserve(Te.value), pe.value.disconnect()), pe.value = new ResizeObserver(t), Te.value = ie.value.parentNode, pe.value.observe(Te.value);
-      }
-      mt();
-    }
-    Xt(() => {
-      va.stop(), pe.value && (Te.value && pe.value.unobserve(Te.value), pe.value.disconnect());
-    });
-    function Pl() {
-      let t = 0;
-      At.value && (t = Array.from(At.value.querySelectorAll("text")).reduce((s, n) => {
-        const o = n.getComputedTextLength();
-        return o > s ? o : s;
-      }, 0));
-      const l = Lt.value ? Lt.value.getBoundingClientRect().width : 0;
-      return t + l + (l ? 24 : 0);
-    }
-    const Rt = f(0), He = f(0), We = f(0);
-    function zl() {
-      const t = nt.value;
-      if (!t) {
-        He.value = 0;
-        return;
-      }
-      try {
-        const l = t.getBBox();
-        He.value = Number.isFinite(l?.height) ? l.height : 0;
-      } catch {
-        He.value = 0;
-      }
-    }
-    function Il() {
-      We.value && cancelAnimationFrame(We.value), We.value = requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          zl();
-        });
-      });
-    }
-    Xt(() => {
-      We.value && cancelAnimationFrame(We.value), He.value = 0, Rt.value = 0;
-    });
-    const ka = m(() => {
-      let t = 0;
-      if (ot.value)
-        try {
-          t = ot.value.getBBox().height;
-        } catch {
-          t = 0;
-        }
-      const l = e.value.style.chart.grid.x.timeLabels.show ? He.value : 0;
-      return t + l;
-    }), d = m(() => {
-      ia.value;
-      const { height: t, width: l } = oe.value, { right: a } = oe.value.paddingRatio;
-      let s = e.value.style.chart.lines.totalValues.show && G.dataset && G.dataset.length > 1 ? e.value.style.chart.lines.totalValues.fontSize * 1.3 : 0, n = 0;
-      e.value.style.chart.grid.y.axisLabels.show && (n = Pl());
-      const o = e.value.style.chart.padding.top + s, r = l - l * a - Rt.value, y = t - e.value.style.chart.padding.bottom - ka.value - s, k = e.value.style.chart.padding.left + n, T = l - k - l * a - Rt.value, S = t - o - e.value.style.chart.padding.bottom - ka.value - s;
-      return {
-        chartHeight: Math.max(0, t),
-        chartWidth: Math.max(0, l),
-        top: o,
-        right: Math.max(0, r),
-        bottom: Math.max(0, y),
-        left: Math.max(0, k),
-        width: Math.max(0, T),
-        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 = {
-        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,
-        "stroke-dasharray": e.value.style.chart.zoom.preview.strokeDasharray,
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        style: {
-          pointerEvents: "none",
-          transition: "none !important",
-          animation: "none !important"
-        }
-      }, z = a / r;
-      return {
-        x: t + y * z,
-        y: l,
-        width: T * z,
-        height: s,
-        ...S
-      };
-    }), Z = m(() => Pt.value.map((t, l) => {
-      const a = Cs(t.color) || Nl.value[l] || kt[l] || kt[l % kt.length];
-      return {
-        ...t,
-        shape: t.shape || "circle",
-        standalone: !!t.standalone,
-        // In distributed mode, all values are converted to positive
-        series: JSON.parse(JSON.stringify(t.series)).map((s) => e.value.style.chart.lines.distributed ? Math.abs(s) : s),
-        seriesSource: t.series,
-        // Store signs to manage display of neg values in distributed mode
-        signedSeries: t.series.map((s) => s >= 0 ? 1 : -1),
-        absoluteIndex: l,
-        id: ll(),
-        color: a
-      };
-    })), Me = m(
-      () => Z.value.filter(
-        (t) => !V.value.includes(t.id) && !t.standalone
-      )
-    ), ut = m(
-      () => 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)
-      );
-      return isFinite(t) ? t : Math.max(...Z.value.map((l) => l.series.length));
-    });
-    function Fl(t) {
-      Ye.value = t;
-    }
-    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))
-    });
-    function Ot(t) {
-      return (u.value.start ?? 0) + (t ?? 0);
-    }
-    const wa = m(() => e.value.style.chart.zoom.preview.enable && (ne.value.start !== u.value.start || ne.value.end !== u.value.end));
-    function Sa(t, l) {
-      ne.value[t] = l;
-    }
-    function ct() {
-      const t = he.value;
-      let l = Math.max(0, Math.min(u.value.start ?? 0, t - 1)), a = Math.max(l + 1, Math.min(u.value.end ?? t, t));
-      (!Number.isFinite(l) || !Number.isFinite(a) || a <= l) && (l = 0, a = t), u.value.start = l, u.value.end = a, ne.value.start = l, ne.value.end = a, Oe.value && (Oe.value.setStartValue(l), Oe.value.setEndValue(a));
-    }
-    const Ue = f(null);
-    function El() {
-      return new Promise(
-        (t) => requestAnimationFrame(() => requestAnimationFrame(() => t()))
-      );
-    }
-    Xt(() => {
-      Ue.value && cancelAnimationFrame(Ue.value);
-    });
-    async function Ma() {
-      mt(), await Gt(), Ue.value && cancelAnimationFrame(Ue.value), Ue.value = requestAnimationFrame(async () => {
-        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(() => {
-      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
-      );
-      if (t.length)
-        return Qe(
-          t.map((n) => ({
-            ...n,
-            series: (n.series || []).map((o) => o ?? 0)
-          }))
-        );
-      const l = ut.value;
-      if (!l.length) return [];
-      const a = Math.max(...l.map((n) => n.series.length || 0));
-      return Array.from(
-        { length: a },
-        (n, o) => l.reduce((r, y) => r + Math.abs(y.series[o] ?? 0), 0)
-      );
-    }), 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) => ({
-        name: o.name || "",
-        series: (o.series || []).map((r) => r ?? 0),
-        color: o.color,
-        isVisible: !0
-      }));
-      return s.concat(n);
-    }), Ol = m(() => Qe(
-      Me.value.filter((t) => !V.value.includes(t.id)).map((t) => ({
-        ...t,
-        series: t.series.map((l, a) => {
-          const s = l ?? 0;
-          return t.signedSeries[a] === -1 && s >= 0 ? -s : s;
-        })
-      }))
-    ).slice(u.value.start, u.value.end)), Ne = m(() => {
-      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)
-          }))
-        )
-      };
-    }), Pe = m(() => {
-      const t = Math.max(0, u.value.end - u.value.start), l = Array(t).fill(0), a = Array(t).fill(0);
-      return ut.value.forEach((s) => {
-        for (let n = 0; n < t; n += 1) {
-          const o = s.series[u.value.start + n] ?? 0;
-          o > 0 && (l[n] = Math.max(l[n], o)), o < 0 && (a[n] = Math.min(a[n], o));
-        }
-      }), {
-        positive: l,
-        negative: a
-      };
-    }), La = m(() => Ol.value.map((t, l) => ({
-      value: t,
-      sign: t >= 0 ? 1 : -1
-    })));
-    function Dl() {
-      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
-      );
-      if ((La.value?.[t]?.value ?? 0) >= 0 || e.value.style.chart.lines.distributed) {
-        let r = 1 / 0;
-        for (const k of A.value || []) {
-          const T = k?.series?.[t], S = k?.topY?.[t];
-          (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
-        );
-      } else {
-        let r = -1 / 0;
-        for (const k of A.value || []) {
-          const T = k?.series?.[t], S = k?.topY?.[t];
-          (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
-        );
-      }
-    }
-    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);
-      return _.map(($) => {
-        const F = Number($) || 0, E = d.value.bottom - d.value.height * ((F + M) / c);
-        return {
-          zero: g,
-          y: E,
-          x: ae.value.left - 8,
-          value: F
-        };
-      });
-    }), me = f([]), Ie = f([]);
-    let Aa = 0;
-    bt(() => {
-      const t = ++Aa;
-      (async () => {
-        const l = await il({
-          values: e.value.style.chart.grid.x.timeLabels.values,
-          maxDatapoints: he.value,
-          formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
-          start: u.value.start,
-          end: u.value.end
-        });
-        t === Aa && (me.value = l);
-      })();
-    });
-    let Ta = 0;
-    bt(() => {
-      const t = ++Ta;
-      (async () => {
-        const l = await il({
-          values: e.value.style.chart.grid.x.timeLabels.values,
-          maxDatapoints: he.value,
-          formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
-          start: 0,
-          end: he.value
-        });
-        t === Ta && (Ie.value = l);
-      })();
-    });
-    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;
-    }), ht = m(() => {
-      const t = e.value.style.chart.grid.x.timeLabels, l = me.value || [], a = Ie.value || [], s = u.value.start ?? 0, n = x.value, o = he.value, r = l.map((k) => k?.text ?? ""), y = a.map((k) => k?.text ?? "");
-      return Ls(
-        !!t.showOnlyFirstAndLast,
-        !!t.showOnlyAtModulo,
-        Math.max(1, Bl.value || 1),
-        r,
-        y,
-        s,
-        n,
-        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: []
-    });
-    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")
-        );
-        t === Pa && (Na.value = a.data);
-      })();
-    });
-    const za = m(() => {
-      const t = e.value.style.chart.grid.x.timeLabels.datetimeFormatter, l = Vs({
-        useUTC: t.useUTC,
-        locale: Na.value,
-        januaryAsYear: t.januaryAsYear
-      });
-      return (a, s) => {
-        const o = e.value.style.chart.grid.x.timeLabels.values?.[a];
-        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
-      ),
-      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
-      ),
-      absoluteIndex: a
-    }))), Hl = m(() => {
-      if (!Ee.value && !ve.value) return [];
-      const t = d.value.height, l = ze.value[0] ? ze.value[0].zero : d.value.bottom, a = u.value.start ?? 0, s = u.value.end ?? 0, n = Math.max(1, s - a), o = Math.max(...Ne.value.positive, 0), r = Math.min(...Ne.value.negative, 0), y = Math.max(...Pe.value.positive, 0), k = Math.min(...Pe.value.negative, 0), T = Math.max(o, y), S = Math.min(r, k), z = !e.value.style.chart.lines.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? wt(
-        e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : S > 0 ? 0 : S,
-        e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : T < 0 ? 0 : T,
-        e.value.style.chart.grid.scale.ticks
-      ) : St(
-        e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : S > 0 ? 0 : S,
-        e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : T < 0 ? 0 : T,
-        e.value.style.chart.grid.scale.ticks
-      ), { min: O, max: M } = z, h = M + (O >= 0 ? 0 : Math.abs(O)) || 1, w = Array(n).fill(0), c = Array(n).fill(0), _ = (g) => n <= 1 ? d.value.left + d.value.width / 2 : d.value.left + g / (n - 1) * d.value.width;
-      return Z.value.filter((g) => !V.value.includes(g.id)).map((g) => {
-        const $ = [], F = [], E = [], I = new Array(n).fill(null), B = new Array(n).fill(null);
-        for (let p = 0; p < n; p += 1) {
-          const L = a + p, q = g.series?.[L], U = g.signedSeries?.[L], xe = q == null || Number.isNaN(q) ? 0 : q, el = g.standalone ? xe / h : e.value.style.chart.lines.distributed ? xe / ($a.value[p] || 1) : xe / h;
-          if (xe >= 0) {
-            const je = t * Math.abs(el);
-            if (g.standalone)
-              I[p] = l, B[p] = l - je;
-            else {
-              const Je = w[p], Ke = Je + je;
-              I[p] = l - Je, B[p] = l - Ke, w[p] = Ke;
-            }
-          } else {
-            const je = t * Math.abs(el);
-            if (g.standalone)
-              I[p] = l, B[p] = l + je;
-            else {
-              const Je = c[p], Ke = Je + je;
-              I[p] = l + Je, B[p] = l + Ke, c[p] = Ke;
-            }
-          }
-          $.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) => {
-          if (e.value.style.chart.lines.distributed && !g.standalone) {
-            const q = $[L], U = $a.value[q] || 1;
-            return (p || 0) / U;
-          }
-          return (p || 0) / W;
-        });
-        return {
-          ...g,
-          x: te,
-          points: H,
-          baseY: $.map((p) => I[p]),
-          topY: $.map((p) => B[p]),
-          series: F,
-          signedSeries: E,
-          proportions: D,
-          rel: $,
-          fullSeries: Array.isArray(g.fullSeries) ? g.fullSeries : g.series
-        };
-      });
-    }), A = m(() => {
-      const t = (M) => typeof M == "string" ? M.replace(
-        /^M\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*,?\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*/i,
-        ""
-      ).trim() : "", l = Math.max(...Ne.value.positive, 0), a = Math.min(...Ne.value.negative, 0), s = Math.max(...Pe.value.positive, 0), n = Math.min(...Pe.value.negative, 0), o = Math.max(l, s), r = Math.min(a, n), y = !e.value.style.chart.lines.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? wt(
-        e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : r > 0 ? 0 : r,
-        e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : o < 0 ? 0 : o,
-        e.value.style.chart.grid.scale.ticks
-      ) : St(
-        e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : r > 0 ? 0 : r,
-        e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : o < 0 ? 0 : o,
-        e.value.style.chart.grid.scale.ticks
-      ), k = Number(y.min) || 0, T = Number(y.max) || 0, S = Math.abs(k), z = T + S || 1, O = (M) => {
-        if (e.value.style.chart.lines.distributed) {
-          const h = Math.max(0, Math.min(1, M));
-          return minimapH - minimapH * h;
-        }
-        return clampY(minimapH - minimapH * (((M ?? 0) + S) / z));
-      };
-      return Hl.value.map((M) => {
-        const h = M.x.length, w = Array.isArray(M.fullSeries) ? M.fullSeries : M.series, c = ({ left: W = 0, unitW: D }) => {
-          const p = w.length;
-          return !Number.isFinite(D) || D <= 0 || p <= 0 ? [] : p === 1 ? [W + D * 0.5] : w.map((L, q) => W + q * D);
-        }, _ = ({ minimapH: W }) => !Number.isFinite(W) || W <= 0 ? [] : w.map((D) => O(D || 0)), g = ({ minimapH: W }) => {
-          if (!Number.isFinite(W) || W <= 0) return [];
-          const D = O(0);
-          return w.map(() => D);
-        };
-        if (h === 0)
-          return {
-            ...M,
-            points: [],
-            smoothPath: "",
-            straightPath: "",
-            smoothArea: "",
-            straightArea: "",
-            xMinimap: c,
-            yMinimap: _,
-            yMinimapBase: g
-          };
-        const $ = M.x.map((W, D) => ({ x: W, y: M.topY[D] })), F = M.x.map((W, D) => ({ x: W, y: M.baseY[D] })), E = h >= 2 ? we($) : `M${$[0].x},${$[0].y}`, I = h >= 2 ? Se($) : `M${$[0].x},${$[0].y}`, B = h >= 2 ? `M${t(E)}` : E, H = h >= 2 ? `M${t(I)}` : I;
-        let te = "", J = "";
-        if (e.value.style.chart.lines.useArea && h >= 2) {
-          const W = we([...F].reverse()), D = Se([...F].reverse()), p = F[F.length - 1];
-          te = `M${$[0].x},${$[0].y} ${t(E)} L${p.x},${p.y} ${t(W)} Z`, J = `M${$[0].x},${$[0].y} ${t(I)} L${p.x},${p.y} ${t(D)} Z`;
-        }
-        return {
-          ...M,
-          points: $,
-          smoothPath: B,
-          straightPath: H,
-          smoothArea: te,
-          straightArea: J,
-          xMinimap: c,
-          yMinimap: _,
-          yMinimapBase: g
-        };
-      });
-    }), Dt = m(() => x.value === null || x.value === void 0 ? null : {
-      timeLabel: Da(x.value),
-      absoluteIndex: x.value + u.value.start,
-      seriesIndex: x.value,
-      datapoint: pt.value,
-      series: A.value,
-      config: e.value
-    }), qe = f(!1), _a = f(!1);
-    function Fa(t) {
-      const l = he.value;
-      return t > l ? l : t < 0 || t < u.value.start ? e.value.style.chart.zoom.startIndex !== null ? u.value.start + 1 : 1 : t;
-    }
-    function mt() {
-      if (!qe.value) {
-        qe.value = !0;
-        try {
-          const { startIndex: t, endIndex: l } = e.value.style.chart.zoom, a = he.value, s = t ?? 0, n = l != null ? Math.min(Fa(l + 1), a) : a;
-          ft.value = !0, u.value.start = s, u.value.end = n, ne.value.start = s, ne.value.end = n, ct(), _a.value = !0;
-        } finally {
-          queueMicrotask(() => {
-            ft.value = !1;
-          }), qe.value = !1;
-        }
-      }
-    }
-    function Wl(t) {
-      qe.value || ft.value || t !== u.value.start && (u.value.start = t, ne.value.start = t, ct());
-    }
-    function Ul(t) {
-      if (qe.value || ft.value) return;
-      const l = Fa(t);
-      l !== u.value.end && (u.value.end = l, ne.value.end = l, ct());
-    }
-    const ae = m(() => ({
-      left: d.value.left,
-      right: d.value.right,
-      width: d.value.width
-    })), ft = f(!1), ql = m(() => oe.value.width), Xl = m(() => oe.value.height);
-    js({
-      timeLabelsEls: nt,
-      timeLabels: me,
-      slicer: u,
-      configRef: e,
-      rotationPath: ["style", "chart", "grid", "x", "timeLabels", "rotation"],
-      autoRotatePath: [
-        "style",
-        "chart",
-        "grid",
-        "x",
-        "timeLabels",
-        "autoRotate",
-        "enable"
-      ],
-      isAutoSize: !1,
-      width: ql,
-      height: Xl,
-      rotation: e.value.style.chart.grid.x.timeLabels.autoRotate.angle
-    });
-    const yt = f(null);
-    function Ea(t) {
-      const l = de.value;
-      if (!l) return null;
-      if (l.createSVGPoint && l.getScreenCTM) {
-        const z = l.createSVGPoint();
-        z.x = t.clientX, z.y = t.clientY;
-        const O = l.getScreenCTM();
-        if (O) {
-          const M = z.matrixTransform(O.inverse());
-          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;
-      return { x: T, y: S, ok: !0 };
-    }
-    let $e = 0;
-    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) {
-      return Y.value <= 1 ? d.value.left + d.value.width / 2 : d.value.left + t * gt.value;
-    }
-    function Ra(t) {
-      if (Y.value <= 1)
-        return { x: d.value.left, width: d.value.width };
-      const l = t === 0 ? d.value.left : (re(t - 1) + re(t)) / 2, a = t === Y.value - 1 ? d.value.left + d.value.width : (re(t) + re(t + 1)) / 2;
-      return { x: l, width: Math.max(0, a - l) };
-    }
-    function Gl(t) {
-      Ae.value || ($e && cancelAnimationFrame($e), $e = requestAnimationFrame(() => {
-        $e = 0;
-        const l = Ea(t);
-        if (!l || !de.value) {
-          Vt();
-          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) {
-          Vt();
-          return;
-        }
-        let r = 0;
-        if (Y.value > 1) {
-          const y = (l.x - a) / gt.value;
-          r = Math.round(y);
-        } else
-          r = 0;
-        r < 0 && (r = 0), r > Y.value - 1 && (r = Y.value - 1), yt.value !== r && (yt.value = r, Bt(!0, r));
-      }));
-    }
-    function jl(t) {
-      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;
-      let r = 0;
-      if (Y.value > 1) {
-        const y = (l.x - a) / gt.value;
-        r = Math.round(y);
-      } else
-        r = 0;
-      r < 0 && (r = 0), r > Y.value - 1 && (r = Y.value - 1), Za({
-        seriesIndex: r,
-        datapoint: ja(r)
-      }), 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] });
-    }
-    Fe(
-      () => [u.value.start, u.value.end, A.value.length],
-      () => {
-        const t = Y.value;
-        if (x.value != null) {
-          if (t <= 0) {
-            x.value = null;
-            return;
-          }
-          x.value < 0 && (x.value = 0), x.value > t - 1 && (x.value = t - 1);
-        }
-      }
-    );
-    function Vt() {
-      $e && (cancelAnimationFrame($e), $e = 0), yt.value = null, Bt(!1, null);
-    }
-    const x = f(null), pt = m(() => {
-      const t = x.value, l = t == null ? null : Ot(t);
-      return A.value.map((a) => ({
-        slotAbsoluteIndex: a.absoluteIndex,
-        shape: a.shape || "circle",
-        name: a.name,
-        color: a.color,
-        value: t == null ? null : a.series.find((s, n) => n === t),
-        sourceValue: l == null ? null : a.seriesSource?.[l],
-        comments: a.comments || [],
-        id: a.id,
-        standalone: !!a.standalone
-      }));
-    });
-    function Da(t) {
-      if (t == null || !e.value.style.chart.tooltip.showTimeLabel)
-        return null;
-      const l = me.value?.[t]?.text || null, a = Yl.value?.[t]?.text || null, s = Ie.value?.[t]?.text || null;
-      return e.value.style.chart.tooltip.useDefaultTimeFormat ? l : a || s;
-    }
-    const Jl = m(() => {
-      const t = e.value.style.chart.tooltip.customFormat, l = [...pt.value].reverse(), a = l.filter((c) => !c.standalone), s = l.filter((c) => c.standalone), n = a.map((c) => c.value).filter((c) => As(c) && c !== null).reduce((c, _) => Math.abs(c) + Math.abs(_), 0);
-      if (Ts(t) && Ns(
-        () => t({
-          absoluteIndex: x.value + u.value.start,
-          seriesIndex: x.value,
-          datapoint: pt.value,
-          series: Z.value,
-          config: e.value
-        })
-      ))
-        return t({
-          absoluteIndex: x.value + u.value.start,
-          seriesIndex: x.value,
-          datapoint: pt.value,
-          series: Z.value,
-          config: e.value
-        });
-      const {
-        showValue: o,
-        showTotal: r,
-        totalTranslation: y,
-        showPercentage: k,
-        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, _) => {
-        const g = _ ? Ce({
-          v: isNaN((c.value ?? 0) / (n || 1)) ? 0 : Math.abs(c.value ?? 0) / (n || 1) * 100,
-          s: "%",
-          r: z
-        }) : "", $ = o && _ ? "(" : "", F = o && _ ? ")" : "";
-        return `
-        <div style="display:flex;flex-direction:row;align-items:center;gap:4px">
-            <div style="width:20px;height:20px;display:flex;align-items:center;justify-content:center;">${O(c)}</div>
-            ${c.name}${o || _ ? ":" : ""} 
-            ${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
-            }
-          )
-        ) : ""} ${$}${g}${F}
-        </div>
-        `;
-      };
-      let h = "";
-      const w = Da(x.value);
-      return w && (h += `<div style="width:100%;text-align:center;border-bottom:1px solid ${T};padding-bottom:6px;margin-bottom:3px;">${w}</div>`), r && a.length > 1 && (h += `<div class="vue-data-ui-tooltip-total" style="display:flex;flex-direction:row;align-items:center;gap:4px">
-        <span>${y}:</span>
-        <span>${et(
-        e.value.style.chart.lines.dataLabels.formatter,
-        tt(n),
-        Ce({
-          p: e.value.style.chart.lines.dataLabels.prefix,
-          v: tt(n),
-          s: e.value.style.chart.lines.dataLabels.suffix,
-          r: S
-        }),
-        {
-          datapoint: {
-            name: y,
-            value: tt(n)
-          }
-        }
-      )}</span>
-        </div>`), a.forEach((c) => {
-        h += M(c, k);
-      }), s.length && (h += `<div style="border-top:1px solid ${Me.value.length ? T : "transparent"}; margin:${Me.value.length ? "6px 0" : "0"};"></div>`, s.forEach((c) => {
-        h += M(c, !1);
-      })), `<div>${h}</div>`;
-    });
-    function Bt(t, l = null, a = "pointer") {
-      if (dt.value) return;
-      Be.value = a, Re.value = t;
-      const s = A.value.map((n) => ({
-        name: n.name,
-        value: [null, void 0, NaN].includes(n.series[l]) ? null : n.series[l],
-        color: n.color
-      }));
-      t ? (ue.value = l, x.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, x.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
-        })
-      );
-      ye("selectTimeLabel", {
-        datapoint: a,
-        absoluteIndex: t.absoluteIndex,
-        label: t.text
-      });
-    }
-    function Kl() {
-      V.value.length ? V.value = [] : Xe.value.forEach((t) => {
-        V.value.push(t.id);
-      });
-    }
-    function Yt(t) {
-      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;
-        V.value.push(t.id);
-      }
-      ye("selectLegend", A.value);
-    }
-    const Xe = m(() => Z.value.map((t) => ({
-      ...t,
-      opacity: V.value.includes(t.id) ? 0.5 : 1,
-      segregate: () => Yt(t),
-      isSegregated: V.value.includes(t.id)
-    }))), Zl = m(() => ({
-      cy: "stackline-legend",
-      backgroundColor: e.value.style.chart.legend.backgroundColor,
-      color: e.value.style.chart.legend.color,
-      fontSize: e.value.style.chart.legend.fontSize,
-      paddingBottom: 12,
-      fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    }));
-    function Ba(t) {
-      if (!Z.value.length)
-        return e.value.debug && console.warn("VueUiStackline - There are no series to show."), null;
-      const l = Z.value.find((a) => a.name === t);
-      return l || (e.value.debug && console.warn(`VueUiStackline - Series name not found "${t}"`), null);
-    }
-    function Ql(t) {
-      const l = Ba(t);
-      l !== null && V.value.includes(l.id) && Yt({ id: l.id });
-    }
-    function es(t) {
-      const l = Ba(t);
-      l !== null && (V.value.includes(l.id) || Yt({ id: l.id }));
-    }
-    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 = [];
-      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)
-          );
-          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 _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);
-      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)
-            )
-          )
-        );
-      }
-      const s = {
-        th: {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          outline: e.value.table.th.outline
-        },
-        td: {
-          backgroundColor: e.value.table.td.backgroundColor,
-          color: e.value.table.td.color,
-          outline: e.value.table.td.outline
-        },
-        breakpoint: e.value.table.responsiveBreakpoint
-      }, n = [e.value.table.columnNames.period].concat(A.value.map((o) => o.name)).concat(e.value.table.columnNames.total);
-      return { head: t, body: l, config: s, colNames: n };
-    }), ts = m(() => e.value.style.chart.backgroundColor), as = m(() => e.value.style.chart.legend), ls = m(() => e.value.style.chart.title), { exportSvg: ss, getSvg: os } = Us({
-      svg: de,
-      title: ls,
-      legend: as,
-      legendItems: Xe,
-      backgroundColor: ts
-    });
-    async function Ha({ isCb: t }) {
-      st.value = !0, await Gt();
-      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
-            })
-          );
-        } else
-          await Promise.resolve(ss());
-      } finally {
-        st.value = !1;
-      }
-    }
-    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
-      });
-      return {
-        imageUri: n,
-        base64: o,
-        title: e.value.style.chart.title.text,
-        width: l,
-        height: a,
-        aspectRatio: s
-      };
-    }
-    const Ge = m(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, l = j.value.showTable;
-      return {
-        component: t ? bl : ml,
-        title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
-        props: t ? {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          headerColor: e.value.table.th.color,
-          headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: De.value,
-          fullscreenParent: ie.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8),
-          isCursorPointer: ce.value
-        } : {
-          hideDetails: !0,
-          config: {
-            open: l,
-            maxHeight: 1e4,
-            body: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            },
-            head: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            }
-          }
-        }
-      };
-    });
-    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);
-    }
-    function Ua(t) {
-      De.value = t, Qt.value += 1;
-    }
-    function qa() {
-      j.value.showTable = !j.value.showTable;
-    }
-    function Xa() {
-      j.value.dataLabels.show = !j.value.dataLabels.show;
-    }
-    function Ga() {
-      j.value.showTooltip = !j.value.showTooltip;
-    }
-    function rs() {
-      return A.value;
-    }
-    function ja(t) {
-      const l = t ?? 0, a = Ot(l);
-      return JSON.parse(JSON.stringify(A.value)).map((s) => {
-        const n = s.series[l], o = s.signedSeries?.[l], r = n === 0 ? 0 : (o === -1 && n >= 0 ? -n : n) || null;
-        return {
-          name: s.name,
-          absoluteIndex: s.absoluteIndex,
-          value: r,
-          proportion: s.proportions?.[l] || null,
-          color: s.color,
-          id: s.id,
-          timeLabel: Ie.value?.[a] || null
-        };
-      });
-    }
-    const is = m(() => Array(he.value).fill(0).map((t, l) => ja(l)));
-    Fe(
-      () => G.selectedXIndex,
-      (t) => {
-        if ([null, void 0].includes(G.selectedXIndex)) {
-          x.value = null;
-          return;
-        }
-        const l = t - u.value.start;
-        l < 0 || t >= u.value.end ? x.value = null : x.value = l ?? null;
-      },
-      { immediate: !0 }
-    );
-    const Ja = m(() => {
-      if (e.value.style.chart.lines.distributed)
-        return { min: -1, max: 1 };
-      const t = Me.value, l = ut.value, a = Math.max(
-        1,
-        ...[...t, ...l].map((h) => h.series?.length || 0)
-      ), s = Array(a).fill(0), n = Array(a).fill(0);
-      t.forEach((h) => {
-        for (let w = 0; w < a; w += 1) {
-          const c = h.series[w] ?? 0;
-          c >= 0 ? s[w] += c : n[w] += c;
-        }
-      });
-      const o = Array(a).fill(0), r = Array(a).fill(0);
-      l.forEach((h) => {
-        for (let w = 0; w < a; w += 1) {
-          const c = h.series[w] ?? 0;
-          c > 0 && (o[w] = Math.max(o[w], c)), c < 0 && (r[w] = Math.min(r[w], c));
-        }
-      });
-      const y = Math.max(0, ...s, ...o), k = Math.min(0, ...n, ...r), T = e.value.style.chart.grid.scale.scaleMin, S = e.value.style.chart.grid.scale.scaleMax, z = e.value.style.chart.grid.scale.ticks, M = !e.value.style.chart.lines.distributed && (T !== null || S !== null) ? wt(
-        T !== null ? T : k > 0 ? 0 : k,
-        S !== null ? S : y < 0 ? 0 : y,
-        z
-      ) : St(
-        T !== null ? T : k > 0 ? 0 : k,
-        S !== null ? S : y < 0 ? 0 : y,
-        z
-      );
-      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() : "";
-      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
-        )
-      );
-      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) {
-        const h = Array.from({ length: o }, (g, $) => {
-          let F = 0;
-          return s.forEach((E) => {
-            const B = (Array.isArray(E.fullSeries) ? E.fullSeries : E.series)?.[$];
-            B != null && !Number.isNaN(B) && (F += Math.abs(B));
-          }), F || 1;
-        }), w = (g) => {
-          const $ = Math.max(0, Math.min(1, g || 0));
-          return t - t * $;
-        }, c = [], _ = Array(o).fill(0);
-        return s.forEach((g) => {
-          const $ = Array.isArray(g.fullSeries) ? g.fullSeries : g.series, F = new Array(o), E = new Array(o);
-          for (let U = 0; U < o; U += 1) {
-            const be = $?.[U], xe = be == null || Number.isNaN(be) ? 0 : Math.abs(be) / h[U];
-            E[U] = _[U], _[U] += xe, F[U] = _[U];
-          }
-          const I = F.map(w), B = E.map(w), H = r.map((U, be) => ({ x: U, y: I[be] })), te = r.map((U, be) => ({ x: U, y: B[be] })), J = we(H), W = we([...te].reverse()), D = Se(H), p = Se([...te].reverse()), L = te[te.length - 1];
-          if (e.value.style.chart.lines.useArea) {
-            const U = e.value.style.chart.lines.smooth ? `M${H[0].x},${H[0].y} ${a(J)} L${L.x},${L.y} ${a(W)} Z` : `M${H[0].x},${H[0].y} ${a(D)} L${L.x},${L.y} ${a(p)} Z`;
-            c.push(
-              `<path d="${U}"
-                    fill="${Zt.pattern ? `url(#pattern_${K.value}_${g.absoluteIndex})` : (e.value.style.chart.lines.gradient.show, g.color)}"
-                    opacity="${e.value.style.chart.lines.areaOpacity}"
-                    stroke="none" />`
-            );
-          }
-          const q = e.value.style.chart.lines.smooth ? `M${H[0].x},${H[0].y} ${a(J)}` : `M${H[0].x},${H[0].y} ${a(D)}`;
-          c.push(
-            `<path d="${q}"
-                fill="none"
-                stroke="${g.color}"
-                stroke-width="${e.value.style.chart.lines.strokeWidth}"
-                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)}`;
-          c.push(
-            `<path d="${H}"
-                    fill="none"
-                    stroke="${g.color}"
-                    stroke-width="${e.value.style.chart.lines.strokeWidth}"
-                    stroke-linecap="round" />`
-          );
-        }), c.join("");
-      }
-      const y = Ja.value.min, k = Ja.value.max, T = Math.abs(y), S = k + T || 1, z = (h) => Math.max(0, Math.min(t, h)), O = (h) => z(t - t * (((h ?? 0) + T) / S)), M = [];
-      if (s.length) {
-        const h = Array(o).fill(0), w = Array(o).fill(0);
-        s.forEach((c) => {
-          const _ = Array.isArray(c.fullSeries) ? c.fullSeries : c.series, g = new Array(o), $ = new Array(o);
-          for (let L = 0; L < o; L += 1) {
-            const q = _?.[L] ?? 0;
-            q >= 0 ? ($[L] = h[L], h[L] += q, g[L] = h[L]) : ($[L] = w[L], w[L] += q, g[L] = w[L]);
-          }
-          const F = g.map(O), E = $.map(O), I = r.map((L, q) => ({ x: L, y: F[q] })), B = r.map((L, q) => ({ x: L, y: E[q] })), H = we(I), te = we([...B].reverse()), J = Se(I), W = Se([...B].reverse()), D = B[B.length - 1];
-          if (e.value.style.chart.lines.useArea) {
-            const L = e.value.style.chart.lines.smooth ? `M${I[0].x},${I[0].y} ${a(H)} L${D.x},${D.y} ${a(te)} Z` : `M${I[0].x},${I[0].y} ${a(J)} L${D.x},${D.y} ${a(W)} Z`;
-            M.push(
-              `<path d="${L}"
-                    fill="${Zt.pattern ? `url(#pattern_${K.value}_${c.absoluteIndex})` : (e.value.style.chart.lines.gradient.show, c.color)}"
-                    opacity="${e.value.style.chart.lines.areaOpacity}"
-                    stroke="none" />`
-            );
-          }
-          const p = e.value.style.chart.lines.smooth ? `M${I[0].x},${I[0].y} ${a(H)}` : `M${I[0].x},${I[0].y} ${a(J)}`;
-          M.push(
-            `<path d="${p}"
-                fill="none"
-                stroke="${c.color}"
-                stroke-width="${e.value.style.chart.lines.strokeWidth}"
-                stroke-linecap="round" />`
-          );
-        });
-      }
-      return n.length && n.forEach((h) => {
-        const c = (Array.isArray(h.fullSeries) ? h.fullSeries : h.series).map(O), _ = r.map((E, I) => ({ x: E, y: c[I] })), g = we(_), $ = Se(_), F = e.value.style.chart.lines.smooth ? `M${_[0].x},${_[0].y} ${a(g)}` : `M${_[0].x},${_[0].y} ${a($)}`;
-        M.push(
-          `<path d="${F}"
-                fill="none"
-                stroke="${h.color}"
-                stroke-width="${e.value.style.chart.lines.strokeWidth}"
-                stroke-linecap="round" />`
-        );
-      }), M.join("");
-    }
-    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;
-    }
-    const vs = m(() => Math.max(...A.value.flatMap((t) => t.series)));
-    function Ka(t, l, a, s, n) {
-      const o = n === -1 && t >= 0 ? -t : t;
-      return et(
-        e.value.style.chart.lines.dataLabels.formatter,
-        o,
-        Ce({
-          p: e.value.style.chart.lines.dataLabels.prefix,
-          v: o,
-          s: e.value.style.chart.lines.dataLabels.suffix,
-          r: e.value.style.chart.lines.dataLabels.rounding
-        }),
-        { datapoint: l, seriesIndex: a, datapointIndex: s }
-      );
-    }
-    function ds(t, l, a, s) {
-      return et(
-        e.value.style.chart.lines.dataLabels.formatter,
-        t,
-        Ce({
-          v: isNaN(t) ? 0 : t,
-          s: "%",
-          r: e.value.style.chart.lines.dataLabels.rounding
-        }),
-        { datapoint: l, seriesIndex: a, datapointIndex: s }
-      );
-    }
-    function Za({ seriesIndex: t, datapoint: l }) {
-      const a = u.value.start + t;
-      ye("selectX", {
-        dataset: l,
-        index: a,
-        indexLabel: e.value.style.chart.grid.x.timeLabels.values[a]
-      });
-    }
-    function hs(t) {
-      if (t?.stage === "start") {
-        lt.value = !0;
-        return;
-      }
-      if (t?.stage === "end") {
-        lt.value = !1;
-        return;
-      }
-      pa();
-    }
-    async function Qa() {
-      if (ye("copyAlt", {
-        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."
-        );
-        return;
-      }
-      await Promise.resolve(
-        e.value.userOptions.callbacks.altCopy({
-          config: e.value,
-          dataset: A.value
-        })
-      );
-    }
-    const Wt = f(!1);
-    function ms() {
-      ue.value = null, Wt.value = !0;
-    }
-    function fs() {
-      ue.value = null, Be.value = "pointer", Re.value = !1, x.value = null, ye("selectX", { seriesIndex: null, datapoint: null }), Wt.value = !1;
-    }
-    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 (t.preventDefault(), t.stopPropagation(), n) {
-        ue.value = null, Be.value = "pointer", Re.value = !1, x.value = null, ye("selectX", { seriesIndex: null, datapoint: null });
-        return;
-      }
-      if (s) {
-        if (ue.value === null) return;
-        Oa(ue.value);
-        return;
-      }
-      let o = ue.value;
-      const r = yt.value, y = o !== null && o >= 0 && o < Y.value, k = r !== null && r >= 0 && r < Y.value;
-      y ? a ? (o += 1, o >= Y.value && (o = 0)) : l && (o -= 1, o < 0 && (o = Y.value - 1)) : k ? (o = a ? r + 1 : r - 1, o >= Y.value && (o = 0), o < 0 && (o = Y.value - 1)) : a ? o = 0 : o = Y.value - 1, ue.value = o, gs(o), Bt(!0, o, "keyboard");
-    }
-    function gs(t) {
-      if (!Number.isFinite(t) || !de.value) return;
-      const l = d.value.left + t * gt.value, a = d.value.top + d.value.height / 2, s = Rs(l, a, de.value);
-      s && (ca.value = s);
-    }
-    const Ut = m(() => {
-      const t = _e.value?.colNames ?? [], l = _e.value?.body ?? [];
-      return { headers: t, rows: l };
-    });
-    return cl({
-      getData: rs,
-      getImage: ns,
-      generatePdf: ga,
-      generateCsv: Ht,
-      generateImage: pa,
-      generateSvg: Ha,
-      hideSeries: es,
-      showSeries: Ql,
-      toggleTable: qa,
-      toggleLabels: Xa,
-      toggleTooltip: Ga,
-      toggleAnnotator: Nt,
-      toggleFullscreen: Ua,
-      copyAlt: Qa
-    }), (t, l) => (i(), v("div", {
-      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
-      }),
-      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
-    }, [
-      le("div", {
-        id: `chart-instructions-${K.value}`,
-        class: "sr-only"
-      }, [
-        le("p", null, fe(e.value.a11y.translations.keyboardNavigation), 1)
-      ], 8, no),
-      Ut.value?.rows?.length ? (i(), se(to, {
-        key: 0,
-        uid: K.value,
-        head: Ut.value.headers,
-        body: Ut.value.rows,
-        notice: e.value.a11y.translations.tableAvailable,
-        caption: e.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : b("", !0),
-      e.value.userOptions.buttons.annotator ? (i(), se(C(yl), {
-        key: 1,
-        svgRef: C(de),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: Ae.value,
-        isCursorPointer: ce.value,
-        onClose: Nt
-      }, {
-        "annotator-action-close": P(() => [
-          N(t.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": P(({ color: a }) => [
-          N(t.$slots, "annotator-action-color", Q(ee({ color: a })), void 0, !0)
-        ]),
-        "annotator-action-draw": P(({ mode: a }) => [
-          N(t.$slots, "annotator-action-draw", Q(ee({ mode: a })), void 0, !0)
-        ]),
-        "annotator-action-undo": P(({ disabled: a }) => [
-          N(t.$slots, "annotator-action-undo", Q(ee({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-redo": P(({ disabled: a }) => [
-          N(t.$slots, "annotator-action-redo", Q(ee({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-delete": P(({ disabled: a }) => [
-          N(t.$slots, "annotator-action-delete", Q(ee({ disabled: a })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : b("", !0),
-      N(t.$slots, "userConfig", {}, void 0, !0),
-      Tl.value ? (i(), v("div", {
-        key: 2,
-        ref_key: "noTitle",
-        ref: aa,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : b("", !0),
-      e.value.style.chart.title.text ? (i(), v("div", {
-        key: 3,
-        ref_key: "chartTitle",
-        ref: ea,
-        style: "width:100%;background:transparent;"
-      }, [
-        (i(), se(Zs, {
-          key: `title_${sa.value}`,
-          config: {
-            title: {
-              cy: "stackline-title",
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              cy: "stackline-subtitle",
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : b("", !0),
-      le("div", {
-        id: `legend-top-${K.value}`
-      }, null, 8, ro),
-      e.value.userOptions.show && Ee.value && (C(ma) || C(zt)) ? (i(), se(C(gl), {
-        ref_key: "userOptionsRef",
-        ref: Ct,
-        key: `user_option_${Qt.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: C(_t),
-        isImaging: C(Ft),
-        uid: K.value,
-        hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasImg: e.value.userOptions.buttons.img,
-        hasSvg: e.value.userOptions.buttons.svg,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasTable: e.value.userOptions.buttons.table,
-        hasLabel: e.value.userOptions.buttons.labels,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        hasAltCopy: e.value.userOptions.buttons.altCopy,
-        isFullscreen: De.value,
-        chartElement: ie.value,
-        position: e.value.userOptions.position,
-        isTooltip: j.value.showTooltip,
-        titles: { ...e.value.userOptions.buttonTitles },
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: Ae.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        tableDialog: e.value.table.useDialog,
-        isCursorPointer: ce.value,
-        onToggleFullscreen: Ua,
-        onGeneratePdf: C(ga),
-        onGenerateCsv: Ht,
-        onGenerateImage: hs,
-        onGenerateSvg: Ha,
-        onToggleTable: qa,
-        onToggleLabels: Xa,
-        onToggleTooltip: Ga,
-        onToggleAnnotator: Nt,
-        onCopyAlt: Qa,
-        style: ge({
-          visibility: C(ma) ? C(zt) ? "visible" : "hidden" : "visible"
-        })
-      }, jt({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: P(({ isOpen: a, color: s }) => [
-            N(t.$slots, "menuIcon", Q(ee({ isOpen: a, color: s })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: P(() => [
-            N(t.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: P(() => [
-            N(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: P(() => [
-            N(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: P(() => [
-            N(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: P(() => [
-            N(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: P(() => [
-            N(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        t.$slots.optionLabels ? {
-          name: "optionLabels",
-          fn: P(() => [
-            N(t.$slots, "optionLabels", {}, void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: P(({ toggleFullscreen: a, isFullscreen: s }) => [
-            N(t.$slots, "optionFullscreen", Q(ee({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
-          ]),
-          key: "8"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: P(({ toggleAnnotator: a, isAnnotator: s }) => [
-            N(t.$slots, "optionAnnotator", Q(ee({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
-          ]),
-          key: "9"
-        } : void 0,
-        t.$slots.optionAltCopy ? {
-          name: "optionAltCopy",
-          fn: P(({ altCopy: a }) => [
-            N(t.$slots, "optionAltCopy", Q(ee({ altCopy: a })), void 0, !0)
-          ]),
-          key: "10"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "hasAltCopy", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : b("", !0),
-      le("div", io, [
-        (i(), v("svg", {
-          ref_key: "svgRef",
-          ref: de,
-          "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
-          }),
-          style: ge(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`),
-          role: "img",
-          "aria-live": "polite",
-          tabindex: "0",
-          preserveAspectRatio: "xMidYMid",
-          onMousemove: Gl,
-          onMouseleave: Vt,
-          onClick: jl,
-          onFocus: ms,
-          onBlur: fs,
-          onKeydown: ys
-        }, [
-          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)
-            ])) : b("", !0)
-          ], 64))), 256)),
-          t.$slots["chart-background"] ? (i(), v("foreignObject", {
-            key: 0,
-            x: ae.value.left,
-            y: d.value.top,
-            width: ae.value.width,
-            height: d.value.height,
-            style: {
-              pointerEvents: "none"
-            }
-          }, [
-            N(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, vo)) : b("", !0),
-          e.value.style.chart.lines.gradient.show ? (i(), v("defs", ho, [
-            (i(!0), v(R, null, X(A.value, (a, s) => (i(), v("linearGradient", {
-              id: `gradient_${a.id}`,
-              x1: "0%",
-              y1: "0%",
-              x2: "0%",
-              y2: "100%"
-            }, [
-              le("stop", {
-                offset: "0%",
-                "stop-color": a.color
-              }, null, 8, fo),
-              le("stop", {
-                offset: "100%",
-                "stop-color": C(zs)(
-                  a.color,
-                  e.value.style.chart.lines.gradient.intensity / 100
-                )
-              }, null, 8, yo)
-            ], 8, mo))), 256))
-          ])) : b("", !0),
-          e.value.style.chart.grid.x.showHorizontalLines ? (i(!0), v(R, { key: 2 }, X(ze.value, (a, s) => (i(), v("line", {
-            x1: ae.value.left,
-            x2: ae.value.right,
-            y1: a.y,
-            y2: a.y,
-            stroke: e.value.style.chart.grid.x.linesColor,
-            "stroke-width": e.value.style.chart.grid.x.linesThickness,
-            "stroke-dasharray": e.value.style.chart.grid.x.linesStrokeDasharray,
-            "stroke-linecap": "round"
-          }, null, 8, go))), 256)) : b("", !0),
-          e.value.style.chart.grid.y.showVerticalLines ? (i(!0), v(R, { key: 3 }, X(u.value.end - u.value.start, (a, s) => (i(), v("line", {
-            x1: re(s),
-            x2: re(s),
-            y1: d.value.top,
-            y2: d.value.bottom,
-            stroke: e.value.style.chart.grid.y.linesColor,
-            "stroke-width": e.value.style.chart.grid.y.linesThickness,
-            "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
-            "stroke-linecap": "round"
-          }, null, 8, po))), 256)) : b("", !0),
-          e.value.style.chart.grid.x.showAxis ? (i(), v("line", {
-            key: 4,
-            x1: ae.value.left,
-            x2: ae.value.right,
-            y1: d.value.bottom,
-            y2: d.value.bottom,
-            stroke: e.value.style.chart.grid.x.axisColor,
-            "stroke-width": e.value.style.chart.grid.x.axisThickness,
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
-          }, null, 8, bo)) : b("", !0),
-          e.value.style.chart.grid.y.showAxis && !e.value.style.chart.lines.distributed ? (i(), v("line", {
-            key: 5,
-            x1: ae.value.left,
-            x2: ae.value.left,
-            y1: d.value.top,
-            y2: d.value.bottom,
-            stroke: e.value.style.chart.grid.y.axisColor,
-            "stroke-width": e.value.style.chart.grid.y.axisThickness,
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
-          }, null, 8, xo)) : b("", !0),
-          e.value.style.chart.grid.x.axisName.show && e.value.style.chart.grid.x.axisName.text ? (i(), v("text", {
-            key: 6,
-            ref_key: "xAxisLabel",
-            ref: ot,
-            x: d.value.left + d.value.width / 2,
-            y: d.value.chartHeight - 3,
-            "font-size": e.value.style.chart.grid.x.axisName.fontSize,
-            fill: e.value.style.chart.grid.x.axisName.color,
-            "font-weight": e.value.style.chart.grid.x.axisName.bold ? "bold" : "normal",
-            "text-anchor": "middle"
-          }, fe(e.value.style.chart.grid.x.axisName.text), 9, ko)) : b("", !0),
-          e.value.style.chart.grid.y.axisName.show && e.value.style.chart.grid.y.axisName.text ? (i(), v("text", {
-            key: 7,
-            ref_key: "yAxisLabel",
-            ref: Lt,
-            transform: `translate(${e.value.style.chart.grid.y.axisName.fontSize}, ${d.value.top + d.value.height / 2}) rotate(-90)`,
-            "font-size": e.value.style.chart.grid.y.axisName.fontSize,
-            fill: e.value.style.chart.grid.y.axisName.color,
-            "font-weight": e.value.style.chart.grid.y.axisName.bold ? "bold" : "normal",
-            "text-anchor": "middle"
-          }, fe(e.value.style.chart.grid.y.axisName.text), 9, wo)) : b("", !0),
-          e.value.style.chart.grid.frame.show ? (i(), v("rect", {
-            key: 8,
-            style: {
-              pointerEvents: "none",
-              transition: "none",
-              animation: "none !important"
-            },
-            x: ae.value.left,
-            y: d.value.top,
-            width: ae.value.width,
-            height: d.value.height,
-            fill: "transparent",
-            stroke: e.value.style.chart.grid.frame.stroke,
-            "stroke-width": e.value.style.chart.grid.frame.strokeWidth,
-            "stroke-linecap": e.value.style.chart.grid.frame.strokeLinecap,
-            "stroke-linejoin": e.value.style.chart.grid.frame.strokeLinejoin,
-            "stroke-dasharray": e.value.style.chart.grid.frame.strokeDasharray
-          }, null, 8, So)) : b("", !0),
-          (i(!0), v(R, null, X(A.value, (a) => (i(), v(R, null, [
-            e.value.style.chart.lines.useArea && !a.standalone ? (i(), v("path", {
-              key: 0,
-              d: e.value.style.chart.lines.smooth ? a.smoothArea : a.straightArea,
-              fill: t.$slots.pattern ? `url(#pattern_${K.value}_${a.absoluteIndex})` : e.value.style.chart.lines.gradient.show ? `url(#gradient_${a.id})` : a.color,
-              opacity: e.value.style.chart.lines.areaOpacity,
-              style: ge({
-                transition: C(ve) || !e.value.useCssAnimation ? void 0 : "all 0.3s ease-in-out"
-              })
-            }, null, 12, Mo)) : b("", !0)
-          ], 64))), 256)),
-          (i(!0), v(R, null, X(A.value, (a) => (i(), v("path", {
-            d: e.value.style.chart.lines.smooth ? a.smoothPath : a.straightPath,
-            stroke: a.color,
-            "stroke-width": e.value.style.chart.lines.strokeWidth,
-            fill: "none",
-            "stroke-linecap": "round",
-            style: ge({
-              transition: C(ve) || !e.value.useCssAnimation ? void 0 : "all 0.3s ease-in-out"
-            })
-          }, null, 12, $o))), 256)),
-          e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.lines.distributed ? (i(), v("g", {
-            key: 9,
-            ref_key: "scaleLabels",
-            ref: At
-          }, [
-            (i(!0), v(R, null, X(ze.value, (a, s) => (i(), v("line", {
-              x1: ae.value.left,
-              x2: ae.value.left - 6,
-              y1: a.y,
-              y2: a.y,
-              stroke: e.value.style.chart.grid.x.axisColor,
-              "stroke-width": 1
-            }, null, 8, Co))), 256)),
-            (i(!0), v(R, null, X(ze.value, (a, s) => (i(), v("text", {
-              x: a.x,
-              y: a.y + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
-              "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
-              "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
-              fill: e.value.style.chart.grid.y.axisLabels.color,
-              "text-anchor": "end"
-            }, fe(C(et)(
-              e.value.style.chart.grid.y.axisLabels.formatter,
-              a.value,
-              C(Ce)({
-                p: e.value.style.chart.lines.dataLabels.prefix,
-                v: a.value,
-                s: e.value.style.chart.lines.dataLabels.suffix,
-                r: e.value.style.chart.grid.y.axisLabels.rounding
-              }),
-              { datapoint: a }
-            )), 9, Lo))), 256))
-          ], 512)) : b("", !0),
-          e.value.style.chart.grid.x.timeLabels.show ? (i(), v("g", {
-            key: 10,
-            ref_key: "timeLabelsEls",
-            ref: nt
-          }, [
-            t.$slots["time-label"] ? (i(), v("g", Ao, [
-              (i(!0), v(R, null, X(ht.value, (a, s) => (i(), v("g", null, [
-                N(t.$slots, "time-label", xt({ ref_for: !0 }, {
-                  x: d.value.left + vt.value * s + vt.value / 2,
-                  y: d.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY,
-                  fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
-                  fill: e.value.style.chart.grid.x.timeLabels.color,
-                  transform: `translate(${d.value.left + vt.value * s + vt.value / 2}, ${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})`,
-                  absoluteIndex: a.absoluteIndex,
-                  content: a.text,
-                  textAnchor: e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
-                  show: !0
-                }), void 0, !0)
-              ]))), 256))
-            ])) : (i(), v("g", To, [
-              (i(!0), v(R, null, X(ht.value, (a, s) => (i(), v("g", null, [
-                String(a.text).includes(`
-`) ? (i(), v("text", {
-                  key: s + "-multi",
-                  "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
-                  "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
-                  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"
-                  }),
-                  innerHTML: t.createTSpansFromLineBreaksOnX({
-                    content: String(a.text),
-                    fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
-                    fill: e.value.style.chart.grid.x.timeLabels.color,
-                    x: 0,
-                    y: 0
-                  }),
-                  onClick: () => Va(a, s)
-                }, null, 12, Po)) : (i(), v("text", {
-                  class: "vue-data-ui-time-label",
-                  key: s,
-                  "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
-                  "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
-                  "font-weight": e.value.style.chart.grid.x.timeLabels.bold ? "bold" : "normal",
-                  fill: e.value.style.chart.grid.x.timeLabels.color,
-                  transform: `translate(${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"
-                  }),
-                  onClick: () => Va(a, s)
-                }, fe(a.text), 13, No))
-              ]))), 256))
-            ]))
-          ], 512)) : b("", !0),
-          (Le.value || ![null, void 0].includes(x.value)) && !e.value.style.chart.highlighter.useLine ? (i(!0), v(R, { key: 11 }, X(u.value.end - u.value.start, (a, s) => (i(), v("g", {
-            key: `tooltip_trap_highlighter_${s}`
-          }, [
-            le("rect", {
-              x: Ra(s).x,
-              y: d.value.top,
-              height: d.value.height,
-              width: Ra(s).width,
-              fill: [
-                Ye.value,
-                x.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)) : b("", !0),
-          (Le.value || ![null, void 0].includes(x.value)) && e.value.style.chart.highlighter.useLine ? (i(), v(R, { key: 12 }, [
-            ![null, void 0].includes(x.value) || ![null, void 0].includes(Ye.value) ? (i(), v("g", Io, [
-              le("line", {
-                x1: re(
-                  (x.value ?? Ye.value) || 0
-                ),
-                x2: re(
-                  (x.value ?? Ye.value) || 0
-                ),
-                y1: C(tt)(d.value.top),
-                y2: C(tt)(d.value.bottom),
-                stroke: e.value.style.chart.highlighter.color,
-                "stroke-width": e.value.style.chart.highlighter.lineWidth,
-                "stroke-dasharray": e.value.style.chart.highlighter.lineDasharray,
-                "stroke-linecap": "round",
-                style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-              }, null, 8, _o)
-            ])) : b("", !0)
-          ], 64)) : b("", !0),
-          (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, [
-              x.value != null ? (i(), v(R, { key: 0 }, [
-                a.rel.includes(x.value) && a.fullSeries?.[u.value.start + x.value] != null && !Number.isNaN(
-                  a.fullSeries?.[u.value.start + x.value]
-                ) ? (i(), se(Kt, {
-                  key: 0,
-                  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(
-                        x.value
-                      )].x
-                    ),
-                    y: C(rl)(
-                      a.points[a.rel.indexOf(
-                        x.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,
-                  strokeWidth: e.value.style.chart.lines.dot.strokeWidth,
-                  transition: C(ve) ? void 0 : `all ${e.value.style.chart.lines.transitionDurationMs}ms ease-in-out`
-                }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : b("", !0)
-              ], 64)) : b("", !0)
-            ])) : b("", !0)
-          ], 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, {
-                key: 0,
-                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 && x.value === a.rel[n] ? e.value.style.chart.lines.dot.radius * 1.3 : e.value.style.chart.lines.dot.radius,
-                stroke: e.value.style.chart.lines.dot.useSerieColor ? e.value.style.chart.backgroundColor : a.color,
-                strokeWidth: e.value.style.chart.lines.dot.strokeWidth,
-                transition: C(ve) ? void 0 : `all ${e.value.style.chart.lines.transitionDurationMs}ms ease-in-out`
-              }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : b("", !0)
-            ]))), 128)) : b("", !0)
-          ], 64))), 256)),
-          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", {
-                  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),
-                  "font-size": e.value.style.chart.lines.dataLabels.fontSize,
-                  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)) : b("", !0)
-              ], 64))), 128))
-            ]))), 128)),
-            e.value.style.chart.lines.totalValues.show && A.value.length > 1 ? (i(), v("g", {
-              key: 0,
-              ref_key: "sumTop",
-              ref: $l
-            }, [
-              (i(!0), v(R, null, X(La.value, (a, s) => (i(), v(R, null, [
-                !e.value.style.chart.lines.dataLabels.hideEmptyValues || a.value !== 0 ? (i(), v("text", {
-                  key: 0,
-                  x: re(s),
-                  y: Vl(s),
-                  "text-anchor": "middle",
-                  "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)) : b("", !0)
-              ], 64))), 256))
-            ], 512)) : b("", !0)
-          ], 64)) : b("", !0),
-          wa.value ? (i(), v("rect", xt({ key: 14 }, _l.value, {
-            "data-start": u.value.start,
-            "data-end": u.value.end
-          }), null, 16, Oo)) : b("", !0),
-          N(t.$slots, "svg", {
-            svg: {
-              drawingArea: d.value,
-              data: A.value,
-              isPrintingImg: C(_t) | C(Ft) | lt.value,
-              isPrintingSvg: st.value
-            }
-          }, 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)
-        ])) : b("", !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)
-      ])) : b("", !0),
-      oa.value && (e.value.style.chart.legend.show || t.$slots.legend) ? (i(), se(ks, {
-        key: 6,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${K.value}` : `#legend-bottom-${K.value}`
-      }, [
-        le("div", {
-          ref_key: "chartLegend",
-          ref: ta
-        }, [
-          N(t.$slots, "legend", { legend: Xe.value }, () => [
-            e.value.style.chart.legend.show ? (i(), se(eo, {
-              key: 0,
-              legendSet: Xe.value,
-              config: Zl.value,
-              isCursorPointer: ce.value,
-              onClickMarker: l[0] || (l[0] = ({ legend: a }) => a.segregate())
-            }, jt({
-              item: P(({ legend: a }) => [
-                C(ve) ? b("", !0) : (i(), v("div", {
-                  key: 0,
-                  onClick: (s) => a.segregate(),
-                  style: ge(`opacity:${V.value.includes(a.id) ? 0.5 : 1}`)
-                }, fe(a.name), 13, Bo))
-              ]),
-              legendToggle: P(() => [
-                Xe.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !C(ve) ? (i(), se(lo, {
-                  key: 0,
-                  backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
-                  color: e.value.style.chart.legend.selectAllToggle.color,
-                  fontSize: e.value.style.chart.legend.fontSize,
-                  checked: V.value.length > 0,
-                  isCursorPointer: ce.value,
-                  onToggle: Kl
-                }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : b("", !0)
-              ]),
-              _: 2
-            }, [
-              t.$slots.pattern ? {
-                name: "legend-pattern",
-                fn: P(({ legend: a, index: s }) => [
-                  Ze(Kt, {
-                    shape: a.shape,
-                    radius: 30,
-                    stroke: "none",
-                    plot: { x: 30, y: 30 },
-                    fill: `url(#pattern_${K.value}_${s})`
-                  }, null, 8, ["shape", "fill"])
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["legendSet", "config", "isCursorPointer"])) : b("", !0)
-          ], !0)
-        ], 512)
-      ], 8, ["to"])) : b("", !0),
-      Ee.value && e.value.userOptions.buttons.table ? (i(), se(ws(Ge.value.component), xt({ key: 7 }, Ge.value.props, {
-        ref_key: "tableUnit",
-        ref: Ve,
-        onClose: Wa
-      }), jt({
-        content: P(() => [
-          Ze(C(fl), {
-            colNames: _e.value.colNames,
-            head: _e.value.head,
-            body: _e.value.body,
-            config: _e.value.config,
-            title: e.value.table.useDialog ? "" : Ge.value.title,
-            withCloseButton: !e.value.table.useDialog,
-            isCursorPointer: ce.value,
-            onClose: Wa
-          }, {
-            th: P(({ th: a }) => [
-              le("div", { innerHTML: a }, null, 8, Yo)
-            ]),
-            td: P(({ td: a }) => [
-              al(fe(isNaN(Number(a)) ? a : C(Ce)({
-                p: e.value.style.chart.lines.dataLabels.prefix,
-                v: a,
-                s: e.value.style.chart.lines.dataLabels.suffix,
-                r: e.value.table.td.roundingValue
-              })), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"])
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: P(() => [
-            al(fe(Ge.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: P(() => [
-            le("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: l[1] || (l[1] = (a) => Ht(e.value.userOptions.callbacks.csv)),
-              style: ge({ cursor: ce.value ? "pointer" : "default" })
-            }, [
-              Ze(C(hl), {
-                name: "fileCsv",
-                stroke: Ge.value.props.color
-              }, null, 8, ["stroke"])
-            ], 4)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : b("", !0),
-      e.value.style.chart.zoom.show && Ee.value && _a.value && he.value > 6 ? (i(), se(ao, {
-        key: 8,
-        ref_key: "chartSlicer",
-        ref: Oe,
-        allMinimaps: Rl.value,
-        background: e.value.style.chart.zoom.color,
-        borderColor: e.value.style.chart.backgroundColor,
-        customFormat: e.value.style.chart.zoom.customFormat,
-        cutNullValues: !1,
-        enableRangeHandles: e.value.style.chart.zoom.enableRangeHandles,
-        enableSelectionDrag: e.value.style.chart.zoom.enableSelectionDrag,
-        end: u.value.end,
-        focusOnDrag: e.value.style.chart.zoom.focusOnDrag,
-        focusRangeRatio: e.value.style.chart.zoom.focusRangeRatio,
-        fontSize: e.value.style.chart.zoom.fontSize,
-        immediate: !e.value.style.chart.zoom.preview.enable,
-        inputColor: e.value.style.chart.zoom.color,
-        isPreview: wa.value,
-        labelLeft: e.value.style.chart.grid.x.timeLabels.values[u.value.start] ? me.value?.[0]?.text ?? "" : "",
-        labelRight: e.value.style.chart.grid.x.timeLabels.values[u.value.end - 1] ? me.value?.at(-1)?.text ?? "" : "",
-        max: Math.max(...Mt.dataset.map((a) => a.series.length)),
-        min: 0,
-        minimap: Ca.value,
-        minimapCompact: e.value.style.chart.zoom.minimap.compact,
-        minimapFrameColor: e.value.style.chart.zoom.minimap.frameColor,
-        minimapIndicatorColor: e.value.style.chart.zoom.minimap.indicatorColor,
-        minimapMerged: !1,
-        minimapSelectedColor: e.value.style.chart.zoom.minimap.selectedColor,
-        minimapSelectedColorOpacity: e.value.style.chart.zoom.minimap.selectedColorOpacity,
-        minimapSelectedIndex: x.value,
-        minimapSelectionRadius: 1,
-        preciseLabels: Ia.value.length ? Ia.value : Ie.value,
-        refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : Math.max(...Mt.dataset.map((a) => a.series.length)),
-        refreshStartPoint: e.value.style.chart.zoom.startIndex !== null ? e.value.style.chart.zoom.startIndex : 0,
-        selectColor: e.value.style.chart.zoom.highlightColor,
-        selectedSeries: is.value,
-        smoothMinimap: !1,
-        start: u.value.start,
-        textColor: e.value.style.chart.color,
-        timeLabels: Ie.value,
-        usePreciseLabels: e.value.style.chart.grid.x.timeLabels.datetimeFormatter.enable && !e.value.style.chart.zoom.useDefaultFormat,
-        valueEnd: u.value.end,
-        valueStart: u.value.start,
-        verticalHandles: e.value.style.chart.zoom.minimap.verticalHandles,
-        maxWidth: e.value.style.chart.zoom.maxWidth,
-        isCursorPointer: ce.value,
-        additionalMinimapHeight: e.value.style.chart.zoom.minimap.additionalHeight,
-        handleType: e.value.style.chart.zoom.minimap.handleType,
-        handleIconColor: e.value.style.chart.zoom.minimap.handleIconColor,
-        handleBorderWidth: e.value.style.chart.zoom.minimap.handleBorderWidth,
-        handleBorderColor: e.value.style.chart.zoom.minimap.handleBorderColor,
-        handleFill: e.value.style.chart.zoom.minimap.handleFill,
-        handleWidth: e.value.style.chart.zoom.minimap.handleWidth,
-        "onUpdate:end": Ul,
-        "onUpdate:start": Wl,
-        onTrapMouse: Fl,
-        onReset: Ma,
-        onFutureEnd: l[2] || (l[2] = (a) => Sa("end", a)),
-        onFutureStart: l[3] || (l[3] = (a) => Sa("start", a))
-      }, {
-        "reset-action": P(({ reset: a }) => [
-          N(t.$slots, "reset-action", Q(ee({ reset: a })), void 0, !0)
-        ]),
-        slotMap: P(({ width: a, height: s, unitW: n }) => [
-          le("g", {
-            innerHTML: us({ minimapH: s, unitW: n })
-          }, null, 8, Ho)
-        ]),
-        _: 3
-      }, 8, ["allMinimaps", "background", "borderColor", "customFormat", "enableRangeHandles", "enableSelectionDrag", "end", "focusOnDrag", "focusRangeRatio", "fontSize", "immediate", "inputColor", "isPreview", "labelLeft", "labelRight", "max", "minimap", "minimapCompact", "minimapFrameColor", "minimapIndicatorColor", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "preciseLabels", "refreshEndPoint", "refreshStartPoint", "selectColor", "selectedSeries", "start", "textColor", "timeLabels", "usePreciseLabels", "valueEnd", "valueStart", "verticalHandles", "maxWidth", "isCursorPointer", "additionalMinimapHeight", "handleType", "handleIconColor", "handleBorderWidth", "handleBorderColor", "handleFill", "handleWidth"])) : b("", !0),
-      le("div", {
-        id: `legend-bottom-${K.value}`
-      }, null, 8, Wo),
-      Ze(C(dl), {
-        teleportTo: e.value.style.chart.tooltip.teleportTo,
-        show: j.value.showTooltip && Re.value,
-        backgroundColor: e.value.style.chart.tooltip.backgroundColor,
-        color: e.value.style.chart.tooltip.color,
-        fontSize: e.value.style.chart.tooltip.fontSize,
-        borderRadius: e.value.style.chart.tooltip.borderRadius,
-        borderColor: e.value.style.chart.tooltip.borderColor,
-        borderWidth: e.value.style.chart.tooltip.borderWidth,
-        backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
-        position: e.value.style.chart.tooltip.position,
-        offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: ie.value,
-        content: Jl.value,
-        isFullscreen: De.value,
-        isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
-        smooth: e.value.style.chart.tooltip.smooth,
-        backdropFilter: e.value.style.chart.tooltip.backdropFilter,
-        smoothForce: e.value.style.chart.tooltip.smoothForce,
-        smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold,
-        isA11yMode: Be.value === "keyboard",
-        a11yPosition: ca.value
-      }, {
-        "tooltip-before": P(() => [
-          N(t.$slots, "tooltip-before", Q(ee({ ...Dt.value })), void 0, !0)
-        ]),
-        tooltip: P(() => [
-          N(t.$slots, "tooltip", Q(ee({ ...Dt.value })), void 0, !0)
-        ]),
-        "tooltip-after": P(() => [
-          N(t.$slots, "tooltip-after", Q(ee({ ...Dt.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      t.$slots.source ? (i(), v("div", {
-        key: 9,
-        ref_key: "source",
-        ref: la,
-        dir: "auto"
-      }, [
-        N(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : b("", !0),
-      N(t.$slots, "skeleton", {}, () => [
-        C(ve) ? (i(), se(Hs, { key: 0 })) : b("", !0)
-      ], !0)
-    ], 46, oo));
-  }
-}, yn = /* @__PURE__ */ so(Uo, [["__scopeId", "data-v-989079b6"]]);
-export {
-  yn as default
-};