vue-data-ui 3.6.0 → 3.7.0

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

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