vue-data-ui 3.15.12 → 3.16.1

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

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