vue-data-ui 3.5.1 → 3.6.0

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

@@ -0,0 +1,1928 @@
+import { defineAsyncComponent as ge, useSlots as Fl, computed as m, ref as g, onMounted as Ol, toRefs as Rl, watch as Ae, shallowRef as Ca, onBeforeUnmount as Nt, watchEffect as Dl, nextTick as El, createElementBlock as v, openBlock as i, normalizeStyle as Te, normalizeClass as Aa, createBlock as ue, createCommentVNode as S, renderSlot as z, createElementVNode as ce, createVNode as Ue, unref as L, withCtx as I, normalizeProps as ee, guardReactiveProps as te, createSlots as _t, Fragment as F, renderList as W, mergeProps as lt, toDisplayString as me, Teleport as Vl, resolveDynamicComponent as Yl, createTextVNode as Ta } from "vue";
+import { c as Na, t as Bl, b as Hl, p as st, e as Ul, o as _a, f as za, g as Wl, h as Xl, aj as We, n as ot, m as nt, v as ql, z as pe, B as be, q as Gl, G as jl, H as Jl, a as Xe, d as ke, r as qe, X as Zl, S as Ql, s as Kl, x as Ia, P as es, Q as ts, j as as, k as Ge } from "./lib-C_mNZmhD.js";
+import { t as Pa, u as ls } from "./useResponsive-DfdjqQps.js";
+import { u as ss, a as Fa } from "./useNestedProp-CIoDlpHu.js";
+import { u as Oa, a as os, l as ns } from "./useTimeLabels-BGFjWgrv.js";
+import { u as rs, B as is } from "./BaseScanner-BgWxam9d.js";
+import { u as us } from "./usePrinter-DTzqpYKF.js";
+import { u as cs } from "./useSvgExport-DrjCWun4.js";
+import { u as vs } from "./useChartAccessibility-9icAAmYg.js";
+import { u as hs } from "./useTimeLabelCollider-CIsgDrl9.js";
+import { u as ds } from "./useUserOptionState-BIvW1Kz7.js";
+import ms from "./img-BecE5qXd.js";
+import { _ as zt } from "./Shape-CNXKB8O0.js";
+import fs from "./Title-Bb1VWCtR.js";
+import { t as ys } from "./themes-DH-N_ePR.js";
+import gs from "./Legend-D9ZTJKjh.js";
+import { S as ps } from "./SlicerPreview-wXjV4LWO.js";
+import { _ as bs } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const xs = ["id"], ks = ["id"], ws = ["xmlns", "viewBox"], Ss = { key: 0 }, Ms = ["x", "y", "width", "height"], $s = { key: 1 }, Ls = ["id"], Cs = ["stop-color"], As = ["stop-color"], Ts = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ns = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], _s = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Is = ["x", "y", "font-size", "fill", "font-weight"], Ps = ["transform", "font-size", "fill", "font-weight"], Fs = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Os = ["d", "fill", "opacity"], Rs = ["d", "stroke", "stroke-width"], Ds = ["x1", "x2", "y1", "y2", "stroke"], Es = ["x", "y", "font-size", "font-weight", "fill"], Vs = { key: 0 }, Ys = { key: 1 }, Bs = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Hs = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Us = ["x", "y", "height", "width", "fill"], Ws = { key: 0 }, Xs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], qs = { key: 0 }, Gs = ["x", "y", "font-size", "fill", "font-weight"], js = ["x", "y", "font-size", "font-weight", "fill"], Js = ["data-start", "data-end"], Zs = {
+  key: 4,
+  class: "vue-data-ui-watermark"
+}, Qs = ["onClick"], Ks = ["id"], eo = ["innerHTML"], to = ["innerHTML"], ao = {
+  __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"],
+  setup(rt, { expose: Ra, emit: Da }) {
+    const Ea = ge(() => import("./Tooltip-oWCO1HKy.js")), Va = ge(() => import("./BaseIcon-DLFL0M4-.js")), Ya = ge(() => import("./vue-ui-accordion-SSLXLlNz.js")), Ba = ge(() => import("./DataTable-UCyd_BQI.js")), Ha = ge(() => import("./PenAndPaper-BJSMejV9.js")), Ua = ge(() => import("./UserOptions-BqmUW9Kp.js")), Wa = ge(() => import("./PackageVersion-D_4Hr4S4.js")), Xa = ge(() => import("./BaseDraggableDialog-DhKIof09.js")), { vue_ui_stackline: qa } = ss(), It = Fl(), j = rt, Ne = Da, _e = m({
+      get() {
+        return !!j.dataset && j.dataset.length;
+      },
+      set(t) {
+        return t;
+      }
+    }), ve = g(null), Q = g(Na()), Pt = g(!1), Ft = g(null), X = g([]), Ot = g(0), Rt = g(null), Dt = g(null), ze = g(null), Et = g(null), Vt = g(null), Ie = g(!1), it = g(!1), Yt = g(0), Ga = g(0), ja = g(0), Bt = g(!1), Pe = g(null), ut = g(null), we = g(!1), ct = g(null), vt = g(null), ht = g(null), je = g(null), Ja = g(null), Fe = g(null), Oe = g(!1);
+    function dt() {
+      Oe.value = !Oe.value;
+    }
+    Ol(() => {
+      Bt.value = !0, Qt();
+    });
+    const e = g(yt()), { loading: he, FINAL_DATASET: mt, manualLoading: Je } = rs({
+      ...Rl(j),
+      FINAL_CONFIG: e,
+      prepareConfig: yt,
+      callback: () => {
+        Promise.resolve().then(async () => {
+          await et();
+        });
+      },
+      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: Bl({
+        defaultConfig: e.value,
+        userConfig: {
+          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
+              }
+            }
+          }
+        }
+      })
+    }), { userOptionsVisible: ft, setUserOptionsVisibility: Ht, keepUserOptionState: Ut } = ds({ config: e.value }), { svgRef: Se } = vs({ config: e.value.style.chart.title });
+    function Za() {
+      we.value = !0, Ht(!0);
+    }
+    function Qa() {
+      Ht(!1), we.value = !1;
+    }
+    function yt() {
+      const t = Fa({
+        userConfig: j.config,
+        defaultConfig: qa
+      });
+      let l = {};
+      return t.theme ? l = {
+        ...Fa({
+          userConfig: ys.vue_ui_stackline[t.theme] || j.config,
+          defaultConfig: t
+        }),
+        customPalette: Hl[t.theme] || st
+      } : l = t, l;
+    }
+    const Wt = m(() => e.value.style.chart.lines.dataLabels.hideUnderValue !== null), Xt = m(() => e.value.style.chart.lines.dataLabels.hideUnderPercentage !== null);
+    Ae(() => j.config, (t) => {
+      he.value || (e.value = yt()), ft.value = !e.value.userOptions.showOnChartHover, Qt(), Yt.value += 1, Ga.value += 1, ja.value += 1, q.value.dataLabels.show = e.value.style.chart.lines.dataLabels.show, q.value.showTable = e.value.table.show, q.value.showTooltip = e.value.style.chart.tooltip.show, de.value.width = e.value.style.chart.width, de.value.height = e.value.style.chart.height, de.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
+      }, Qe();
+    }, { deep: !0 }), Ae(() => j.dataset, (t) => {
+      Array.isArray(t) && t.length > 0 && (Je.value = !1), aa();
+    }, { deep: !0 });
+    const q = g({
+      dataLabels: {
+        show: e.value.style.chart.lines.dataLabels.show
+      },
+      showTable: e.value.table.show,
+      showTooltip: e.value.style.chart.tooltip.show
+    });
+    Ae(e, () => {
+      q.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: qt, isImaging: Gt, generatePdf: jt, generateImage: Jt } = us({
+      elementId: `stackline_${Q.value}`,
+      fileName: e.value.style.chart.title.text || "vue-ui-stackline",
+      options: e.value.userOptions.print
+    }), Ka = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), de = g({
+      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
+      }
+    }), el = m(() => Ul(e.value.customPalette)), fe = Ca(null), Me = Ca(null), Zt = g(null), gt = m(() => !!e.value.debug);
+    function Qt() {
+      if (_a(j.dataset) ? (za({
+        componentName: "VueUiStackline",
+        type: "dataset",
+        debug: gt.value
+      }), Je.value = !0) : j.dataset.forEach((t, l) => {
+        Wl({
+          datasetObject: t,
+          requiredAttributes: ["name", "series"]
+        }).forEach((a) => {
+          _e.value = !1, za({
+            componentName: "VueUiStackline",
+            type: "datasetSerieAttribute",
+            property: a,
+            index: l,
+            debug: gt.value
+          }), Je.value = !0;
+        });
+      }), _a(j.dataset) || (Je.value = e.value.loading), setTimeout(() => {
+        it.value = !0;
+      }, 10), e.value.responsive) {
+        const t = Pa(() => {
+          it.value = !1;
+          const { width: l, height: a } = ls({
+            chart: ve.value,
+            noTitle: Et.value,
+            title: e.value.style.chart.title.text ? Rt.value : null,
+            legend: e.value.style.chart.legend.show ? Dt.value : null,
+            slicer: e.value.style.chart.zoom.show && re.value > 6 ? ze.value.$el : null,
+            source: Vt.value
+          });
+          requestAnimationFrame(() => {
+            de.value.width = l, de.value.height = a - 12, clearTimeout(Zt.value), Zt.value = setTimeout(() => {
+              it.value = !0;
+            }, 10);
+          });
+        });
+        fe.value && (Me.value && fe.value.unobserve(Me.value), fe.value.disconnect()), fe.value = new ResizeObserver(t), Me.value = ve.value.parentNode, fe.value.observe(Me.value);
+      }
+      et();
+    }
+    Nt(() => {
+      fe.value && (Me.value && fe.value.unobserve(Me.value), fe.value.disconnect());
+    });
+    function tl() {
+      let t = 0;
+      ht.value && (t = Array.from(ht.value.querySelectorAll("text")).reduce((s, o) => {
+        const n = o.getComputedTextLength();
+        return n > s ? n : s;
+      }, 0));
+      const l = vt.value ? vt.value.getBoundingClientRect().width : 0;
+      return t + l + (l ? 24 : 0);
+    }
+    const pt = g(0), bt = g(0), al = Pa((t) => {
+      pt.value = t;
+    }, 100);
+    Dl((t) => {
+      const l = je.value;
+      if (!l) return;
+      const a = new ResizeObserver((s) => {
+        al(s[0].contentRect.height);
+      });
+      a.observe(l), t(() => a.disconnect());
+    }), Nt(() => {
+      pt.value = 0, bt.value = 0;
+    });
+    const Kt = m(() => {
+      let t = 0;
+      ct.value && (t = ct.value.getBBox().height);
+      let l = 0;
+      return je.value && (l = pt.value), t + l;
+    }), h = m(() => {
+      const { height: t, width: l } = de.value, { right: a } = de.value.paddingRatio;
+      let s = e.value.style.chart.lines.totalValues.show && j.dataset && j.dataset.length > 1 ? e.value.style.chart.lines.totalValues.fontSize * 1.3 : 0, o = 0;
+      e.value.style.chart.grid.y.axisLabels.show && (o = tl());
+      const n = e.value.style.chart.padding.top + s, r = l - l * a - bt.value, p = t - e.value.style.chart.padding.bottom - Kt.value - s, k = e.value.style.chart.padding.left + o, A = l - k - l * a - bt.value, w = t - n - e.value.style.chart.padding.bottom - Kt.value - s;
+      return {
+        chartHeight: Math.max(0, t),
+        chartWidth: Math.max(0, l),
+        top: n,
+        right: Math.max(0, r),
+        bottom: Math.max(0, p),
+        left: Math.max(0, k),
+        width: Math.max(0, A),
+        height: Math.max(0, w)
+      };
+    }), ll = m(() => {
+      const { left: t, top: l, width: a, height: s } = h.value, o = c.value.start, n = c.value.end, r = Math.max(1, n - o), p = Math.max(0, Math.min(r, (le.value.start ?? o) - o)), k = Math.max(0, Math.min(r, (le.value.end ?? n) - o)), A = Math.max(0, k - p), w = {
+        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"
+        }
+      }, N = a / r;
+      return {
+        x: t + p * N,
+        y: l,
+        width: A * N,
+        height: s,
+        ...w
+      };
+    }), ae = m(() => mt.value.map((t, l) => {
+      const a = Xl(t.color) || el.value[l] || st[l] || st[l % st.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: Na(),
+        color: a
+      };
+    })), ne = m(
+      () => ae.value.filter((t) => !X.value.includes(t.id) && !t.standalone)
+    ), Ze = m(
+      () => ae.value.filter((t) => !X.value.includes(t.id) && t.standalone)
+    ), re = m(() => Math.max(...ae.value.filter((t) => !X.value.includes(t.id)).map((t) => t.series.length)));
+    function sl(t) {
+      Fe.value = t;
+    }
+    const c = g({
+      start: 0,
+      end: Math.max(...mt.value.map((t) => t.series.length))
+    }), le = g({ start: 0, end: Math.max(...mt.value.map((t) => t.series.length)) });
+    function xt(t) {
+      return (c.value.start ?? 0) + (t ?? 0);
+    }
+    const ea = m(() => e.value.style.chart.zoom.preview.enable && (le.value.start !== c.value.start || le.value.end !== c.value.end));
+    function ta(t, l) {
+      le.value[t] = l;
+    }
+    function Qe() {
+      const t = re.value;
+      let l = Math.max(0, Math.min(c.value.start ?? 0, t - 1)), a = Math.max(l + 1, Math.min(c.value.end ?? t, t));
+      (!Number.isFinite(l) || !Number.isFinite(a) || a <= l) && (l = 0, a = t), c.value.start = l, c.value.end = a, le.value.start = l, le.value.end = a, ze.value && (ze.value.setStartValue(l), ze.value.setEndValue(a));
+    }
+    const Re = g(null);
+    function ol() {
+      return new Promise((t) => requestAnimationFrame(
+        () => requestAnimationFrame(() => t())
+      ));
+    }
+    Nt(() => {
+      Re.value && cancelAnimationFrame(Re.value);
+    });
+    async function aa() {
+      et(), await El(), Re.value && cancelAnimationFrame(Re.value), Re.value = requestAnimationFrame(async () => {
+        await ol(), et();
+      });
+    }
+    const Ke = m(() => Math.max(0, h.value.width / (c.value.end - c.value.start))), la = m(() => We(
+      ne.value.map((t) => ({ ...t, series: t.series.map((l) => l ?? 0) }))
+    ).slice(c.value.start, c.value.end)), sa = m(() => {
+      if (!e.value.style.chart.zoom.minimap.show) return [];
+      if (ne.value.length)
+        return We(
+          ne.value.map((s) => ({
+            ...s,
+            series: (s.series || []).map((o) => o ?? 0)
+          }))
+        );
+      const t = Ze.value;
+      if (!t.length) return [];
+      const l = Math.max(...t.map((s) => s.series.length || 0));
+      return Array.from(
+        { length: l },
+        (s, o) => t.reduce((n, r) => n + Math.abs(r.series[o] ?? 0), 0)
+      );
+    }), nl = m(() => {
+      if (!e.value.style.chart.zoom.minimap.show) return [];
+      const t = ne.value, l = Ze.value, a = t.length ? [{
+        name: "",
+        series: sa.value,
+        color: "#000000",
+        isVisible: !0
+      }] : [], s = l.map((o) => ({
+        name: o.name || "",
+        series: (o.series || []).map((n) => n ?? 0),
+        color: o.color,
+        isVisible: !0
+      }));
+      return a.concat(s);
+    }), rl = m(() => We(
+      ne.value.filter((t) => !X.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(c.value.start, c.value.end)), $e = m(() => {
+      const t = ne.value.filter((l) => !X.value.includes(l.id));
+      return {
+        positive: We(t.map((l) => ({
+          ...l,
+          series: l.series.slice(c.value.start, c.value.end).map((a) => (a ?? 0) >= 0 ? a ?? 0 : 0)
+        }))),
+        negative: We(t.map((l) => ({
+          ...l,
+          series: l.series.slice(c.value.start, c.value.end).map((a) => (a ?? 0) < 0 ? a ?? 0 : 0)
+        })))
+      };
+    }), Le = m(() => {
+      const t = Math.max(0, c.value.end - c.value.start), l = Array(t).fill(0), a = Array(t).fill(0);
+      return Ze.value.forEach((s) => {
+        for (let o = 0; o < t; o += 1) {
+          const n = s.series[c.value.start + o] ?? 0;
+          n > 0 && (l[o] = Math.max(l[o], n)), n < 0 && (a[o] = Math.min(a[o], n));
+        }
+      }), {
+        positive: l,
+        negative: a
+      };
+    }), oa = m(() => rl.value.map((t, l) => ({
+      value: t,
+      sign: t >= 0 ? 1 : -1
+    })));
+    function il() {
+      return { y0: Ce.value?.[0]?.zero ?? h.value.bottom };
+    }
+    function ul(t) {
+      const { y0: l } = il(), a = e.value.style.chart.lines.totalValues, s = Math.max(2, a.fontSize * 1.3 + a.offsetY), o = (r) => Math.min(Math.max(r, h.value.top - e.value.style.chart.lines.totalValues.fontSize * 1.3), h.value.bottom + e.value.style.chart.lines.totalValues.fontSize * 2);
+      if ((oa.value?.[t]?.value ?? 0) >= 0 || e.value.style.chart.lines.distributed) {
+        let r = 1 / 0;
+        for (const k of T.value || []) {
+          const A = k?.series?.[t], w = k?.topY?.[t];
+          (A ?? 0) > 0 && Number.isFinite(w) && w < r && (r = w);
+        }
+        const p = Number.isFinite(r) ? r : l;
+        return o(p - s - e.value.style.chart.lines.totalValues.offsetY);
+      } else {
+        let r = -1 / 0;
+        for (const k of T.value || []) {
+          const A = k?.series?.[t], w = k?.topY?.[t];
+          (A ?? 0) < 0 && Number.isFinite(w) && w > r && (r = w);
+        }
+        const p = Number.isFinite(r) ? r : l;
+        return o(p + s + a.fontSize * 0.7 + e.value.style.chart.lines.totalValues.offsetY);
+      }
+    }
+    const Ce = m(() => {
+      const t = Math.max(...$e.value.positive, 0), l = Math.min(...$e.value.negative, 0), a = Math.max(...Le.value.positive, 0), s = Math.min(...Le.value.negative, 0), o = Math.max(t, a), n = Math.min(l, s), r = [-1 / 0, 1 / 0, NaN, void 0, null].includes(n) ? 0 : n, p = e.value.style.chart.grid.scale.scaleMin, k = e.value.style.chart.grid.scale.scaleMax, A = !e.value.style.chart.lines.distributed && (p !== null || k !== null), w = p !== null && !e.value.style.chart.lines.distributed ? p : r > 0 ? 0 : r, N = k !== null && !e.value.style.chart.lines.distributed ? k : o < 0 ? 0 : o, O = A ? ot(w, N, e.value.style.chart.grid.scale.ticks) : nt(w, N, e.value.style.chart.grid.scale.ticks), M = Math.abs(Number(O.min) || 0), u = (Number(O.max) || 0) + M, b = u === 0 || !Number.isFinite(u) ? 1 : u, V = Array.isArray(O.ticks) && O.ticks.length ? O.ticks : [0], y = h.value.bottom - h.value.height * (M / b);
+      return V.map(($) => {
+        const R = Number($) || 0, P = h.value.bottom - h.value.height * ((R + M) / b);
+        return {
+          zero: y,
+          y: P,
+          x: Z.value.left - 8,
+          value: R
+        };
+      });
+    }), se = m(() => Oa({
+      values: e.value.style.chart.grid.x.timeLabels.values,
+      maxDatapoints: re.value,
+      formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
+      start: c.value.start,
+      end: c.value.end
+    })), De = m(() => Oa({
+      values: e.value.style.chart.grid.x.timeLabels.values,
+      maxDatapoints: re.value,
+      formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
+      start: 0,
+      end: re.value
+    })), cl = m(() => {
+      const t = e.value.style.chart.grid.x.timeLabels.modulo;
+      return se.value.length ? Math.min(t, [...new Set(se.value.map((l) => l.text))].length) : t;
+    }), kt = m(() => {
+      const t = e.value.style.chart.grid.x.timeLabels, l = se.value || [], a = De.value || [], s = c.value.start ?? 0, o = x.value, n = re.value, r = l.map((k) => k?.text ?? ""), p = a.map((k) => k?.text ?? "");
+      return ql(
+        !!t.showOnlyFirstAndLast,
+        !!t.showOnlyAtModulo,
+        Math.max(1, cl.value || 1),
+        r,
+        p,
+        s,
+        o,
+        n
+      );
+    }), na = m(() => {
+      const t = e.value.style.chart.grid.x.timeLabels.datetimeFormatter, l = os({
+        useUTC: t.useUTC,
+        locale: ns[t.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
+        januaryAsYear: t.januaryAsYear
+      });
+      return (a, s) => {
+        const n = e.value.style.chart.grid.x.timeLabels.values?.[a];
+        return n == null ? "" : (l.formatDate(new Date(n), s), l.formatDate(new Date(n), s));
+      };
+    }), ra = m(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, a) => ({
+      text: na.value(a, e.value.style.chart.zoom.timeFormat),
+      absoluteIndex: a
+    }))), wt = m(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, a) => ({
+      text: na.value(a, e.value.style.chart.tooltip.timeFormat),
+      absoluteIndex: a
+    }))), vl = m(() => {
+      if (!_e.value && !he.value) return [];
+      const t = h.value.height, l = Ce.value[0] ? Ce.value[0].zero : h.value.bottom, a = c.value.start ?? 0, s = c.value.end ?? 0, o = Math.max(1, s - a), n = Math.max(...$e.value.positive, 0), r = Math.min(...$e.value.negative, 0), p = Math.max(...Le.value.positive, 0), k = Math.min(...Le.value.negative, 0), A = Math.max(n, p), w = Math.min(r, k), N = !e.value.style.chart.lines.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? ot(
+        e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : w > 0 ? 0 : w,
+        e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : A < 0 ? 0 : A,
+        e.value.style.chart.grid.scale.ticks
+      ) : nt(
+        e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : w > 0 ? 0 : w,
+        e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : A < 0 ? 0 : A,
+        e.value.style.chart.grid.scale.ticks
+      ), { min: O, max: M } = N, d = M + (O >= 0 ? 0 : Math.abs(O)) || 1, u = Array(o).fill(0), b = Array(o).fill(0), V = (y) => o <= 1 ? h.value.left + h.value.width / 2 : h.value.left + y / (o - 1) * h.value.width;
+      return ae.value.filter((y) => !X.value.includes(y.id)).map((y) => {
+        const $ = [], R = [], P = [], _ = new Array(o).fill(null), E = new Array(o).fill(null);
+        for (let f = 0; f < o; f += 1) {
+          const C = a + f, U = y.series?.[C], H = y.signedSeries?.[C], ie = U == null || Number.isNaN(U), ye = ie ? 0 : U, La = y.standalone ? ye / d : e.value.style.chart.lines.distributed ? ye / (la.value[f] || 1) : ye / d;
+          if (ye >= 0) {
+            const Ye = t * Math.abs(La);
+            if (y.standalone)
+              _[f] = l, E[f] = l - Ye;
+            else {
+              const Be = u[f], He = Be + Ye;
+              _[f] = l - Be, E[f] = l - He, u[f] = He;
+            }
+          } else {
+            const Ye = t * Math.abs(La);
+            if (y.standalone)
+              _[f] = l, E[f] = l + Ye;
+            else {
+              const Be = b[f], He = Be + Ye;
+              _[f] = l + Be, E[f] = l + He, b[f] = He;
+            }
+          }
+          $.push(f), R.push(ye), P.push(H ?? (ye >= 0 ? 1 : -1)), ie && (_[f] = l, E[f] = l);
+        }
+        const Y = $.map((f) => ({ x: V(f), y: E[f] })), J = Y.map((f) => f.x), G = R.reduce((f, C) => f + Math.abs(C || 0), 0), B = G === 0 ? 1 : G, D = R.map((f, C) => {
+          if (e.value.style.chart.lines.distributed && !y.standalone) {
+            const U = $[C], H = la.value[U] || 1;
+            return (f || 0) / H;
+          }
+          return (f || 0) / B;
+        });
+        return {
+          ...y,
+          x: J,
+          points: Y,
+          baseY: $.map((f) => _[f]),
+          topY: $.map((f) => E[f]),
+          series: R,
+          signedSeries: P,
+          proportions: D,
+          rel: $,
+          fullSeries: Array.isArray(y.fullSeries) ? y.fullSeries : y.series
+        };
+      });
+    }), T = 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(...$e.value.positive, 0), a = Math.min(...$e.value.negative, 0), s = Math.max(...Le.value.positive, 0), o = Math.min(...Le.value.negative, 0), n = Math.max(l, s), r = Math.min(a, o), p = !e.value.style.chart.lines.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? ot(
+        e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : r > 0 ? 0 : r,
+        e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : n < 0 ? 0 : n,
+        e.value.style.chart.grid.scale.ticks
+      ) : nt(
+        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 : n < 0 ? 0 : n,
+        e.value.style.chart.grid.scale.ticks
+      ), k = Number(p.min) || 0, A = Number(p.max) || 0, w = Math.abs(k), N = A + w || 1, O = (M) => {
+        if (e.value.style.chart.lines.distributed) {
+          const d = Math.max(0, Math.min(1, M));
+          return minimapH - minimapH * d;
+        }
+        return clampY(minimapH - minimapH * (((M ?? 0) + w) / N));
+      };
+      return vl.value.map((M) => {
+        const d = M.x.length, u = Array.isArray(M.fullSeries) ? M.fullSeries : M.series, b = ({ left: B = 0, unitW: D }) => {
+          const f = u.length;
+          return !Number.isFinite(D) || D <= 0 || f <= 0 ? [] : f === 1 ? [B + D * 0.5] : u.map((C, U) => B + U * D);
+        }, V = ({ minimapH: B }) => !Number.isFinite(B) || B <= 0 ? [] : u.map((D) => O(D || 0)), y = ({ minimapH: B }) => {
+          if (!Number.isFinite(B) || B <= 0) return [];
+          const D = O(0);
+          return u.map(() => D);
+        };
+        if (d === 0)
+          return {
+            ...M,
+            points: [],
+            smoothPath: "",
+            straightPath: "",
+            smoothArea: "",
+            straightArea: "",
+            xMinimap: b,
+            yMinimap: V,
+            yMinimapBase: y
+          };
+        const $ = M.x.map((B, D) => ({ x: B, y: M.topY[D] })), R = M.x.map((B, D) => ({ x: B, y: M.baseY[D] })), P = d >= 2 ? pe($) : `M${$[0].x},${$[0].y}`, _ = d >= 2 ? be($) : `M${$[0].x},${$[0].y}`, E = d >= 2 ? `M${t(P)}` : P, Y = d >= 2 ? `M${t(_)}` : _;
+        let J = "", G = "";
+        if (e.value.style.chart.lines.useArea && d >= 2) {
+          const B = pe([...R].reverse()), D = be([...R].reverse()), f = R[R.length - 1];
+          J = `M${$[0].x},${$[0].y} ${t(P)} L${f.x},${f.y} ${t(B)} Z`, G = `M${$[0].x},${$[0].y} ${t(_)} L${f.x},${f.y} ${t(D)} Z`;
+        }
+        return {
+          ...M,
+          points: $,
+          smoothPath: E,
+          straightPath: Y,
+          smoothArea: J,
+          straightArea: G,
+          xMinimap: b,
+          yMinimap: V,
+          yMinimapBase: y
+        };
+      });
+    }), Ee = g(!1), ia = g(!1);
+    function ua(t) {
+      const l = re.value;
+      return t > l ? l : t < 0 || t < c.value.start ? e.value.style.chart.zoom.startIndex !== null ? c.value.start + 1 : 1 : t;
+    }
+    function et() {
+      if (!Ee.value) {
+        Ee.value = !0;
+        try {
+          const { startIndex: t, endIndex: l } = e.value.style.chart.zoom, a = re.value, s = t ?? 0, o = l != null ? Math.min(ua(l + 1), a) : a;
+          tt.value = !0, c.value.start = s, c.value.end = o, le.value.start = s, le.value.end = o, Qe(), ia.value = !0;
+        } finally {
+          queueMicrotask(() => {
+            tt.value = !1;
+          }), Ee.value = !1;
+        }
+      }
+    }
+    function hl(t) {
+      Ee.value || tt.value || t !== c.value.start && (c.value.start = t, le.value.start = t, Qe());
+    }
+    function dl(t) {
+      if (Ee.value || tt.value) return;
+      const l = ua(t);
+      l !== c.value.end && (c.value.end = l, le.value.end = l, Qe());
+    }
+    const Z = m(() => ({
+      left: h.value.left,
+      right: h.value.right,
+      width: h.value.width
+    })), tt = g(!1), ml = m(() => de.value.width), fl = m(() => de.value.height);
+    hs({
+      timeLabelsEls: je,
+      timeLabels: se,
+      slicer: c,
+      configRef: e,
+      rotationPath: ["style", "chart", "grid", "x", "timeLabels", "rotation"],
+      autoRotatePath: ["style", "chart", "grid", "x", "timeLabels", "autoRotate", "enable"],
+      isAutoSize: !1,
+      width: ml,
+      height: fl,
+      rotation: e.value.style.chart.grid.x.timeLabels.autoRotate.angle
+    });
+    const St = g(null);
+    function ca(t) {
+      const l = Se.value;
+      if (!l) return null;
+      if (l.createSVGPoint && l.getScreenCTM) {
+        const N = l.createSVGPoint();
+        N.x = t.clientX, N.y = t.clientY;
+        const O = l.getScreenCTM();
+        if (O) {
+          const M = N.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 }, o = Math.min(a.width / s.width, a.height / s.height), n = s.width * o, r = s.height * o, p = (a.width - n) / 2, k = (a.height - r) / 2, A = (t.clientX - a.left - p) / o + s.x, w = (t.clientY - a.top - k) / o + s.y;
+      return { x: A, y: w, ok: !0 };
+    }
+    let xe = 0;
+    const K = m(() => Math.max(1, c.value.end - c.value.start)), Mt = m(
+      () => K.value > 1 ? h.value.width / (K.value - 1) : 0
+    );
+    function oe(t) {
+      return K.value <= 1 ? h.value.left + h.value.width / 2 : h.value.left + t * Mt.value;
+    }
+    function va(t) {
+      if (K.value <= 1)
+        return { x: h.value.left, width: h.value.width };
+      const l = t === 0 ? h.value.left : (oe(t - 1) + oe(t)) / 2, a = t === K.value - 1 ? h.value.left + h.value.width : (oe(t) + oe(t + 1)) / 2;
+      return { x: l, width: Math.max(0, a - l) };
+    }
+    function yl(t) {
+      Oe.value || (xe && cancelAnimationFrame(xe), xe = requestAnimationFrame(() => {
+        xe = 0;
+        const l = ca(t);
+        if (!l || !Se.value) {
+          $t();
+          return;
+        }
+        const { left: a, right: s, top: o, bottom: n } = h.value;
+        if (l.x < a || l.x > s || l.y < o || l.y > n) {
+          $t();
+          return;
+        }
+        let r = 0;
+        if (K.value > 1) {
+          const p = (l.x - a) / Mt.value;
+          r = Math.round(p);
+        } else
+          r = 0;
+        r < 0 && (r = 0), r > K.value - 1 && (r = K.value - 1), St.value !== r && (St.value = r, ha(!0, r));
+      }));
+    }
+    function gl(t) {
+      const l = ca(t);
+      if (!l || !Se.value) return;
+      const { left: a, right: s, top: o, bottom: n } = h.value;
+      if (l.x < a || l.x > s || l.y < o || l.y > n) return;
+      let r = 0;
+      if (K.value > 1) {
+        const p = (l.x - a) / Mt.value;
+        r = Math.round(p);
+      } else
+        r = 0;
+      r < 0 && (r = 0), r > K.value - 1 && (r = K.value - 1), $a({
+        seriesIndex: r,
+        datapoint: wa(r)
+      }), pl(r);
+    }
+    function pl(t) {
+      const l = JSON.parse(JSON.stringify(T.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 + c.value.start }), Ne("selectDatapoint", { datapoint: l, period: se.value[t] });
+    }
+    Ae(
+      () => [c.value.start, c.value.end, T.value.length],
+      () => {
+        const t = K.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 $t() {
+      xe && (cancelAnimationFrame(xe), xe = 0), St.value = null, ha(!1, null);
+    }
+    const x = g(null), Lt = m(() => {
+      const t = x.value, l = t == null ? null : xt(t);
+      return T.value.map((a) => ({
+        slotAbsoluteIndex: a.absoluteIndex,
+        shape: a.shape || "circle",
+        name: a.name,
+        color: a.color,
+        value: t == null ? null : a.series.find((s, o) => o === t),
+        sourceValue: l == null ? null : a.seriesSource?.[l],
+        comments: a.comments || [],
+        id: a.id,
+        standalone: !!a.standalone
+      }));
+    }), bl = m(() => {
+      const t = e.value.style.chart.tooltip.customFormat, l = [...Lt.value].reverse(), a = l.filter((u) => !u.standalone), s = l.filter((u) => u.standalone), o = a.map((u) => u.value).filter((u) => Gl(u) && u !== null).reduce((u, b) => Math.abs(u) + Math.abs(b), 0);
+      if (jl(t) && Jl(
+        () => t({
+          absoluteIndex: x.value + c.value.start,
+          seriesIndex: x.value,
+          datapoint: Lt.value,
+          series: ae.value,
+          config: e.value
+        })
+      ))
+        return t({
+          absoluteIndex: x.value + c.value.start,
+          seriesIndex: x.value,
+          datapoint: Lt.value,
+          series: ae.value,
+          config: e.value
+        });
+      const {
+        showValue: n,
+        showTotal: r,
+        totalTranslation: p,
+        showPercentage: k,
+        borderColor: A,
+        roundingValue: w,
+        roundingPercentage: N
+      } = e.value.style.chart.tooltip, O = (u) => !u.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(u.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="${u.color}" /></svg>` : u.shape === "star" ? `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" fill="${u.color}" points="${as({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>` : u.shape === "triangle" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ge({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : u.shape === "square" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ge({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : u.shape === "diamond" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ge({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : u.shape === "pentagon" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ge({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ge({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`, M = (u, b) => {
+        const V = b ? ke({
+          v: isNaN((u.value ?? 0) / (o || 1)) ? 0 : Math.abs(u.value ?? 0) / (o || 1) * 100,
+          s: "%",
+          r: N
+        }) : "", y = n && b ? "(" : "", $ = n && b ? ")" : "";
+        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(u)}</div>
+            ${u.name}${n || b ? ":" : ""} 
+            ${n ? Xe(
+          e.value.style.chart.lines.dataLabels.formatter,
+          u.sourceValue,
+          ke({
+            p: e.value.style.chart.lines.dataLabels.prefix,
+            v: u.sourceValue,
+            s: e.value.style.chart.lines.dataLabels.suffix,
+            r: w
+          })
+        ) : ""} ${y}${V}${$}
+        </div>
+        `;
+      };
+      let d = "";
+      return (se.value[x.value] && se.value[x.value].text || wt.value[x.value] && wt.value[x.value].text && e.value.style.chart.tooltip.showTimeLabel) && (d += `<div style="width:100%;text-align:center;border-bottom:1px solid ${A};padding-bottom:6px;margin-bottom:3px;">${e.value.style.chart.tooltip.useDefaultTimeFormat ? se.value[x.value]?.text : wt.value[x.value]?.text || De.value[x.value]?.text || ""}</div>`), r && a.length > 1 && (d += `<div class="vue-data-ui-tooltip-total" style="display:flex;flex-direction:row;align-items:center;gap:4px">
+        <span>${p}:</span>
+        <span>${Xe(
+        e.value.style.chart.lines.dataLabels.formatter,
+        qe(o),
+        ke({
+          p: e.value.style.chart.lines.dataLabels.prefix,
+          v: qe(o),
+          s: e.value.style.chart.lines.dataLabels.suffix,
+          r: w
+        }),
+        { datapoint: { name: p, value: qe(o) } }
+      )}</span>
+        </div>`), a.forEach((u) => {
+        d += M(u, k);
+      }), s.length && (d += `<div style="border-top:1px solid ${ne.value.length ? A : "transparent"}; margin:${ne.value.length ? "6px 0" : "0"};"></div>`, s.forEach((u) => {
+        d += M(u, !1);
+      })), `<div>${d}</div>`;
+    });
+    function ha(t, l = null) {
+      Pt.value = t;
+      const a = T.value.map((s) => ({
+        name: s.name,
+        value: [null, void 0, NaN].includes(s.series[l]) ? null : s.series[l],
+        color: s.color
+      }));
+      t ? (x.value = l, $a({ seriesIndex: l, datapoint: a }), e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: a, seriesIndex: l + c.value.start })) : (x.value = null, Ne("selectX", { seriesIndex: null, dataset: null, indexLabel: null }), e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: a, seriesIndex: l + c.value.start }));
+    }
+    function da(t, l) {
+      const a = JSON.parse(JSON.stringify(T.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
+      }));
+      Ne("selectTimeLabel", {
+        datapoint: a,
+        absoluteIndex: t.absoluteIndex,
+        label: t.text
+      });
+    }
+    function Ct(t) {
+      if (X.value.includes(t.id))
+        X.value = X.value.filter((l) => l !== t.id);
+      else {
+        if (X.value.length === ae.value.length - 1) return;
+        X.value.push(t.id);
+      }
+      Ne("selectLegend", T.value);
+    }
+    const At = m(() => ae.value.map((t) => ({
+      ...t,
+      opacity: X.value.includes(t.id) ? 0.5 : 1,
+      segregate: () => Ct(t),
+      isSegregated: X.value.includes(t.id)
+    }))), xl = 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 ma(t) {
+      if (!ae.value.length)
+        return e.value.debug && console.warn("VueUiStackline - There are no series to show."), null;
+      const l = ae.value.find((a) => a.name === t);
+      return l || (e.value.debug && console.warn(`VueUiStackline - Series name not found "${t}"`), null);
+    }
+    function kl(t) {
+      const l = ma(t);
+      l !== null && X.value.includes(l.id) && Ct({ id: l.id });
+    }
+    function wl(t) {
+      const l = ma(t);
+      l !== null && (X.value.includes(l.id) || Ct({ id: l.id }));
+    }
+    const fa = m(() => {
+      if (T.value.length === 0)
+        return { head: [], body: [], config: {}, columnNames: [] };
+      const t = T.value.map(({ name: a, color: s }) => ({ label: a, color: s })), l = [];
+      return kt.value.forEach((a) => {
+        const s = a.absoluteIndex, n = [e.value.style.chart.grid.x.timeLabels.values?.[s] ? a.text : s + 1];
+        ae.value.forEach((r) => {
+          const p = r.series?.[s], k = Number((p ?? 0).toFixed(e.value.table.td.roundingValue));
+          n.push(k);
+        }), l.push(n);
+      }), { head: t, body: l };
+    });
+    function Tt(t = null) {
+      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = ["", ...fa.value.head.map((r) => r.label)], s = fa.value.body, o = l.concat([a]).concat(s), n = es(o);
+      t ? t(n) : ts({ csvContent: n, title: e.value.style.chart.title.text || "vue-ui-stackline" });
+    }
+    const at = m(() => {
+      const t = [""].concat(T.value.map((n) => n.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, c.value.end - c.value.start);
+      for (let n = 0; n < a; n += 1) {
+        const r = xt(n), p = e.value.style.chart.grid.x.timeLabels.values?.[r] ? se.value?.[n]?.text ?? r + 1 : r + 1, k = T.value.map((N) => {
+          const O = N.series?.[n] ?? 0;
+          return Number(O.toFixed(e.value.table.td.roundingValue));
+        }), w = T.value.filter((N) => !N.standalone).map((N) => N.series?.[n] ?? 0).reduce((N, O) => N + O, 0);
+        l.push([p].concat(k).concat(Number(w.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
+      }, o = [e.value.table.columnNames.period].concat(T.value.map((n) => n.name)).concat(e.value.table.columnNames.total);
+      return { head: t, body: l, config: s, colNames: o };
+    }), Sl = m(() => e.value.style.chart.backgroundColor), Ml = m(() => e.value.style.chart.legend), $l = m(() => e.value.style.chart.title), { exportSvg: Ll, getSvg: Cl } = cs({
+      svg: Se,
+      title: $l,
+      legend: Ml,
+      legendItems: At,
+      backgroundColor: Sl
+    });
+    async function ya({ isCb: t }) {
+      if (t) {
+        const { blob: l, url: a, text: s, dataUrl: o } = await Cl();
+        e.value.userOptions.callbacks.svg({ blob: l, url: a, text: s, dataUrl: o });
+      } else
+        Ll();
+    }
+    async function Al({ scale: t = 2 } = {}) {
+      if (!ve.value) return;
+      const { width: l, height: a } = ve.value.getBoundingClientRect(), s = l / a, { imageUri: o, base64: n } = await ms({ domElement: ve.value, base64: !0, img: !0, scale: t });
+      return {
+        imageUri: o,
+        base64: n,
+        title: e.value.style.chart.title.text,
+        width: l,
+        height: a,
+        aspectRatio: s
+      };
+    }
+    const Ve = m(() => {
+      const t = e.value.table.useDialog && !e.value.table.show, l = q.value.showTable;
+      return {
+        component: t ? Xa : Ya,
+        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: Ie.value,
+          fullscreenParent: ve.value,
+          forcedWidth: Math.min(800, window.innerWidth * 0.8)
+        } : {
+          hideDetails: !0,
+          config: {
+            open: l,
+            maxHeight: 1e4,
+            body: {
+              backgroundColor: e.value.style.chart.backgroundColor,
+              color: e.value.style.chart.color
+            },
+            head: {
+              backgroundColor: e.value.style.chart.backgroundColor,
+              color: e.value.style.chart.color
+            }
+          }
+        }
+      };
+    });
+    Ae(() => q.value.showTable, (t) => {
+      e.value.table.show || (t && e.value.table.useDialog && Pe.value ? Pe.value.open() : "close" in Pe.value && Pe.value.close());
+    });
+    function ga() {
+      q.value.showTable = !1, ut.value && ut.value.setTableIconState(!1);
+    }
+    function pa(t) {
+      Ie.value = t, Ot.value += 1;
+    }
+    function ba() {
+      q.value.showTable = !q.value.showTable;
+    }
+    function xa() {
+      q.value.dataLabels.show = !q.value.dataLabels.show;
+    }
+    function ka() {
+      q.value.showTooltip = !q.value.showTooltip;
+    }
+    function Tl() {
+      return T.value;
+    }
+    function wa(t) {
+      const l = t ?? 0, a = xt(l);
+      return JSON.parse(JSON.stringify(T.value)).map((s) => {
+        const o = s.series[l], n = s.signedSeries?.[l], r = o === 0 ? 0 : (n === -1 && o >= 0 ? -o : o) || null;
+        return {
+          name: s.name,
+          absoluteIndex: s.absoluteIndex,
+          value: r,
+          proportion: s.proportions?.[l] || null,
+          color: s.color,
+          id: s.id,
+          timeLabel: De.value?.[a] || null
+        };
+      });
+    }
+    const Nl = m(() => Array(re.value).fill(0).map((t, l) => wa(l)));
+    Ae(() => j.selectedXIndex, (t) => {
+      if ([null, void 0].includes(j.selectedXIndex)) {
+        x.value = null;
+        return;
+      }
+      const l = t - c.value.start;
+      l < 0 || t >= c.value.end ? x.value = null : x.value = l ?? null;
+    }, { immediate: !0 });
+    const Sa = m(() => {
+      if (e.value.style.chart.lines.distributed)
+        return { min: -1, max: 1 };
+      const t = ne.value, l = Ze.value, a = Math.max(
+        1,
+        ...[...t, ...l].map((d) => d.series?.length || 0)
+      ), s = Array(a).fill(0), o = Array(a).fill(0);
+      t.forEach((d) => {
+        for (let u = 0; u < a; u += 1) {
+          const b = d.series[u] ?? 0;
+          b >= 0 ? s[u] += b : o[u] += b;
+        }
+      });
+      const n = Array(a).fill(0), r = Array(a).fill(0);
+      l.forEach((d) => {
+        for (let u = 0; u < a; u += 1) {
+          const b = d.series[u] ?? 0;
+          b > 0 && (n[u] = Math.max(n[u], b)), b < 0 && (r[u] = Math.min(r[u], b));
+        }
+      });
+      const p = Math.max(0, ...s, ...n), k = Math.min(0, ...o, ...r), A = e.value.style.chart.grid.scale.scaleMin, w = e.value.style.chart.grid.scale.scaleMax, N = e.value.style.chart.grid.scale.ticks, M = !e.value.style.chart.lines.distributed && (A !== null || w !== null) ? ot(
+        A !== null ? A : k > 0 ? 0 : k,
+        w !== null ? w : p < 0 ? 0 : p,
+        N
+      ) : nt(
+        A !== null ? A : k > 0 ? 0 : k,
+        w !== null ? w : p < 0 ? 0 : p,
+        N
+      );
+      return { min: Number(M.min) || 0, max: Number(M.max) || 0 };
+    });
+    function _l({ minimapH: t, unitW: l }) {
+      const a = (d) => typeof d == "string" ? d.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 = T.value.filter((d) => !d.standalone), o = T.value.filter((d) => d.standalone), n = Math.max(0, ...T.value.map((d) => Array.isArray(d.fullSeries) ? d.fullSeries.length : d.series.length));
+      if (n <= 0) return "";
+      const r = n === 1 ? [l * 0.5] : Array.from({ length: n }, (d, u) => u * l);
+      if (e.value.style.chart.lines.distributed) {
+        const d = Array.from({ length: n }, (y, $) => {
+          let R = 0;
+          return s.forEach((P) => {
+            const E = (Array.isArray(P.fullSeries) ? P.fullSeries : P.series)?.[$];
+            E != null && !Number.isNaN(E) && (R += Math.abs(E));
+          }), R || 1;
+        }), u = (y) => {
+          const $ = Math.max(0, Math.min(1, y || 0));
+          return t - t * $;
+        }, b = [], V = Array(n).fill(0);
+        return s.forEach((y) => {
+          const $ = Array.isArray(y.fullSeries) ? y.fullSeries : y.series, R = new Array(n), P = new Array(n);
+          for (let H = 0; H < n; H += 1) {
+            const ie = $?.[H], ye = ie == null || Number.isNaN(ie) ? 0 : Math.abs(ie) / d[H];
+            P[H] = V[H], V[H] += ye, R[H] = V[H];
+          }
+          const _ = R.map(u), E = P.map(u), Y = r.map((H, ie) => ({ x: H, y: _[ie] })), J = r.map((H, ie) => ({ x: H, y: E[ie] })), G = pe(Y), B = pe([...J].reverse()), D = be(Y), f = be([...J].reverse()), C = J[J.length - 1];
+          if (e.value.style.chart.lines.useArea) {
+            const H = e.value.style.chart.lines.smooth ? `M${Y[0].x},${Y[0].y} ${a(G)} L${C.x},${C.y} ${a(B)} Z` : `M${Y[0].x},${Y[0].y} ${a(D)} L${C.x},${C.y} ${a(f)} Z`;
+            b.push(
+              `<path d="${H}"
+                    fill="${It.pattern ? `url(#pattern_${Q.value}_${y.absoluteIndex})` : (e.value.style.chart.lines.gradient.show, y.color)}"
+                    opacity="${e.value.style.chart.lines.areaOpacity}"
+                    stroke="none" />`
+            );
+          }
+          const U = e.value.style.chart.lines.smooth ? `M${Y[0].x},${Y[0].y} ${a(G)}` : `M${Y[0].x},${Y[0].y} ${a(D)}`;
+          b.push(
+            `<path d="${U}"
+                fill="none"
+                stroke="${y.color}"
+                stroke-width="${e.value.style.chart.lines.strokeWidth}"
+                stroke-linecap="round" />`
+          );
+        }), o.length && o.forEach((y) => {
+          const $ = Array.isArray(y.fullSeries) ? y.fullSeries : y.series, R = Array.from({ length: n }, (J, G) => u(Math.abs($?.[G] ?? 0) / d[G])), P = r.map((J, G) => ({ x: J, y: R[G] })), _ = pe(P), E = be(P), Y = e.value.style.chart.lines.smooth ? `M${P[0].x},${P[0].y} ${a(_)}` : `M${P[0].x},${P[0].y} ${a(E)}`;
+          b.push(
+            `<path d="${Y}"
+                    fill="none"
+                    stroke="${y.color}"
+                    stroke-width="${e.value.style.chart.lines.strokeWidth}"
+                    stroke-linecap="round" />`
+          );
+        }), b.join("");
+      }
+      const p = Sa.value.min, k = Sa.value.max, A = Math.abs(p), w = k + A || 1, N = (d) => Math.max(0, Math.min(t, d)), O = (d) => N(t - t * (((d ?? 0) + A) / w)), M = [];
+      if (s.length) {
+        const d = Array(n).fill(0), u = Array(n).fill(0);
+        s.forEach((b) => {
+          const V = Array.isArray(b.fullSeries) ? b.fullSeries : b.series, y = new Array(n), $ = new Array(n);
+          for (let C = 0; C < n; C += 1) {
+            const U = V?.[C] ?? 0;
+            U >= 0 ? ($[C] = d[C], d[C] += U, y[C] = d[C]) : ($[C] = u[C], u[C] += U, y[C] = u[C]);
+          }
+          const R = y.map(O), P = $.map(O), _ = r.map((C, U) => ({ x: C, y: R[U] })), E = r.map((C, U) => ({ x: C, y: P[U] })), Y = pe(_), J = pe([...E].reverse()), G = be(_), B = be([...E].reverse()), D = E[E.length - 1];
+          if (e.value.style.chart.lines.useArea) {
+            const C = e.value.style.chart.lines.smooth ? `M${_[0].x},${_[0].y} ${a(Y)} L${D.x},${D.y} ${a(J)} Z` : `M${_[0].x},${_[0].y} ${a(G)} L${D.x},${D.y} ${a(B)} Z`;
+            M.push(
+              `<path d="${C}"
+                    fill="${It.pattern ? `url(#pattern_${Q.value}_${b.absoluteIndex})` : (e.value.style.chart.lines.gradient.show, b.color)}"
+                    opacity="${e.value.style.chart.lines.areaOpacity}"
+                    stroke="none" />`
+            );
+          }
+          const f = e.value.style.chart.lines.smooth ? `M${_[0].x},${_[0].y} ${a(Y)}` : `M${_[0].x},${_[0].y} ${a(G)}`;
+          M.push(
+            `<path d="${f}"
+                fill="none"
+                stroke="${b.color}"
+                stroke-width="${e.value.style.chart.lines.strokeWidth}"
+                stroke-linecap="round" />`
+          );
+        });
+      }
+      return o.length && o.forEach((d) => {
+        const b = (Array.isArray(d.fullSeries) ? d.fullSeries : d.series).map(O), V = r.map((P, _) => ({ x: P, y: b[_] })), y = pe(V), $ = be(V), R = e.value.style.chart.lines.smooth ? `M${V[0].x},${V[0].y} ${a(y)}` : `M${V[0].x},${V[0].y} ${a($)}`;
+        M.push(
+          `<path d="${R}"
+                fill="none"
+                stroke="${d.color}"
+                stroke-width="${e.value.style.chart.lines.strokeWidth}"
+                stroke-linecap="round" />`
+        );
+      }), M.join("");
+    }
+    function zl(t, l) {
+      const a = e.value.style.chart.lines, s = a.dataLabels;
+      return a.showDistributedPercentage && a.distributed ? Xt.value ? l === 0 ? !s.hideEmptyPercentages : Math.abs(l) * 100 >= s.hideUnderPercentage : s.hideEmptyPercentages ? Math.abs(l) > 0 : !0 : Xt.value ? (Wt.value && gt.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) > Il.value * s.hideUnderPercentage / 100) : Wt.value ? Math.abs(t) >= s.hideUnderValue : s.hideEmptyValues ? t !== 0 : !0;
+    }
+    const Il = m(() => Math.max(...T.value.flatMap((t) => t.series)));
+    function Ma(t, l, a, s, o) {
+      const n = o === -1 && t >= 0 ? -t : t;
+      return Xe(
+        e.value.style.chart.lines.dataLabels.formatter,
+        n,
+        ke({
+          p: e.value.style.chart.lines.dataLabels.prefix,
+          v: n,
+          s: e.value.style.chart.lines.dataLabels.suffix,
+          r: e.value.style.chart.lines.dataLabels.rounding
+        }),
+        { datapoint: l, seriesIndex: a, datapointIndex: s }
+      );
+    }
+    function Pl(t, l, a, s) {
+      return Xe(
+        e.value.style.chart.lines.dataLabels.formatter,
+        t,
+        ke({
+          v: isNaN(t) ? 0 : t,
+          s: "%",
+          r: e.value.style.chart.lines.dataLabels.rounding
+        }),
+        { datapoint: l, seriesIndex: a, datapointIndex: s }
+      );
+    }
+    function $a({ seriesIndex: t, datapoint: l }) {
+      const a = c.value.start + t;
+      Ne("selectX", {
+        dataset: l,
+        index: a,
+        indexLabel: e.value.style.chart.grid.x.timeLabels.values[a]
+      });
+    }
+    return Ra({
+      getData: Tl,
+      getImage: Al,
+      generatePdf: jt,
+      generateCsv: Tt,
+      generateImage: Jt,
+      generateSvg: ya,
+      hideSeries: wl,
+      showSeries: kl,
+      toggleTable: ba,
+      toggleLabels: xa,
+      toggleTooltip: ka,
+      toggleAnnotator: dt,
+      toggleFullscreen: pa
+    }), (t, l) => (i(), v("div", {
+      id: `stackline_${Q.value}`,
+      ref_key: "stacklineChart",
+      ref: ve,
+      class: Aa({ "vue-data-ui-component": !0, "vue-ui-stackline": !0, "vue-data-ui-wrapper-fullscreen": Ie.value }),
+      style: Te(`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: Za,
+      onMouseleave: Qa
+    }, [
+      e.value.userOptions.buttons.annotator ? (i(), ue(L(Ha), {
+        key: 0,
+        svgRef: L(Se),
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        active: Oe.value,
+        onClose: dt
+      }, {
+        "annotator-action-close": I(() => [
+          z(t.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": I(({ color: a }) => [
+          z(t.$slots, "annotator-action-color", ee(te({ color: a })), void 0, !0)
+        ]),
+        "annotator-action-draw": I(({ mode: a }) => [
+          z(t.$slots, "annotator-action-draw", ee(te({ mode: a })), void 0, !0)
+        ]),
+        "annotator-action-undo": I(({ disabled: a }) => [
+          z(t.$slots, "annotator-action-undo", ee(te({ disabled: a })), void 0, !0)
+        ]),
+        "annotator-action-redo": I(({ disabled: a }) => [
+          z(t.$slots, "annotator-action-redo", ee(te({ disabled: a })), void 0, !0)
+        ]),
+        "annotator-action-delete": I(({ disabled: a }) => [
+          z(t.$slots, "annotator-action-delete", ee(te({ disabled: a })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : S("", !0),
+      z(t.$slots, "userConfig", {}, void 0, !0),
+      Ka.value ? (i(), v("div", {
+        key: 1,
+        ref_key: "noTitle",
+        ref: Et,
+        class: "vue-data-ui-no-title-space",
+        style: "height:36px; width: 100%;background:transparent"
+      }, null, 512)) : S("", !0),
+      e.value.style.chart.title.text ? (i(), v("div", {
+        key: 2,
+        ref_key: "chartTitle",
+        ref: Rt,
+        style: "width:100%;background:transparent;"
+      }, [
+        (i(), ue(fs, {
+          key: `title_${Yt.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)) : S("", !0),
+      ce("div", {
+        id: `legend-top-${Q.value}`
+      }, null, 8, ks),
+      e.value.userOptions.show && _e.value && (L(Ut) || L(ft)) ? (i(), ue(L(Ua), {
+        ref_key: "userOptionsRef",
+        ref: ut,
+        key: `user_option_${Ot.value}`,
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        isPrinting: L(qt),
+        isImaging: L(Gt),
+        uid: Q.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,
+        isFullscreen: Ie.value,
+        chartElement: ve.value,
+        position: e.value.userOptions.position,
+        isTooltip: q.value.showTooltip,
+        titles: { ...e.value.userOptions.buttonTitles },
+        hasAnnotator: e.value.userOptions.buttons.annotator,
+        isAnnotation: Oe.value,
+        callbacks: e.value.userOptions.callbacks,
+        printScale: e.value.userOptions.print.scale,
+        tableDialog: e.value.table.useDialog,
+        onToggleFullscreen: pa,
+        onGeneratePdf: L(jt),
+        onGenerateCsv: Tt,
+        onGenerateImage: L(Jt),
+        onGenerateSvg: ya,
+        onToggleTable: ba,
+        onToggleLabels: xa,
+        onToggleTooltip: ka,
+        onToggleAnnotator: dt,
+        style: Te({
+          visibility: L(Ut) ? L(ft) ? "visible" : "hidden" : "visible"
+        })
+      }, _t({ _: 2 }, [
+        t.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: I(({ isOpen: a, color: s }) => [
+            z(t.$slots, "menuIcon", ee(te({ isOpen: a, color: s })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        t.$slots.optionTooltip ? {
+          name: "optionTooltip",
+          fn: I(() => [
+            z(t.$slots, "optionTooltip", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        t.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: I(() => [
+            z(t.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        t.$slots.optionCsv ? {
+          name: "optionCsv",
+          fn: I(() => [
+            z(t.$slots, "optionCsv", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
+        t.$slots.optionImg ? {
+          name: "optionImg",
+          fn: I(() => [
+            z(t.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: I(() => [
+            z(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
+        t.$slots.optionTable ? {
+          name: "optionTable",
+          fn: I(() => [
+            z(t.$slots, "optionTable", {}, void 0, !0)
+          ]),
+          key: "6"
+        } : void 0,
+        t.$slots.optionLabels ? {
+          name: "optionLabels",
+          fn: I(() => [
+            z(t.$slots, "optionLabels", {}, void 0, !0)
+          ]),
+          key: "7"
+        } : void 0,
+        t.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: I(({ toggleFullscreen: a, isFullscreen: s }) => [
+            z(t.$slots, "optionFullscreen", ee(te({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+          ]),
+          key: "8"
+        } : void 0,
+        t.$slots.optionAnnotator ? {
+          name: "optionAnnotator",
+          fn: I(({ toggleAnnotator: a, isAnnotator: s }) => [
+            z(t.$slots, "optionAnnotator", ee(te({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+          ]),
+          key: "9"
+        } : void 0
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : S("", !0),
+      (i(), v("svg", {
+        ref_key: "svgRef",
+        ref: Se,
+        xmlns: L(Zl),
+        viewBox: `0 0 ${h.value.chartWidth <= 0 ? 10 : h.value.chartWidth} ${h.value.chartHeight <= 0 ? 10 : h.value.chartHeight}`,
+        class: Aa({ "vue-data-ui-loading": L(he), "no-transition": !e.value.useCssAnimation }),
+        style: Te(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`),
+        role: "img",
+        "aria-live": "polite",
+        preserveAspectRatio: "xMidYMid",
+        onMousemove: yl,
+        onMouseleave: $t,
+        onClick: gl
+      }, [
+        Ue(L(Wa)),
+        (i(!0), v(F, null, W(ne.value, (a) => (i(), v(F, null, [
+          t.$slots.pattern ? (i(), v("defs", Ss, [
+            z(t.$slots, "pattern", lt({ ref_for: !0 }, { seriesIndex: a.absoluteIndex, patternId: `pattern_${Q.value}_${a.absoluteIndex}` }), void 0, !0)
+          ])) : S("", !0)
+        ], 64))), 256)),
+        t.$slots["chart-background"] ? (i(), v("foreignObject", {
+          key: 0,
+          x: Z.value.left,
+          y: h.value.top,
+          width: Z.value.width,
+          height: h.value.height,
+          style: {
+            pointerEvents: "none"
+          }
+        }, [
+          z(t.$slots, "chart-background", {}, void 0, !0)
+        ], 8, Ms)) : S("", !0),
+        e.value.style.chart.lines.gradient.show ? (i(), v("defs", $s, [
+          (i(!0), v(F, null, W(T.value, (a, s) => (i(), v("linearGradient", {
+            id: `gradient_${a.id}`,
+            x1: "0%",
+            y1: "0%",
+            x2: "0%",
+            y2: "100%"
+          }, [
+            ce("stop", {
+              offset: "0%",
+              "stop-color": a.color
+            }, null, 8, Cs),
+            ce("stop", {
+              offset: "100%",
+              "stop-color": L(Ql)(a.color, e.value.style.chart.lines.gradient.intensity / 100)
+            }, null, 8, As)
+          ], 8, Ls))), 256))
+        ])) : S("", !0),
+        e.value.style.chart.grid.x.showHorizontalLines ? (i(!0), v(F, { key: 2 }, W(Ce.value, (a, s) => (i(), v("line", {
+          x1: Z.value.left,
+          x2: Z.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, Ts))), 256)) : S("", !0),
+        e.value.style.chart.grid.y.showVerticalLines ? (i(!0), v(F, { key: 3 }, W(c.value.end - c.value.start, (a, s) => (i(), v("line", {
+          x1: oe(s),
+          x2: oe(s),
+          y1: h.value.top,
+          y2: h.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, Ns))), 256)) : S("", !0),
+        e.value.style.chart.grid.x.showAxis ? (i(), v("line", {
+          key: 4,
+          x1: Z.value.left,
+          x2: Z.value.right,
+          y1: h.value.bottom,
+          y2: h.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, _s)) : S("", !0),
+        e.value.style.chart.grid.y.showAxis && !e.value.style.chart.lines.distributed ? (i(), v("line", {
+          key: 5,
+          x1: Z.value.left,
+          x2: Z.value.left,
+          y1: h.value.top,
+          y2: h.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, zs)) : S("", !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: ct,
+          x: h.value.left + h.value.width / 2,
+          y: h.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"
+        }, me(e.value.style.chart.grid.x.axisName.text), 9, Is)) : S("", !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: vt,
+          transform: `translate(${e.value.style.chart.grid.y.axisName.fontSize}, ${h.value.top + h.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"
+        }, me(e.value.style.chart.grid.y.axisName.text), 9, Ps)) : S("", !0),
+        e.value.style.chart.grid.frame.show ? (i(), v("rect", {
+          key: 8,
+          style: { pointerEvents: "none", transition: "none", animation: "none !important" },
+          x: Z.value.left,
+          y: h.value.top,
+          width: Z.value.width,
+          height: h.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, Fs)) : S("", !0),
+        (i(!0), v(F, null, W(T.value, (a) => (i(), v(F, 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_${Q.value}_${a.absoluteIndex})` : e.value.style.chart.lines.gradient.show ? `url(#gradient_${a.id})` : a.color,
+            opacity: e.value.style.chart.lines.areaOpacity,
+            style: Te({
+              transition: L(he) || !e.value.useCssAnimation ? void 0 : "all 0.3s ease-in-out"
+            })
+          }, null, 12, Os)) : S("", !0)
+        ], 64))), 256)),
+        (i(!0), v(F, null, W(T.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: Te({
+            transition: L(he) || !e.value.useCssAnimation ? void 0 : "all 0.3s ease-in-out"
+          })
+        }, null, 12, Rs))), 256)),
+        e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.lines.distributed ? (i(), v("g", {
+          key: 9,
+          ref_key: "scaleLabels",
+          ref: ht
+        }, [
+          (i(!0), v(F, null, W(Ce.value, (a, s) => (i(), v("line", {
+            x1: Z.value.left,
+            x2: Z.value.left - 6,
+            y1: a.y,
+            y2: a.y,
+            stroke: e.value.style.chart.grid.x.axisColor,
+            "stroke-width": 1
+          }, null, 8, Ds))), 256)),
+          (i(!0), v(F, null, W(Ce.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"
+          }, me(L(Xe)(
+            e.value.style.chart.grid.y.axisLabels.formatter,
+            a.value,
+            L(ke)({
+              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, Es))), 256))
+        ], 512)) : S("", !0),
+        e.value.style.chart.grid.x.timeLabels.show ? (i(), v("g", {
+          key: 10,
+          ref_key: "timeLabelsEls",
+          ref: je
+        }, [
+          t.$slots["time-label"] ? (i(), v("g", Vs, [
+            (i(!0), v(F, null, W(kt.value, (a, s) => (i(), v("g", null, [
+              z(t.$slots, "time-label", lt({ ref_for: !0 }, {
+                x: h.value.left + Ke.value * s + Ke.value / 2,
+                y: h.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(${h.value.left + Ke.value * s + Ke.value / 2}, ${h.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", Ys, [
+            (i(!0), v(F, null, W(kt.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(
+                                    ${oe(s)},
+                                    ${h.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}
+                                    ),
+                                    rotate(${e.value.style.chart.grid.x.timeLabels.rotation})
+                                `,
+                style: { cursor: "pointer" },
+                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: () => da(a, s)
+              }, null, 8, Hs)) : (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(${oe(s)}, ${h.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`,
+                style: { cursor: "pointer" },
+                onClick: () => da(a, s)
+              }, me(a.text), 9, Bs))
+            ]))), 256))
+          ]))
+        ], 512)) : S("", !0),
+        (we.value || ![null, void 0].includes(x.value)) && !e.value.style.chart.highlighter.useLine ? (i(!0), v(F, { key: 11 }, W(c.value.end - c.value.start, (a, s) => (i(), v("g", {
+          key: `tooltip_trap_highlighter_${s}`
+        }, [
+          ce("rect", {
+            x: va(s).x,
+            y: h.value.top,
+            height: h.value.height,
+            width: va(s).width,
+            fill: [Fe.value, x.value].includes(s) ? L(Kl)(e.value.style.chart.highlighter.color, e.value.style.chart.highlighter.opacity) : "transparent",
+            style: { transition: "none !important", animation: "none !important" }
+          }, null, 8, Us)
+        ]))), 128)) : S("", !0),
+        (we.value || ![null, void 0].includes(x.value)) && e.value.style.chart.highlighter.useLine ? (i(), v(F, { key: 12 }, [
+          ![null, void 0].includes(x.value) || ![null, void 0].includes(Fe.value) ? (i(), v("g", Ws, [
+            ce("line", {
+              x1: oe((x.value ?? Fe.value) || 0),
+              x2: oe((x.value ?? Fe.value) || 0),
+              y1: L(qe)(h.value.top),
+              y2: L(qe)(h.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, Xs)
+          ])) : S("", !0)
+        ], 64)) : S("", !0),
+        (i(!0), v(F, null, W(T.value, (a) => (i(), v(F, null, [
+          we.value && c.value.end - c.value.start > e.value.style.chart.lines.dot.hideAboveMaxSerieLength ? (i(), v("g", qs, [
+            x.value != null ? (i(), v(F, { key: 0 }, [
+              a.rel.includes(x.value) && a.fullSeries?.[c.value.start + x.value] != null && !Number.isNaN(a.fullSeries?.[c.value.start + x.value]) ? (i(), ue(zt, {
+                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: L(Ia)(a.points[a.rel.indexOf(x.value)].x),
+                  y: L(Ia)(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: L(he) ? void 0 : `all ${e.value.style.chart.lines.transitionDurationMs}ms ease-in-out`
+              }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : S("", !0)
+            ], 64)) : S("", !0)
+          ])) : S("", !0)
+        ], 64))), 256)),
+        (i(!0), v(F, null, W(T.value, (a) => (i(), v(F, null, [
+          c.value.end - c.value.start < e.value.style.chart.lines.dot.hideAboveMaxSerieLength ? (i(!0), v(F, { key: 0 }, W(a.points, (s, o) => (i(), v("g", { key: o }, [
+            a.fullSeries?.[c.value.start + a.rel[o]] != null && !Number.isNaN(a.fullSeries?.[c.value.start + a.rel[o]]) ? (i(), ue(zt, {
+              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: we.value && x.value === a.rel[o] ? 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: L(he) ? void 0 : `all ${e.value.style.chart.lines.transitionDurationMs}ms ease-in-out`
+            }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : S("", !0)
+          ]))), 128)) : S("", !0)
+        ], 64))), 256)),
+        q.value.dataLabels.show && e.value.style.chart.lines.dataLabels.hideAboveMaxSerieLength > c.value.end - c.value.start ? (i(), v(F, { key: 13 }, [
+          (i(!0), v(F, null, W(T.value, (a, s) => (i(), v("g", { key: s }, [
+            (i(!0), v(F, null, W(a.points, (o, n) => (i(), v(F, { key: n }, [
+              zl(a.series[n], a.proportions[n]) ? (i(), v("text", {
+                key: 0,
+                x: o.x,
+                y: o.y + (a.series[n] >= 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"
+              }, me(e.value.style.chart.lines.showDistributedPercentage && e.value.style.chart.lines.distributed ? Pl(a.proportions[n] * 100, a, s, a.rel[n]) : Ma(a.series[n], a, s, a.rel[n], a.signedSeries[n])), 9, Gs)) : S("", !0)
+            ], 64))), 128))
+          ]))), 128)),
+          e.value.style.chart.lines.totalValues.show && T.value.length > 1 ? (i(), v("g", {
+            key: 0,
+            ref_key: "sumTop",
+            ref: Ja
+          }, [
+            (i(!0), v(F, null, W(oa.value, (a, s) => (i(), v(F, null, [
+              !e.value.style.chart.lines.dataLabels.hideEmptyValues || a.value !== 0 ? (i(), v("text", {
+                key: 0,
+                x: oe(s),
+                y: ul(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
+              }, me(Ma(a.value, a, s, s, a.sign)), 9, js)) : S("", !0)
+            ], 64))), 256))
+          ], 512)) : S("", !0)
+        ], 64)) : S("", !0),
+        ea.value ? (i(), v("rect", lt({ key: 14 }, ll.value, {
+          "data-start": c.value.start,
+          "data-end": c.value.end
+        }), null, 16, Js)) : S("", !0),
+        z(t.$slots, "svg", {
+          svg: {
+            drawingArea: h.value,
+            data: T.value
+          }
+        }, void 0, !0)
+      ], 46, ws)),
+      t.$slots.watermark ? (i(), v("div", Zs, [
+        z(t.$slots, "watermark", ee(te({ isPrinting: L(qt) || L(Gt) })), void 0, !0)
+      ])) : S("", !0),
+      Bt.value ? (i(), ue(Vl, {
+        key: 5,
+        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${Q.value}` : `#legend-bottom-${Q.value}`
+      }, [
+        ce("div", {
+          ref_key: "chartLegend",
+          ref: Dt
+        }, [
+          e.value.style.chart.legend.show ? (i(), ue(gs, {
+            key: 0,
+            legendSet: At.value,
+            config: xl.value,
+            onClickMarker: l[0] || (l[0] = ({ legend: a }) => a.segregate())
+          }, _t({
+            item: I(({ legend: a }) => [
+              L(he) ? S("", !0) : (i(), v("div", {
+                key: 0,
+                onClick: (s) => a.segregate(),
+                style: Te(`opacity:${X.value.includes(a.id) ? 0.5 : 1}`)
+              }, me(a.name), 13, Qs))
+            ]),
+            _: 2
+          }, [
+            t.$slots.pattern ? {
+              name: "legend-pattern",
+              fn: I(({ legend: a, index: s }) => [
+                Ue(zt, {
+                  shape: a.shape,
+                  radius: 30,
+                  stroke: "none",
+                  plot: { x: 30, y: 30 },
+                  fill: `url(#pattern_${Q.value}_${s})`
+                }, null, 8, ["shape", "fill"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["legendSet", "config"])) : z(t.$slots, "legend", {
+            key: 1,
+            legend: At.value
+          }, void 0, !0)
+        ], 512)
+      ], 8, ["to"])) : S("", !0),
+      ce("div", {
+        id: `legend-bottom-${Q.value}`
+      }, null, 8, Ks),
+      _e.value && e.value.userOptions.buttons.table ? (i(), ue(Yl(Ve.value.component), lt({ key: 6 }, Ve.value.props, {
+        ref_key: "tableUnit",
+        ref: Pe,
+        onClose: ga
+      }), _t({
+        content: I(() => [
+          Ue(L(Ba), {
+            colNames: at.value.colNames,
+            head: at.value.head,
+            body: at.value.body,
+            config: at.value.config,
+            title: e.value.table.useDialog ? "" : Ve.value.title,
+            withCloseButton: !e.value.table.useDialog,
+            onClose: ga
+          }, {
+            th: I(({ th: a }) => [
+              ce("div", { innerHTML: a }, null, 8, eo)
+            ]),
+            td: I(({ td: a }) => [
+              Ta(me(isNaN(Number(a)) ? a : L(ke)({
+                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"])
+        ]),
+        _: 2
+      }, [
+        e.value.table.useDialog ? {
+          name: "title",
+          fn: I(() => [
+            Ta(me(Ve.value.title), 1)
+          ]),
+          key: "0"
+        } : void 0,
+        e.value.table.useDialog ? {
+          name: "actions",
+          fn: I(() => [
+            ce("button", {
+              tabindex: "0",
+              class: "vue-ui-user-options-button",
+              onClick: l[1] || (l[1] = (a) => Tt(e.value.userOptions.callbacks.csv))
+            }, [
+              Ue(L(Va), {
+                name: "excel",
+                stroke: Ve.value.props.color
+              }, null, 8, ["stroke"])
+            ])
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040)) : S("", !0),
+      e.value.style.chart.zoom.show && re.value > 6 && _e.value && ia.value ? (i(), ue(ps, {
+        key: 7,
+        ref_key: "chartSlicer",
+        ref: ze,
+        allMinimaps: nl.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: c.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: ea.value,
+        labelLeft: e.value.style.chart.grid.x.timeLabels.values[c.value.start] ? se.value[0].text : "",
+        labelRight: e.value.style.chart.grid.x.timeLabels.values[c.value.end - 1] ? se.value.at(-1).text : "",
+        max: Math.max(...rt.dataset.map((a) => a.series.length)),
+        min: 0,
+        minimap: sa.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: ra.value.length ? ra.value : De.value,
+        refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : Math.max(...rt.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: Nl.value,
+        smoothMinimap: !1,
+        start: c.value.start,
+        textColor: e.value.style.chart.color,
+        timeLabels: De.value,
+        usePreciseLabels: e.value.style.chart.grid.x.timeLabels.datetimeFormatter.enable && !e.value.style.chart.zoom.useDefaultFormat,
+        valueEnd: c.value.end,
+        valueStart: c.value.start,
+        verticalHandles: e.value.style.chart.zoom.minimap.verticalHandles,
+        "onUpdate:end": dl,
+        "onUpdate:start": hl,
+        onTrapMouse: sl,
+        onReset: aa,
+        onFutureEnd: l[2] || (l[2] = (a) => ta("end", a)),
+        onFutureStart: l[3] || (l[3] = (a) => ta("start", a))
+      }, {
+        "reset-action": I(({ reset: a }) => [
+          z(t.$slots, "reset-action", ee(te({ reset: a })), void 0, !0)
+        ]),
+        slotMap: I(({ width: a, height: s, unitW: o }) => [
+          ce("g", {
+            innerHTML: _l({ minimapH: s, unitW: o })
+          }, null, 8, to)
+        ]),
+        _: 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"])) : S("", !0),
+      Ue(L(Ea), {
+        show: q.value.showTooltip && Pt.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: ve.value,
+        content: bl.value,
+        isFullscreen: Ie.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
+      }, {
+        "tooltip-before": I(() => [
+          z(t.$slots, "tooltip-before", ee(te({ ...Ft.value })), void 0, !0)
+        ]),
+        "tooltip-after": I(() => [
+          z(t.$slots, "tooltip-after", ee(te({ ...Ft.value })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      t.$slots.source ? (i(), v("div", {
+        key: 8,
+        ref_key: "source",
+        ref: Vt,
+        dir: "auto"
+      }, [
+        z(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : S("", !0),
+      L(he) ? (i(), ue(is, { key: 9 })) : S("", !0)
+    ], 46, xs));
+  }
+}, wo = /* @__PURE__ */ bs(ao, [["__scopeId", "data-v-9e6b6442"]]);
+export {
+  wo as default
+};