vue-data-ui 3.17.13 → 3.18.1

package/dist/vue-ui-xy-C_Q9chQe.js

@@ -1,4468 +0,0 @@
-import { defineAsyncComponent as Re, useSlots as Nu, getCurrentInstance as Fu, ref as g, shallowRef as Vu, computed as b, onMounted as It, toRefs as Bu, watch as ct, watchEffect as sl, nextTick as Pt, onBeforeUnmount as Pl, openBlock as i, createElementBlock as r, normalizeStyle as w, normalizeClass as Je, createElementVNode as y, toDisplayString as se, createBlock as _e, createCommentVNode as h, unref as v, withCtx as Y, renderSlot as O, normalizeProps as ve, guardReactiveProps as de, createSlots as lo, createVNode as vt, Fragment as d, renderList as k, mergeProps as Qe, Teleport as Ru, resolveDynamicComponent as Hu, withDirectives as Du, vModelCheckbox as Wu, createTextVNode as ao } from "vue";
-import { j as Ol, q as Nl, t as oo, n as Eu, D as uo, E as so, s as Fl, p as Vl, F as nl, G as W, H as Bl, I as Yu, J as Xu, K as N, L as no, c as io, M as ro, b as co, N as Gu, O as qu, P as Uu, Q as vo, R as ho, k as he, S as Zu, T as fo, U as Ku, z as mo, A as Ie, l as Pe, v as je, u as Ce, V as Ju, a as Qu, W as He, d as il, Y as Se, Z as ju, _ as De, $ as Ot, m as es, o as go, a0 as ts, a1 as ls, a2 as dt, a3 as as } from "./lib-DMzrGQHK.js";
-import { u as bo, a as po, b as os } from "./useTimeLabels-Cv0tD9In.js";
-import { u as us } from "./useConfig-CG4HT3wS.js";
-import { u as ss } from "./usePrinter-C4t8DdQ-.js";
-import { u as ns, B as is } from "./BaseScanner-C2j3TsSY.js";
-import { u as rs } from "./useSvgExport-BTG4hVPO.js";
-import { u as Nt } from "./useNestedProp-DH0BEVVS.js";
-import { u as cs } from "./useThemeCheck-C9Ccl7U9.js";
-import { u as vs } from "./useStableElementSize-C48ZVcZQ.js";
-import { u as ds } from "./useTimeLabelCollider-D3JeJ6Ye.js";
-import hs from "./img-CjTQXS0U.js";
-import fs from "./Title-BbKoiBk2.js";
-import ms from "./vue_ui_xy-esktmpg-.js";
-import { _ as rl } from "./Shape-CxJ5_Rre.js";
-import { S as gs } from "./SlicerPreview-D_CgrN_7.js";
-import bs from "./vue-ui-accordion-DFtpH_16.js";
-import { B as ps } from "./BaseLegendToggle-cMP8M2u0.js";
-import { A as ys } from "./A11yDataTable-BpmuNomI.js";
-import { _ as xs } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative" } }, $s = ["viewBox", "aria-label", "aria-describedby"], Ls = ["x", "y", "width", "height"], Ms = { key: 1 }, As = { class: "vue-ui-xy-grid" }, Cs = ["stroke", "x1", "x2", "y1", "y2"], Ts = ["stroke", "x1", "x2", "y1", "y2"], zs = { key: 1 }, Is = ["x1", "x2", "y1", "y2", "stroke"], Ps = ["x1", "x2", "y1", "y2", "stroke"], Os = ["x1", "x2", "y1", "y2", "stroke"], Ns = { key: 3 }, Fs = ["d", "stroke"], Vs = { key: 4 }, Bs = ["d", "stroke"], Rs = ["id"], Hs = ["stop-color"], Ds = ["stop-color"], Ws = ["stop-color"], Es = ["id"], Ys = ["stop-color"], Xs = ["stop-color"], Gs = ["stop-color"], qs = ["id"], Us = ["stop-color"], Zs = ["stop-color"], Ks = ["id"], Js = ["stop-color"], Qs = ["stop-color"], js = ["id"], en = ["stop-color"], tn = ["stop-color"], ln = { key: 0 }, an = ["id"], on = ["stop-color", "offset"], un = ["x", "y", "height", "width", "fill"], sn = ["x", "y", "width"], nn = { key: 0 }, rn = ["x", "y", "height", "width", "fill"], cn = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], vn = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], dn = ["width", "x", "y"], hn = ["stroke", "x1", "x2", "y1", "y2"], fn = { key: 3 }, mn = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], gn = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], bn = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pn = ["fill", "font-size", "transform"], yn = ["x1", "x2", "y1", "y2", "stroke"], xn = ["x", "y", "font-size", "fill"], kn = ["x1", "x2", "y1", "y2", "stroke"], _n = ["x", "y", "font-size", "fill"], wn = ["width", "x", "y"], Sn = { style: { width: "100%" } }, $n = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ln = ["d", "stroke", "stroke-width", "stroke-dasharray"], Mn = { key: 6 }, An = { key: 7 }, Cn = ["d", "fill", "fill-opacity"], Tn = { key: 0 }, zn = ["d", "fill"], In = ["d", "fill"], Pn = ["d", "fill"], On = ["d", "fill"], Nn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Fn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Vn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Bn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Rn = ["width", "x", "y"], Hn = { style: { width: "100%" } }, Dn = { key: 8 }, Wn = ["x", "y", "font-size", "fill"], En = ["x", "y", "font-size", "fill", "font-weight"], Yn = { key: 9 }, Xn = ["x", "y", "font-size", "fill"], Gn = { key: 10 }, qn = ["x", "y"], Un = ["innerHTML"], Zn = ["x", "y"], Kn = ["innerHTML"], Jn = ["x1", "x2", "y1", "y2", "stroke"], Qn = { key: 11 }, jn = ["x", "y", "font-size", "fill"], ei = { key: 12 }, ti = ["x", "y"], li = ["innerHTML"], ai = ["x", "y"], oi = ["innerHTML"], ui = ["x1", "x2", "y1", "y2", "stroke"], si = ["x", "y", "font-size", "fill", "innerHTML"], ni = ["x", "y", "font-size", "fill", "innerHTML"], ii = ["x", "y", "font-size", "fill", "innerHTML"], ri = ["x", "y", "font-size", "fill", "innerHTML"], ci = { key: 0 }, vi = ["id"], di = ["fill", "stroke"], hi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], fi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], mi = ["x", "y", "font-size", "fill", "stroke"], gi = ["id"], bi = ["stop-color"], pi = ["stop-color"], yi = ["x", "y", "width", "height", "fill", "onMouseenter"], xi = ["font-size", "fill", "transform"], ki = ["x", "y", "font-size", "fill"], _i = ["text-anchor", "font-size", "fill", "transform", "onClick"], wi = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Si = { key: 15 }, $i = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Li = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Mi = ["y", "x", "width", "height", "fill"], Ai = ["id", "x", "y", "font-size", "fill", "text-anchor"], Ci = {
-  key: 16,
-  style: { "pointer-events": "none" }
-}, Ti = ["x", "y"], zi = ["innerHTML"], Ii = ["cx", "cy", "r", "fill"], Pi = ["data-start", "data-end"], Oi = {
-  key: 0,
-  style: { position: "absolute", top: "100%", left: "0", width: "100%" },
-  "data-dom-to-png-ignore": "",
-  "aria-hidden": "true"
-}, Ni = {
-  key: 5,
-  class: "vue-data-ui-watermark"
-}, Fi = {
-  class: "vue-ui-xy-tag-arrow",
-  height: "20",
-  viewBox: "0 0 10 20",
-  style: {
-    position: "absolute",
-    right: "100%",
-    top: "50%",
-    transform: "translateY(-50%)"
-  }
-}, Vi = ["fill"], Bi = ["innerHTML"], Ri = {
-  class: "vue-ui-xy-tag-arrow",
-  height: "100%",
-  viewBox: "0 0 10 20",
-  style: {
-    position: "absolute",
-    left: "100%",
-    top: "50%",
-    transform: "translateY(-50%)"
-  }
-}, Hi = ["fill"], Di = ["innerHTML"], Wi = {
-  class: "vue-ui-xy-tag-arrow",
-  height: "20",
-  viewBox: "0 0 10 20",
-  style: {
-    position: "absolute",
-    right: "100%",
-    top: "50%",
-    transform: "translateY(-50%)"
-  }
-}, Ei = ["fill"], Yi = ["innerHTML"], Xi = {
-  class: "vue-ui-xy-tag-arrow",
-  height: "100%",
-  viewBox: "0 0 10 20",
-  style: {
-    position: "absolute",
-    left: "100%",
-    top: "50%",
-    transform: "translateY(-50%)"
-  }
-}, Gi = ["fill"], qi = ["innerHTML"], Ui = ["id"], Zi = ["onClick", "onKeydown"], Ki = {
-  key: 0,
-  viewBox: "0 0 20 12",
-  height: "1em",
-  width: "1.43em",
-  "aria-hidden": "true"
-}, Ji = ["stroke", "fill"], Qi = {
-  key: 1,
-  viewBox: "0 0 40 40",
-  height: "1em",
-  width: "1em",
-  "aria-hidden": "true"
-}, ji = ["fill"], er = ["fill"], tr = {
-  key: 2,
-  viewBox: "0 0 12 12",
-  height: "1em",
-  width: "1em",
-  "aria-hidden": "true"
-}, lr = {
-  style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
-  "data-dom-to-png-ignore": ""
-}, ar = ["innerHTML"], or = {
-  __name: "vue-ui-xy",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    selectedXIndex: {
-      type: Number,
-      default: void 0
-    }
-  },
-  emits: [
-    "selectTimeLabel",
-    "selectX",
-    "selectLegend",
-    "zoomStart",
-    "zoomEnd",
-    "zoomReset",
-    "copyAlt"
-  ],
-  setup(cl, { expose: yo, emit: xo }) {
-    const T = cl, ko = Re(() => import("./DataTable-cMnb68Ik.js")), _o = Re(() => import("./Tooltip-Cvt7Fi0Q.js")), wo = Re(
-      () => import("./UserOptions-DVduN6X7.js")
-    ), Rl = Re(() => import("./BaseIcon-DX0hTWa-.js")), So = Re(
-      () => import("./vue-ui-table-sparkline-C3NWnry0.js")
-    ), $o = Re(
-      () => import("./PackageVersion-BfrCAH6_.js")
-    ), Lo = Re(
-      () => import("./PenAndPaper-CJDoB5H9.js")
-    ), Mo = Re(
-      () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), We = xo, Hl = Nu(), Ao = Fu(), { vue_ui_xy: ht } = us(), { isThemeValid: Co, warnInvalidTheme: To } = cs(), $e = g(null), ft = g(null), Te = g(null), mt = g(null), gt = g(null), bt = g(null), zo = g(null), vl = g(null), dl = g(null), Ft = g(null), hl = g(null), fl = g(null), Ne = g(null), ml = g(null), Io = g(0), C = g(null), Dl = g(!0), fe = g(600), ee = g(1e3), Vt = g("0 0 1000 600"), Po = g({ x: 0, y: 0 }), pt = g({ line: "line", bar: "bar", plot: "plot" }), et = g(!1), Ee = g(!1), Wl = g(!1), Ye = g(null), G = g([]), z = g(Ol()), El = g(0), Yl = g(0), Xl = g(0), yt = g(!0), gl = g(0), P = g(null), Gl = g(!1), bl = g(!0), Bt = g(!0), ae = g(null), Oe = g({}), Rt = g(null), ql = g(!1), tt = g(null), Ht = g(!1), Dt = g(!1), _ = g(null), lt = g(null), Ul = g({ x: 0, y: 0 }), Zl = Vu(null), Kl = g(!1), Jl = g(0), Ql = g(0), jl = vs({
-      elementRef: Zl,
-      minimumWidth: 2,
-      minimumHeight: 2,
-      stableFramesRequired: 2,
-      once: !1,
-      onSizeAccepted: () => {
-        at();
-      }
-    });
-    function xt() {
-      Zl.value = $e.value?.parentNode ?? null;
-    }
-    function ea() {
-      return new Promise((l) => {
-        requestAnimationFrame(() => {
-          requestAnimationFrame(l);
-        });
-      });
-    }
-    async function at() {
-      const l = ++Ql.value;
-      Kl.value = !1, await Pt(), await ea(), await ea(), l === Ql.value && (Jl.value += 1, Kl.value = !0);
-    }
-    const Oo = b(() => ({
-      height: fe.value,
-      width: ee.value
-    }));
-    function ta(l) {
-      return Number.isFinite(l) ? Math.max(0, Math.floor(l)) : 0;
-    }
-    function pl(l, o, e = 0) {
-      return Number.isFinite(l) && Number.isFinite(o) && Math.abs(o) > 1e-9 ? l / o : e;
-    }
-    const la = g(!1), x = g({
-      xAxis: 18,
-      yAxis: 12,
-      dataLabels: 20,
-      plotLabels: 10
-    }), Le = g({ plot: 3, line: 3 });
-    It(() => {
-      ql.value = !0, T.dataset.length && T.dataset.forEach((l, o) => {
-        [null, void 0].includes(l.series) && Nl({
-          componentName: "VueUiXy",
-          type: "datasetSerieAttribute",
-          property: "series (number[])",
-          index: o,
-          debug: kt.value
-        });
-      }), xt(), jl.start(), at();
-    });
-    function yl() {
-      if (!Object.keys(T.config || {}).length)
-        return ht;
-      const l = Nt({
-        userConfig: T.config,
-        defaultConfig: ht
-      });
-      T.config && Ot(T.config, "chart.highlightArea") && (Array.isArray(T.config.chart.highlightArea) ? l.chart.highlightArea = T.config.chart.highlightArea : l.chart.highlightArea = [
-        T.config.chart.highlightArea
-      ]), T.config && Ot(T.config, "chart.annotations") && Array.isArray(T.config.chart.annotations) && T.config.chart.annotations.length ? l.chart.annotations = T.config.chart.annotations.map(
-        (a) => Nt({
-          defaultConfig: ht.chart.annotations[0],
-          userConfig: a
-        })
-      ) : l.chart.annotations = [], T.config && Ot(T.config, "chart.grid.position") && T.config.chart.grid.position === "start" && T.dataset.length && T.dataset.some((a) => a.type === "bar") && (l.chart.grid.position = "middle", Ot(T.config, "debug") && console.warn(
-        "Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar"
-      )), T.config && Ot(T.config, "chart.highlightArea") && (Array.isArray(T.config.chart.highlightArea) ? l.chart.highlightArea = T.config.chart.highlightArea.map(
-        (a) => aa({
-          defaultConfig: ht.chart.highlightArea,
-          userConfig: a
-        })
-      ) : l.chart.highlightArea = aa({
-        defaultConfig: ht.chart.highlightArea,
-        userConfig: T.config.chart.highlightArea
-      }));
-      const o = l.theme;
-      if (!o) return l;
-      if (!Co.value(l))
-        return To(l), l;
-      const e = Nt({
-        userConfig: ms[o] || T.config,
-        defaultConfig: l
-      }), s = Nt({
-        userConfig: T.config,
-        defaultConfig: e
-      });
-      return {
-        ...s,
-        customPalette: s.customPalette.length ? s.customPalette : es[o] || Vl
-      };
-    }
-    function aa({ defaultConfig: l, userConfig: o }) {
-      return Nt({
-        defaultConfig: l,
-        userConfig: o
-      });
-    }
-    const xl = b({
-      get() {
-        return !!T.dataset && T.dataset.length;
-      },
-      set(l) {
-        return l;
-      }
-    }), t = g(yl()), Xe = b(
-      () => t.value.chart.userOptions.useCursorPointer
-    ), f = g({
-      dataLabels: { show: !0 },
-      showTooltip: !0,
-      showTable: !1,
-      isStacked: !1,
-      useIndividualScale: !1
-    });
-    function kl() {
-      la.value ? (f.value.showTooltip = t.value.chart.tooltip.show === !0, f.value.isStacked = t.value.chart.grid.labels.yAxis.stacked, f.value.useIndividualScale == null && (f.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale)) : (f.value = {
-        dataLabels: { show: !0 },
-        showTooltip: t.value.chart.tooltip.show === !0,
-        showTable: t.value.showTable === !0,
-        isStacked: t.value.chart.grid.labels.yAxis.stacked,
-        useIndividualScale: t.value.chart.grid.labels.yAxis.useIndividualScale
-      }, la.value = !0);
-    }
-    const kt = b(() => !!t.value.debug), No = b(() => oo({
-      defaultConfig: {
-        useCssAnimation: !1,
-        showTable: !1,
-        chart: {
-          annotations: [],
-          highlightArea: [],
-          backgroundColor: "#99999930",
-          grid: {
-            stroke: "#6A6A6A",
-            labels: {
-              show: !1,
-              axis: {
-                yLabel: "",
-                xLabel: ""
-              },
-              xAxisLabels: { show: !1 },
-              yAxis: {
-                commonScaleSteps: 10,
-                useNiceScale: !0,
-                scaleMin: 0,
-                scaleMax: 134
-              },
-              zeroLine: { show: !0 }
-            }
-          },
-          padding: {
-            top: 12,
-            bottom: 24,
-            left: 24,
-            right: 24
-          },
-          userOptions: { show: !1 },
-          zoom: {
-            show: !1,
-            startIndex: null,
-            endIndex: null
-          }
-        },
-        bar: {
-          serieName: { show: !1 },
-          labels: { show: !1 },
-          border: {
-            useSerieColor: !1,
-            stroke: "#999999"
-          }
-        },
-        line: {
-          dot: {
-            useSerieColor: !1,
-            fill: "#8A8A8A"
-          },
-          labels: { show: !1 }
-        }
-      },
-      userConfig: t.value.skeletonConfig ?? {}
-    })), Fo = b(() => T.config?.skeletonDataset ?? [
-      {
-        name: "",
-        series: [0, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 134],
-        type: "line",
-        smooth: !0,
-        color: "#BABABA"
-      },
-      {
-        name: "",
-        series: [0, 0.5, 1, 1.5, 2.5, 4, 6.5, 10.5, 17, 27.5, 44.5, 67],
-        type: "bar",
-        color: "#CACACA"
-      }
-    ]), { loading: ne, FINAL_DATASET: pe, manualLoading: Wt } = ns({
-      ...Bu(T),
-      FINAL_CONFIG: t,
-      prepareConfig: yl,
-      callback: () => {
-        Promise.resolve().then(async () => {
-          await Jt(), f.value.showTable = t.value.showTable;
-        });
-      },
-      skeletonDataset: Fo.value,
-      skeletonConfig: oo({
-        defaultConfig: t.value,
-        userConfig: No.value
-      })
-    });
-    function Vo(l) {
-      const o = /* @__PURE__ */ new WeakMap();
-      return (e, ...s) => {
-        let a = o.get(e);
-        const n = JSON.stringify(s);
-        if (a && a.has(n)) return a.get(n);
-        const u = l(e, ...s);
-        return a || (a = /* @__PURE__ */ new Map(), o.set(e, a)), a.set(n, u), u;
-      };
-    }
-    const Bo = Vo((l, o) => Bl({ data: l, threshold: o })), Fe = (l) => Bo(l, t.value.downsample.threshold), ze = b({
-      get: () => Math.max(
-        ...pe.value.map(
-          (l) => Fe(l.series).length
-        )
-      ),
-      set: (l) => l
-    }), m = g({ start: 0, end: ze.value }), Me = g({ start: 0, end: ze.value }), oa = b(() => t.value.chart.zoom.preview.enable && (Me.value.start !== m.value.start || Me.value.end !== m.value.end));
-    function ua(l, o) {
-      Me.value[l] = o;
-    }
-    function ot() {
-      const l = Math.max(
-        1,
-        ...pe.value.map((s) => Fe(s.series).length)
-      );
-      let o = Math.max(0, Math.min(m.value.start ?? 0, l - 1)), e = Math.max(o + 1, Math.min(m.value.end ?? l, l));
-      (!Number.isFinite(o) || !Number.isFinite(e) || e <= o) && (o = 0, e = l), m.value = { start: o, end: e }, Me.value.start = o, Me.value.end = e, Te.value && (Te.value.setStartValue(o), Te.value.setEndValue(e));
-    }
-    const Ro = b(() => {
-      const { left: l, top: o, width: e, height: s } = c.value, a = m.value.start, u = m.value.end - a, S = e / u, M = Me.value.start - a, I = Me.value.end - a, V = Math.max(0, Math.min(u, M)), D = Math.max(0, Math.min(u, I));
-      return {
-        x: l + V * S,
-        y: o,
-        width: (D - V) * S,
-        height: s,
-        fill: t.value.chart.zoom.preview.fill,
-        stroke: t.value.chart.zoom.preview.stroke,
-        "stroke-width": t.value.chart.zoom.preview.strokeWidth,
-        "stroke-dasharray": t.value.chart.zoom.preview.strokeDasharray,
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        style: {
-          pointerEvents: "none",
-          transition: "none !important",
-          animation: "none !important"
-        }
-      };
-    });
-    ct(
-      () => T.selectedXIndex,
-      (l) => {
-        if ([null, void 0].includes(T.selectedXIndex)) {
-          _.value = null;
-          return;
-        }
-        const o = l - m.value.start;
-        o < 0 || l >= m.value.end ? _.value = null : _.value = o ?? null;
-      },
-      { immediate: !0 }
-    );
-    const { isPrinting: Et, isImaging: _l, generatePdf: sa, generateImage: na } = ss({
-      elementId: `vue-ui-xy_${z.value}`,
-      fileName: t.value.chart.title.text || "vue-ui-xy",
-      options: t.value.chart.userOptions.print
-    }), Ho = g(!1), Yt = b(() => Eu(t.value.customPalette)), ut = b(() => {
-      const l = t.value.chart.grid.labels.yAxis.scaleMin;
-      if (l == null) return null;
-      const o = Number(l);
-      return Number.isFinite(o) ? o : null;
-    }), Do = b(() => ut.value !== null ? c.value.bottom : me.value), _t = b(() => {
-      const l = t.value.chart.grid.labels.yAxis.scaleMax;
-      if (l == null) return null;
-      const o = Number(l);
-      return Number.isFinite(o) ? o : null;
-    }), ia = b(() => ut.value !== null || _t.value !== null), ra = b(() => {
-      const l = Ve.value.filter((o) => !G.value.includes(o.id)).flatMap((o) => Array.isArray(o.series) ? o.series : []).filter(Number.isFinite);
-      return l.length ? {
-        min: Math.min(...l),
-        max: Math.max(...l)
-      } : { min: 0, max: 1 };
-    });
-    function ca(l, o) {
-      let e = Number.isFinite(l) ? l : 0, s = Number.isFinite(o) ? o : 1;
-      return e === s ? s = e + 1 : e > s && ([e, s] = [s, e]), { min: e, max: s };
-    }
-    const Xt = b(() => {
-      const { min: l, max: o } = ra.value;
-      if (!ia.value) {
-        const u = l;
-        return u > 0 ? 0 : u;
-      }
-      const e = ut.value !== null ? ut.value : l > 0 ? 0 : l, s = _t.value !== null ? _t.value : o, a = l < e ? l : e, n = o > s ? o : s;
-      return ca(a, n).min;
-    }), Gt = b(() => {
-      const { min: l, max: o } = ra.value;
-      if (!ia.value) {
-        const u = o;
-        return Xt.value === u ? u + 1 : u;
-      }
-      const e = ut.value !== null ? ut.value : l > 0 ? 0 : l, s = _t.value !== null ? _t.value : o, a = l < e ? l : e, n = o > s ? o : s;
-      return ca(a, n).max;
-    }), Ae = b(() => t.value.chart.grid.labels.yAxis.useNiceScale ? uo(
-      Xt.value,
-      Gt.value < 0 ? 0 : Gt.value,
-      t.value.chart.grid.labels.yAxis.commonScaleSteps
-    ) : so(
-      Xt.value,
-      Gt.value < 0 ? 0 : Gt.value,
-      t.value.chart.grid.labels.yAxis.commonScaleSteps
-    )), wt = b(() => [null, void 0].includes(
-      t.value.chart.grid.labels.yAxis.scaleMin
-    ) ? Ae.value.min >= 0 ? 0 : Math.abs(Ae.value.min) : -Ae.value.min), Ve = b(() => Dl.value ? pe.value.map((l, o) => {
-      const e = Fe(l.series), s = `uniqueId_${o}`;
-      return {
-        ...l,
-        slotAbsoluteIndex: o,
-        series: e.map((a) => nl(a) ? a : null).slice(m.value.start, m.value.end),
-        color: Fl(
-          l.color ? l.color : Yt.value[o] ? Yt.value[o] : Vl[o]
-        ),
-        id: s,
-        scaleLabel: l.scaleLabel || s
-      };
-    }) : pe.value), ie = b(() => Ve.value.map((l, o) => ({
-      absoluteIndex: o,
-      ...l,
-      series: l.series.map((e) => e + wt.value),
-      absoluteValues: l.series,
-      segregate: () => Mt(l),
-      isSegregated: G.value.includes(l.id)
-    }))), ye = b(() => Ve.value.map((l, o) => ({
-      ...l,
-      series: l.series.map(
-        (e) => e + wt.value
-      ),
-      absoluteValues: l.series
-    })).filter((l) => !G.value.includes(l.id))), Wo = b(
-      () => G.value.length === ie.value.length
-    );
-    function Eo() {
-      let l = 0;
-      hl.value && (l = Array.from(hl.value.querySelectorAll("text")).reduce((a, n) => {
-        const u = n.getComputedTextLength();
-        return (u > a ? u : a) + t.value.chart.grid.labels.yAxis.scaleValueOffsetX;
-      }, 0));
-      const o = dl.value ? dl.value.getBoundingClientRect().width + t.value.chart.grid.labels.axis.yLabelOffsetX + x.value.yAxis : 0, e = t.value.chart.grid.labels.yAxis.crosshairSize;
-      return l + o + e;
-    }
-    const St = g(0), st = g(0);
-    function va() {
-      const l = Ft.value;
-      if (!l) {
-        St.value = 0, st.value = 0;
-        return;
-      }
-      try {
-        const o = l.getBBox();
-        St.value = o?.height ?? 0, st.value = o?.x ?? 0;
-      } catch {
-        St.value = 0, st.value = 0;
-      }
-    }
-    const da = b(() => {
-      let l = 0;
-      if (vl.value)
-        try {
-          l = vl.value.getBBox().height || 0;
-        } catch {
-          l = 0;
-        }
-      return l + St.value + x.value.xAxis;
-    }), Yo = b(() => pe.value.some((l) => l.useProgression)), c = b(() => {
-      Jl.value;
-      let l = 0;
-      const o = 36;
-      t.value.chart.grid.labels.show && (f.value.useIndividualScale && !f.value.isStacked ? l = (pe.value.length - G.value.length) * (t.value.chart.grid.labels.yAxis.labelWidth + o) : f.value.useIndividualScale && f.value.isStacked ? l = t.value.chart.grid.labels.yAxis.labelWidth + o : l = Eo());
-      const e = t.value.chart.labels.fontSize * 1.1, s = Yo.value ? 24 : 6;
-      Ft.value && st.value < 0 && (l += Math.abs(st.value));
-      const a = ee.value - l - t.value.chart.grid.labels.yAxis.crosshairSize - s - t.value.chart.padding?.left - t.value.chart.padding?.right, n = t.value.chart.grid.position === "middle" ? 0 : a / $.value / 2;
-      return {
-        top: t.value.chart.padding?.top + e,
-        right: ee.value - s - t.value.chart.padding?.right,
-        bottom: fe.value - da.value - t.value.chart.padding?.bottom - t.value.chart.grid.labels.axis.xLabelOffsetY,
-        left: l + t.value.chart.grid.labels.yAxis.crosshairSize - n + t.value.chart.padding?.left,
-        height: fe.value - da.value - t.value.chart.padding?.top - t.value.chart.padding?.bottom - e - t.value.chart.grid.labels.axis.xLabelOffsetY,
-        width: a,
-        scaleLabelX: l,
-        individualOffsetX: o
-      };
-    }), Xo = b(() => {
-      const l = t.value.chart.grid.position === "middle" ? 1 : 0, o = $.value + l, e = W(c.value?.top), s = W(c.value?.bottom);
-      return Array.from({ length: o }).map((a, n) => {
-        const u = c.value.width / $.value * n + c.value?.left + q.value;
-        return `M${u},${e} L${u},${s}`;
-      }).join(" ");
-    }), Go = b(() => {
-      if (!t.value.chart.grid.labels.xAxis.showCrosshairs) return "";
-      const l = c.value.width / $.value, o = t.value.chart.grid.labels.xAxis.crosshairSize, e = t.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
-      return Kt.value.map((s, a) => {
-        if (!s || !s.text) return null;
-        const n = c.value?.left + l * a + l / 2, u = e ? me.value - (me.value === c.value?.bottom ? 0 : o / 2) : c.value?.bottom, S = e ? me.value + o / (me.value === c.value?.bottom ? 1 : 2) : c.value?.bottom + o;
-        return `M${n},${u} L${n},${S}`;
-      }).filter(Boolean).join(" ");
-    });
-    function ha() {
-      return !!Ao?.vnode.props?.onSelectTimeLabel;
-    }
-    function qo(l, o, e) {
-      if (!Rt.value) {
-        const s = document.createElement("canvas");
-        Rt.value = s.getContext("2d");
-      }
-      return Rt.value.font = `normal ${l}px sans-serif`, Rt.value;
-    }
-    function fa() {
-      const l = $e.value.querySelectorAll(".vue-ui-xy-tag");
-      l.length && Array.from(l).forEach((o) => o.style.opacity = "0");
-    }
-    function qt(l, o, e, s, a) {
-      e && (Oe.value[`${l}_${o}_${s}_${a}`] = e);
-    }
-    const Ut = g(!1);
-    async function ma(l = !1) {
-      await Pt(), Ut.value = l, Gl.value && (Bt.value = l);
-    }
-    function wl() {
-      et.value = !et.value;
-    }
-    const oe = g([]), Zt = g([]);
-    let ga = 0;
-    sl(() => {
-      const l = ++ga;
-      (async () => {
-        const o = Math.max(
-          ...pe.value.map(
-            (s) => Bl({
-              data: s.series,
-              threshold: t.value.downsample.threshold
-            }).length
-          )
-        ), e = await bo({
-          values: t.value.chart.grid.labels.xAxisLabels.values,
-          maxDatapoints: o,
-          formatter: t.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
-          start: m.value.start,
-          end: m.value.end
-        });
-        l === ga && (oe.value = e);
-      })();
-    });
-    let ba = 0;
-    sl(() => {
-      const l = ++ba;
-      (async () => {
-        const o = Math.max(
-          ...pe.value.map(
-            (s) => Bl({
-              data: s.series,
-              threshold: t.value.downsample.threshold
-            }).length
-          )
-        ), e = await bo({
-          values: t.value.chart.grid.labels.xAxisLabels.values,
-          maxDatapoints: o,
-          formatter: t.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
-          start: 0,
-          end: ze.value
-        });
-        l === ba && (Zt.value = e);
-      })();
-    });
-    const Uo = b(() => {
-      const l = t.value.chart.grid.labels.xAxisLabels.modulo;
-      return oe.value.length ? Math.min(
-        l,
-        [...new Set(oe.value.map((o) => o.text))].length
-      ) : l;
-    }), Kt = b(() => {
-      const l = t.value.chart.grid.labels.xAxisLabels, o = oe.value || [], e = Zt.value || [], s = m.value.start ?? 0, a = _.value, n = $.value, u = o.map((M) => M?.text ?? ""), S = e.map((M) => M?.text ?? "");
-      return Yu(
-        !!l.showOnlyFirstAndLast,
-        !!l.showOnlyAtModulo,
-        Math.max(1, Uo.value || 1),
-        u,
-        S,
-        s,
-        a,
-        n
-      );
-    }), Zo = b(() => (Kt.value || []).map((l) => l?.text ?? "").join("|"));
-    It(() => {
-      requestAnimationFrame(() => {
-        va();
-      }), ct(
-        [
-          () => Zo.value,
-          () => t.value.chart.grid.labels.xAxisLabels.rotation,
-          () => x.value.xAxis,
-          () => ee.value,
-          () => fe.value
-        ],
-        async () => {
-          await Pt(), requestAnimationFrame(() => {
-            va();
-          });
-        },
-        { flush: "post" }
-      );
-    }), Pl(() => {
-      St.value = 0, st.value = 0, jl.stop();
-    });
-    function pa(l, o) {
-      const e = ye.value.map((s) => ({
-        shape: s.shape ?? s.type === "bar" ? "square" : "circle",
-        name: s.name,
-        color: s.color,
-        type: s.type,
-        value: s.absoluteValues.find(
-          (a, n) => n === o
-        ),
-        comments: s.comments || [],
-        prefix: s.prefix || t.value.chart.labels.prefix,
-        suffix: s.suffix || t.value.chart.labels.suffix
-      }));
-      We("selectTimeLabel", {
-        datapoint: e,
-        absoluteIndex: l.absoluteIndex,
-        label: l.text
-      });
-    }
-    const $ = b(() => {
-      const l = ta((m.value.end ?? 0) - (m.value.start ?? 0));
-      return Math.max(1, l);
-    });
-    function Ko(l) {
-      P.value = l;
-    }
-    function ya() {
-      f.value.isStacked = !f.value.isStacked, f.value.isStacked ? f.value.useIndividualScale = !0 : f.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale;
-    }
-    function Sl(l) {
-      kt.value && l.autoScaling && (t.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(
-        `VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`
-      ), t.value.chart.grid.labels.yAxis.stacked || console.warn(
-        `VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`
-      ));
-    }
-    function Jo(l, o) {
-      const e = ta(l), s = Array(e).fill(0);
-      for (let a = 0; a < o.length && a < e; a += 1) s[a] = o[a] ?? 0;
-      return s;
-    }
-    function xa(l) {
-      const o = Math.max(
-        ...pe.value.map(
-          (e) => Fe(e.series).length
-        )
-      );
-      return l > o ? o : l < 0 || t.value.chart.zoom.startIndex !== null && l < t.value.chart.zoom.startIndex ? t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex + 1 : 1 : l;
-    }
-    const $t = g(!1), ka = g(!1), _a = g(0), wa = g(0);
-    function Sa(l, o) {
-      const e = Number(l), s = Number(o);
-      return !Number.isFinite(e) || !Number.isFinite(s) ? !1 : !Object.is(e, s);
-    }
-    function Jt() {
-      if (!$t.value) {
-        $t.value = !0;
-        try {
-          const { startIndex: l, endIndex: o } = t.value.chart.zoom, e = Math.max(
-            ...pe.value.map((n) => Fe(n.series).length)
-          );
-          _a.value = 0, wa.value = e;
-          const s = l ?? 0, a = o != null ? Math.min(xa(o + 1), e) : e;
-          Qt.value = !0, m.value.start = s, m.value.end = a, Me.value.start = s, Me.value.end = a, ot(), ka.value = !0;
-        } finally {
-          queueMicrotask(() => {
-            Qt.value = !1;
-          }), $t.value = !1;
-        }
-      }
-    }
-    const Qt = g(!1);
-    function Qo(l) {
-      if ($t.value || Qt.value) return;
-      const o = Number(l);
-      We("zoomStart", {
-        index: o,
-        isZoom: Sa(
-          o,
-          _a.value
-        )
-      }), Number.isFinite(o) && o !== m.value.start && (m.value.start = o, Me.value.start = o, ot());
-    }
-    function jo(l) {
-      if ($t.value || Qt.value) return;
-      const o = xa(l);
-      We("zoomEnd", {
-        index: o,
-        isZoom: Sa(o, wa.value)
-      }), o !== m.value.end && (m.value.end = o, Me.value.end = o, ot());
-    }
-    async function eu() {
-      await Jt(), We("zoomReset");
-    }
-    function xe(l) {
-      return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(l);
-    }
-    const $a = b(() => Ae.value.max + wt.value);
-    function Ge(l) {
-      return l / (xe($a.value) ? $a.value : 1);
-    }
-    const me = b(() => isNaN(Ge(wt.value)) ? c.value?.bottom : c.value?.bottom - c.value.height * Ge(wt.value));
-    function La(l) {
-      const o = ![null, void 0].includes(
-        t.value.chart.grid.labels.yAxis.scaleMin
-      ) && t.value.chart.grid.labels.yAxis.scaleMin > 0 && Xt.value >= 0 ? c.value?.bottom : me.value;
-      return l.value >= 0 ? N(
-        o - l.y <= 0 ? 1e-5 : o - l.y
-      ) : N(
-        l.y - me.value <= 0 ? 1e-5 : l.y - me.value
-      );
-    }
-    function Ma(l) {
-      return l.value >= 0 ? N(
-        l.zeroPosition - l.y <= 0 ? 1e-5 : l.zeroPosition - l.y
-      ) : N(
-        l.y - l.zeroPosition <= 0 ? 1e-5 : l.zeroPosition - l.y
-      );
-    }
-    const J = b(() => {
-      const l = Math.max(1, $.value), o = Math.max(1, c.value.width), e = Math.max(
-        1,
-        Ve.value.filter(
-          (s) => s.type === "bar" && !G.value.includes(s.id)
-        ).length
-      );
-      return {
-        bar: pl(o, l * e, 1),
-        plot: pl(o, l, 1),
-        line: pl(o, l, 1)
-      };
-    });
-    function Be() {
-      return f.value.useIndividualScale && f.value.isStacked ? J.value.line - c.value.width / $.value * 0.1 : J.value.bar;
-    }
-    function jt(l) {
-      return f.value.useIndividualScale && f.value.isStacked ? l.x + c.value.width / $.value * 0.05 : l.x + J.value.bar / 2;
-    }
-    function Aa(l) {
-      return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(me.value) ? c?.bottom.value : me.value;
-    }
-    function Ca(l) {
-      return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(
-        l.zeroPosition
-      ) ? 0 : l.zeroPosition;
-    }
-    const nt = g(null);
-    function Ta(l) {
-      const o = ae.value;
-      if (!o) return null;
-      if (o.createSVGPoint && o.getScreenCTM) {
-        const D = o.createSVGPoint();
-        D.x = l.clientX, D.y = l.clientY;
-        const F = o.getScreenCTM();
-        if (F) {
-          const p = D.matrixTransform(F.inverse());
-          return { x: p.x, y: p.y, ok: !0 };
-        }
-      }
-      const e = o.getBoundingClientRect(), s = o.viewBox?.baseVal || {
-        x: 0,
-        y: 0,
-        width: e.width,
-        height: e.height
-      }, a = Math.min(e.width / s.width, e.height / s.height), n = s.width * a, u = s.height * a, S = (e.width - n) / 2, M = (e.height - u) / 2, I = (l.clientX - e?.left - S) / a + s.x, V = (l.clientY - e?.top - M) / a + s.y;
-      return { x: I, y: V, ok: !0 };
-    }
-    let qe = 0;
-    function tu(l) {
-      lt.value = null, !et.value && (qe && cancelAnimationFrame(qe), qe = requestAnimationFrame(() => {
-        qe = 0;
-        const o = Ta(l);
-        if (!o || !ae.value) {
-          Lt();
-          return;
-        }
-        const { left: e, right: s, top: a, bottom: n, width: u } = c.value;
-        if (o.x < e || o.x > s || o.y < a || o.y > n) {
-          Lt();
-          return;
-        }
-        const S = o.x - e, M = u / $.value, I = Math.floor(S / M);
-        I >= 0 && I < $.value ? nt.value !== I && (nt.value = I, Al(!0, I)) : Lt();
-      }));
-    }
-    function Lt() {
-      qe && (cancelAnimationFrame(qe), qe = 0), nt.value = null, Al(!1, null);
-    }
-    function za(l) {
-      const o = Ta(l);
-      if (o && ae.value) {
-        const { left: e, right: s, top: a, bottom: n, width: u } = c.value;
-        if (o.x >= e && o.x <= s && o.y >= a && o.y <= n) {
-          const S = u / Math.max(1, $.value), M = Math.floor((o.x - e) / S);
-          if (M >= 0 && M < $.value) {
-            Ia(M);
-            return;
-          }
-        }
-      }
-      nt.value != null && Ia(nt.value);
-    }
-    function Ia(l) {
-      const o = ye.value.map((e) => ({
-        name: e.name,
-        value: [null, void 0, NaN].includes(e.absoluteValues[l]) ? null : e.absoluteValues[l],
-        color: e.color,
-        type: e.type
-      }));
-      We("selectX", {
-        dataset: o,
-        index: l,
-        indexLabel: t.value.chart.grid.labels.xAxisLabels.values[l]
-      }), t.value.events.datapointClick && t.value.events.datapointClick({
-        datapoint: o,
-        seriesIndex: l + m.value.start
-      });
-    }
-    function lu() {
-      return ie.value.map((l) => ({
-        values: l.absoluteValues,
-        color: l.color,
-        name: l.name,
-        type: l.type
-      }));
-    }
-    async function au({ scale: l = 2 } = {}) {
-      if (!$e.value) return;
-      const { width: o, height: e } = $e.value.getBoundingClientRect(), s = o / e, { imageUri: a, base64: n } = await hs({
-        domElement: $e.value,
-        base64: !0,
-        img: !0,
-        scale: l
-      });
-      return {
-        imageUri: a,
-        base64: n,
-        title: t.value.chart.title.text,
-        width: o,
-        height: e,
-        aspectRatio: s
-      };
-    }
-    function ou() {
-      G.value.length ? G.value = [] : ie.value.forEach((l) => {
-        G.value.push(l.id);
-      });
-    }
-    function uu(l, o) {
-      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), Mt(o));
-    }
-    function Mt(l) {
-      if (G.value.includes(l.id))
-        G.value = G.value.filter(
-          (o) => o !== l.id
-        );
-      else {
-        if (G.value.length + 1 === Ve.value.length)
-          return;
-        G.value.push(l.id);
-      }
-      We(
-        "selectLegend",
-        ye.value.map((o) => ({
-          name: o.name,
-          values: o.absoluteValues,
-          color: o.color,
-          type: o.type
-        }))
-      ), gl.value += 1;
-    }
-    function Pa(l) {
-      if (!ie.value.length)
-        return t.value.debug && console.warn("VueUiXy - There are no series to show."), null;
-      const o = ie.value.find((e) => e.name === l);
-      return o || (t.value.debug && console.warn(`VueUiXy - Series name not found "${l}"`), null);
-    }
-    function su(l) {
-      const o = Pa(l);
-      o !== null && G.value.includes(o.id) && Mt({ id: o.id });
-    }
-    function nu(l) {
-      const o = Pa(l);
-      o !== null && (G.value.includes(o.id) || Mt({ id: o.id }));
-    }
-    const iu = b(() => {
-      const l = t.value.chart.title.text || "Chart visualization", o = t.value.chart.title.subtitle.text || "";
-      return `${l}. ${o}`;
-    }), Oa = b(() => ({
-      linePlot: $.value > t.value.line.dot.hideAboveMaxSerieLength
-    })), ru = b(() => t.value.chart.userOptions.show && (!t.value.chart.title.show || !t.value.chart.title.text)), cu = b(() => {
-      if (Array.isArray(t.value.chart.highlightArea))
-        return t.value.chart.highlightArea.map((o) => {
-          const e = Math.min(o.to, ze.value - 1);
-          return {
-            ...o,
-            span: o.from === e ? 1 : e < o.from ? 0 : e - o.from + 1
-          };
-        });
-      const l = {
-        ...t.value.chart.highlightArea,
-        to: Math.min(t.value.chart.highlightArea.to, ze.value - 1)
-      };
-      return [
-        {
-          ...l,
-          span: l.from === l.to ? 1 : l.to < l.from ? 0 : l.to - l.from + 1
-        }
-      ];
-    }), Na = b(() => Dl.value ? pe.value.map((l, o) => ({
-      ...l,
-      series: Fe(l.series),
-      id: `uniqueId_${o}`,
-      color: Fl(
-        l.color ? l.color : Yt.value[o] ? Yt.value[o] : Vl[o]
-      )
-    })) : pe.value), vu = b(() => ye.value.map((l) => {
-      const o = l.absoluteValues.map(
-        (e) => [void 0, null].includes(e) ? 0 : e
-      );
-      return {
-        id: l.id,
-        name: l.name,
-        color: l.color,
-        values: Jo($.value, o)
-      };
-    })), du = b(() => ({
-      responsiveBreakpoint: t.value.table.responsiveBreakpoint,
-      roundingValues: t.value.table.rounding,
-      showAverage: !1,
-      showMedian: !1,
-      showTotal: !1,
-      fontFamily: t.value.chart.fontFamily,
-      prefix: t.value.chart.labels.prefix,
-      suffix: t.value.chart.labels.suffix,
-      colNames: oe.value.map(
-        (l, o) => t.value.table.useDefaultTimeFormat ? l.text : it.value(
-          o + m.value.start,
-          t.value.table.timeFormat
-        )
-      ),
-      thead: {
-        backgroundColor: t.value.table.th.backgroundColor,
-        color: t.value.table.th.color,
-        outline: t.value.table.th.outline
-      },
-      tbody: {
-        backgroundColor: t.value.table.td.backgroundColor,
-        color: t.value.table.td.color,
-        outline: t.value.table.td.outline
-      },
-      userOptions: {
-        show: !1
-      },
-      sparkline: {
-        animation: { show: !1 }
-      }
-    })), q = b(() => t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value / 2), Ue = b(() => Xu(
-      ie.value.filter(
-        (l) => !G.value.includes(l.id)
-      )
-    ));
-    function hu(l, o) {
-      const e = /* @__PURE__ */ Object.create(null);
-      for (let s = 0; s < l.length; s += 1) {
-        const a = l[s], n = String(o(a));
-        e[n] || (e[n] = []), e[n].push(a);
-      }
-      return e;
-    }
-    const L = b(() => {
-      const l = hu(
-        Ue.value,
-        (e) => e.scaleLabel
-      ), o = {};
-      for (const [e, s] of Object.entries(l)) {
-        const a = s.flatMap((n) => n.absoluteValues);
-        o[e] = {
-          min: Math.min(...a) || 0,
-          max: Math.max(...a) || 1,
-          groupId: `scale_group_${Ol()}`
-        };
-      }
-      return o;
-    }), fu = b(() => {
-      const l = Ve.value.filter((o) => o.type === "bar").filter((o) => !G.value.includes(o.id)).length;
-      return c.value.width / $.value / l - el.value * l;
-    }), el = b(
-      () => J.value.line * t.value.bar.periodGap
-    ), tl = b(() => Math.max(
-      1e-5,
-      Be() - (f.value.useIndividualScale && f.value.isStacked ? 0 : el.value)
-    )), ll = b(
-      () => tl.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)
-    ), mu = b(() => {
-      if (!t.value.chart.zoom.minimap.show) return [];
-      const l = Na.value.filter(
-        (a) => !G.value.includes(a.id)
-      ), o = Math.max(
-        ...l.map((a) => a.series.length)
-      ), e = [];
-      for (let a = 0; a < o; a += 1)
-        e.push(
-          l.map((n) => n.series[a] || 0).reduce((n, u) => (n || 0) + (u || 0), 0)
-        );
-      const s = Math.min(...e);
-      return e.map((a) => a + (s < 0 ? Math.abs(s) : 0));
-    }), gu = b(() => t.value.chart.zoom.minimap.show ? Na.value.map((o) => ({
-      ...o,
-      isVisible: !G.value.includes(o.id)
-    })) : []), Ze = b(() => ye.value.map((l) => ({
-      slotAbsoluteIndex: l.slotAbsoluteIndex,
-      shape: l.shape || l.type === "bar" ? "square" : "circle",
-      name: l.name,
-      color: l.color,
-      type: l.type,
-      value: l.absoluteValues.find(
-        (o, e) => e === _.value
-      ),
-      comments: l.comments || [],
-      prefix: l.prefix || t.value.chart.labels.prefix,
-      suffix: l.suffix || t.value.chart.labels.suffix
-    }))), Fa = b(() => Ae.value.ticks.map((l) => ({
-      y: l >= 0 ? me.value - c.value.height * Ge(l) : me.value + c.value.height * Ge(Math.abs(l)),
-      value: l,
-      prefix: t.value.chart.labels.prefix,
-      suffix: t.value.chart.labels.suffix
-    }))), Va = b(() => {
-      const l = t.value.chart.annotations;
-      if (!l || !Array.isArray(l) || l.every((V) => !V.show)) return [];
-      const o = l.filter(
-        (V) => V.show && (V.yAxis.yTop != null || V.yAxis.yBottom != null)
-      );
-      if (!o.length) return [];
-      const { left: e, right: s } = c.value, a = me.value, n = c.value.height, u = Ae.value.min, M = Ae.value.max - u, I = (V) => {
-        const D = (V - 0) / M;
-        return a - D * n;
-      };
-      return o.map((V) => {
-        const {
-          yAxis: { yTop: D, yBottom: F, label: p }
-        } = V, te = D != null && F != null && D !== F, B = D == null ? null : I(D), Q = F == null ? null : I(F), X = qo(p.fontSize);
-        X.font = `${p.fontSize}px sans-serif`;
-        const H = X.measureText(p.text).width, U = p.fontSize, j = (p.position === "start" ? e + p.padding?.left : s - p.padding?.right) + p.offsetX, we = (B != null && Q != null ? Math.min(B, Q) : B ?? Q) - p.fontSize / 3 + p.offsetY - p.padding?.top;
-        let Z;
-        p.textAnchor === "middle" ? Z = j - H / 2 - p.padding?.left : p.textAnchor === "end" ? Z = j - H - p.padding?.right : Z = j - p.padding?.left;
-        const be = we - U * 0.75 - p.padding?.top;
-        return {
-          show: ![B, Q, be].includes(NaN),
-          id: `annotation_y_${Ol()}`,
-          hasArea: te,
-          areaHeight: te ? Math.abs(B - Q) : 0,
-          yTop: B,
-          yBottom: Q,
-          config: V.yAxis,
-          x1: e,
-          x2: s,
-          _text: { x: j, y: we },
-          _box: {
-            x: Z,
-            y: be,
-            width: H + p.padding?.left + p.padding?.right,
-            height: U + p.padding?.top + p.padding?.bottom,
-            fill: p.backgroundColor,
-            stroke: p.border.stroke,
-            rx: p.border.rx,
-            ry: p.border.ry,
-            strokeWidth: p.border.strokeWidth
-          }
-        };
-      });
-    });
-    function Ba(l, o) {
-      const e = l[o - 1], s = l[o + 1];
-      let a = !!e && !!s && e.value == null && s.value == null || !e && !!s && s.value == null || !!e && !s && e.value == null;
-      return xe(l[o].value) && a && t.value.line.cutNullValues;
-    }
-    function $l({
-      datapoint: l,
-      totalSeries: o,
-      gap: e,
-      usableHeight: s,
-      autoScaleValueMin: a,
-      autoScaleValueMax: n,
-      individualExtremes: u,
-      forceExactScale: S = !1
-    }) {
-      const M = l.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, V = S || !t.value.chart.grid.labels.yAxis.useNiceScale ? so : uo, D = u.max === u.min ? u.max * I : u.max, F = n === a ? n * I : n, p = V(
-        u.min,
-        D,
-        M
-      ), te = V(
-        a,
-        F,
-        M
-      ), B = p.min >= 0 ? 0 : Math.abs(p.min), Q = 0, X = p.max + Math.abs(B), H = te.max + Math.abs(Q), U = l.stackIndex, j = o - 1 - U, K = f.value.isStacked ? 1 - l.cumulatedStackRatio : 0, we = f.value.isStacked ? s * K + e * j : 0, Z = f.value.isStacked ? s * l.stackRatio : c.value.height, be = c.value?.bottom - we - Z * B / X, E = c.value?.bottom - we - Z * Q / H;
-      return {
-        scaleSteps: M,
-        individualScale: p,
-        autoScaleSteps: te,
-        individualZero: B,
-        autoScaleZero: Q,
-        individualMax: X,
-        autoScaleMax: H,
-        yOffset: we,
-        individualHeight: Z,
-        zeroPosition: be,
-        autoScaleZeroPosition: E
-      };
-    }
-    const ke = b(() => {
-      const l = Ue.value.filter(
-        (u) => ["bar", "line", "plot"].includes(u.type)
-      ), o = l.length, e = t.value.chart.grid.labels.yAxis.gap, a = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - a;
-      return l.filter((u) => u.type === "bar").map((u, S) => {
-        Sl(u);
-        const M = L.value[u.scaleLabel].min, I = L.value[u.scaleLabel].max;
-        u.absoluteValues.filter((R) => ![null, void 0].includes(R)).map((R) => (R - M) / (I - M));
-        const V = {
-          valueMin: M,
-          valueMax: I < 0 ? 0 : I
-        }, D = {
-          max: u.scaleMax || Math.max(...u.absoluteValues) || 1,
-          min: u.scaleMin || Math.min(
-            ...u.absoluteValues.filter(
-              (R) => ![void 0, null].includes(R)
-            )
-          ) > 0 ? 0 : Math.min(
-            ...u.absoluteValues.filter(
-              (R) => ![null, void 0].includes(R)
-            )
-          )
-        }, {
-          individualScale: F,
-          autoScaleSteps: p,
-          individualZero: te,
-          individualMax: B,
-          autoScaleMax: Q,
-          yOffset: X,
-          individualHeight: H,
-          zeroPosition: U,
-          autoScaleZeroPosition: j
-        } = $l({
-          datapoint: u,
-          totalSeries: o,
-          gap: e,
-          usableHeight: n,
-          autoScaleValueMin: V.valueMin,
-          autoScaleValueMax: V.valueMax,
-          individualExtremes: D
-        }), K = ie.value.filter((R) => R.type === "bar").filter((R) => !G.value.includes(R.id)).length, we = u.series.map((R, re) => {
-          const Tt = f.value.useIndividualScale ? (u.absoluteValues[re] + te) / B : Ge(R), Ke = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / $.value * re : c.value?.left + J.value.bar * S + J.value.bar * re * K - fu.value / 2 - S * el.value;
-          return {
-            yOffset: N(X),
-            individualHeight: N(H),
-            x: N(Ke),
-            y: c.value?.bottom - X - H * Tt,
-            value: u.absoluteValues[re],
-            zeroPosition: N(U),
-            individualMax: N(B),
-            comment: u.comments && u.comments.slice(
-              m.value.start,
-              m.value.end
-            )[re] || ""
-          };
-        }), Z = u.absoluteValues.map(
-          (R) => p.min >= 0 ? (R - Math.abs(p.min)) / (p.max - Math.abs(p.min)) : (R + Math.abs(p.min)) / (p.max + Math.abs(p.min))
-        ), be = u.series.map((R, re) => {
-          const Tt = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / $.value * re : c.value?.left - J.value.bar / 2 + J.value.bar * S + J.value.bar * re * ie.value.filter((Ke) => Ke.type === "bar").filter(
-            (Ke) => !G.value.includes(
-              Ke.id
-            )
-          ).length;
-          return {
-            yOffset: N(X),
-            individualHeight: N(H),
-            x: N(Tt),
-            y: N(
-              c.value?.bottom - N(X) - (N(H) * Z[re] || 0)
-            ),
-            value: u.absoluteValues[re],
-            zeroPosition: N(U),
-            individualMax: N(B),
-            comment: u.comments && u.comments.slice(
-              m.value.start,
-              m.value.end
-            )[re] || ""
-          };
-        }), E = F.ticks.map((R) => ({
-          y: R >= 0 ? U - H * (R / B) : U + H * Math.abs(R) / B,
-          value: R,
-          prefix: u.prefix || t.value.chart.labels.prefix,
-          suffix: u.suffix || t.value.chart.labels.suffix,
-          datapoint: u
-        })), le = p.ticks.map((R) => {
-          const re = (R - p.min) / (p.max - p.min);
-          return {
-            y: R >= 0 ? j - H * re : j + H * re,
-            value: R,
-            prefix: u.prefix || t.value.chart.labels.prefix,
-            suffix: u.suffix || t.value.chart.labels.suffix,
-            datapoint: u
-          };
-        });
-        return L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? le : E, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? j : U, L.value[u.scaleLabel].individualMax = u.autoScaling ? Q : B, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = X, L.value[u.scaleLabel].individualHeight = H, L.value[u.scaleLabel].autoScaleYLabels = le, L.value[u.scaleLabel].unique = Ue.value.filter(
-          (R) => R.scaleLabel === u.scaleLabel
-        ).length === 1, {
-          ...u,
-          yOffset: X,
-          autoScaleYLabels: le,
-          individualHeight: H,
-          scaleYLabels: u.autoScaling ? le : E,
-          individualScale: u.autoScaling ? p : F,
-          individualMax: u.autoScaling ? Q : B,
-          zeroPosition: u.autoScaling ? j : U,
-          plots: u.autoScaling ? be : we,
-          groupId: L.value[u.scaleLabel].groupId
-        };
-      });
-    }), ue = b(() => {
-      const l = Ue.value.filter(
-        (u) => ["bar", "line", "plot"].includes(u.type)
-      ), o = l.length, e = t.value.chart.grid.labels.yAxis.gap, a = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - a;
-      return l.filter((u) => u.type === "line").map((u, S) => {
-        Sl(u);
-        const M = L.value[u.scaleLabel].min, I = L.value[u.scaleLabel].max;
-        u.absoluteValues.filter((A) => ![null, void 0].includes(A)).map((A) => (A - M) / (I - M));
-        const V = {
-          valueMin: M,
-          valueMax: I
-        }, D = {
-          max: u.scaleMax || Math.max(...u.absoluteValues) || 1,
-          min: u.scaleMin || (Math.min(...u.absoluteValues) > 0 ? 0 : Math.min(...u.absoluteValues))
-        }, {
-          individualScale: F,
-          autoScaleSteps: p,
-          individualZero: te,
-          individualMax: B,
-          autoScaleMax: Q,
-          yOffset: X,
-          individualHeight: H,
-          zeroPosition: U,
-          autoScaleZeroPosition: j
-        } = $l({
-          datapoint: u,
-          totalSeries: o,
-          gap: e,
-          usableHeight: n,
-          autoScaleValueMin: V.valueMin,
-          autoScaleValueMax: V.valueMax,
-          individualExtremes: D
-        }), K = u.series.map((A, ce) => {
-          const Ou = f.value.useIndividualScale ? (u.absoluteValues[ce] + Math.abs(te)) / B : Ge(A);
-          return {
-            x: N(
-              c.value?.left + J.value.line / 2 + J.value.line * ce
-            ),
-            y: N(
-              c.value?.bottom - X - H * Ou
-            ),
-            value: u.absoluteValues[ce],
-            comment: u.comments && u.comments.slice(
-              m.value.start,
-              m.value.end
-            )[ce] || ""
-          };
-        }), we = u.absoluteValues.map(
-          (A) => p.min >= 0 ? (A - Math.abs(p.min)) / (p.max - Math.abs(p.min)) : (A + Math.abs(p.min)) / (p.max + Math.abs(p.min))
-        ), Z = u.series.map((A, ce) => [void 0, null].includes(u.absoluteValues[ce]) ? {
-          x: N(
-            c.value?.left + J.value.line / 2 + J.value.line * ce
-          ),
-          y: U,
-          value: u.absoluteValues[ce],
-          comment: u.comments && u.comments.slice(
-            m.value.start,
-            m.value.end
-          )[ce] || ""
-        } : {
-          x: N(
-            c.value?.left + J.value.line / 2 + J.value.line * ce
-          ),
-          y: N(
-            c.value?.bottom - X - (H * we[ce] || 0)
-          ),
-          value: u.absoluteValues[ce],
-          comment: u.comments && u.comments.slice(
-            m.value.start,
-            m.value.end
-          )[ce] || ""
-        }), be = u.dashIndices && Array.isArray(u.dashIndices) && u?.dashIndices?.length > 0, E = t.value.line.cutNullValues ? no(K) : io(K.filter((A) => A.value !== null)), le = t.value.line.cutNullValues ? no(Z) : io(
-          Z.filter((A) => A.value !== null)
-        ), R = t.value.line.cutNullValues ? ro(K) : co(K.filter((A) => A.value !== null)), re = t.value.line.cutNullValues ? ro(Z) : co(
-          Z.filter((A) => A.value !== null)
-        ), Tt = be ? Gu(
-          t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null),
-          u.dashIndices.map((A) => A - m.value.start)
-        ) : [], Ke = be ? qu(
-          t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null),
-          u.dashIndices.map((A) => A - m.value.start)
-        ) : [], ol = F.ticks.map((A) => ({
-          y: A >= 0 ? U - H * (A / B) : U + H * Math.abs(A) / B,
-          value: A,
-          prefix: u.prefix || t.value.chart.labels.prefix,
-          suffix: u.suffix || t.value.chart.labels.suffix,
-          datapoint: u
-        })), ul = p.ticks.map((A) => {
-          const ce = (A - p.min) / (p.max - p.min);
-          return {
-            y: A >= 0 ? j - H * ce : j + H * ce,
-            value: A,
-            prefix: u.prefix || t.value.chart.labels.prefix,
-            suffix: u.suffix || t.value.chart.labels.suffix,
-            datapoint: u
-          };
-        });
-        L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? ul : ol, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? j : U, L.value[u.scaleLabel].individualMax = u.autoScaling ? Q : B, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = X, L.value[u.scaleLabel].individualHeight = H, L.value[u.scaleLabel].autoScaleYLabels = ul, L.value[u.scaleLabel].unique = Ue.value.filter(
-          (A) => A.scaleLabel === u.scaleLabel
-        ).length === 1;
-        const Pu = f.value.useIndividualScale ? u.autoScaling ? j : U : Do.value, zt = Math.max(
-          Math.max(
-            u.autoScaling ? j : ol.at(-1) ? ol.at(-1).y : 0,
-            c.value?.top
-          ),
-          Pu
-        );
-        return {
-          ...u,
-          temperatureColors: u.temperatureColors ? u.temperatureColors.map(
-            (A) => Fl(A)
-          ) : null,
-          yOffset: X,
-          autoScaleYLabels: ul,
-          individualHeight: H,
-          scaleYLabels: u.autoScaling ? ul : ol,
-          individualScale: u.autoScaling ? p : F,
-          individualMax: u.autoScaling ? Q : B,
-          zeroPosition: u.autoScaling ? j : U,
-          curve: u.autoScaling ? le : E,
-          plots: u.autoScaling ? Z : K,
-          dashedStraight: Tt,
-          dashedSmooth: Ke,
-          hasDashedSegments: be,
-          area: u.useArea ? f.value.useIndividualScale ? t.value.line.cutNullValues ? vo(
-            u.autoScaling ? Z : K,
-            zt
-          ) : ho(
-            u.autoScaling ? Z.filter(
-              (A) => A.value !== null
-            ) : K.filter((A) => A.value !== null),
-            zt
-          ) : t.value.line.cutNullValues ? vo(
-            K,
-            zt
-          ) : ho(
-            K.filter((A) => A.value !== null),
-            zt
-          ) : "",
-          curveAreas: u.useArea ? Uu(
-            u.autoScaling ? t.value.line.cutNullValues ? Z : Z.filter(
-              (A) => A.value !== null
-            ) : t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null),
-            zt,
-            t.value.line.cutNullValues
-          ) : [],
-          straight: u.autoScaling ? re : R,
-          groupId: L.value[u.scaleLabel].groupId
-        };
-      });
-    }), ge = b(() => {
-      const l = Ue.value.filter(
-        (u) => ["bar", "line", "plot"].includes(u.type)
-      ), o = l.length, e = t.value.chart.grid.labels.yAxis.gap, a = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - a;
-      return l.filter((u) => u.type === "plot").map((u) => {
-        Sl(u);
-        const S = L.value[u.scaleLabel].min, M = L.value[u.scaleLabel].max;
-        u.absoluteValues.filter((E) => ![null, void 0].includes(E)).map((E) => (E - S) / (M - S));
-        const I = {
-          valueMin: S,
-          valueMax: M
-        }, V = {
-          max: u.scaleMax || Math.max(...u.absoluteValues) || 1,
-          min: u.scaleMin || Math.min(...u.absoluteValues) > 0 ? 0 : Math.min(...u.absoluteValues)
-        }, {
-          individualScale: D,
-          autoScaleSteps: F,
-          individualZero: p,
-          individualMax: te,
-          autoScaleMax: B,
-          yOffset: Q,
-          individualHeight: X,
-          zeroPosition: H,
-          autoScaleZeroPosition: U
-        } = $l({
-          datapoint: u,
-          totalSeries: o,
-          gap: e,
-          usableHeight: n,
-          autoScaleValueMin: I.valueMin,
-          autoScaleValueMax: I.valueMax,
-          individualExtremes: V,
-          forceExactScale: !0
-        }), j = u.series.map((E, le) => {
-          const R = f.value.useIndividualScale ? (u.absoluteValues[le] + Math.abs(p)) / te : Ge(E);
-          return {
-            x: N(
-              c.value?.left + J.value.plot / 2 + J.value.plot * le
-            ),
-            y: N(
-              c.value?.bottom - Q - X * R
-            ),
-            value: u.absoluteValues[le],
-            comment: u.comments && u.comments.slice(
-              m.value.start,
-              m.value.end
-            )[le] || ""
-          };
-        }), K = u.absoluteValues.map(
-          (E) => F.min >= 0 ? (E - Math.abs(F.min)) / (F.max - Math.abs(F.min)) : (E + Math.abs(F.min)) / (F.max + Math.abs(F.min))
-        ), we = u.series.map((E, le) => ({
-          x: N(
-            c.value?.left + J.value.plot / 2 + J.value.plot * le
-          ),
-          y: N(
-            c.value?.bottom - Q - (X * K[le] || 0)
-          ),
-          value: u.absoluteValues[le],
-          comment: u.comments && u.comments.slice(
-            m.value.start,
-            m.value.end
-          )[le] || ""
-        })), Z = D.ticks.map((E) => ({
-          y: E >= 0 ? H - X * (E / te) : H + X * Math.abs(E) / te,
-          value: E,
-          prefix: u.prefix || t.value.chart.labels.prefix,
-          suffix: u.suffix || t.value.chart.labels.suffix,
-          datapoint: u
-        })), be = F.ticks.map((E) => {
-          const le = (E - F.min) / (F.max - F.min);
-          return {
-            y: E >= 0 ? U - X * le : U + X * le,
-            value: E,
-            prefix: u.prefix || t.value.chart.labels.prefix,
-            suffix: u.suffix || t.value.chart.labels.suffix,
-            datapoint: u
-          };
-        });
-        return L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? be : Z, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? U : H, L.value[u.scaleLabel].individualMax = u.autoScaling ? B : te, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = Q, L.value[u.scaleLabel].individualHeight = X, L.value[u.scaleLabel].autoScaleYLabels = be, L.value[u.scaleLabel].unique = Ue.value.filter(
-          (E) => E.scaleLabel === u.scaleLabel
-        ).length === 1, {
-          ...u,
-          yOffset: Q,
-          autoScaleYLabels: be,
-          individualHeight: X,
-          scaleYLabels: u.autoScaling ? be : Z,
-          individualScale: u.autoScaling ? F : D,
-          individualMax: u.autoScaling ? B : te,
-          zeroPosition: u.autoScaling ? U : H,
-          plots: u.autoScaling ? we : j,
-          groupId: L.value[u.scaleLabel].groupId
-        };
-      });
-    }), At = b(() => {
-      const l = ue.value.map((n) => ({
-        name: n.name,
-        color: n.color,
-        scale: n.individualScale,
-        scaleYLabels: n.scaleYLabels,
-        zero: n.zeroPosition,
-        max: n.individualMax,
-        scaleLabel: n.scaleLabel || "",
-        id: n.id,
-        yOffset: n.yOffset || 0,
-        individualHeight: n.individualHeight || c.value.height,
-        autoScaleYLabels: n.autoScaleYLabels
-      })), o = ke.value.map((n) => ({
-        name: n.name,
-        color: n.color,
-        scale: n.individualScale,
-        scaleYLabels: n.scaleYLabels,
-        zero: n.zeroPosition,
-        max: n.individualMax,
-        scaleLabel: n.scaleLabel || "",
-        id: n.id,
-        yOffset: n.yOffset || 0,
-        individualHeight: n.individualHeight || c.value.height
-      })), e = ge.value.map((n) => ({
-        name: n.name,
-        color: n.color,
-        scale: n.individualScale,
-        scaleYLabels: n.scaleYLabels,
-        // FIX
-        zero: n.zeroPosition,
-        max: n.individualMax,
-        scaleLabel: n.scaleLabel || "",
-        id: n.id,
-        yOffset: n.yOffset || 0,
-        individualHeight: n.individualHeight || c.value.height
-      })), s = f.value.useIndividualScale && !f.value.isStacked ? Object.values(L.value) : [...l, ...o, ...e], a = s.flatMap((n) => n).length;
-      return s.flatMap((n, u) => {
-        let S = 0;
-        S = f.value.isStacked ? c.value?.left : c.value?.left / a * (u + 1);
-        const M = f.value.useIndividualScale && !f.value.isStacked ? n.unique ? n.name : n.groupName : n.name;
-        return {
-          unique: n.unique,
-          id: n.id,
-          groupId: n.groupId,
-          scaleLabel: n.scaleLabel,
-          name: he(
-            t.value.chart.grid.labels.yAxis.serieNameFormatter,
-            M,
-            M,
-            n
-          ),
-          color: f.value.useIndividualScale && !f.value.isStacked ? n.unique ? n.color : n.groupColor : n.color,
-          scale: n.scale,
-          yOffset: n.yOffset,
-          individualHeight: n.individualHeight,
-          x: S,
-          yLabels: n.scaleYLabels || n.scale.ticks.map((I) => ({
-            y: I >= 0 ? n.zero - n.individualHeight * (I / n.max) : n.zero + n.individualHeight * Math.abs(I) / n.max,
-            value: I
-          }))
-        };
-      });
-    }), Ra = b(() => {
-      const l = t.value.line.interLine || {}, o = l.pairs || [], e = l.colors || [];
-      if (!o.length) return [];
-      const s = [];
-      return o.forEach((a, n) => {
-        const [u, S] = Array.isArray(a) ? a : [a.a, a.b];
-        if (!u || !S) return;
-        const M = ue.value.find((p) => p.name === u), I = ue.value.find((p) => p.name === S);
-        if (!M || !I || M.type !== "line" || I.type !== "line") return;
-        const V = e?.[n]?.[0] ?? M.color, D = e?.[n]?.[1] ?? I.color;
-        Zu({
-          lineA: M.plots,
-          lineB: I.plots,
-          smoothA: !!M.smooth,
-          smoothB: !!I.smooth,
-          colorLineA: V,
-          colorLineB: D,
-          sampleStepPx: 2,
-          cutNullValues: t.value.line.cutNullValues
-        }).forEach((p, te) => {
-          s.push({ ...p, key: `inter_${u}_${S}_${n}_${te}` });
-        });
-      }), s;
-    }), Ll = b(() => ({
-      timeLabel: oe.value[_.value],
-      datapoint: Ze.value,
-      seriesIndex: _.value,
-      series: ie.value,
-      bars: ke.value,
-      lines: ue.value,
-      plots: ge.value,
-      config: t.value
-    })), Ha = g({
-      months: [],
-      shortMonths: [],
-      days: [],
-      shortDays: []
-    });
-    let Da = 0;
-    sl(() => {
-      const l = ++Da, o = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
-      (async () => {
-        const e = await po(o.locale).catch(
-          () => po("en")
-        );
-        l === Da && (Ha.value = e.data);
-      })();
-    });
-    const it = b(() => {
-      const l = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter, o = os({
-        useUTC: l.useUTC,
-        locale: Ha.value,
-        januaryAsYear: l.januaryAsYear
-      });
-      return (e, s) => {
-        const n = t.value.chart.grid.labels.xAxisLabels.values?.[e];
-        return n == null ? "" : o.formatDate(new Date(n), s);
-      };
-    }), Wa = b(() => (t.value.chart.grid.labels.xAxisLabels.values || []).map((o, e) => ({
-      text: it.value(
-        e,
-        t.value.chart.zoom.timeFormat
-      ),
-      absoluteIndex: e
-    }))), bu = b(() => {
-      let l = "", o = Ze.value.map((a) => a.value).filter((a) => nl(a) && a !== null).reduce((a, n) => Math.abs(a) + Math.abs(n), 0);
-      const e = oe.value[_.value], s = t.value.chart.tooltip.customFormat;
-      if (fo(s) && Ku(
-        () => s({
-          absoluteIndex: _.value + m.value.start,
-          seriesIndex: _.value,
-          datapoint: Ze.value,
-          series: ie.value,
-          bars: ke.value,
-          lines: ue.value,
-          plots: ge.value,
-          config: t.value,
-          dateLabel: e
-        })
-      ))
-        return s({
-          absoluteIndex: _.value + m.value.start,
-          seriesIndex: _.value,
-          datapoint: Ze.value,
-          series: ie.value,
-          bars: ke.value,
-          lines: ue.value,
-          plots: ge.value,
-          config: t.value,
-          dateLabel: e
-        });
-      if (e && e.text && t.value.chart.tooltip.showTimeLabel) {
-        const a = it.value(
-          _.value + m.value.start,
-          t.value.chart.tooltip.timeFormat
-        );
-        l += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.chart.tooltip.borderColor}; width:100%">${t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.tooltip.useDefaultTimeFormat ? a : e.text}</div>`;
-      }
-      return Ze.value.forEach((a) => {
-        if (nl(a.value)) {
-          let n = "", u = "";
-          switch (pt.value[a.type]) {
-            case "bar":
-              n = `<svg viewBox="0 0 40 40" height="14" width="14">${Hl.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${a.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${Hl.pattern ? `url(#pattern_${z.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
-              break;
-            case "line":
-              !a.shape || ![
-                "star",
-                "triangle",
-                "square",
-                "diamond",
-                "pentagon",
-                "hexagon"
-              ].includes(a.shape) ? u = `<circle cx="10" cy="8" r="4" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" />` : a.shape === "triangle" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "square" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "diamond" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "pentagon" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "hexagon" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "star" && (u = `<polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" points="${mo({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), n = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${a.color}" />${u}</svg>`;
-              break;
-            case "plot":
-              if (!a.shape || ![
-                "star",
-                "triangle",
-                "square",
-                "diamond",
-                "pentagon",
-                "hexagon"
-              ].includes(a.shape)) {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" /></svg>`;
-                break;
-              }
-              if (a.shape === "star") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" points="${mo({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
-                break;
-              }
-              if (a.shape === "triangle") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ie({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-                break;
-              }
-              if (a.shape === "square") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ie({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-                break;
-              }
-              if (a.shape === "diamond") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ie({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-                break;
-              }
-              if (a.shape === "pentagon") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ie({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-                break;
-              }
-              if (a.shape === "hexagon") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ie({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-                break;
-              }
-          }
-          l += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${n}</div> ${a.name}: <b>${t.value.chart.tooltip.showValue ? he(
-            a.type === "line" ? t.value.line.labels.formatter : a.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
-            a.value,
-            Pe({
-              p: a.prefix,
-              v: a.value,
-              s: a.suffix,
-              r: t.value.chart.tooltip.roundingValue
-            }),
-            { datapoint: a }
-          ) : ""}</b> ${t.value.chart.tooltip.showPercentage ? `(${Pe({
-            v: N(Math.abs(a.value) / o * 100),
-            s: "%",
-            r: t.value.chart.tooltip.roundingPercentage
-          })})` : ""}</div>`, t.value.chart.comments.showInTooltip && a.comments.length && a.comments.slice(m.value.start, m.value.end)[_.value] && (l += `<div class="vue-data-ui-tooltip-comment" style="background:${a.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${a.color}">${a.comments.slice(m.value.start, m.value.end)[_.value]}</div>`);
-        }
-      }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${t.value.chart.tooltip.color}">${l}</div>`;
-    }), Ea = b(() => {
-      if (Ve.value.length === 0)
-        return { head: [], body: [], config: {}, columnNames: [] };
-      const l = ye.value.map((e) => ({
-        label: e.name,
-        color: e.color,
-        type: e.type
-      })), o = [];
-      return oe.value.forEach((e, s) => {
-        const a = t.value.table.useDefaultTimeFormat ? [e.text] : [
-          it.value(
-            s + m.value.start,
-            t.value.table.timeFormat
-          )
-        ];
-        ye.value.forEach((n) => {
-          a.push(
-            xe(n.absoluteValues[s]) ? Number(
-              n.absoluteValues[s].toFixed(
-                t.value.table.rounding
-              )
-            ) : ""
-          );
-        }), o.push(a);
-      }), { head: l, body: o };
-    }), rt = b(() => {
-      const l = t.value.table.showSum;
-      let o = [""].concat(ye.value.map((n) => n.name));
-      l && (o = o.concat(
-        ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>'
-      ));
-      let e = [];
-      for (let n = 0; n < $.value; n += 1) {
-        const u = ye.value.map((S) => S.absoluteValues[n] ?? 0).reduce((S, M) => S + M, 0);
-        e.push(
-          [
-            t.value.table.useDefaultTimeFormat ? oe.value[n]?.text ?? "-" : it.value(
-              n + m.value.start,
-              t.value.table.timeFormat
-            )
-          ].concat(
-            ye.value.map((S) => he(
-              S.type === "line" ? t.value.line.labels.formatter : S.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
-              S.absoluteValues[n] ?? 0,
-              Pe({
-                p: S.prefix || t.value.chart.labels.prefix,
-                v: S.absoluteValues[n] ?? 0,
-                s: S.suffix || t.value.chart.labels.suffix,
-                r: t.value.table.rounding
-              })
-            ))
-          ).concat(
-            l ? (u ?? 0).toFixed(t.value.table.rounding) : []
-          )
-        );
-      }
-      const s = {
-        th: {
-          backgroundColor: t.value.table.th.backgroundColor,
-          color: t.value.table.th.color,
-          outline: t.value.table.th.outline
-        },
-        td: {
-          backgroundColor: t.value.table.td.backgroundColor,
-          color: t.value.table.td.color,
-          outline: t.value.table.td.outline
-        },
-        breakpoint: t.value.table.responsiveBreakpoint
-      }, a = [t.value.table.columnNames.period].concat(ye.value.map((n) => n.name)).concat(t.value.table.columnNames.total);
-      return { head: o, body: e, config: s, colNames: a };
-    });
-    function Ml(l = null) {
-      const o = [
-        [t.value.chart.title.text],
-        [t.value.chart.title.subtitle.text],
-        [""]
-      ], e = ["", ...Ea.value.head.map((u) => u.label)], s = Ea.value.body, a = o.concat([e]).concat(s), n = ts(a);
-      l ? l(n) : ls({
-        csvContent: n,
-        title: t.value.chart.title.text || "vue-ui-xy"
-      });
-    }
-    function Al(l, o = null) {
-      if (Wo.value) return;
-      Wl.value = l;
-      const e = ye.value.map((s) => ({
-        name: s.name,
-        value: [null, void 0, NaN].includes(
-          s.absoluteValues[o]
-        ) ? null : s.absoluteValues[o],
-        color: s.color,
-        type: s.type
-      }));
-      l ? (_.value = o, t.value.events.datapointEnter && t.value.events.datapointEnter({
-        datapoint: e,
-        seriesIndex: o + m.value.start
-      })) : (_.value = null, t.value.events.datapointLeave && t.value.events.datapointLeave({
-        datapoint: e,
-        seriesIndex: o + m.value.start
-      }));
-    }
-    function Ya() {
-      f.value.showTable = !f.value.showTable;
-    }
-    function Xa() {
-      f.value.dataLabels.show = !f.value.dataLabels.show;
-    }
-    function Ga() {
-      f.value.showTooltip = !f.value.showTooltip;
-    }
-    function qa(l) {
-      Ee.value = l, El.value += 1;
-    }
-    function Ua() {
-      if (!t.value.responsiveProportionalSizing) {
-        x.value.dataLabels = t.value.chart.grid.labels.fontSize, x.value.yAxis = t.value.chart.grid.labels.axis.fontSize, x.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, x.value.plotLabels = t.value.chart.labels.fontSize, Le.value.plot = t.value.plot.radius, Le.value.line = t.value.line.radius;
-        return;
-      }
-      x.value.dataLabels = dt({
-        relator: fe.value,
-        adjuster: 400,
-        source: t.value.chart.grid.labels.fontSize,
-        threshold: 10,
-        fallback: 10
-      }), x.value.yAxis = dt({
-        relator: ee.value,
-        adjuster: 1e3,
-        source: t.value.chart.grid.labels.axis.fontSize,
-        threshold: 10,
-        fallback: 10
-      }), x.value.xAxis = dt({
-        relator: ee.value,
-        adjuster: 1e3,
-        source: t.value.chart.grid.labels.xAxisLabels.fontSize,
-        threshold: 10,
-        fallback: 10
-      }), x.value.plotLabels = dt({
-        relator: ee.value,
-        adjuster: 800,
-        source: t.value.chart.labels.fontSize,
-        threshold: 10,
-        fallback: 10
-      }), Le.value.plot = dt({
-        relator: ee.value,
-        adjuster: 800,
-        source: t.value.plot.radius,
-        threshold: 1,
-        fallback: 1
-      }), Le.value.line = dt({
-        relator: ee.value,
-        adjuster: 800,
-        source: t.value.line.radius,
-        threshold: 1,
-        fallback: 1
-      });
-    }
-    function Cl() {
-      go(T.dataset) ? (Nl({
-        componentName: "VueUiXy",
-        type: "dataset",
-        debug: kt.value
-      }), Wt.value = !0) : T.dataset.forEach((o, e) => {
-        [null, void 0].includes(o.name) && (Nl({
-          componentName: "VueUiXy",
-          type: "datasetSerieAttribute",
-          property: "name (string)",
-          index: e,
-          debug: kt.value
-        }), Wt.value = !0);
-      }), kt.value && T.dataset.forEach((o) => {
-        o.series.forEach((e, s) => {
-          nl(e) || console.warn(
-            `VueUiXy has detected an unsafe value in your dataset:
------> The serie '${o.name}' contains the value '${e}' at index ${s}.
-'${e}' was converted to null to allow the chart to display.`
-          );
-        });
-      }), go(T.dataset) || (Wt.value = t.value.loading), Gl.value = t.value.chart.userOptions.showOnChartHover, bl.value = t.value.chart.userOptions.keepStateOnChartLeave, Bt.value = !t.value.chart.userOptions.showOnChartHover, kl();
-      const l = 12;
-      if (t.value.responsive) {
-        const e = $e.value.parentNode;
-        Ne.value && (Ne.value.unobserve(ml.value), Ne.value.disconnect());
-        const { height: s, width: a } = e.getBoundingClientRect();
-        let n = null, u = 0;
-        t.value.chart.title.show && ft.value && (n = ft.value, u = n.getBoundingClientRect().height);
-        let S = null, M = 0;
-        t.value.chart.zoom.show && ze.value > 6 && xl.value && Te.value && Te.value.$el && (S = Te.value.$el, M = S.getBoundingClientRect().height);
-        let I = null, V = 0;
-        t.value.chart.legend.show && mt.value && (I = mt.value, V = I.getBoundingClientRect().height);
-        let D = 0;
-        gt.value && (D = gt.value.getBoundingClientRect().height);
-        let F = 0;
-        bt.value && (F = bt.value.getBoundingClientRect().height), fe.value = s - u - V - M - D - F - l, ee.value = a, Vt.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${fe.value < 0 ? 10 : fe.value}`, Ua();
-        const p = new ResizeObserver((te) => {
-          for (const B of te)
-            t.value.chart.title.show && ft.value ? u = ft.value.getBoundingClientRect().height : u = 0, Te.value && Te.value.$el ? M = Te.value.$el.getBoundingClientRect().height : M = 0, mt.value ? V = mt.value.getBoundingClientRect().height : V = 0, gt.value ? D = gt.value.getBoundingClientRect().height : D = 0, bt.value ? F = bt.value.getBoundingClientRect().height : F = 0, requestAnimationFrame(() => {
-              fe.value = B.contentRect.height - u - V - M - D - F - l, ee.value = B.contentBoxSize[0].inlineSize ?? B.contentRect.width, Vt.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${fe.value < 0 ? 10 : fe.value}`, Ua(), xt(), at();
-            });
-        });
-        Ne.value = p, ml.value = e, p.observe(e);
-      } else
-        fe.value = t.value.chart.height, ee.value = t.value.chart.width, x.value.dataLabels = t.value.chart.grid.labels.fontSize, x.value.yAxis = t.value.chart.grid.labels.axis.fontSize, x.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, x.value.plotLabels = t.value.chart.labels.fontSize, Le.value.plot = t.value.plot.radius, Le.value.line = t.value.line.radius, Vt.value = `0 0 ${ee.value} ${fe.value}`;
-      xt(), at();
-    }
-    function Za(l) {
-      Po.value = {
-        x: l.clientX,
-        y: l.clientY
-      };
-    }
-    It(() => {
-      Cl(), Jt(), document.addEventListener("mousemove", Za, {
-        passive: !0
-      }), document.addEventListener("scroll", fa, { passive: !0 });
-    }), Pl(() => {
-      document.removeEventListener("scroll", fa, { passive: !0 }), document.removeEventListener("mousemove", Za, {
-        passive: !0
-      }), Ne.value && (Ne.value.unobserve(ml.value), Ne.value.disconnect(), Ne.value = null);
-    }), ds({
-      timeLabelsEls: Ft,
-      timeLabels: oe,
-      slicer: m,
-      configRef: t,
-      rotationPath: ["chart", "grid", "labels", "xAxisLabels", "rotation"],
-      autoRotatePath: [
-        "chart",
-        "grid",
-        "labels",
-        "xAxisLabels",
-        "autoRotate",
-        "enable"
-      ],
-      isAutoSize: Ho,
-      height: fe,
-      width: ee,
-      rotation: t.value.chart.grid.labels.xAxisLabels.autoRotate.angle
-    });
-    const al = g(!1), Ka = g(null), Ja = g(200), pu = b(
-      () => _.value ?? P.value ?? 0
-    );
-    function yu() {
-      const l = Math.ceil(Ja.value || 200);
-      return Math.min(Math.max(l, 1), 200);
-    }
-    function xu() {
-      const l = yu(), o = 200, e = Math.max(1, $.value), s = c.value.width / e, n = c.value?.left + pu.value * s + s / 2 - l / 2 - (o - l) / 2, u = c.value?.left - (o - l) / 2, S = c.value?.right - (o + l) / 2, M = Math.max(u, Math.min(n, S));
-      return N(M);
-    }
-    It(() => {
-      let l = null, o = null;
-      const e = (n) => {
-        cancelAnimationFrame(o), o = requestAnimationFrame(() => {
-          Ja.value = Math.min(Math.max(Math.ceil(n || 0), 1), 200);
-        });
-      }, s = new ResizeObserver((n) => {
-        let u = n.find((S) => S.target === l) || n[0];
-        u && e(u.contentRect.width || 200);
-      }), a = sl((n) => {
-        const u = Ka.value;
-        l && l !== u && (s.unobserve(l), l = null), u && u !== l && (Pt(() => {
-          u.offsetParent !== null && e(u.offsetWidth || u.getBoundingClientRect().width || 200);
-        }), s.observe(u), l = u), n(() => {
-          l && (s.unobserve(l), l = null);
-        });
-      });
-      Pl(() => {
-        try {
-          l && s.unobserve(l), s.disconnect(), a();
-        } catch {
-        }
-      });
-    });
-    const ku = b(() => {
-      if ([null, void 0].includes(_.value) && [null, void 0].includes(P.value))
-        return "";
-      const l = (_.value != null ? _.value : 0) || (P.value != null ? P.value : 0), o = t.value.chart.timeTag.customFormat;
-      if (al.value = !1, fo(o))
-        try {
-          const e = o({
-            absoluteIndex: l + m.value.start,
-            seriesIndex: l,
-            datapoint: Ze.value,
-            bars: ke.value,
-            lines: ue.value,
-            plots: ge.value,
-            config: t.value
-          });
-          if (typeof e == "string")
-            return al.value = !0, e;
-        } catch {
-          console.warn("Custom format cannot be applied on timeTag."), al.value = !1;
-        }
-      if (!al.value)
-        return [null, void 0].includes(oe.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? it.value(
-          l + m.value.start,
-          t.value.chart.timeTag.timeFormat
-        ) : oe.value[l].text;
-    });
-    ct(
-      () => T.dataset,
-      (l) => {
-        Array.isArray(l) && l.length > 0 && (Wt.value = !1), ze.value = Math.max(
-          ...pe.value.map(
-            (o) => Fe(o.series).length
-          )
-        ), m.value = {
-          start: 0,
-          end: ze.value
-        }, Io.value += 1, gl.value += 1, xt(), at(), ot();
-      },
-      { deep: !0 }
-    ), ct(
-      () => T.config,
-      (l) => {
-        ne.value || (t.value = yl()), Cl(), Xl.value += 1, Yl.value += 1, kl(), xt(), at(), ot();
-      },
-      { deep: !0 }
-    );
-    const Tl = g(!1);
-    function Qa() {
-      const l = $e.value?.parentNode;
-      if (!l) {
-        Tl.value = !1;
-        return;
-      }
-      const o = l.getBoundingClientRect();
-      Tl.value = o.width > 2 && o.height > 2;
-    }
-    It(() => {
-      Qa();
-      const l = new ResizeObserver(() => {
-        Qa(), Tl.value && (Cl(), ot(), Jt());
-      });
-      $e.value?.parentNode && l.observe($e.value.parentNode);
-    }), ct(
-      t,
-      () => {
-        kl();
-      },
-      { immediate: !0 }
-    );
-    const Ct = b(() => {
-      const l = t.value.table.useDialog && !t.value.showTable, o = f.value.showTable;
-      return {
-        component: l ? Mo : bs,
-        title: `${t.value.chart.title.text}${t.value.chart.title.subtitle.text ? `: ${t.value.chart.title.subtitle.text}` : ""}`,
-        props: l ? {
-          backgroundColor: t.value.table.th.backgroundColor,
-          color: t.value.table.th.color,
-          headerColor: t.value.table.th.color,
-          headerBg: t.value.table.th.backgroundColor,
-          isFullscreen: Ee.value,
-          fullscreenParent: $e.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8)
-        } : {
-          hideDetails: !0,
-          config: {
-            open: o,
-            maxHeight: 1e4,
-            body: {
-              backgroundColor: t.value.chart.backgroundColor,
-              color: t.value.chart.color
-            },
-            head: {
-              backgroundColor: t.value.chart.backgroundColor,
-              color: t.value.chart.color
-            }
-          }
-        }
-      };
-    });
-    ct(
-      () => f.value.showTable,
-      (l) => {
-        t.value.showTable || (l && t.value.table.useDialog && tt.value ? tt.value.open() : tt.value && tt.value.close && tt.value.close());
-      }
-    );
-    function ja() {
-      f.value.showTable = !1, fl.value && fl.value.setTableIconState(!1);
-    }
-    const _u = b(() => ie.value.map((l) => ({
-      shape: l.type === "bar" ? "square" : l.shape ?? "circle",
-      color: l.color,
-      name: l.name
-    }))), wu = b(() => t.value.chart.backgroundColor), Su = b(() => t.value.chart.legend), $u = b(() => t.value.chart.title), { exportSvg: Lu, getSvg: Mu } = rs({
-      svg: ae,
-      title: $u,
-      legend: Su,
-      legendItems: _u,
-      backgroundColor: wu
-    });
-    async function eo({ isCb: l }) {
-      Dt.value = !0, await Pt();
-      try {
-        if (l) {
-          const { blob: o, url: e, text: s, dataUrl: a } = await Mu();
-          await Promise.resolve(
-            t.value.chart.userOptions.callbacks.svg({
-              blob: o,
-              url: e,
-              text: s,
-              dataUrl: a
-            })
-          );
-        } else
-          await Promise.resolve(Lu());
-      } finally {
-        Dt.value = !1;
-      }
-    }
-    function Au(l) {
-      if (l?.stage === "start") {
-        Ht.value = !0;
-        return;
-      }
-      if (l?.stage === "end") {
-        Ht.value = !1;
-        return;
-      }
-      na();
-    }
-    async function to() {
-      if (We("copyAlt", {
-        config: {
-          ...t.value,
-          formattedDates: oe.value
-        },
-        dataset: {
-          lines: ue.value,
-          bars: ke.value,
-          plots: ge.value
-        }
-      }), !t.value.chart.userOptions.callbacks.altCopy) {
-        console.warn(
-          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
-        );
-        return;
-      }
-      await Promise.resolve(
-        t.value.chart.userOptions.callbacks.altCopy({
-          config: {
-            ...t.value,
-            formattedDates: oe.value
-          },
-          dataset: {
-            lines: ue.value,
-            bars: ke.value,
-            plots: ge.value
-          }
-        })
-      );
-    }
-    const zl = g(!1);
-    function Cu() {
-      m.value.end > m.value.start && (lt.value = null), Ut.value = !0, zl.value = !0;
-    }
-    function Tu() {
-      lt.value = null, Lt(), zl.value = !1, Ut.value = !1;
-    }
-    function zu(l) {
-      if (!ae.value || et.value || document.activeElement !== ae.value) return;
-      const o = l.key === "ArrowLeft", e = l.key === "ArrowRight";
-      if (!o && !e || !m.value.end && m.value.end !== 0) return;
-      const s = m.value.end - m.value.start;
-      if (s <= 0) return;
-      l.preventDefault(), l.stopPropagation();
-      let a = lt.value;
-      const n = nt.value, u = a !== null && a >= 0 && a < s, S = n !== null && n >= 0 && n < s;
-      u ? e ? (a += 1, a >= s && (a = 0)) : o && (a -= 1, a < 0 && (a = s - 1)) : S ? (a = e ? n + 1 : n - 1, a >= s && (a = 0), a < 0 && (a = s - 1)) : e ? a = 0 : a = s - 1, lt.value = a, Iu(a), Al(!0, a);
-    }
-    function Iu(l) {
-      const o = m.value.end - m.value.start;
-      if (o <= 0) return;
-      const e = c.value.width / o, s = c.value.left + e * l + e / 2, a = c.value.top + c.value.height / 2, n = as(s, a, ae.value);
-      n && (Ul.value = n);
-    }
-    const Il = b(() => {
-      if (!rt.value) return null;
-      const l = t.value.table.showSum;
-      let o = [t.value.table.columnNames.period].concat(
-        ye.value.map((s) => s.name)
-      );
-      l && (o = o.concat(t.value.table.columnNames.total));
-      const e = rt.value.body.slice(
-        m.value.start,
-        m.value.end
-      );
-      return {
-        headers: o,
-        rows: e
-      };
-    });
-    return yo({
-      getData: lu,
-      getImage: au,
-      generatePdf: sa,
-      generateImage: na,
-      generateSvg: eo,
-      generateCsv: Ml,
-      hideSeries: nu,
-      showSeries: su,
-      toggleStack: ya,
-      toggleTable: Ya,
-      toggleLabels: Xa,
-      toggleTooltip: Ga,
-      toggleAnnotator: wl,
-      toggleFullscreen: qa,
-      copyAlt: to
-    }), (l, o) => (i(), r("div", {
-      id: `vue-ui-xy_${z.value}`,
-      class: Je(`vue-data-ui-component vue-ui-xy ${Ee.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      ref_key: "chart",
-      ref: $e,
-      style: w(`background:${t.value.chart.backgroundColor}; color:${t.value.chart.color};width:100%;font-family:${t.value.chart.fontFamily};${t.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: o[6] || (o[6] = () => ma(!0)),
-      onMouseleave: o[7] || (o[7] = () => ma(!1)),
-      onClick: za
-    }, [
-      y("div", {
-        id: `chart-instructions-${z.value}`,
-        class: "sr-only"
-      }, [
-        y("p", null, se(t.value.a11y.translations.keyboardNavigation), 1)
-      ], 8, _s),
-      Il.value?.rows?.length ? (i(), _e(ys, {
-        key: 0,
-        uid: z.value,
-        head: Il.value.headers,
-        body: Il.value.rows,
-        notice: t.value.a11y.translations.tableAvailable,
-        caption: t.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : h("", !0),
-      t.value.chart.userOptions.buttons.annotator && ae.value ? (i(), _e(v(Lo), {
-        key: 1,
-        svgRef: ae.value,
-        backgroundColor: t.value.chart.backgroundColor,
-        color: t.value.chart.color,
-        active: et.value,
-        isCursorPointer: Xe.value,
-        onClose: wl
-      }, {
-        "annotator-action-close": Y(() => [
-          O(l.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": Y(({ color: e }) => [
-          O(l.$slots, "annotator-action-color", ve(de({ color: e })), void 0, !0)
-        ]),
-        "annotator-action-draw": Y(({ mode: e }) => [
-          O(l.$slots, "annotator-action-draw", ve(de({ mode: e })), void 0, !0)
-        ]),
-        "annotator-action-undo": Y(({ disabled: e }) => [
-          O(l.$slots, "annotator-action-undo", ve(de({ disabled: e })), void 0, !0)
-        ]),
-        "annotator-action-redo": Y(({ disabled: e }) => [
-          O(l.$slots, "annotator-action-redo", ve(de({ disabled: e })), void 0, !0)
-        ]),
-        "annotator-action-delete": Y(({ disabled: e }) => [
-          O(l.$slots, "annotator-action-delete", ve(de({ disabled: e })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : h("", !0),
-      ru.value ? (i(), r("div", {
-        key: 2,
-        ref_key: "noTitle",
-        ref: bt,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%; background:transparent"
-      }, null, 512)) : h("", !0),
-      t.value.chart.title.show ? (i(), r("div", {
-        key: 3,
-        ref_key: "chartTitle",
-        ref: ft,
-        class: "vue-ui-xy-title",
-        style: w(`font-family:${t.value.chart.fontFamily}`)
-      }, [
-        (i(), _e(fs, {
-          key: `title_${Xl.value}`,
-          config: {
-            title: {
-              cy: "xy-div-title",
-              ...t.value.chart.title
-            },
-            subtitle: {
-              cy: "xy-div-subtitle",
-              ...t.value.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 4)) : h("", !0),
-      y("div", {
-        id: `legend-top-${z.value}`
-      }, null, 8, ws),
-      t.value.chart.userOptions.show && (bl.value || Bt.value) ? (i(), _e(v(wo), {
-        ref_key: "userOptionsRef",
-        ref: fl,
-        key: `user_options_${El.value}`,
-        backgroundColor: t.value.chart.backgroundColor,
-        color: t.value.chart.color,
-        isPrinting: v(Et),
-        isImaging: v(_l),
-        uid: z.value,
-        hasTooltip: t.value.chart.userOptions.buttons.tooltip && t.value.chart.tooltip.show,
-        hasPdf: t.value.chart.userOptions.buttons.pdf,
-        hasXls: t.value.chart.userOptions.buttons.csv,
-        hasImg: t.value.chart.userOptions.buttons.img,
-        hasSvg: t.value.chart.userOptions.buttons.svg,
-        hasLabel: t.value.chart.userOptions.buttons.labels,
-        hasTable: t.value.chart.userOptions.buttons.table,
-        hasStack: cl.dataset.length > 1 && t.value.chart.userOptions.buttons.stack,
-        hasFullscreen: t.value.chart.userOptions.buttons.fullscreen,
-        hasAltCopy: t.value.chart.userOptions.buttons.altCopy,
-        isStacked: f.value.isStacked,
-        isFullscreen: Ee.value,
-        chartElement: l.$refs.chart,
-        position: t.value.chart.userOptions.position,
-        isTooltip: f.value.showTooltip,
-        titles: { ...t.value.chart.userOptions.buttonTitles },
-        hasAnnotator: t.value.chart.userOptions.buttons.annotator,
-        isAnnotation: et.value,
-        callbacks: t.value.chart.userOptions.callbacks,
-        tableDialog: t.value.table.useDialog,
-        printScale: t.value.chart.userOptions.print.scale,
-        isCursorPointer: Xe.value,
-        onToggleFullscreen: qa,
-        onGeneratePdf: v(sa),
-        onGenerateCsv: Ml,
-        onGenerateImage: Au,
-        onGenerateSvg: eo,
-        onToggleTable: Ya,
-        onToggleLabels: Xa,
-        onToggleStack: ya,
-        onToggleTooltip: Ga,
-        onToggleAnnotator: wl,
-        onCopyAlt: to,
-        style: w({
-          visibility: bl.value ? Bt.value ? "visible" : "hidden" : "visible"
-        })
-      }, lo({ _: 2 }, [
-        l.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: Y(({ isOpen: e, color: s }) => [
-            O(l.$slots, "menuIcon", ve(de({ isOpen: e, color: s })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        l.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: Y(() => [
-            O(l.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        l.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: Y(() => [
-            O(l.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        l.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: Y(() => [
-            O(l.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        l.$slots.optionImg ? {
-          name: "optionImg",
-          fn: Y(() => [
-            O(l.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        l.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: Y(() => [
-            O(l.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        l.$slots.optionTable ? {
-          name: "optionTable",
-          fn: Y(() => [
-            O(l.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        l.$slots.optionLabels ? {
-          name: "optionLabels",
-          fn: Y(() => [
-            O(l.$slots, "optionLabels", {}, void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        l.$slots.optionStack ? {
-          name: "optionStack",
-          fn: Y(({ isStack: e }) => [
-            O(l.$slots, "optionStack", ve(de({ isStack: e })), void 0, !0)
-          ]),
-          key: "8"
-        } : void 0,
-        l.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: Y(({ toggleFullscreen: e, isFullscreen: s }) => [
-            O(l.$slots, "optionFullscreen", ve(de({ toggleFullscreen: e, isFullscreen: s })), void 0, !0)
-          ]),
-          key: "9"
-        } : void 0,
-        l.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: Y(({ toggleAnnotator: e, isAnnotator: s }) => [
-            O(l.$slots, "optionAnnotator", ve(de({ toggleAnnotator: e, isAnnotator: s })), void 0, !0)
-          ]),
-          key: "10"
-        } : void 0,
-        l.$slots.optionAltCopy ? {
-          name: "optionAltCopy",
-          fn: Y(({ altCopy: e }) => [
-            O(l.$slots, "optionAltCopy", ve(de({ altCopy: e })), void 0, !0)
-          ]),
-          key: "11"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "hasAltCopy", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "tableDialog", "printScale", "isCursorPointer", "onGeneratePdf", "style"])) : h("", !0),
-      y("div", Ss, [
-        (i(), r("svg", {
-          ref_key: "svgRef",
-          ref: ae,
-          xmlns: "http://www.w3.org/2000/svg",
-          class: Je([{
-            "vue-data-ui-fullscreen--on": Ee.value,
-            "vue-data-ui-fulscreen--off": !Ee.value
-          }, "vue-ui-xy-svg vue-data-ui-svg"]),
-          width: "100%",
-          viewBox: Vt.value,
-          style: w({
-            background: "transparent",
-            color: t.value.chart.color,
-            fontFamily: t.value.chart.fontFamily
-          }),
-          "aria-label": iu.value,
-          "aria-describedby": `chart-instructions-${z.value}`,
-          "aria-live": "polite",
-          role: "img",
-          tabindex: "0",
-          preserveAspectRatio: "xMidYMid",
-          onMousemove: tu,
-          onMouseleave: Lt,
-          onClick: za,
-          onFocus: Cu,
-          onBlur: Tu,
-          onKeydown: zu
-        }, [
-          y("g", {
-            ref_key: "G",
-            ref: zo,
-            class: "vue-data-ui-g"
-          }, [
-            vt(v($o)),
-            l.$slots["chart-background"] ? (i(), r("foreignObject", {
-              key: 0,
-              x: c.value?.left + q.value < 0 ? 0 : c.value?.left + q.value,
-              y: c.value?.top,
-              width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value),
-              height: c.value.height < 0 ? 0 : c.value.height,
-              style: {
-                pointerEvents: "none"
-              }
-            }, [
-              O(l.$slots, "chart-background", {}, void 0, !0)
-            ], 8, Ls)) : h("", !0),
-            $.value > 0 ? (i(), r("g", Ms, [
-              y("g", As, [
-                t.value.chart.grid.labels.xAxis.showBaseline ? (i(), r("line", {
-                  key: 0,
-                  stroke: t.value.chart.grid.stroke,
-                  "stroke-width": "1",
-                  x1: c.value?.left + q.value,
-                  x2: c.value?.right - q.value,
-                  y1: v(W)(c.value?.bottom),
-                  y2: v(W)(c.value?.bottom),
-                  "stroke-linecap": "round",
-                  style: { animation: "none !important" }
-                }, null, 8, Cs)) : h("", !0),
-                f.value.useIndividualScale ? t.value.chart.grid.showHorizontalLines ? (i(!0), r(d, { key: 2 }, k(At.value, (e) => (i(), r("g", null, [
-                  e.id === C.value && e.yLabels.length ? (i(!0), r(d, { key: 0 }, k(e.yLabels, (s) => (i(), r("line", {
-                    x1: c.value?.left + q.value,
-                    x2: c.value?.right - q.value,
-                    y1: v(W)(s.y),
-                    y2: v(W)(s.y),
-                    stroke: e.color,
-                    "stroke-width": 0.5,
-                    "stroke-linecap": "round",
-                    style: {
-                      animation: "none !important"
-                    }
-                  }, null, 8, Ps))), 256)) : e.yLabels.length ? (i(!0), r(d, { key: 1 }, k(e.yLabels, (s) => (i(), r("line", {
-                    x1: c.value?.left + q.value,
-                    x2: c.value?.right - q.value,
-                    y1: v(W)(s.y),
-                    y2: v(W)(s.y),
-                    stroke: t.value.chart.grid.stroke,
-                    "stroke-width": 0.5,
-                    "stroke-linecap": "round",
-                    style: {
-                      animation: "none !important"
-                    }
-                  }, null, 8, Os))), 256)) : h("", !0)
-                ]))), 256)) : h("", !0) : (i(), r(d, { key: 1 }, [
-                  t.value.chart.grid.labels.yAxis.showBaseline ? (i(), r("line", {
-                    key: 0,
-                    stroke: t.value.chart.grid.stroke,
-                    "stroke-width": "1",
-                    x1: c.value?.left + q.value,
-                    x2: c.value?.left + q.value,
-                    y1: v(W)(c.value?.top),
-                    y2: v(W)(c.value?.bottom),
-                    "stroke-linecap": "round",
-                    style: { animation: "none !important" }
-                  }, null, 8, Ts)) : h("", !0),
-                  t.value.chart.grid.showHorizontalLines ? (i(), r("g", zs, [
-                    (i(!0), r(d, null, k(Fa.value, (e) => (i(), r("line", {
-                      x1: c.value?.left + q.value,
-                      x2: c.value?.right,
-                      y1: v(W)(e.y),
-                      y2: v(W)(e.y),
-                      stroke: t.value.chart.grid.stroke,
-                      "stroke-width": 0.5,
-                      "stroke-linecap": "round",
-                      style: {
-                        animation: "none !important"
-                      }
-                    }, null, 8, Is))), 256))
-                  ])) : h("", !0)
-                ], 64)),
-                t.value.chart.grid.showVerticalLines ? (i(), r("g", Ns, [
-                  y("path", {
-                    d: Xo.value,
-                    "stroke-width": 0.5,
-                    stroke: t.value.chart.grid.stroke,
-                    "stroke-linecap": "round",
-                    style: { animation: "none !important" }
-                  }, null, 8, Fs)
-                ])) : h("", !0),
-                t.value.chart.grid.labels.xAxisLabels.show ? (i(), r("g", Vs, [
-                  y("path", {
-                    d: Go.value,
-                    stroke: t.value.chart.grid.stroke,
-                    "stroke-width": 1,
-                    "stroke-linecap": "round",
-                    style: { animation: "none !important" }
-                  }, null, 8, Bs)
-                ])) : h("", !0)
-              ]),
-              (i(!0), r(d, null, k(ke.value, (e, s) => (i(), r("defs", {
-                key: `def_rect_${s}`
-              }, [
-                l.$slots["bar-gradient"] ? O(l.$slots, "bar-gradient", Qe({
-                  key: 0,
-                  ref_for: !0
-                }, {
-                  series: e,
-                  positiveId: `rectGradient_pos_${s}_${z.value}`,
-                  negativeId: `rectGradient_neg_${s}_${z.value}`
-                }), void 0, !0) : (i(), r(d, { key: 1 }, [
-                  y("linearGradient", {
-                    id: `rectGradient_pos_${s}_${z.value}`,
-                    x2: "0%",
-                    y2: "100%"
-                  }, [
-                    y("stop", {
-                      offset: "0%",
-                      "stop-color": e.color
-                    }, null, 8, Hs),
-                    y("stop", {
-                      offset: "62%",
-                      "stop-color": `${v(je)(e.color, 0.02)}`
-                    }, null, 8, Ds),
-                    y("stop", {
-                      offset: "100%",
-                      "stop-color": `${v(je)(e.color, 0.05)}`
-                    }, null, 8, Ws)
-                  ], 8, Rs),
-                  y("linearGradient", {
-                    id: `rectGradient_neg_${s}_${z.value}`,
-                    x2: "0%",
-                    y2: "100%"
-                  }, [
-                    y("stop", {
-                      offset: "0%",
-                      "stop-color": `${v(je)(e.color, 0.05)}`
-                    }, null, 8, Ys),
-                    y("stop", {
-                      offset: "38%",
-                      "stop-color": `${v(je)(e.color, 0.02)}`
-                    }, null, 8, Xs),
-                    y("stop", {
-                      offset: "100%",
-                      "stop-color": e.color
-                    }, null, 8, Gs)
-                  ], 8, Es)
-                ], 64))
-              ]))), 128)),
-              (i(!0), r(d, null, k(ge.value, (e, s) => (i(), r("defs", {
-                key: `def_plot_${s}`
-              }, [
-                y("radialGradient", {
-                  id: `plotGradient_${s}_${z.value}`,
-                  cx: "50%",
-                  cy: "50%",
-                  r: "50%",
-                  fx: "50%",
-                  fy: "50%"
-                }, [
-                  y("stop", {
-                    offset: "0%",
-                    "stop-color": `${v(je)(e.color, 0.05)}`
-                  }, null, 8, Us),
-                  y("stop", {
-                    offset: "100%",
-                    "stop-color": e.color
-                  }, null, 8, Zs)
-                ], 8, qs)
-              ]))), 128)),
-              (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r(d, {
-                key: `def_line_${e.id}`
-              }, [
-                y("defs", null, [
-                  y("radialGradient", {
-                    id: `lineGradient_${s}_${z.value}`,
-                    cx: "50%",
-                    cy: "50%",
-                    r: "50%",
-                    fx: "50%",
-                    fy: "50%"
-                  }, [
-                    y("stop", {
-                      offset: "0%",
-                      "stop-color": `${v(je)(e.color, 0.05)}`
-                    }, null, 8, Js),
-                    y("stop", {
-                      offset: "100%",
-                      "stop-color": e.color
-                    }, null, 8, Qs)
-                  ], 8, Ks),
-                  l.$slots["area-gradient"] ? O(l.$slots, "area-gradient", Qe({
-                    key: 0,
-                    ref_for: !0
-                  }, {
-                    series: e,
-                    id: `areaGradient_${s}_${z.value}`
-                  }), void 0, !0) : (i(), r("linearGradient", {
-                    key: 1,
-                    id: `areaGradient_${s}_${z.value}`,
-                    x1: "0%",
-                    x2: "100%",
-                    y1: "0%",
-                    y2: "0%"
-                  }, [
-                    y("stop", {
-                      offset: "0%",
-                      "stop-color": `${v(Ce)(v(je)(e.color, 0.03), t.value.line.area.opacity)}`
-                    }, null, 8, en),
-                    y("stop", {
-                      offset: "100%",
-                      "stop-color": `${v(Ce)(e.color, t.value.line.area.opacity)}`
-                    }, null, 8, tn)
-                  ], 8, js))
-                ]),
-                e.temperatureColors ? (i(), r("defs", ln, [
-                  y("linearGradient", {
-                    id: `temperature_grad_line_${s}_${z.value}`,
-                    gradientTransform: "rotate(90)"
-                  }, [
-                    (i(!0), r(d, null, k(e.temperatureColors, (a, n) => (i(), r("stop", {
-                      key: `temperature_grad_stop_${s}_${n}_${z.value}`,
-                      "stop-color": a,
-                      offset: v(Ju)(
-                        n,
-                        e.temperatureColors.length
-                      )
-                    }, null, 8, on))), 128))
-                  ], 8, an)
-                ])) : h("", !0)
-              ], 64))), 128)),
-              (i(!0), r(d, null, k(cu.value, (e) => (i(), r("g", null, [
-                e.show ? (i(), r(d, { key: 0 }, [
-                  (i(!0), r(d, null, k(e.span, (s, a) => (i(), r("g", null, [
-                    y("rect", {
-                      style: w({
-                        transition: "none",
-                        opacity: e.from + a >= m.value.start && e.from + a <= m.value.end - 1 ? 1 : 0
-                      }),
-                      x: c.value?.left + c.value.width / $.value * (e.from + a - m.value.start),
-                      y: c.value?.top,
-                      height: c.value.height < 0 ? 10 : c.value.height,
-                      width: c.value.width / $.value < 0 ? 1e-5 : c.value.width / $.value,
-                      fill: v(Ce)(
-                        e.color,
-                        e.opacity
-                      )
-                    }, null, 12, un)
-                  ]))), 256)),
-                  (i(!0), r(d, null, k(e.span, (s, a) => (i(), r("g", null, [
-                    e.caption.text && a === 0 ? (i(), r("foreignObject", {
-                      key: 0,
-                      x: c.value?.left + c.value.width / $.value * (e.from + a - m.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - c.value.width / $.value * e.span / 2),
-                      y: c.value?.top + e.caption.offsetY,
-                      style: w({
-                        overflow: "visible",
-                        opacity: e.to >= m.value.start && e.from < m.value.end ? 1 : 0
-                      }),
-                      height: "1",
-                      width: e.caption.width === "auto" ? c.value.width / $.value * e.span : e.caption.width
-                    }, [
-                      y("div", {
-                        style: w(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`)
-                      }, se(e.caption.text), 5)
-                    ], 12, sn)) : h("", !0)
-                  ]))), 256))
-                ], 64)) : h("", !0)
-              ]))), 256)),
-              Ut.value ? (i(), r("g", nn, [
-                (i(!0), r(d, null, k($.value, (e, s) => (i(), r("g", {
-                  key: `tooltip_trap_highlighter_${s}`
-                }, [
-                  y("rect", {
-                    x: c.value?.left + c.value.width / $.value * s,
-                    y: c.value?.top,
-                    height: c.value.height < 0 ? 10 : c.value.height,
-                    width: c.value.width / $.value < 0 ? 1e-5 : c.value.width / $.value,
-                    fill: [
-                      P.value,
-                      _.value,
-                      Ye.value
-                    ].includes(s) ? v(Ce)(
-                      t.value.chart.highlighter.color,
-                      t.value.chart.highlighter.opacity
-                    ) : "transparent",
-                    style: {
-                      transition: "none !important",
-                      animation: "none !important"
-                    }
-                  }, null, 8, rn)
-                ]))), 128))
-              ])) : h("", !0),
-              ke.value.length ? (i(!0), r(d, { key: 1 }, k(ke.value, (e, s) => (i(), r("g", {
-                key: `serie_bar_${e.id}`,
-                class: Je(`serie_bar_${s}`),
-                style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-              }, [
-                (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r("g", {
-                  key: `bar_plot_${s}_${n}`
-                }, [
-                  xe(a.value) ? (i(), r("rect", {
-                    key: 0,
-                    x: jt(a) + ll.value / 2,
-                    y: f.value.useIndividualScale ? Ca(a) : Aa(a),
-                    height: f.value.useIndividualScale ? Math.abs(
-                      Ma(
-                        a
-                      )
-                    ) : Math.abs(La(a)),
-                    width: tl.value - ll.value,
-                    rx: t.value.bar.borderRadius,
-                    fill: t.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${s}_${z.value})` : `url(#rectGradient_neg_${s}_${z.value})` : e.color,
-                    stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
-                    "stroke-width": t.value.bar.border.strokeWidth,
-                    style: w({
-                      transition: v(ne) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out`
-                    })
-                  }, null, 12, cn)) : h("", !0),
-                  xe(a.value) && l.$slots.pattern ? (i(), r("rect", {
-                    key: 1,
-                    x: jt(a) - ll.value / 2,
-                    y: f.value.useIndividualScale ? Ca(a) : Aa(a),
-                    height: f.value.useIndividualScale ? Math.abs(
-                      Ma(
-                        a
-                      )
-                    ) : Math.abs(La(a)),
-                    width: tl.value - ll.value,
-                    rx: t.value.bar.borderRadius,
-                    fill: `url(#pattern_${z.value}_${e.slotAbsoluteIndex})`,
-                    stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
-                    "stroke-width": t.value.bar.border.strokeWidth,
-                    style: w({
-                      transition: v(ne) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out`
-                    })
-                  }, null, 12, vn)) : h("", !0),
-                  a.comment && t.value.chart.comments.show ? (i(), r("foreignObject", {
-                    key: 2,
-                    style: { overflow: "visible" },
-                    height: "12",
-                    width: tl.value + t.value.chart.comments.width,
-                    x: jt(a) - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
-                    y: v(N)(a.y) + t.value.chart.comments.offsetY + 6
-                  }, [
-                    O(l.$slots, "plot-comment", {
-                      plot: {
-                        ...a,
-                        color: e.color,
-                        seriesIndex: s,
-                        datapointIndex: n
-                      }
-                    }, void 0, !0)
-                  ], 8, dn)) : h("", !0)
-                ]))), 128))
-              ], 6))), 128)) : h("", !0),
-              !f.value.useIndividualScale && t.value.chart.grid.labels.zeroLine.show ? (i(), r("line", {
-                key: 2,
-                stroke: t.value.chart.grid.stroke,
-                "stroke-width": "1",
-                x1: c.value?.left + q.value,
-                x2: c.value?.right,
-                y1: v(W)(me.value),
-                y2: v(W)(me.value),
-                "stroke-linecap": "round",
-                style: { animation: "none !important" }
-              }, null, 8, hn)) : h("", !0),
-              t.value.chart.highlighter.useLine && (![null, void 0].includes(
-                _.value
-              ) || ![null, void 0].includes(
-                P.value
-              )) ? (i(), r("g", fn, [
-                y("line", {
-                  x1: c.value?.left + c.value.width / $.value * ((_.value !== null ? _.value : 0) || (P.value !== null ? P.value : 0)) + c.value.width / $.value / 2,
-                  x2: c.value?.left + c.value.width / $.value * ((_.value !== null ? _.value : 0) || (P.value !== null ? P.value : 0)) + c.value.width / $.value / 2,
-                  y1: v(W)(c.value?.top),
-                  y2: v(W)(c.value?.bottom),
-                  stroke: t.value.chart.highlighter.color,
-                  "stroke-width": t.value.chart.highlighter.lineWidth,
-                  "stroke-dasharray": t.value.chart.highlighter.lineDasharray,
-                  "stroke-linecap": "round",
-                  style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-                }, null, 8, mn)
-              ])) : h("", !0),
-              t.value.chart.grid.frame.show ? (i(), r("rect", {
-                key: 4,
-                style: {
-                  pointerEvents: "none",
-                  transition: "none",
-                  animation: "none !important"
-                },
-                x: c.value?.left + q.value < 0 ? 0 : c.value?.left + q.value,
-                y: c.value?.top,
-                width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value),
-                height: c.value.height < 0 ? 0 : c.value.height,
-                fill: "transparent",
-                stroke: t.value.chart.grid.frame.stroke,
-                "stroke-width": t.value.chart.grid.frame.strokeWidth,
-                "stroke-linecap": t.value.chart.grid.frame.strokeLinecap,
-                "stroke-linejoin": t.value.chart.grid.frame.strokeLinejoin,
-                "stroke-dasharray": t.value.chart.grid.frame.strokeDasharray
-              }, null, 8, gn)) : h("", !0),
-              t.value.chart.grid.labels.show ? (i(), r("g", {
-                key: 5,
-                ref_key: "scaleLabels",
-                ref: hl
-              }, [
-                f.value.useIndividualScale ? (i(), r(d, { key: 0 }, [
-                  (i(!0), r(d, null, k(At.value, (e) => (i(), r("g", null, [
-                    y("line", {
-                      x1: e.x + q.value - c.value.individualOffsetX,
-                      x2: e.x + q.value - c.value.individualOffsetX,
-                      y1: f.value.isStacked ? v(W)(
-                        c.value?.bottom - e.yOffset - e.individualHeight
-                      ) : v(W)(
-                        c.value?.top
-                      ),
-                      y2: f.value.isStacked ? v(W)(
-                        c.value?.bottom - e.yOffset
-                      ) : v(W)(
-                        c.value?.bottom
-                      ),
-                      stroke: e.color,
-                      "stroke-width": t.value.chart.grid.stroke,
-                      "stroke-linecap": "round",
-                      style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-                    }, null, 12, bn)
-                  ]))), 256)),
-                  (i(!0), r(d, null, k(At.value, (e) => (i(), r("g", {
-                    style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, [
-                    y("text", {
-                      fill: e.color,
-                      "font-size": x.value.dataLabels * 0.8,
-                      "text-anchor": "middle",
-                      transform: `translate(${e.x - x.value.dataLabels * 0.8 / 2 + q.value}, ${f.value.isStacked ? c.value?.bottom - e.yOffset - e.individualHeight / 2 : c.value?.top + c.value.height / 2}) rotate(-90)`
-                    }, se(e.name) + " " + se(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
-                                        ${e.scaleLabel}` : ""), 9, pn),
-                    (i(!0), r(d, null, k(e.yLabels, (s, a) => (i(), r(d, null, [
-                      t.value.chart.grid.labels.yAxis.showCrosshairs ? (i(), r("line", {
-                        key: 0,
-                        x1: e.x + 3 + q.value - t.value.chart.grid.labels.yAxis.crosshairSize - c.value.individualOffsetX,
-                        x2: e.x + q.value - c.value.individualOffsetX,
-                        y1: v(W)(s.y),
-                        y2: v(W)(s.y),
-                        stroke: e.color,
-                        "stroke-width": 1,
-                        "stroke-linecap": "round",
-                        style: {
-                          animation: "none !important"
-                        }
-                      }, null, 8, yn)) : h("", !0)
-                    ], 64))), 256)),
-                    (i(!0), r(d, null, k(e.yLabels, (s, a) => (i(), r("text", {
-                      x: e.x - 5 + q.value - c.value.individualOffsetX,
-                      y: v(W)(s.y) + x.value.dataLabels / 3,
-                      "font-size": x.value.dataLabels,
-                      "text-anchor": "end",
-                      fill: e.color
-                    }, se(v(he)(
-                      t.value.chart.grid.labels.yAxis.formatter,
-                      s.value,
-                      v(Pe)({
-                        p: s.prefix,
-                        v: s.value,
-                        s: s.suffix,
-                        r: t.value.chart.grid.labels.yAxis.rounding
-                      }),
-                      {
-                        datapoint: s.datapoint,
-                        seriesIndex: a
-                      }
-                    )), 9, xn))), 256))
-                  ], 4))), 256))
-                ], 64)) : (i(!0), r(d, { key: 1 }, k(Fa.value, (e, s) => (i(), r("g", {
-                  key: `yLabel_${s}`
-                }, [
-                  xe(e) && e.value >= Ae.value.min && e.value <= Ae.value.max && t.value.chart.grid.labels.yAxis.showCrosshairs ? (i(), r("line", {
-                    key: 0,
-                    x1: c.value?.left + q.value,
-                    x2: c.value?.left + q.value - t.value.chart.grid.labels.yAxis.crosshairSize,
-                    y1: v(W)(e.y),
-                    y2: v(W)(e.y),
-                    stroke: t.value.chart.grid.stroke,
-                    "stroke-width": "1",
-                    "stroke-linecap": "round",
-                    style: {
-                      animation: "none !important"
-                    }
-                  }, null, 8, kn)) : h("", !0),
-                  e.value >= Ae.value.min && e.value <= Ae.value.max ? (i(), r("text", {
-                    key: 1,
-                    x: c.value.scaleLabelX - t.value.chart.grid.labels.yAxis.crosshairSize,
-                    y: v(N)(
-                      e.y + x.value.dataLabels / 3
-                    ),
-                    "font-size": x.value.dataLabels,
-                    "text-anchor": "end",
-                    fill: t.value.chart.grid.labels.color
-                  }, se(xe(e.value) ? v(he)(
-                    t.value.chart.grid.labels.yAxis.formatter,
-                    e.value,
-                    v(Pe)({
-                      p: e.prefix,
-                      v: e.value,
-                      s: e.suffix,
-                      r: t.value.chart.grid.labels.yAxis.rounding
-                    })
-                  ) : ""), 9, _n)) : h("", !0)
-                ]))), 128))
-              ], 512)) : h("", !0),
-              (i(!0), r(d, null, k(ge.value, (e, s) => (i(), r("g", {
-                key: `serie_plot_${e.id}`,
-                class: Je(`serie_plot_${s}`),
-                style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-              }, [
-                (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r("g", {
-                  key: `circle_plot_${s}_${n}`
-                }, [
-                  a && xe(a.value) ? (i(), _e(rl, {
-                    key: 0,
-                    shape: [
-                      "triangle",
-                      "square",
-                      "diamond",
-                      "pentagon",
-                      "hexagon",
-                      "star"
-                    ].includes(e.shape) ? e.shape : "circle",
-                    color: t.value.plot.useGradient ? `url(#plotGradient_${s}_${z.value})` : t.value.plot.dot.useSerieColor ? e.color : t.value.plot.dot.fill,
-                    plot: {
-                      x: v(N)(a.x),
-                      y: v(N)(a.y)
-                    },
-                    radius: _.value !== null && _.value === n || P.value !== null && P.value === n ? (Le.value.plot || 6) * 1.5 : Le.value.plot || 6,
-                    stroke: t.value.plot.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
-                    strokeWidth: t.value.plot.dot.strokeWidth,
-                    transition: v(ne) || !t.value.plot.showTransition || _.value !== null && _.value === n || P.value !== null && P.value === n ? void 0 : `all ${t.value.plot.transitionDurationMs}ms ease-in-out`
-                  }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : h("", !0),
-                  a.comment && t.value.chart.comments.show ? (i(), r("foreignObject", {
-                    key: 1,
-                    style: { overflow: "visible" },
-                    height: "12",
-                    width: t.value.chart.comments.width,
-                    x: a.x - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
-                    y: a.y + t.value.chart.comments.offsetY + 6
-                  }, [
-                    y("div", Sn, [
-                      O(l.$slots, "plot-comment", {
-                        plot: {
-                          ...a,
-                          color: e.color,
-                          seriesIndex: s,
-                          datapointIndex: n
-                        }
-                      }, void 0, !0)
-                    ])
-                  ], 8, wn)) : h("", !0)
-                ]))), 128))
-              ], 6))), 128)),
-              (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r("g", {
-                key: `serie_line_${e.id}`,
-                class: Je(`serie_line_${s}`),
-                style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-              }, [
-                e.smooth && e.plots.length > 1 && e.curve ? (i(), r("path", {
-                  key: 0,
-                  d: `M${e.curve}`,
-                  stroke: t.value.chart.backgroundColor,
-                  "stroke-width": t.value.line.strokeWidth + 1,
-                  "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
-                  fill: "none",
-                  style: w({
-                    transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
-                  })
-                }, null, 12, $n)) : e.plots.length > 1 && e.straight ? (i(), r("path", {
-                  key: 1,
-                  d: `M${e.straight}`,
-                  stroke: t.value.chart.backgroundColor,
-                  "stroke-width": t.value.line.strokeWidth + 1,
-                  "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
-                  fill: "none",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  style: w({
-                    transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
-                  })
-                }, null, 12, Ln)) : h("", !0)
-              ], 6))), 128)),
-              l.$slots.pattern ? (i(), r("defs", Mn, [
-                (i(!0), r(d, null, k(Ve.value, (e, s) => O(l.$slots, "pattern", Qe({
-                  key: `serie_pattern_slot_${e.id}`
-                }, { ref_for: !0 }, {
-                  ...e,
-                  seriesIndex: e.slotAbsoluteIndex,
-                  patternId: `pattern_${z.value}_${s}`
-                }), void 0, !0)), 128))
-              ])) : h("", !0),
-              Ra.value.length && !f.value.isStacked ? (i(), r("g", An, [
-                (i(!0), r(d, null, k(Ra.value, (e) => (i(), r("path", {
-                  key: e.key,
-                  d: e.d,
-                  fill: e.color,
-                  "fill-opacity": t.value.line.interLine.fillOpacity,
-                  stroke: "none",
-                  "pointer-events": "none",
-                  style: w({
-                    transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
-                  })
-                }, null, 12, Cn))), 128))
-              ])) : h("", !0),
-              (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r("g", {
-                key: `serie_line_above_${e.id}`,
-                class: Je(`serie_line_${s}`),
-                style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-              }, [
-                e.useArea && e.plots.length > 1 ? (i(), r("g", Tn, [
-                  e.smooth ? (i(!0), r(d, { key: 0 }, k(e.curveAreas, (a, n) => (i(), r(d, { key: n }, [
-                    a ? (i(), r("path", {
-                      key: 0,
-                      d: a,
-                      fill: t.value.line.area.useGradient ? `url(#areaGradient_${s}_${z.value})` : v(Ce)(
-                        e.color,
-                        t.value.line.area.opacity
-                      ),
-                      style: w({
-                        transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
-                      })
-                    }, null, 12, zn)) : h("", !0),
-                    l.$slots.pattern && a ? (i(), r("path", {
-                      key: 1,
-                      d: a,
-                      fill: `url(#pattern_${z.value}_${e.slotAbsoluteIndex})`,
-                      style: w({
-                        transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
-                      })
-                    }, null, 12, In)) : h("", !0)
-                  ], 64))), 128)) : (i(!0), r(d, { key: 1 }, k(e.area.split(";"), (a, n) => (i(), r(d, { key: n }, [
-                    a ? (i(), r("path", {
-                      key: 0,
-                      d: `M${a}Z`,
-                      fill: t.value.line.area.useGradient ? `url(#areaGradient_${s}_${z.value})` : v(Ce)(
-                        e.color,
-                        t.value.line.area.opacity
-                      ),
-                      style: w({
-                        transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
-                      })
-                    }, null, 12, Pn)) : h("", !0),
-                    l.$slots.pattern && a ? (i(), r("path", {
-                      key: 1,
-                      d: `M${a}Z`,
-                      fill: `url(#pattern_${z.value}_${e.slotAbsoluteIndex})`,
-                      style: w({
-                        transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
-                      })
-                    }, null, 12, On)) : h("", !0)
-                  ], 64))), 128))
-                ])) : h("", !0),
-                !e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (i(), r("path", {
-                  key: 1,
-                  d: `M${e.curve}`,
-                  stroke: e.temperatureColors ? `url(#temperature_grad_line_${s}_${z.value})` : e.color,
-                  "stroke-width": t.value.line.strokeWidth,
-                  "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
-                  fill: "none",
-                  "stroke-linecap": "round",
-                  style: w({
-                    transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
-                  })
-                }, null, 12, Nn)) : e.hasDashedSegments ? (i(), r(d, { key: 2 }, [
-                  e.smooth ? (i(!0), r(d, { key: 0 }, k(e.dashedSmooth, (a) => (i(), r("path", {
-                    key: a.path,
-                    fill: "none",
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    d: `M ${a.path}`,
-                    stroke: e.temperatureColors ? `url(#temperature_grad_line_${s}_${z.value})` : e.color,
-                    "stroke-width": t.value.line.strokeWidth,
-                    "stroke-dasharray": a.dashed ? t.value.line.strokeWidth * 2 : 0
-                  }, null, 8, Fn))), 128)) : (i(!0), r(d, { key: 1 }, k(e.dashedStraight, (a) => (i(), r("path", {
-                    key: a.path,
-                    fill: "none",
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    d: `M ${a.path}`,
-                    stroke: e.temperatureColors ? `url(#temperature_grad_line_${s}_${z.value})` : e.color,
-                    "stroke-width": t.value.line.strokeWidth,
-                    "stroke-dasharray": a.dashed ? t.value.line.strokeWidth * 2 : 0
-                  }, null, 8, Vn))), 128))
-                ], 64)) : e.plots.length > 1 && e.straight ? (i(), r("path", {
-                  key: 3,
-                  d: `M${e.straight}`,
-                  stroke: e.temperatureColors ? `url(#temperature_grad_line_${s}_${z.value})` : e.color,
-                  "stroke-width": t.value.line.strokeWidth,
-                  "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
-                  fill: "none",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  style: w({
-                    transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
-                  })
-                }, null, 12, Bn)) : h("", !0),
-                (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
-                  key: `circle_line_${s}_${n}`
-                }, [
-                  !Oa.value.linePlot && a && xe(a.value) || Oa.value.linePlot && a && xe(a.value) && (_.value !== null && _.value === n || P.value !== null && P.value === n) || Ba(e.plots, n) ? (i(), _e(rl, {
-                    key: 0,
-                    shape: [
-                      "triangle",
-                      "square",
-                      "diamond",
-                      "pentagon",
-                      "hexagon",
-                      "star"
-                    ].includes(e.shape) ? e.shape : "circle",
-                    color: t.value.line.useGradient ? `url(#lineGradient_${s}_${z.value})` : t.value.line.dot.useSerieColor ? e.color : t.value.line.dot.fill,
-                    plot: {
-                      x: v(N)(a.x),
-                      y: v(N)(a.y)
-                    },
-                    radius: _.value !== null && _.value === n || P.value !== null && P.value === n ? (Le.value.line || 6) * 1.5 : (Ba(e.plots, n), Le.value.line || 6),
-                    stroke: t.value.line.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
-                    strokeWidth: t.value.line.dot.strokeWidth,
-                    transition: v(ne) || !t.value.line.showTransition || _.value !== null && _.value === n || P.value !== null && P.value === n ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
-                  }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : h("", !0),
-                  a.comment && t.value.chart.comments.show ? (i(), r("foreignObject", {
-                    key: 1,
-                    style: { overflow: "visible" },
-                    height: "12",
-                    width: t.value.chart.comments.width,
-                    x: a.x - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
-                    y: a.y + t.value.chart.comments.offsetY + 6
-                  }, [
-                    y("div", Hn, [
-                      O(l.$slots, "plot-comment", {
-                        plot: {
-                          ...a,
-                          color: e.color,
-                          seriesIndex: s,
-                          datapointIndex: n
-                        }
-                      }, void 0, !0)
-                    ])
-                  ], 8, Rn)) : h("", !0)
-                ], 64))), 128))
-              ], 6))), 128)),
-              (t.value.bar.labels.show || t.value.bar.serieName.show) && f.value.dataLabels.show ? (i(), r("g", Dn, [
-                (i(!0), r(d, null, k(ke.value, (e, s) => (i(), r(d, {
-                  key: `xLabel_bar_${e.id}`
-                }, [
-                  (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
-                    key: `xLabel_bar_${s}_${n}`
-                  }, [
-                    a && (!Object.hasOwn(
-                      e,
-                      "dataLabels"
-                    ) || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n) && t.value.bar.labels.show ? (i(), r("text", {
-                      key: 0,
-                      x: f.value.useIndividualScale && f.value.isStacked ? a.x + J.value.line / 2 : jt(a) + Be() / 2 - el.value / 2,
-                      y: v(N)(a.y) + (a.value >= 0 ? t.value.bar.labels.offsetY : -t.value.bar.labels.offsetY * 3),
-                      "text-anchor": "middle",
-                      "font-size": x.value.plotLabels,
-                      fill: t.value.bar.labels.color,
-                      style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                    }, se(xe(a.value) ? v(he)(
-                      t.value.bar.labels.formatter,
-                      a.value,
-                      v(Pe)({
-                        p: e.prefix || t.value.chart.labels.prefix,
-                        v: a.value,
-                        s: e.suffix || t.value.chart.labels.suffix,
-                        r: t.value.bar.labels.rounding
-                      }),
-                      {
-                        datapoint: a,
-                        serie: e
-                      }
-                    ) : ""), 13, Wn)) : h("", !0),
-                    a && t.value.bar.serieName.show ? (i(), r("text", {
-                      key: 1,
-                      x: f.value.useIndividualScale && f.value.isStacked ? a.x + J.value.line / 2 : a.x + Be() * 1.1,
-                      y: a.y + (a.value > 0 ? t.value.bar.serieName.offsetY : -t.value.bar.serieName.offsetY * 3),
-                      "text-anchor": "middle",
-                      "font-size": x.value.plotLabels,
-                      fill: t.value.bar.serieName.useSerieColor ? e.color : t.value.bar.serieName.color,
-                      "font-weight": t.value.bar.serieName.bold ? "bold" : "normal",
-                      style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                    }, se(t.value.bar.serieName.useAbbreviation ? v(Qu)({
-                      source: e.name,
-                      length: t.value.bar.serieName.abbreviationSize
-                    }) : e.name), 13, En)) : h("", !0)
-                  ], 64))), 128))
-                ], 64))), 128))
-              ])) : h("", !0),
-              t.value.plot.labels.show && f.value.dataLabels.show ? (i(), r("g", Yn, [
-                (i(!0), r(d, null, k(ge.value, (e, s) => (i(), r(d, {
-                  key: `xLabel_plot_${e.id}`
-                }, [
-                  (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
-                    key: `xLabel_plot_${s}_${n}`
-                  }, [
-                    a && !Object.hasOwn(
-                      e,
-                      "dataLabels"
-                    ) || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n ? (i(), r("text", {
-                      key: 0,
-                      x: a.x,
-                      y: a.y + t.value.plot.labels.offsetY,
-                      "text-anchor": "middle",
-                      "font-size": x.value.plotLabels,
-                      fill: t.value.plot.labels.color,
-                      style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                    }, se(xe(a.value) ? v(he)(
-                      t.value.plot.labels.formatter,
-                      a.value,
-                      v(Pe)({
-                        p: e.prefix || t.value.chart.labels.prefix,
-                        v: a.value,
-                        s: e.suffix || t.value.chart.labels.suffix,
-                        r: t.value.plot.labels.rounding
-                      }),
-                      {
-                        datapoint: a,
-                        serie: e
-                      }
-                    ) : ""), 13, Xn)) : h("", !0)
-                  ], 64))), 128))
-                ], 64))), 128))
-              ])) : (i(), r("g", Gn, [
-                (i(!0), r(d, null, k(ge.value, (e, s) => (i(), r(d, {
-                  key: `xLabel_plot_${e.id}`
-                }, [
-                  (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
-                    key: `xLabel_plot_${s}_${n}`
-                  }, [
-                    t.value.plot.tag.followValue ? (i(), r(d, { key: 1 }, [
-                      [
-                        P.value,
-                        _.value,
-                        Ye.value
-                      ].includes(n) && e.useTag ? (i(), r("line", {
-                        key: 0,
-                        class: "vue-ui-xy-tag-plot",
-                        x1: c.value?.left,
-                        x2: c.value?.right,
-                        y1: a.y,
-                        y2: a.y,
-                        "stroke-width": 1,
-                        "stroke-linecap": "round",
-                        "stroke-dasharray": "2",
-                        stroke: e.color
-                      }, null, 8, Jn)) : h("", !0)
-                    ], 64)) : (i(), r(d, { key: 0 }, [
-                      a && n === 0 && e.useTag && e.useTag === "start" ? (i(), r("foreignObject", {
-                        key: 0,
-                        x: a.x,
-                        y: a.y - 20,
-                        height: 24,
-                        width: "150",
-                        style: w(`overflow: visible; opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                      }, [
-                        y("div", {
-                          style: w(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(He)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                          innerHTML: v(he)(
-                            t.value.plot.tag.formatter,
-                            a.value,
-                            e.name,
-                            {
-                              datapoint: a,
-                              seriesIndex: n,
-                              serieName: e.name
-                            }
-                          )
-                        }, null, 12, Un)
-                      ], 12, qn)) : h("", !0),
-                      a && n === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (i(), r("foreignObject", {
-                        key: 1,
-                        x: a.x - e.name.length * (x.value.plotLabels / 2),
-                        y: a.y - 20,
-                        height: 24,
-                        width: "150",
-                        style: w(`overflow: visible; opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                      }, [
-                        y("div", {
-                          style: w(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(He)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                          innerHTML: v(he)(
-                            t.value.plot.tag.formatter,
-                            a.value,
-                            e.name,
-                            {
-                              datapoint: a,
-                              seriesIndex: n,
-                              serieName: e.name
-                            }
-                          )
-                        }, null, 12, Kn)
-                      ], 12, Zn)) : h("", !0)
-                    ], 64))
-                  ], 64))), 128))
-                ], 64))), 128))
-              ])),
-              t.value.line.labels.show && f.value.dataLabels.show ? (i(), r("g", Qn, [
-                (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r(d, {
-                  key: `xLabel_line_${e.id}`
-                }, [
-                  (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
-                    key: `xLabel_line_${s}_${n}`
-                  }, [
-                    a && !Object.hasOwn(
-                      e,
-                      "dataLabels"
-                    ) || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n ? (i(), r("text", {
-                      key: 0,
-                      x: a.x,
-                      y: a.y + (a.value >= 0 ? t.value.line.labels.offsetY : -t.value.line.labels.offsetY * 3),
-                      "text-anchor": "middle",
-                      "font-size": x.value.plotLabels,
-                      fill: t.value.line.labels.color,
-                      style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                    }, se(xe(a.value) ? v(he)(
-                      t.value.line.labels.formatter,
-                      a.value,
-                      v(Pe)({
-                        p: e.prefix || t.value.chart.labels.prefix,
-                        v: a.value,
-                        s: e.suffix || t.value.chart.labels.suffix,
-                        r: t.value.line.labels.rounding
-                      }),
-                      {
-                        datapoint: a,
-                        serie: e
-                      }
-                    ) : ""), 13, jn)) : h("", !0)
-                  ], 64))), 128))
-                ], 64))), 128))
-              ])) : (i(), r("g", ei, [
-                (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r(d, {
-                  key: `xLabel_line_${e.id}`
-                }, [
-                  (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
-                    key: `xLabel_line_${s}_${n}`
-                  }, [
-                    t.value.line.tag.followValue ? (i(), r(d, { key: 1 }, [
-                      [
-                        P.value,
-                        _.value,
-                        Ye.value
-                      ].includes(n) && e.useTag ? (i(), r("line", {
-                        key: 0,
-                        class: "vue-ui-xy-tag-line",
-                        x1: c.value?.left,
-                        x2: c.value?.right,
-                        y1: a.y,
-                        y2: a.y,
-                        "stroke-width": 1,
-                        "stroke-linecap": "round",
-                        "stroke-dasharray": "2",
-                        stroke: e.color
-                      }, null, 8, ui)) : h("", !0)
-                    ], 64)) : (i(), r(d, { key: 0 }, [
-                      a && n === 0 && e.useTag && e.useTag === "start" ? (i(), r("foreignObject", {
-                        key: 0,
-                        x: a.x,
-                        y: a.y - 20,
-                        height: 24,
-                        width: "150",
-                        style: w(`overflow: visible; opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                      }, [
-                        y("div", {
-                          style: w(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(He)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                          innerHTML: v(he)(
-                            t.value.line.tag.formatter,
-                            a.value,
-                            e.name,
-                            {
-                              datapoint: a,
-                              seriesIndex: n,
-                              serieName: e.name
-                            }
-                          )
-                        }, null, 12, li)
-                      ], 12, ti)) : h("", !0),
-                      a && n === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (i(), r("foreignObject", {
-                        key: 1,
-                        x: a.x,
-                        y: a.y - 20,
-                        height: 24,
-                        width: "150",
-                        style: w(`overflow: visible; opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                      }, [
-                        y("div", {
-                          style: w(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(He)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                          innerHTML: v(he)(
-                            t.value.line.tag.formatter,
-                            a.value,
-                            e.name,
-                            {
-                              datapoint: a,
-                              seriesIndex: n,
-                              serieName: e.name
-                            }
-                          )
-                        }, null, 12, oi)
-                      ], 12, ai)) : h("", !0)
-                    ], 64))
-                  ], 64))), 128))
-                ], 64))), 128))
-              ])),
-              (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r(d, {
-                key: `xLabel_line_${e.id}`
-              }, [
-                (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
-                  key: `xLabel_line_${s}_${n}`
-                }, [
-                  a && n === 0 && e.showSerieName && e.showSerieName === "start" ? (i(), r("text", {
-                    key: 0,
-                    x: a.x - x.value.plotLabels,
-                    y: a.y,
-                    "font-size": x.value.plotLabels,
-                    "text-anchor": "end",
-                    fill: e.color,
-                    innerHTML: v(il)({
-                      content: e.name,
-                      fontSize: x.value.plotLabels,
-                      fill: e.color,
-                      x: a.x - x.value.plotLabels,
-                      y: a.y,
-                      maxWords: 2
-                    }),
-                    style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, null, 12, si)) : h("", !0),
-                  a && n === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (i(), r("text", {
-                    key: 1,
-                    x: a.x + x.value.plotLabels,
-                    y: a.y,
-                    "font-size": x.value.plotLabels,
-                    "text-anchor": "start",
-                    fill: e.color,
-                    innerHTML: v(il)({
-                      content: e.name,
-                      fontSize: x.value.plotLabels,
-                      fill: e.color,
-                      x: a.x + x.value.plotLabels,
-                      y: a.y,
-                      maxWords: 2
-                    }),
-                    style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, null, 12, ni)) : h("", !0)
-                ], 64))), 128))
-              ], 64))), 128)),
-              (i(!0), r(d, null, k(ge.value, (e, s) => (i(), r(d, {
-                key: `xLabel_plot_${e.id}`
-              }, [
-                (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
-                  key: `xLabel_plot_${s}_${n}`
-                }, [
-                  a && n === 0 && e.showSerieName && e.showSerieName === "start" ? (i(), r("text", {
-                    key: 0,
-                    x: a.x - x.value.plotLabels,
-                    y: a.y,
-                    "font-size": x.value.plotLabels,
-                    "text-anchor": "end",
-                    fill: e.color,
-                    innerHTML: v(il)({
-                      content: e.name,
-                      fontSize: x.value.plotLabels,
-                      fill: e.color,
-                      x: a.x - x.value.plotLabels,
-                      y: a.y,
-                      maxWords: 2
-                    }),
-                    style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, null, 12, ii)) : h("", !0),
-                  a && n === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (i(), r("text", {
-                    key: 1,
-                    x: a.x + x.value.plotLabels,
-                    y: a.y,
-                    "font-size": x.value.plotLabels,
-                    "text-anchor": "start",
-                    fill: e.color,
-                    innerHTML: v(il)({
-                      content: e.name,
-                      fontSize: x.value.plotLabels,
-                      fill: e.color,
-                      x: a.x + x.value.plotLabels,
-                      y: a.y,
-                      maxWords: 2
-                    }),
-                    style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, null, 12, ri)) : h("", !0)
-                ], 64))), 128))
-              ], 64))), 128)),
-              (i(!0), r(d, null, k([
-                ...ge.value,
-                ...ue.value,
-                ...ke.value
-              ], (e, s) => (i(), r(d, {
-                key: `progression-${s}`
-              }, [
-                Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(
-                  v(Se)(e.plots).trend
-                ) ? (i(), r("g", ci, [
-                  y("defs", null, [
-                    y("marker", {
-                      id: `progression_arrow_${s}`,
-                      markerWidth: "9",
-                      markerHeight: "9",
-                      viewBox: "-1 -1 9 9",
-                      markerUnits: "userSpaceOnUse",
-                      refX: "7",
-                      refY: 7 / 2,
-                      orient: "auto",
-                      overflow: "visible"
-                    }, [
-                      y("polygon", {
-                        points: "0,0 7,3.5 0,7",
-                        fill: e.color,
-                        stroke: t.value.chart.backgroundColor,
-                        "stroke-width": "1",
-                        "stroke-linejoin": "round"
-                      }, null, 8, di)
-                    ], 8, vi)
-                  ]),
-                  e.plots.length > 1 ? (i(), r("line", {
-                    key: 0,
-                    x1: v(Se)(e.plots).x1 + (e.type === "bar" ? Be() : 0),
-                    x2: v(Se)(e.plots).x2 + (e.type === "bar" ? Be() : 0),
-                    y1: v(W)(
-                      v(Se)(e.plots).y1
-                    ),
-                    y2: v(W)(
-                      v(Se)(e.plots).y2
-                    ),
-                    "stroke-width": 1,
-                    stroke: t.value.chart.backgroundColor,
-                    "stroke-dasharray": 2,
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    "marker-end": `url(#progression_arrow_${s})`
-                  }, null, 8, hi)) : h("", !0),
-                  e.plots.length > 1 ? (i(), r("line", {
-                    key: 1,
-                    x1: v(Se)(e.plots).x1 + (e.type === "bar" ? Be() : 0),
-                    x2: v(Se)(e.plots).x2 + (e.type === "bar" ? Be() : 0),
-                    y1: v(W)(
-                      v(Se)(e.plots).y1
-                    ),
-                    y2: v(W)(
-                      v(Se)(e.plots).y2
-                    ),
-                    "stroke-width": 1,
-                    stroke: e.color,
-                    "stroke-dasharray": 2,
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    "marker-end": `url(#progression_arrow_${s})`
-                  }, null, 8, fi)) : h("", !0),
-                  e.plots.length > 1 ? (i(), r("text", {
-                    key: 2,
-                    "text-anchor": "middle",
-                    x: v(Se)(e.plots).x2 + (e.type === "bar" ? Be() : 0),
-                    y: v(Se)(e.plots).y2 - 12,
-                    "font-size": x.value.plotLabels,
-                    fill: e.color,
-                    stroke: t.value.chart.backgroundColor,
-                    "stroke-width": 4,
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    "paint-order": "stroke fill"
-                  }, se(v(Pe)({
-                    v: v(Se)(
-                      e.plots
-                    ).trend * 100,
-                    s: "%",
-                    r: 2
-                  })), 9, mi)) : h("", !0)
-                ])) : h("", !0)
-              ], 64))), 128)),
-              f.value.useIndividualScale && !f.value.isStacked ? (i(), r(d, { key: 13 }, [
-                y("defs", null, [
-                  (i(!0), r(d, null, k(At.value, (e, s) => (i(), r("linearGradient", {
-                    id: `individual_scale_gradient_${z.value}_${s}`,
-                    x1: "0%",
-                    x2: "100%",
-                    y1: "0%",
-                    y2: "0%"
-                  }, [
-                    y("stop", {
-                      offset: "0%",
-                      "stop-color": t.value.chart.backgroundColor,
-                      "stop-opacity": "0"
-                    }, null, 8, bi),
-                    y("stop", {
-                      offset: "100%",
-                      "stop-color": e.color,
-                      "stop-opacity": "0.2"
-                    }, null, 8, pi)
-                  ], 8, gi))), 256))
-                ]),
-                (i(!0), r(d, null, k(At.value, (e, s) => (i(), r("rect", {
-                  x: e.x - t.value.chart.grid.labels.yAxis.labelWidth + q.value - c.value.individualOffsetX,
-                  y: c.value?.top,
-                  width: t.value.chart.grid.labels.yAxis.labelWidth + c.value.individualOffsetX,
-                  height: c.value.height < 0 ? 10 : c.value.height,
-                  fill: C.value === e.groupId ? `url(#individual_scale_gradient_${z.value}_${s})` : "transparent",
-                  onMouseenter: (a) => C.value = e.groupId,
-                  onMouseleave: o[0] || (o[0] = (a) => C.value = null)
-                }, null, 40, yi))), 256))
-              ], 64)) : h("", !0),
-              y("g", null, [
-                t.value.chart.grid.labels.axis.yLabel && !f.value.useIndividualScale ? (i(), r("text", {
-                  key: 0,
-                  ref_key: "yAxisLabel",
-                  ref: dl,
-                  "font-size": x.value.yAxis,
-                  fill: t.value.chart.grid.labels.color,
-                  transform: `translate(${t.value.chart.grid.labels.axis.fontSize}, ${c.value?.top + c.value.height / 2}) rotate(-90)`,
-                  "text-anchor": "middle",
-                  style: { transition: "none" }
-                }, se(t.value.chart.grid.labels.axis.yLabel), 9, xi)) : h("", !0),
-                t.value.chart.grid.labels.axis.xLabel ? (i(), r("text", {
-                  key: 1,
-                  ref_key: "xAxisLabel",
-                  ref: vl,
-                  "text-anchor": "middle",
-                  x: ee.value / 2,
-                  y: fe.value - 3,
-                  "font-size": x.value.yAxis,
-                  fill: t.value.chart.grid.labels.color
-                }, se(t.value.chart.grid.labels.axis.xLabel), 9, ki)) : h("", !0)
-              ]),
-              t.value.chart.grid.labels.xAxisLabels.show ? (i(), r("g", {
-                key: 14,
-                ref_key: "timeLabelsEls",
-                ref: Ft
-              }, [
-                l.$slots["time-label"] ? (i(!0), r(d, { key: 0 }, k(Kt.value, (e, s) => O(l.$slots, "time-label", Qe({
-                  key: `time_label_${e.id}`,
-                  ref_for: !0
-                }, {
-                  x: c.value?.left + c.value.width / $.value * s + c.value.width / $.value / 2,
-                  y: c.value?.bottom,
-                  fontSize: x.value.xAxis,
-                  fill: t.value.chart.grid.labels.xAxisLabels.color,
-                  transform: `translate(${c.value?.left + c.value.width / $.value * s + c.value.width / $.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.3 + t.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
-                  absoluteIndex: e.absoluteIndex,
-                  content: e.text,
-                  textAnchor: t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-                  show: e && e.text
-                }), void 0, !0)), 128)) : (i(!0), r(d, { key: 1 }, k(Kt.value, (e, s) => (i(), r("g", {
-                  key: `time_label_${s}`
-                }, [
-                  e && e.text ? (i(), r(d, { key: 0 }, [
-                    String(e.text).includes(
-                      `
-`
-                    ) ? (i(), r("text", {
-                      key: 1,
-                      class: "vue-data-ui-time-label",
-                      "text-anchor": t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-                      "font-size": x.value.xAxis,
-                      fill: t.value.chart.grid.labels.xAxisLabels.color,
-                      transform: `translate(${c.value?.left + c.value.width / $.value * s + c.value.width / $.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
-                      style: w({
-                        cursor: ha() && Xe.value ? "pointer" : "default"
-                      }),
-                      innerHTML: v(ju)({
-                        content: String(e.text),
-                        fontSize: x.value.xAxis,
-                        fill: t.value.chart.grid.labels.xAxisLabels.color,
-                        x: 0,
-                        y: 0
-                      }),
-                      onClick: () => pa(e, s)
-                    }, null, 12, wi)) : (i(), r("text", {
-                      key: 0,
-                      class: "vue-data-ui-time-label",
-                      "text-anchor": t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-                      "font-size": x.value.xAxis,
-                      fill: t.value.chart.grid.labels.xAxisLabels.color,
-                      transform: `translate(${c.value?.left + c.value.width / $.value * s + c.value.width / $.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
-                      style: w({
-                        cursor: ha() && Xe.value ? "pointer" : "default"
-                      }),
-                      onClick: () => pa(e, s)
-                    }, se(e.text || ""), 13, _i))
-                  ], 64)) : h("", !0)
-                ]))), 128))
-              ], 512)) : h("", !0),
-              Va.value.length && !f.value.isStacked ? (i(), r("g", Si, [
-                (i(!0), r(d, null, k(Va.value, (e) => (i(), r("g", {
-                  key: e.uid
-                }, [
-                  e.yTop && e.show && isFinite(e.yTop) ? (i(), r("line", {
-                    key: 0,
-                    x1: e.x1,
-                    y1: e.yTop,
-                    x2: e.x2,
-                    y2: e.yTop,
-                    stroke: e.config.line.stroke,
-                    "stroke-width": e.config.line.strokeWidth,
-                    "stroke-dasharray": e.config.line.strokeDasharray,
-                    "stroke-linecap": "round",
-                    style: { animation: "none !important" }
-                  }, null, 8, $i)) : h("", !0),
-                  e.yBottom && e.show && isFinite(e.yBottom) ? (i(), r("line", {
-                    key: 1,
-                    x1: e.x1,
-                    y1: e.yBottom,
-                    x2: e.x2,
-                    y2: e.yBottom,
-                    stroke: e.config.line.stroke,
-                    "stroke-width": e.config.line.strokeWidth,
-                    "stroke-dasharray": e.config.line.strokeDasharray,
-                    "stroke-linecap": "round",
-                    style: { animation: "none !important" }
-                  }, null, 8, Li)) : h("", !0),
-                  e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (i(), r("rect", {
-                    key: 2,
-                    y: Math.min(
-                      e.yTop,
-                      e.yBottom
-                    ),
-                    x: e.x1,
-                    width: c.value.width,
-                    height: v(N)(e.areaHeight, 0),
-                    fill: v(Ce)(
-                      e.config.area.fill,
-                      e.config.area.opacity
-                    ),
-                    style: { animation: "none !important" }
-                  }, null, 8, Mi)) : h("", !0),
-                  e.config.label.text && e.show && isFinite(e._box.y) ? (i(), r("rect", Qe({
-                    key: 3,
-                    class: "vue-ui-xy-annotation-label-box"
-                  }, { ref_for: !0 }, e._box, { style: {
-                    animation: "none !important",
-                    transition: "none !important"
-                  } }), null, 16)) : h("", !0),
-                  e.config.label.text && e.show && isFinite(e._text.y) ? (i(), r("text", {
-                    key: 4,
-                    id: e.id,
-                    class: "vue-ui-xy-annotation-label",
-                    x: e._text.x,
-                    y: e._text.y,
-                    "font-size": e.config.label.fontSize,
-                    fill: e.config.label.color,
-                    "text-anchor": e.config.label.textAnchor
-                  }, se(e.config.label.text), 9, Ai)) : h("", !0)
-                ]))), 128))
-              ])) : h("", !0),
-              t.value.chart.timeTag.show && (![null, void 0].includes(
-                _.value
-              ) || ![null, void 0].includes(
-                P.value
-              )) ? (i(), r("g", Ci, [
-                (i(), r("foreignObject", {
-                  x: xu(),
-                  y: c.value?.bottom,
-                  width: "200",
-                  height: "40",
-                  style: { overflow: "visible !important" }
-                }, [
-                  y("div", {
-                    ref_key: "timeTagEl",
-                    ref: Ka,
-                    class: "vue-ui-xy-time-tag",
-                    style: w(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${t.value.chart.timeTag.backgroundColor};color:${t.value.chart.timeTag.color};font-size:${t.value.chart.timeTag.fontSize}px`),
-                    innerHTML: ku.value
-                  }, null, 12, zi)
-                ], 8, Ti)),
-                y("circle", {
-                  cx: c.value?.left + c.value.width / $.value * ((_.value !== null ? _.value : 0) || (P.value !== null ? P.value : 0)) + c.value.width / $.value / 2,
-                  cy: c.value?.bottom,
-                  r: t.value.chart.timeTag.circleMarker.radius,
-                  fill: t.value.chart.timeTag.circleMarker.color
-                }, null, 8, Ii)
-              ])) : h("", !0)
-            ])) : h("", !0),
-            oa.value ? (i(), r("rect", Qe({ key: 2 }, Ro.value, {
-              "data-start": m.value.start,
-              "data-end": m.value.end
-            }), null, 16, Pi)) : h("", !0),
-            O(l.$slots, "svg", {
-              svg: {
-                ...Oo.value,
-                isPrintingImg: v(Et) | v(_l) | Ht.value,
-                isPrintingSvg: Dt.value,
-                data: [...ue.value, ...ke.value, ...ge.value],
-                drawingArea: c.value
-              }
-            }, void 0, !0)
-          ], 512)
-        ], 46, $s)),
-        l.$slots.hint ? (i(), r("div", Oi, [
-          O(l.$slots, "hint", ve(de({
-            hint: t.value.a11y.translations.keyboardNavigation,
-            isVisible: zl.value
-          })), void 0, !0)
-        ])) : h("", !0)
-      ]),
-      l.$slots.watermark ? (i(), r("div", Ni, [
-        O(l.$slots, "watermark", ve(de({
-          isPrinting: v(Et) || v(_l) || Ht.value || Dt.value
-        })), void 0, !0)
-      ])) : h("", !0),
-      (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r(d, {
-        key: `tag_line_${e.id}`
-      }, [
-        (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
-          key: `tag_line_${s}_${n}`
-        }, [
-          [
-            P.value,
-            _.value,
-            Ye.value
-          ].includes(n) && e.useTag && e.useTag === "end" && t.value.line.tag.followValue ? (i(), r("div", {
-            key: 0,
-            ref_for: !0,
-            ref: (u) => qt(s, n, u, "right", "line"),
-            class: "vue-ui-xy-tag",
-            "data-tag": "right",
-            style: w({
-              position: "fixed",
-              top: v(De)({
-                svgElement: ae.value,
-                x: c.value?.right + t.value.line.tag.fontSize / 1.5,
-                y: a.y,
-                element: Oe.value[`${s}_${n}_right_line`],
-                position: "right"
-              })?.top + "px",
-              left: v(De)({
-                svgElement: ae.value,
-                x: c.value?.right + t.value.line.tag.fontSize / 1.5,
-                y: a.y,
-                element: Oe.value[`${s}_${n}_right_line`],
-                position: "right"
-              })?.left + "px",
-              height: "fit-content",
-              width: "fit-content",
-              background: e.color,
-              color: v(He)(e.color),
-              padding: "0 6px",
-              fontSize: t.value.line.tag.fontSize + "px",
-              opacity: 1
-            })
-          }, [
-            (i(), r("svg", Fi, [
-              y("path", {
-                d: "M 0,10 10,0 10,20 Z",
-                fill: e.color,
-                stroke: "none"
-              }, null, 8, Vi)
-            ])),
-            y("div", {
-              class: "vue-ui-xy-tag-content",
-              innerHTML: v(he)(
-                t.value.line.tag.formatter,
-                a.value,
-                e.name,
-                {
-                  datapoint: a,
-                  seriesIndex: n,
-                  serieName: e.name
-                }
-              )
-            }, null, 8, Bi)
-          ], 4)) : h("", !0),
-          [
-            P.value,
-            _.value,
-            Ye.value
-          ].includes(n) && e.useTag && e.useTag === "start" && t.value.line.tag.followValue ? (i(), r("div", {
-            key: 1,
-            ref_for: !0,
-            ref: (u) => qt(s, n, u, "left", "line"),
-            class: "vue-ui-xy-tag",
-            "data-tag": "left",
-            style: w({
-              position: "fixed",
-              top: v(De)({
-                svgElement: ae.value,
-                x: c.value?.left - t.value.line.tag.fontSize / 1.5,
-                y: a.y,
-                element: Oe.value[`${s}_${n}_left_line`],
-                position: "left"
-              })?.top + "px",
-              left: v(De)({
-                svgElement: ae.value,
-                x: c.value?.left - t.value.line.tag.fontSize / 1.5,
-                y: a.y,
-                element: Oe.value[`${s}_${n}_left_line`],
-                position: "left"
-              })?.left + "px",
-              height: "fit-content",
-              width: "fit-content",
-              background: e.color,
-              color: v(He)(e.color),
-              padding: "0 6px",
-              fontSize: t.value.line.tag.fontSize + "px",
-              opacity: 1
-            })
-          }, [
-            (i(), r("svg", Ri, [
-              y("path", {
-                d: "M 0,0 10,10 0,20 Z",
-                fill: e.color,
-                stroke: "none"
-              }, null, 8, Hi)
-            ])),
-            y("div", {
-              class: "vue-ui-xy-tag-content",
-              innerHTML: v(he)(
-                t.value.line.tag.formatter,
-                a.value,
-                e.name,
-                {
-                  datapoint: a,
-                  seriesIndex: n,
-                  serieName: e.name
-                }
-              )
-            }, null, 8, Di)
-          ], 4)) : h("", !0)
-        ], 64))), 128))
-      ], 64))), 128)),
-      (i(!0), r(d, null, k(ge.value, (e, s) => (i(), r(d, {
-        key: `tag_plot_${e.id}`
-      }, [
-        (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
-          key: `tag_plot_${s}_${n}`
-        }, [
-          [
-            P.value,
-            _.value,
-            Ye.value
-          ].includes(n) && e.useTag && e.useTag === "end" && t.value.plot.tag.followValue ? (i(), r("div", {
-            key: 0,
-            ref_for: !0,
-            ref: (u) => qt(s, n, u, "right", "plot"),
-            class: "vue-ui-xy-tag",
-            "data-tag": "right",
-            style: w({
-              position: "fixed",
-              top: v(De)({
-                svgElement: ae.value,
-                x: c.value?.right + t.value.plot.tag.fontSize / 1.5,
-                y: a.y,
-                element: Oe.value[`${s}_${n}_right_plot`],
-                position: "right"
-              })?.top + "px",
-              left: v(De)({
-                svgElement: ae.value,
-                x: c.value?.right + t.value.plot.tag.fontSize / 1.5,
-                y: a.y,
-                element: Oe.value[`${s}_${n}_right_plot`],
-                position: "right"
-              })?.left + "px",
-              height: "fit-content",
-              width: "fit-content",
-              background: e.color,
-              color: v(He)(e.color),
-              padding: "0 6px",
-              fontSize: t.value.plot.tag.fontSize + "px",
-              opacity: 1
-            })
-          }, [
-            (i(), r("svg", Wi, [
-              y("path", {
-                d: "M 0,10 10,0 10,20 Z",
-                fill: e.color,
-                stroke: "none"
-              }, null, 8, Ei)
-            ])),
-            y("div", {
-              class: "vue-ui-xy-tag-content",
-              innerHTML: v(he)(
-                t.value.plot.tag.formatter,
-                a.value,
-                e.name,
-                {
-                  datapoint: a,
-                  seriesIndex: n,
-                  serieName: e.name
-                }
-              )
-            }, null, 8, Yi)
-          ], 4)) : h("", !0),
-          [
-            P.value,
-            _.value,
-            Ye.value
-          ].includes(n) && e.useTag && e.useTag === "start" && t.value.plot.tag.followValue ? (i(), r("div", {
-            key: 1,
-            ref_for: !0,
-            ref: (u) => qt(s, n, u, "left", "plot"),
-            class: "vue-ui-xy-tag",
-            "data-tag": "left",
-            style: w({
-              position: "fixed",
-              top: v(De)({
-                svgElement: ae.value,
-                x: c.value?.left - t.value.plot.tag.fontSize / 1.5,
-                y: a.y,
-                element: Oe.value[`${s}_${n}_left_plot`],
-                position: "left"
-              })?.top + "px",
-              left: v(De)({
-                svgElement: ae.value,
-                x: c.value?.left - t.value.plot.tag.fontSize / 1.5,
-                y: a.y,
-                element: Oe.value[`${s}_${n}_left_plot`],
-                position: "left"
-              })?.left + "px",
-              height: "fit-content",
-              width: "fit-content",
-              background: e.color,
-              color: v(He)(e.color),
-              padding: "0 6px",
-              fontSize: t.value.plot.tag.fontSize + "px",
-              opacity: 1
-            })
-          }, [
-            (i(), r("svg", Xi, [
-              y("path", {
-                d: "M 0,0 10,10 0,20 Z",
-                fill: e.color,
-                stroke: "none"
-              }, null, 8, Gi)
-            ])),
-            y("div", {
-              class: "vue-ui-xy-tag-content",
-              innerHTML: v(he)(
-                t.value.plot.tag.formatter,
-                a.value,
-                e.name,
-                {
-                  datapoint: a,
-                  seriesIndex: n,
-                  serieName: e.name
-                }
-              )
-            }, null, 8, qi)
-          ], 4)) : h("", !0)
-        ], 64))), 128))
-      ], 64))), 128)),
-      t.value.chart.zoom.show && ze.value > 6 && xl.value && ka.value ? (i(), _e(gs, {
-        key: 6,
-        ref_key: "chartSlicer",
-        ref: Te,
-        uuid: z.value,
-        allMinimaps: gu.value,
-        background: t.value.chart.zoom.color,
-        borderColor: t.value.chart.backgroundColor,
-        customFormat: t.value.chart.zoom.customFormat,
-        cutNullValues: t.value.line.cutNullValues,
-        enableRangeHandles: t.value.chart.zoom.enableRangeHandles,
-        enableSelectionDrag: t.value.chart.zoom.enableSelectionDrag,
-        end: m.value.end,
-        focusOnDrag: t.value.chart.zoom.focusOnDrag,
-        focusRangeRatio: t.value.chart.zoom.focusRangeRatio,
-        fontSize: t.value.chart.zoom.fontSize,
-        useResetSlot: t.value.chart.zoom.useResetSlot,
-        immediate: !t.value.chart.zoom.preview.enable,
-        inputColor: t.value.chart.zoom.color,
-        isPreview: oa.value,
-        labelLeft: oe.value[0] ? oe.value[0].text : "",
-        labelRight: oe.value.at(-1) ? oe.value.at(-1).text : "",
-        max: ze.value,
-        min: 0,
-        minimap: mu.value,
-        minimapCompact: t.value.chart.zoom.minimap.compact,
-        minimapFrameColor: t.value.chart.zoom.minimap.frameColor,
-        minimapIndicatorColor: t.value.chart.zoom.minimap.indicatorColor,
-        minimapLineColor: t.value.chart.zoom.minimap.lineColor,
-        minimapMerged: t.value.chart.zoom.minimap.merged,
-        minimapSelectedColor: t.value.chart.zoom.minimap.selectedColor,
-        minimapSelectedColorOpacity: t.value.chart.zoom.minimap.selectedColorOpacity,
-        minimapSelectedIndex: _.value,
-        minimapSelectionRadius: t.value.chart.zoom.minimap.selectionRadius,
-        preciseLabels: Wa.value.length ? Wa.value : Zt.value,
-        refreshEndPoint: t.value.chart.zoom.endIndex !== null ? t.value.chart.zoom.endIndex + 1 : Math.max(
-          ...cl.dataset.map(
-            (e) => Fe(e.series).length
-          )
-        ),
-        refreshStartPoint: t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex : 0,
-        selectColor: t.value.chart.zoom.highlightColor,
-        selectedSeries: Ze.value,
-        smoothMinimap: t.value.chart.zoom.minimap.smooth,
-        start: m.value.start,
-        textColor: t.value.chart.color,
-        timeLabels: Zt.value,
-        usePreciseLabels: t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat,
-        valueEnd: m.value.end,
-        valueStart: m.value.start,
-        verticalHandles: t.value.chart.zoom.minimap.verticalHandles,
-        minScale: t.value.chart.grid.labels.yAxis.scaleMin,
-        maxScale: t.value.chart.grid.labels.yAxis.scaleMax,
-        maxWidth: t.value.chart.zoom.maxWidth,
-        additionalMinimapHeight: t.value.chart.zoom.minimap.additionalHeight,
-        handleType: t.value.chart.zoom.minimap.handleType,
-        handleIconColor: t.value.chart.zoom.minimap.handleIconColor,
-        handleBorderWidth: t.value.chart.zoom.minimap.handleBorderWidth,
-        handleBorderColor: t.value.chart.zoom.minimap.handleBorderColor,
-        handleFill: t.value.chart.zoom.minimap.handleFill,
-        handleWidth: t.value.chart.zoom.minimap.handleWidth,
-        isCursorPointer: Xe.value,
-        onFutureEnd: o[1] || (o[1] = (e) => ua("end", e)),
-        onFutureStart: o[2] || (o[2] = (e) => ua("start", e)),
-        onReset: eu,
-        onTrapMouse: Ko,
-        "onUpdate:end": jo,
-        "onUpdate:start": Qo
-      }, {
-        "reset-action": Y(({ reset: e }) => [
-          O(l.$slots, "reset-action", ve(de({ reset: e })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["uuid", "allMinimaps", "background", "borderColor", "customFormat", "cutNullValues", "enableRangeHandles", "enableSelectionDrag", "end", "focusOnDrag", "focusRangeRatio", "fontSize", "useResetSlot", "immediate", "inputColor", "isPreview", "labelLeft", "labelRight", "max", "minimap", "minimapCompact", "minimapFrameColor", "minimapIndicatorColor", "minimapLineColor", "minimapMerged", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapSelectionRadius", "preciseLabels", "refreshEndPoint", "refreshStartPoint", "selectColor", "selectedSeries", "smoothMinimap", "start", "textColor", "timeLabels", "usePreciseLabels", "valueEnd", "valueStart", "verticalHandles", "minScale", "maxScale", "maxWidth", "additionalMinimapHeight", "handleType", "handleIconColor", "handleBorderWidth", "handleBorderColor", "handleFill", "handleWidth", "isCursorPointer"])) : h("", !0),
-      y("div", {
-        id: `legend-bottom-${z.value}`
-      }, null, 8, Ui),
-      ql.value && (t.value.chart.legend.show || l.$slots.legend) ? (i(), _e(Ru, {
-        key: 7,
-        to: t.value.chart.legend.position === "top" ? `#legend-top-${z.value}` : `#legend-bottom-${z.value}`
-      }, [
-        y("div", {
-          ref_key: "chartLegend",
-          ref: mt
-        }, [
-          O(l.$slots, "legend", { legend: ie.value }, () => [
-            t.value.chart.legend.show ? (i(), r("div", {
-              key: 0,
-              class: "vue-ui-xy-legend",
-              style: w({
-                fontSize: `var(--legend-font-size, ${t.value.chart.legend.fontSize ?? 14}px)`
-              })
-            }, [
-              t.value.chart.legend.selectAllToggle.show && ie.value.length > 2 && !v(ne) ? (i(), _e(ps, {
-                key: 0,
-                backgroundColor: t.value.chart.legend.selectAllToggle.backgroundColor,
-                color: t.value.chart.legend.selectAllToggle.color,
-                fontSize: t.value.chart.legend.fontSize,
-                checked: G.value.length > 0,
-                onToggle: ou
-              }, null, 8, ["backgroundColor", "color", "fontSize", "checked"])) : h("", !0),
-              (i(!0), r(d, null, k(ie.value, (e, s) => (i(), r("div", {
-                key: `div_legend_item_${s}`,
-                onClick: (a) => Mt(e),
-                onKeydown: (a) => uu(a, e),
-                role: "button",
-                tabindex: "0",
-                class: Je({
-                  "vue-ui-xy-legend-item-alone": ie.value.length === 1,
-                  "vue-ui-xy-legend-item": !0,
-                  "vue-ui-xy-legend-item-segregated": G.value.includes(e.id)
-                }),
-                style: w({
-                  cursor: Xe.value ? "pointer" : "default"
-                })
-              }, [
-                pt.value[e.type] === "line" ? (i(), r("svg", Ki, [
-                  y("rect", {
-                    x: "0",
-                    y: "7.5",
-                    rx: "1.5",
-                    stroke: t.value.chart.backgroundColor,
-                    "stroke-width": 0.5,
-                    height: "3",
-                    width: "20",
-                    fill: e.color
-                  }, null, 8, Ji),
-                  vt(rl, {
-                    plot: { x: 10, y: 9 },
-                    radius: 4,
-                    color: e.color,
-                    shape: [
-                      "triangle",
-                      "square",
-                      "diamond",
-                      "pentagon",
-                      "hexagon",
-                      "star"
-                    ].includes(e.shape) ? e.shape : "circle",
-                    stroke: t.value.chart.backgroundColor,
-                    strokeWidth: 0.5
-                  }, null, 8, ["color", "shape", "stroke"])
-                ])) : pt.value[e.type] === "bar" ? (i(), r("svg", Qi, [
-                  pt.value[e.type] === "bar" && l.$slots.pattern ? (i(), r("rect", {
-                    key: 0,
-                    x: "4",
-                    y: "4",
-                    rx: "1",
-                    height: "32",
-                    width: "32",
-                    stroke: "none",
-                    fill: e.color
-                  }, null, 8, ji)) : h("", !0),
-                  pt.value[e.type] === "bar" ? (i(), r("rect", {
-                    key: 1,
-                    x: "4",
-                    y: "4",
-                    rx: "1",
-                    height: "32",
-                    width: "32",
-                    stroke: "none",
-                    fill: l.$slots.pattern ? `url(#pattern_${z.value}_${e.slotAbsoluteIndex})` : e.color
-                  }, null, 8, er)) : h("", !0)
-                ])) : (i(), r("svg", tr, [
-                  vt(rl, {
-                    plot: { x: 6, y: 6 },
-                    radius: 5,
-                    color: e.color,
-                    shape: [
-                      "triangle",
-                      "square",
-                      "diamond",
-                      "pentagon",
-                      "hexagon",
-                      "star"
-                    ].includes(e.shape) ? e.shape : "circle"
-                  }, null, 8, ["color", "shape"])
-                ])),
-                y("span", {
-                  style: w(`color:${t.value.chart.legend.color}`)
-                }, se(e.name), 5)
-              ], 46, Zi))), 128))
-            ], 4)) : h("", !0)
-          ], !0)
-        ], 512)
-      ], 8, ["to"])) : h("", !0),
-      l.$slots.source ? (i(), r("div", {
-        key: 8,
-        ref_key: "source",
-        ref: gt,
-        dir: "auto"
-      }, [
-        O(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : h("", !0),
-      vt(v(_o), {
-        teleportTo: t.value.chart.tooltip.teleportTo,
-        show: f.value.showTooltip && Wl.value,
-        backgroundColor: t.value.chart.tooltip.backgroundColor,
-        color: t.value.chart.tooltip.color,
-        fontSize: t.value.chart.tooltip.fontSize,
-        borderRadius: t.value.chart.tooltip.borderRadius,
-        borderColor: t.value.chart.tooltip.borderColor,
-        borderWidth: t.value.chart.tooltip.borderWidth,
-        backgroundOpacity: t.value.chart.tooltip.backgroundOpacity,
-        position: t.value.chart.tooltip.position,
-        offsetY: t.value.chart.tooltip.offsetY,
-        parent: l.$refs.chart,
-        content: bu.value,
-        isFullscreen: Ee.value,
-        isCustom: t.value.chart.tooltip.customFormat && typeof t.value.chart.tooltip.customFormat == "function",
-        smooth: t.value.chart.tooltip.smooth,
-        backdropFilter: t.value.chart.tooltip.backdropFilter,
-        smoothForce: t.value.chart.tooltip.smoothForce,
-        smoothSnapThreshold: t.value.chart.tooltip.smoothSnapThreshold,
-        isA11yMode: lt.value != null,
-        a11yPosition: Ul.value
-      }, {
-        "tooltip-before": Y(() => [
-          O(l.$slots, "tooltip-before", ve(de({ ...Ll.value })), void 0, !0)
-        ]),
-        tooltip: Y(() => [
-          O(l.$slots, "tooltip", ve(de({ ...Ll.value })), void 0, !0)
-        ]),
-        "tooltip-after": Y(() => [
-          O(l.$slots, "tooltip-after", ve(de({ ...Ll.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      xl.value && t.value.chart.userOptions.buttons.table ? (i(), _e(Hu(Ct.value.component), Qe({ key: 9 }, Ct.value.props, {
-        ref_key: "tableUnit",
-        ref: tt,
-        onClose: ja
-      }), lo({
-        content: Y(() => [
-          y("div", {
-            style: w(`${v(Et) || t.value.table.useDialog ? "" : "max-height:400px"};${t.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${t.value.table.useDialog ? "" : "margin-top:48px"}`)
-          }, [
-            y("div", lr, [
-              Du(y("input", {
-                type: "checkbox",
-                "onUpdate:modelValue": o[4] || (o[4] = (e) => yt.value = e)
-              }, null, 512), [
-                [Wu, yt.value]
-              ]),
-              y("div", {
-                onClick: o[5] || (o[5] = (e) => yt.value = !yt.value),
-                style: w({
-                  cursor: Xe.value ? "pointer" : "default"
-                })
-              }, [
-                vt(v(Rl), {
-                  name: "chartLine",
-                  size: 20,
-                  stroke: t.value.chart.color
-                }, null, 8, ["stroke"])
-              ], 4)
-            ]),
-            yt.value ? (i(), _e(v(So), {
-              key: `sparkline_${gl.value}`,
-              dataset: vu.value,
-              config: du.value
-            }, null, 8, ["dataset", "config"])) : (i(), _e(v(ko), {
-              key: `table_${Yl.value}`,
-              colNames: rt.value.colNames,
-              head: rt.value.head,
-              body: rt.value.body,
-              config: rt.value.config,
-              title: t.value.table.useDialog ? "" : Ct.value.title,
-              withCloseButton: !t.value.table.useDialog,
-              onClose: ja
-            }, {
-              th: Y(({ th: e }) => [
-                y("div", { innerHTML: e }, null, 8, ar)
-              ]),
-              td: Y(({ td: e }) => [
-                ao(se(isNaN(Number(e)) ? e : v(Pe)({
-                  p: t.value.chart.labels.prefix,
-                  v: e,
-                  s: t.value.chart.labels.suffix,
-                  r: t.value.table.rounding
-                })), 1)
-              ]),
-              _: 1
-            }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
-          ], 4)
-        ]),
-        _: 2
-      }, [
-        t.value.table.useDialog ? {
-          name: "title",
-          fn: Y(() => [
-            ao(se(Ct.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        t.value.table.useDialog ? {
-          name: "actions",
-          fn: Y(() => [
-            y("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: o[3] || (o[3] = (e) => Ml(
-                t.value.chart.userOptions.callbacks.csv
-              ))
-            }, [
-              vt(v(Rl), {
-                name: "fileCsv",
-                stroke: Ct.value.props.color
-              }, null, 8, ["stroke"])
-            ])
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : h("", !0),
-      O(l.$slots, "skeleton", {}, () => [
-        v(ne) ? (i(), _e(is, { key: 0 })) : h("", !0)
-      ], !0)
-    ], 46, ks));
-  }
-}, $r = /* @__PURE__ */ xs(or, [["__scopeId", "data-v-8ec65780"]]);
-export {
-  $r as default
-};