vue-data-ui 3.2.0 → 3.2.1

package/dist/vue-ui-quick-chart-Coh62JYO.js

@@ -1,1802 +0,0 @@
-import { defineAsyncComponent as Ce, ref as A, computed as N, toRefs as la, watch as $e, shallowRef as It, onMounted as oa, onBeforeUnmount as Et, nextTick as Tt, watchEffect as na, createElementBlock as o, openBlock as l, normalizeStyle as R, normalizeClass as ce, createBlock as Ie, createCommentVNode as m, createElementVNode as _, createVNode as ke, unref as r, createSlots as ia, withCtx as te, renderSlot as U, normalizeProps as he, guardReactiveProps as fe, toDisplayString as F, Fragment as p, renderList as I, Teleport as ua, mergeProps as et } from "vue";
-import { c as ra, t as sa, b as va, p as G, D as He, e as da, L as ca, f as ha, o as fa, h as tt, n as ma, E as Pt, X as ga, u as pa, v as at, w as Ee, a as ae, d as W, N as Rt, W as Mt, q as le, z as qe, A as lt } from "./lib-p5pfHmOX.js";
-import { t as Ot, u as xa } from "./useResponsive-DfdjqQps.js";
-import { u as ya, a as Ft } from "./useNestedProp-DF7e2h1z.js";
-import { u as ka } from "./usePrinter-Yeu5jOfm.js";
-import { u as ba } from "./useTimeLabels-BGFjWgrv.js";
-import { u as Sa } from "./useChartAccessibility-9icAAmYg.js";
-import { u as wa } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Aa from "./img-CH7J0fYg.js";
-import { S as La } from "./Slicer-BgpOhmb6.js";
-import { t as _a } from "./themes-D3cUNuKw.js";
-import { u as za, B as Ca } from "./BaseScanner-BgWxam9d.js";
-import { _ as $a } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const L = {
-  LINE: "LINE",
-  BAR: "BAR",
-  DONUT: "DONUT"
-}, Ia = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
-function Ea({ dataset: h, barLineSwitch: P = 6, debug: S = !0 }) {
-  let D = null, H = null, ne = 0;
-  if ((typeof h == "number" || typeof h == "string") && S && console.warn(`The provided dataset (${h}) is not sufficient to build a chart`), Xe(h) && (oe(h) && (h.length < P ? D = L.BAR : D = L.LINE, H = h, ne = h.length), We(h))) {
-    if (!Pa(h))
-      return S && console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
-    const je = Object.keys(h[0]), O = Object.values(h[0]);
-    if (!je.some((M) => Ra(M)))
-      return S && console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."), !1;
-    Nt(O, (M) => typeof M == "number") && (D = L.DONUT, H = h), Nt(O, (M) => Array.isArray(M) && oe(M)) && (Dt(h) > P ? D = L.LINE : D = L.BAR, ne = Dt(h), H = h.map((M) => ({
-      ...M,
-      data: Ma(M, (Te) => oe(Te))
-    }))), h = h.map((M) => Bt(M)), H = H.map((M) => Bt(M));
-  }
-  return {
-    dataset: h,
-    type: D,
-    usableDataset: H,
-    maxSeriesLength: ne
-  };
-}
-function Ut(h) {
-  return !h || Xe(h) && !h.length;
-}
-function Xe(h) {
-  return Array.isArray(h);
-}
-function oe(h) {
-  if (!Xe(h) || Ut(h)) return !1;
-  const P = h.map((S) => Number(S));
-  return ![...new Set(P.flatMap((S) => typeof S == "number" && !isNaN(S)))].includes(!1);
-}
-function We(h) {
-  return !Xe(h) || Ut(h) || !![...new Set(h.flatMap((S) => typeof S == "object" && !Array.isArray(S)))].includes(!1) ? !1 : !h.map((S) => Object.keys(S).length > 0).includes(!1);
-}
-function Ta(h, P) {
-  const S = Object.keys(h).sort(), D = Object.keys(P).sort();
-  if (S.length !== D.length)
-    return !1;
-  for (let H = 0; H < S.length; H += 1) {
-    const ne = S[H], be = D[H];
-    if (ne !== be || typeof h[ne] != typeof P[be])
-      return !1;
-  }
-  return !0;
-}
-function Pa(h) {
-  if (h.length <= 1) return !0;
-  for (let P = 0; P < h.length; P += 1)
-    for (let S = P + 1; S < h.length; S += 1)
-      if (!Ta(h[P], h[S]))
-        return !1;
-  return !0;
-}
-function Ra(h) {
-  return Ia.includes(h.toUpperCase());
-}
-function Nt(h, P) {
-  let S = [];
-  for (let D = 0; D < h.length; D += 1)
-    S.push(P(h[D]));
-  return S.includes(!0);
-}
-function Dt(h) {
-  return Math.max(...[...h].flatMap((P) => Object.values(P).filter((S) => oe(S)).map((S) => S.length)));
-}
-function Ma(h, P) {
-  return Object.values(h).filter((S) => P(S))[0];
-}
-function Bt(h) {
-  const P = {};
-  for (let S in h)
-    h.hasOwnProperty(S) && (P[S.toUpperCase()] = h[S]);
-  return P;
-}
-const Oa = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Da = ["x", "y", "width", "height"], Ba = ["x", "y", "width", "height"], Ua = ["width", "height"], Va = ["id"], Ha = ["id"], qa = ["id"], Wa = ["flood-color"], Xa = {
-  key: 0,
-  class: "donut-label-connectors"
-}, ja = ["d", "stroke", "stroke-width", "filter"], Ga = ["cx", "cy", "r", "fill", "filter"], Ya = { class: "donut" }, Za = ["d", "fill", "stroke", "stroke-width", "filter"], Ja = ["d", "onMouseenter", "onMouseout", "onClick"], Qa = {
-  key: 1,
-  class: "donut-labels quick-animation"
-}, Ka = ["cx", "cy", "fill", "stroke", "filter"], el = ["text-anchor", "x", "y", "fill", "font-size", "filter"], tl = ["text-anchor", "x", "y", "fill", "font-size", "filter"], al = {
-  key: 2,
-  class: "donut-hollow quick-animation"
-}, ll = ["x", "y", "font-size", "fill"], ol = ["x", "y", "font-size", "fill"], nl = {
-  key: 0,
-  class: "line-grid"
-}, il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], rl = {
-  key: 1,
-  class: "line-axis"
-}, sl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], vl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], cl = ["x", "y", "font-size", "fill"], hl = {
-  key: 3,
-  class: "periodLabels"
-}, fl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ml = { key: 0 }, gl = ["font-size", "text-anchor", "fill", "transform"], pl = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], xl = { class: "plots" }, yl = { class: "line-plot-series" }, kl = ["d", "stroke", "stroke-width"], bl = ["d", "stroke", "stroke-width"], Sl = ["d", "stroke", "stroke-width"], wl = ["d", "stroke", "stroke-width"], Al = ["cx", "cy", "fill", "stroke"], Ll = {
-  key: 4,
-  class: "dataLabels"
-}, _l = ["font-size", "fill", "x", "y"], zl = {
-  key: 5,
-  class: "tooltip-traps"
-}, Cl = ["x", "y", "height", "width", "fill", "onMouseenter", "onMouseleave", "onClick"], $l = {
-  key: 0,
-  class: "line-grid"
-}, Il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], El = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tl = {
-  key: 1,
-  class: "line-axis"
-}, Pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ml = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ol = ["x", "y", "font-size", "fill"], Fl = {
-  key: 3,
-  class: "periodLabels"
-}, Nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dl = { key: 0 }, Bl = ["font-size", "text-anchor", "fill", "transform"], Ul = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], Vl = { class: "plots" }, Hl = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], ql = ["to"], Wl = ["from", "to"], Xl = {
-  key: 4,
-  class: "dataLabels"
-}, jl = ["x", "y", "font-size", "fill"], Gl = {
-  key: 5,
-  class: "tooltip-traps"
-}, Yl = ["x", "y", "height", "width", "fill", "onMouseenter", "onMouseleave", "onClick"], Zl = {
-  key: 6,
-  class: "axis-labels"
-}, Jl = ["font-size", "fill", "x", "y"], Ql = ["font-size", "fill", "x", "y"], Kl = ["font-size", "fill", "transform"], eo = ["font-size", "fill", "transform"], to = {
-  key: 5,
-  class: "vue-data-ui-watermark"
-}, ao = ["id"], lo = ["onClick"], oo = ["onClick"], no = ["onClick"], io = {
-  key: 1,
-  class: "vue-ui-quick-chart-not-processable"
-}, uo = {
-  __name: "vue-ui-quick-chart",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: [Array, Object, String, Number],
-      default() {
-        return null;
-      }
-    }
-  },
-  emits: ["selectDatapoint", "selectLegend"],
-  setup(h, { expose: P, emit: S }) {
-    const D = Ce(() => import("./BaseIcon-D2f9w5Z5.js")), H = Ce(() => import("./PackageVersion-D242JXMq.js")), ne = Ce(() => import("./PenAndPaper-CtDMyIvW.js")), be = Ce(() => import("./Tooltip-Clf2K3CF.js")), ot = Ce(() => import("./UserOptions-Bn3u4JQu.js")), { vue_ui_quick_chart: je } = ya(), O = h, M = A(null), Te = A(null), nt = A(null), it = A(null), X = A(ra()), re = A(!1), Se = A(null), se = A(""), Z = A(null), ut = A(null), rt = A(null), w = A([]), st = A(0), Pe = A(0), vt = A(!1), J = A(null), Re = A(null), dt = A(null), ct = A(null), Me = A("#FFFFFF"), e = A(Ze()), Ge = N(() => !!e.value.debug), { loading: B, FINAL_DATASET: Vt, manualLoading: ht } = za({
-      ...la(O),
-      FINAL_CONFIG: e,
-      prepareConfig: Ze,
-      skeletonDataset: [1, 2, 3, 5, 8, 13, 21, 34, 55, 89],
-      skeletonConfig: sa({
-        defaultConfig: e.value,
-        userConfig: {
-          backgroundColor: "#99999930",
-          customPalette: ["#BABABA"],
-          showDataLabels: !1,
-          paletteStartIndex: 0,
-          showUserOptions: !1,
-          showTooltip: !1,
-          xAxisLabel: "",
-          yAxisLabel: "",
-          xyAxisStroke: "#999999",
-          xyGridStroke: "#99999950",
-          xyPeriods: [],
-          xyShowScale: !1,
-          xyPaddingLeft: 6,
-          xyPaddingBottom: 12,
-          zoomXy: !1,
-          zoomStartIndex: null,
-          zoomEndIndex: null
-        }
-      })
-    }), { svgRef: ft } = Sa({ config: { text: e.value.title } }), Ht = N(() => e.value.showUserOptionsOnChartHover), mt = N(() => e.value.keepUserOptionsStateOnChartLeave), Oe = A(!e.value.showUserOptionsOnChartHover), Ye = A(!1);
-    function gt(a = !1) {
-      Ye.value = a, Ht.value && (Oe.value = a);
-    }
-    function Ze() {
-      const a = Ft({
-        userConfig: O.config,
-        defaultConfig: je
-      });
-      let c = {};
-      return a.theme ? c = {
-        ...Ft({
-          userConfig: _a.vue_ui_quick_chart[a.theme] || O.config,
-          defaultConfig: a
-        }),
-        customPalette: va[a.theme] || G
-      } : c = a, O.config && He(O.config, "zoomStartIndex") ? c.zoomStartIndex = O.config.zoomStartIndex : c.zoomStartIndex = null, O.config && He(O.config, "zoomEndIndex") ? c.zoomEndIndex = O.config.zoomEndIndex : c.zoomEndIndex = null, O.config && !He(O.config, "donutStroke") ? He(O.config, "backgroundColor") ? Me.value = O.config.backgroundColor : Me.value = "#FFFFFF" : Me.value = O.config.donutStroke, c;
-    }
-    $e(() => O.config, (a) => {
-      B.value || (e.value = Ze()), b.value.width = e.value.width, b.value.height = e.value.height, Oe.value = !e.value.showUserOptionsOnChartHover, yt(), ge.value.showTooltip = e.value.showTooltip;
-    }, { deep: !0 }), $e(() => O.dataset, (a) => {
-      k.value = Ae.value, g.value.start = 0, g.value.end = k.value.maxSeriesLength, Pe.value += 1;
-    }, { deep: !0 }), $e(() => O.dataset, (a) => {
-      Array.isArray(a) && a.length > 0 && (ht.value = !1);
-    }, { immediate: !0 });
-    const we = N(() => da(e.value.customPalette)), me = S, Ae = N(() => {
-      const a = Ea({ debug: Ge.value, dataset: ca(Vt.value, [
-        "serie",
-        "series",
-        "data",
-        "value",
-        "values",
-        "num"
-      ]), barLineSwitch: e.value.chartIsBarUnderDatasetLength });
-      return !a && Ge.value && console.error("VueUiQuickChart : Dataset is not processable"), a;
-    }), k = A(Ae.value), qt = N(() => !!k.value), C = N(() => k.value ? k.value.type : null);
-    $e(() => C.value, (a) => {
-      a || ha({
-        componentName: "VueUiQuickChart",
-        type: "dataset",
-        debug: Ge.value
-      });
-    }, { immediate: !0 });
-    const { isPrinting: Fe, isImaging: Ne, generatePdf: pt, generateImage: xt } = ka({
-      elementId: `${C.value}_${X.value}`,
-      fileName: e.value.title || C.value,
-      options: e.value.userOptionsPrint
-    }), Wt = N(() => e.value.showUserOptions && !e.value.title), b = A({
-      width: e.value.width,
-      height: e.value.height
-    }), ge = A({
-      showTooltip: e.value.showTooltip
-    });
-    $e(e, () => {
-      ge.value = {
-        showTooltip: e.value.showTooltip
-      };
-    }, { immediate: !0 });
-    const ie = It(null), pe = It(null);
-    oa(() => {
-      vt.value = !0, yt();
-    });
-    function yt() {
-      if (fa(O.dataset) || (ht.value = e.value.loading), e.value.responsive) {
-        const a = Ot(() => {
-          const { width: c, height: t } = xa({
-            chart: M.value,
-            title: e.value.title ? Te.value : null,
-            legend: e.value.showLegend ? nt.value : null,
-            slicer: [L.BAR, L.LINE].includes(C.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? it.value : null,
-            source: ut.value,
-            noTitle: rt.value
-          });
-          requestAnimationFrame(() => {
-            b.value.width = c, b.value.height = t;
-          });
-        });
-        ie.value && (pe.value && ie.value.unobserve(pe.value), ie.value.disconnect()), ie.value = new ResizeObserver(a), pe.value = M.value.parentNode, ie.value.observe(pe.value);
-      }
-      _t();
-    }
-    Et(() => {
-      ie.value && (pe.value && ie.value.unobserve(pe.value), ie.value.disconnect());
-    });
-    const Xt = N(() => {
-      switch (C.value) {
-        case L.LINE:
-          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
-        case L.BAR:
-          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
-        case L.DONUT:
-          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
-        default:
-          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
-      }
-    });
-    function kt(a) {
-      return [...a].map((c) => c.value).reduce((c, t) => c + t, 0);
-    }
-    function Le(a) {
-      return e.value.blurOnHover && ![null, void 0].includes(Z.value) && Z.value !== a ? `url(#blur_${X.value})` : "";
-    }
-    function bt(a, c) {
-      w.value.includes(a) ? w.value = w.value.filter((t) => t !== a) : w.value.length < c && w.value.push(a);
-    }
-    const St = A(null), wt = A(null), De = A(!1);
-    function jt(a, c) {
-      De.value = !0;
-      let t = a.value;
-      const i = Ae.value.dataset.find((u, x) => a.id === `donut_${x}`).VALUE;
-      if (w.value.includes(a.id)) {
-        let u = function() {
-          t > i ? (De.value = !1, cancelAnimationFrame(wt.value), k.value = {
-            ...k.value,
-            dataset: k.value.dataset.map((x, z) => a.id === `donut_${z}` ? {
-              ...x,
-              value: i,
-              VALUE: i
-            } : x)
-          }) : (t += i * 0.025, k.value = {
-            ...k.value,
-            dataset: k.value.dataset.map((x, z) => a.id === `donut_${z}` ? {
-              ...x,
-              value: t,
-              VALUE: t
-            } : x)
-          }, wt.value = requestAnimationFrame(u));
-        };
-        w.value = w.value.filter((x) => x !== a.id), u();
-      } else if (c.length > 1) {
-        let u = function() {
-          t < i / 100 ? (De.value = !1, cancelAnimationFrame(St.value), w.value.push(a.id), k.value = {
-            ...k.value,
-            dataset: k.value.dataset.map((x, z) => a.id === `donut_${z}` ? {
-              ...x,
-              value: 0,
-              VALUE: 0
-            } : x)
-          }) : (t /= 1.1, k.value = {
-            ...k.value,
-            dataset: k.value.dataset.map((x, z) => a.id === `donut_${z}` ? {
-              ...x,
-              value: t,
-              VALUE: t
-            } : x)
-          }, St.value = requestAnimationFrame(u));
-        };
-        u();
-      }
-    }
-    const Q = A(null);
-    function Gt(a) {
-      Q.value = a;
-    }
-    const At = N(() => e.value.donutThicknessRatio < 0.01 ? 0.01 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), T = N(() => {
-      if (C.value !== L.DONUT) return null;
-      const a = k.value.dataset.map((f, $) => ({
-        ...f,
-        value: f.VALUE || f.DATA || f.SERIE || f.VALUES || f.NUM || 0,
-        name: f.NAME || f.DESCRIPTION || f.TITLE || f.LABEL || `Serie ${$}`,
-        id: `donut_${$}`
-      })).map((f, $) => ({
-        ...f,
-        color: f.COLOR ? tt(f.COLOR) : we.value[$ + e.value.paletteStartIndex] || G[$ + e.value.paletteStartIndex] || G[($ + e.value.paletteStartIndex) % G.length],
-        immutableValue: f.value
-      }));
-      function c(f, $) {
-        return W({
-          v: isNaN(f.value / kt($)) ? 0 : f.value / kt($) * 100,
-          s: "%",
-          r: e.value.dataLabelRoundingPercentage
-        });
-      }
-      function t(f) {
-        return f.proportion * 100 > e.value.donutHideLabelUnderPercentage;
-      }
-      function i(f, $) {
-        const v = Ae.value.dataset.find((y, E) => `donut_${E}` === f).VALUE;
-        return Math.abs(String(Number(v.toFixed(0))).length - String(Number($.toFixed(0))).length);
-      }
-      function u({ datapoint: f, seriesIndex: $ }) {
-        Se.value = { datapoint: f, seriesIndex: $, config: e.value, dataset: a }, Z.value = f.id;
-        const v = e.value.tooltipCustomFormat;
-        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: f, seriesIndex: $ }), qe(v) && lt(() => v({
-          datapoint: f,
-          seriesIndex: $,
-          series: a,
-          config: e.value
-        })))
-          se.value = v({
-            datapoint: f,
-            seriesIndex: $,
-            series: a,
-            config: e.value
-          });
-        else {
-          let n = "";
-          n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${f.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${f.color}"/></svg>`, n += `<b>${ae(
-            e.value.formatter,
-            f.value,
-            W({
-              p: e.value.valuePrefix,
-              v: f.value,
-              s: e.value.valueSuffix,
-              r: e.value.dataLabelRoundingValue
-            }),
-            { datapoint: f, seriesIndex: $ }
-          )}</b>`, n += `<span>(${W({ v: f.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, se.value = `<div>${n}</div>`;
-        }
-        re.value = !0;
-      }
-      function x({ datapoint: f, seriesIndex: $ }) {
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: f, seriesIndex: $ }), re.value = !1, Z.value = null, Q.value = null;
-      }
-      function z({ datapoint: f, seriesIndex: $ }) {
-        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: f, seriesIndex: $ }), me("selectDatapoint", f);
-      }
-      const ue = {
-        centerX: b.value.width / 2,
-        centerY: b.value.height / 2
-      }, j = a.filter((f) => !w.value.includes(f.id)).map((f) => f.value || 0).reduce((f, $) => f + $, 0), ye = a.map((f, $) => ({
-        ...f,
-        proportion: (f.value || 0) / j,
-        value: f.value || 0,
-        absoluteValue: Ae.value.dataset.find((v, n) => `donut_${n}` === f.id).VALUE
-      })), ve = b.value.width / 2, K = b.value.height / 2, ee = b.value.height * e.value.donutRadiusRatio;
-      return {
-        dataset: ye.filter((f) => !w.value.includes(f.id)),
-        legend: ye,
-        drawingArea: ue,
-        displayArcPercentage: c,
-        isArcBigEnough: t,
-        useTooltip: u,
-        killTooltip: x,
-        selectDatapoint: z,
-        getSpaces: i,
-        total: j,
-        cx: ve,
-        cy: K,
-        radius: ee,
-        chart: ma(
-          { series: a.filter((f) => !w.value.includes(f.id)) },
-          ve,
-          K,
-          ee,
-          ee,
-          1.99999,
-          2,
-          1,
-          360,
-          105.25,
-          b.value.height * At.value
-        )
-      };
-    }), g = A({
-      start: 0,
-      end: k.value.maxSeriesLength
-    });
-    function Yt() {
-      _t();
-    }
-    const Lt = A(null);
-    async function _t() {
-      await Tt(), await Tt();
-      const { zoomStartIndex: a, zoomEndIndex: c } = e.value, t = Lt.value;
-      (a != null || c != null) && t ? (a != null && t.setStartValue(a), c != null && t.setEndValue(Zt(c + 1))) : (g.value = {
-        start: 0,
-        end: k.value.maxSeriesLength
-      }, Pe.value += 1);
-    }
-    function Zt(a) {
-      const c = k.value.maxSeriesLength;
-      return a > c ? c : a < 0 || e.value.zoomStartIndex !== null && a < e.value.zoomStartIndex ? e.value.zoomStartIndex !== null ? e.value.zoomStartIndex + 1 : 1 : a;
-    }
-    const Jt = N(() => {
-      if (!e.value.zoomMinimap.show || C.value === L.DONUT) return [];
-      let a = [];
-      oe(k.value.dataset) && (a = k.value.dataset), We(k.value.dataset) && (a = k.value.dataset.map((u, x) => ({
-        values: u.VALUE || u.DATA || u.SERIE || u.SERIES || u.VALUES || u.NUM || 0,
-        id: C.value === L.LINE ? `line_${x}` : `bar_${x}`
-      })).filter((u) => !w.value.includes(u.id)));
-      const c = oe(a) ? a.length : Math.max(...a.map((u) => u.values.length));
-      let t = [];
-      if (oe(a))
-        t = a;
-      else
-        for (let u = 0; u < c; u += 1)
-          t.push(a.map((x) => x.values[u] || 0).reduce((x, z) => (x || 0) + (z || 0), 0));
-      const i = Math.min(...t);
-      return t.map((u) => u + (i < 0 ? Math.abs(i) : 0));
-    });
-    function zt() {
-      let a = 0;
-      return Re.value && (a = Array.from(Re.value.querySelectorAll("text")).reduce((i, u) => {
-        const x = u.getComputedTextLength();
-        return x > i ? x : i;
-      }, 0)), a + 4;
-    }
-    const Je = A(0), Qt = Ot((a) => {
-      Je.value = a;
-    }, 100);
-    na((a) => {
-      const c = J.value;
-      if (!c) return;
-      const t = new ResizeObserver((i) => {
-        Qt(i[0].contentRect.height);
-      });
-      t.observe(c), a(() => t.disconnect());
-    }), Et(() => {
-      Je.value = 0;
-    });
-    const Be = N(() => {
-      let a = 0, c = 0;
-      return J.value && (c = Je.value), a + c;
-    }), d = N(() => {
-      if (C.value !== L.LINE) return null;
-      const a = {
-        height: b.value.height,
-        width: b.value.width
-      };
-      let c = zt();
-      if (J.value) {
-        const v = J.value.getBBox().x;
-        v < 0 && (c += Math.abs(v));
-      }
-      const t = {
-        left: c + e.value.xyPaddingLeft,
-        top: e.value.xyPaddingTop,
-        right: a.width - e.value.xyPaddingRight,
-        bottom: a.height - e.value.xyPaddingBottom - Be.value,
-        width: Math.max(10, a.width - e.value.xyPaddingLeft - e.value.xyPaddingRight - c),
-        height: Math.max(10, a.height - e.value.xyPaddingTop - e.value.xyPaddingBottom - Be.value)
-      };
-      let i = [];
-      oe(k.value.dataset) && (i = [
-        {
-          values: k.value.dataset.slice(g.value.start, g.value.end),
-          absoluteValues: k.value.dataset,
-          absoluteIndices: k.value.dataset.map((v, n) => n).slice(g.value.start, g.value.end),
-          name: e.value.title,
-          color: we.value[e.value.paletteStartIndex] || G[e.value.paletteStartIndex],
-          id: "line_0"
-        }
-      ]), We(k.value.dataset) && (i = k.value.dataset.map((v, n) => ({
-        ...v,
-        values: v.VALUE || v.DATA || v.SERIE || v.SERIES || v.VALUES || v.NUM || 0,
-        name: v.NAME || v.DESCRIPTION || v.TITLE || v.LABEL || `Serie ${n}`,
-        id: `line_${n}`
-      })).map((v, n) => ({
-        ...v,
-        color: v.COLOR ? tt(v.COLOR) : we.value[n + e.value.paletteStartIndex] || G[n + e.value.paletteStartIndex] || G[(n + e.value.paletteStartIndex) % G.length],
-        values: v.values.slice(g.value.start, g.value.end),
-        absoluteValues: v.values,
-        absoluteIndices: v.values.map((y, E) => E).slice(g.value.start, g.value.end)
-      })));
-      const u = {
-        max: Math.max(...i.filter((v) => !w.value.includes(v.id)).flatMap((v) => v.values)),
-        min: Math.min(...i.filter((v) => !w.value.includes(v.id)).flatMap((v) => v.values)),
-        maxSeries: Math.max(...i.map((v) => v.values.length))
-      }, x = Pt(u.min < 0 ? u.min : 0, u.max < 0 ? 0 : u.max, e.value.xyScaleSegments), z = u.min < 0 ? Math.abs(u.min) : 0, ue = u.max < 0 ? t.top : t.bottom - z / (x.max + z) * t.height, j = t.width / u.maxSeries, ye = x.ticks.map((v) => ({
-        y: t.bottom - t.height * ((v + z) / (x.max + z)),
-        x: t.left - 8,
-        value: v
-      })), ve = i.map((v, n) => ({
-        ...v,
-        coordinates: v.values.map((y, E) => ({
-          x: t.left + j * (E + 1) - j / 2,
-          y: t.bottom - (y + z) / (x.max + z) * t.height,
-          value: y
-        }))
-      })).map((v) => {
-        let n = [];
-        return v.coordinates.forEach((y) => {
-          n.push(`${y.x},${y.y} `);
-        }), {
-          ...v,
-          linePath: n.join(" ")
-        };
-      });
-      function K(v) {
-        return i.map((n) => ({
-          ...n,
-          value: n.values[v],
-          absoluteIndex: n.absoluteIndices[v]
-        })).filter((n) => !w.value.includes(n.id));
-      }
-      function ee(v) {
-        Z.value = v, Q.value = v;
-        const n = K(v);
-        Se.value = { datapoint: n, seriesIndex: v, config: e.value, dataset: i };
-        const y = e.value.tooltipCustomFormat;
-        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: n, seriesIndex: v + g.value.start }), qe(y) && lt(() => y({
-          datapoint: n,
-          seriesIndex: v,
-          series: i,
-          config: e.value
-        })))
-          se.value = y({
-            datapoint: n,
-            seriesIndex: v,
-            series: i,
-            config: e.value
-          });
-        else {
-          let E = "";
-          Y.value[n[0].absoluteIndex] && (E += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${Y.value[n[0].absoluteIndex].text}</div>`), n.forEach((V, q) => {
-            E += `
-                    <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
-                        <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${V.color}"/></svg>
-                        <span>${V.name}:</span>
-                        <b>${ae(
-              e.value.formatter,
-              V.value,
-              W({
-                p: e.value.valuePrefix,
-                v: V.value,
-                s: e.value.valueSuffix,
-                r: e.value.dataLabelRoundingValue
-              }),
-              { datapoint: V, seriesIndex: q }
-            )}
-                        </b>
-                    </div>
-                `;
-          }), se.value = E;
-        }
-        re.value = !0;
-      }
-      function f(v) {
-        const n = K(v);
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: n, seriesIndex: v + g.value.start }), Z.value = null, Q.value = null, re.value = !1;
-      }
-      function $(v) {
-        const n = K(v);
-        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: n, seriesIndex: v + g.value.start }), me("selectDatapoint", n);
-      }
-      return {
-        absoluteZero: ue,
-        dataset: ve.filter((v) => !w.value.includes(v.id)),
-        legend: ve,
-        drawingArea: t,
-        extremes: u,
-        slotSize: j,
-        yLabels: ye,
-        useTooltip: ee,
-        killTooltip: f,
-        selectDatapoint: $
-      };
-    }), s = N(() => {
-      if (C.value !== L.BAR) return null;
-      const a = {
-        height: b.value.height,
-        width: b.value.width
-      };
-      let c = zt();
-      if (J.value) {
-        const n = J.value.getBBox().x;
-        n < 0 && (c += Math.abs(n));
-      }
-      const t = {
-        left: c + e.value.xyPaddingLeft,
-        top: e.value.xyPaddingTop,
-        right: a.width - e.value.xyPaddingRight,
-        bottom: a.height - e.value.xyPaddingBottom - Be.value,
-        width: Math.max(10, a.width - e.value.xyPaddingLeft - e.value.xyPaddingRight - c),
-        height: Math.max(10, a.height - e.value.xyPaddingTop - e.value.xyPaddingBottom - Be.value)
-      };
-      let i = [];
-      oe(k.value.dataset) && (i = [
-        {
-          values: k.value.dataset.slice(g.value.start, g.value.end),
-          absoluteValues: k.value.dataset,
-          absoluteIndices: k.value.dataset.map((n, y) => y).slice(g.value.start, g.value.end),
-          name: e.value.title,
-          color: we.value[e.value.paletteStartIndex] || G[e.value.paletteStartIndex],
-          id: "bar_0"
-        }
-      ]), We(k.value.dataset) && (i = k.value.dataset.map((n, y) => ({
-        ...n,
-        values: n.VALUE || n.DATA || n.SERIE || n.SERIES || n.VALUES || n.NUM || 0,
-        name: n.NAME || n.DESCRIPTION || n.TITLE || n.LABEL || `Serie ${y}`,
-        id: `bar_${y}`
-      })).map((n, y) => ({
-        ...n,
-        color: n.COLOR ? tt(n.COLOR) : we.value[y + e.value.paletteStartIndex] || G[y + e.value.paletteStartIndex] || G[(y + e.value.paletteStartIndex) % G.length],
-        values: n.values.slice(g.value.start, g.value.end),
-        absoluteValues: n.values,
-        absoluteIndices: n.values.map((E, V) => V).slice(g.value.start, g.value.end)
-      })));
-      const u = {
-        max: Math.max(...i.filter((n) => !w.value.includes(n.id)).flatMap((n) => n.values)) < 0 ? 0 : Math.max(...i.filter((n) => !w.value.includes(n.id)).flatMap((n) => n.values)),
-        min: Math.min(...i.filter((n) => !w.value.includes(n.id)).flatMap((n) => n.values)),
-        maxSeries: Math.max(...i.filter((n) => !w.value.includes(n.id)).map((n) => n.values.length))
-      }, x = Pt(u.min < 0 ? u.min : 0, u.max, e.value.xyScaleSegments), z = x.min < 0 ? Math.abs(x.min) : 0, ue = t.bottom - z / (x.max + z) * t.height, j = t.width / u.maxSeries, ye = x.ticks.map((n) => ({
-        y: t.bottom - t.height * ((n + z) / (x.max + z)),
-        x: t.left - 8,
-        value: n
-      })), ve = i.map((n, y) => ({
-        ...n,
-        coordinates: n.values.map((E, V) => {
-          const q = (E + z) / (u.max + z) * t.height, _e = Math.abs(E) / Math.abs(u.min) * (t.height - ue), Ke = z / (u.max + z) * t.height, ze = j / i.filter((de) => !w.value.includes(de.id)).length - e.value.barGap / i.filter((de) => !w.value.includes(de.id)).length;
-          return {
-            x: t.left + j * V + ze * y + e.value.barGap / 2,
-            y: E > 0 ? t.bottom - q : ue,
-            height: E > 0 ? q - Ke : _e,
-            value: E,
-            width: ze
-          };
-        })
-      })), K = i.filter((n) => !w.value.includes(n.id)).map((n, y) => ({
-        ...n,
-        coordinates: n.values.map((E, V) => {
-          const q = (E + z) / (u.max + z) * t.height, _e = Math.abs(E) / (u.max + z) * t.height, Ke = z / (u.max + z) * t.height, ze = j / i.filter((de) => !w.value.includes(de.id)).length - e.value.barGap / i.filter((de) => !w.value.includes(de.id)).length;
-          return {
-            x: t.left + j * V + ze * y + e.value.barGap / 2,
-            y: E > 0 ? t.bottom - q : ue,
-            height: E > 0 ? q - Ke : _e,
-            value: E,
-            width: ze
-          };
-        })
-      }));
-      function ee(n) {
-        return i.map((y) => ({
-          ...y,
-          value: y.values[n],
-          absoluteIndex: y.absoluteIndices[n]
-        })).filter((y) => !w.value.includes(y.id));
-      }
-      function f(n) {
-        Z.value = n, Q.value = n;
-        const y = ee(n);
-        Se.value = { datapoint: y, seriesIndex: n, config: e.value, dataset: i };
-        const E = e.value.tooltipCustomFormat;
-        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: y, seriesIndex: n + g.value.start }), qe(E) && lt(() => E({
-          datapoint: y,
-          seriesIndex: n,
-          series: i,
-          config: e.value
-        })))
-          se.value = E({
-            point: y,
-            seriesIndex: n,
-            series: i,
-            config: e.value
-          });
-        else {
-          let V = "";
-          Y.value[y[0].absoluteIndex] && (V += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${Y.value[y[0].absoluteIndex].text}</div>`), y.forEach((q, _e) => {
-            V += `
-                    <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
-                        <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${q.color}"/></svg>
-                        <span>${q.name}:</span>
-                        <b>${ae(
-              e.value.formatter,
-              q.value,
-              W({
-                p: e.value.valuePrefix,
-                v: q.value,
-                s: e.value.valueSuffix,
-                r: e.value.dataLabelRoundingValue
-              }),
-              { datapoint: q, seriesIndex: _e }
-            )}
-                        </b>
-                    </div>
-                `;
-          }), se.value = V;
-        }
-        re.value = !0;
-      }
-      function $(n) {
-        const y = ee(n);
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: y, seriesIndex: n + g.value.start }), re.value = !1, Z.value = null, Q.value = null;
-      }
-      function v(n) {
-        const y = ee(n);
-        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: y, seriesIndex: n + g.value.start }), me("selectDatapoint", y);
-      }
-      return {
-        absoluteZero: ue,
-        dataset: K.filter((n) => !w.value.includes(n.id)),
-        absoluteDataset: K,
-        legend: ve,
-        drawingArea: t,
-        extremes: u,
-        slotSize: j,
-        yLabels: ye,
-        useTooltip: f,
-        killTooltip: $,
-        selectDatapoint: v
-      };
-    }), Kt = N(() => {
-      if (C.value === L.LINE)
-        return d.value.legend.map((a) => (Math.min(...a.absoluteValues.map((c) => c ?? 0)), {
-          ...a,
-          isVisible: !w.value.includes(a.id),
-          type: "line",
-          series: a.absoluteValues
-        }));
-      if (C.value === L.BAR)
-        return s.value.absoluteDataset.map((a) => (Math.min(...a.absoluteValues.map((c) => c ?? 0)), {
-          ...a,
-          isVisible: !w.value.includes(a.id),
-          type: "bar",
-          series: a.absoluteValues
-        }));
-    }), Y = N(() => ba({
-      values: e.value.xyPeriods,
-      maxDatapoints: k.value.maxSeriesLength,
-      formatter: e.value.datetimeFormatter,
-      start: g.value.start,
-      end: g.value.end
-    })), xe = N(() => {
-      const a = e.value.xyPeriodsModulo;
-      return e.value.xyPeriods.length ? Math.min(a, [...new Set(Y.value.map((c) => c.text))].length) : a;
-    }), Ue = A(!1);
-    function Ct(a) {
-      Ue.value = a, st.value += 1;
-    }
-    function $t() {
-      ge.value.showTooltip = !ge.value.showTooltip;
-    }
-    const Ve = A(!1);
-    function Qe() {
-      Ve.value = !Ve.value;
-    }
-    async function ea({ scale: a = 2 } = {}) {
-      if (!M.value) return;
-      const { width: c, height: t } = M.value.getBoundingClientRect(), i = c / t, { imageUri: u, base64: x } = await Aa({ domElement: M.value, base64: !0, img: !0, scale: a });
-      return {
-        imageUri: u,
-        base64: x,
-        title: e.value.title,
-        width: c,
-        height: t,
-        aspectRatio: i
-      };
-    }
-    const ta = N(() => b.value.width), aa = N(() => b.value.height);
-    return wa({
-      timeLabelsEls: J,
-      timeLabels: Y,
-      slicer: g,
-      configRef: e,
-      rotationPath: ["xyPeriodLabelsRotation"],
-      autoRotatePath: ["xyPeriodLabelsAutoRotate", "enable"],
-      isAutoSize: !1,
-      rotation: e.value.xyPeriodLabelsAutoRotate.angle,
-      height: aa.value,
-      width: ta.value
-    }), P({
-      getImage: ea,
-      generatePdf: pt,
-      generateImage: xt,
-      toggleTooltip: $t,
-      toggleAnnotator: Qe,
-      toggleFullscreen: Ct
-    }), (a, c) => qt.value ? (l(), o("div", {
-      key: 0,
-      id: `${C.value}_${X.value}`,
-      ref_key: "quickChart",
-      ref: M,
-      class: ce({ "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": Ue.value }),
-      style: R(`background:${e.value.backgroundColor};color:${e.value.color};font-family:${e.value.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: c[2] || (c[2] = () => gt(!0)),
-      onMouseleave: c[3] || (c[3] = () => gt(!1))
-    }, [
-      e.value.userOptionsButtons.annotator ? (l(), Ie(r(ne), {
-        key: 0,
-        svgRef: r(ft),
-        backgroundColor: e.value.backgroundColor,
-        color: e.value.color,
-        active: Ve.value,
-        onClose: Qe
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : m("", !0),
-      Wt.value ? (l(), o("div", {
-        key: 1,
-        ref_key: "noTitle",
-        ref: rt,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : m("", !0),
-      e.value.showUserOptions && (mt.value || Oe.value) ? (l(), Ie(r(ot), {
-        ref: "details",
-        key: `user_option_${st.value}`,
-        backgroundColor: e.value.backgroundColor,
-        color: e.value.color,
-        isPrinting: r(Fe),
-        isImaging: r(Ne),
-        uid: X.value,
-        hasTooltip: e.value.userOptionsButtons.tooltip && e.value.showTooltip,
-        hasPdf: e.value.userOptionsButtons.pdf,
-        hasImg: e.value.userOptionsButtons.img,
-        hasFullscreen: e.value.userOptionsButtons.fullscreen,
-        hasXls: !1,
-        isTooltip: ge.value.showTooltip,
-        isFullscreen: Ue.value,
-        titles: { ...e.value.userOptionsButtonTitles },
-        chartElement: M.value,
-        position: e.value.userOptionsPosition,
-        hasAnnotator: e.value.userOptionsButtons.annotator,
-        isAnnotation: Ve.value,
-        callbacks: e.value.userOptionsCallbacks,
-        printScale: e.value.userOptionsPrint.scale,
-        onToggleFullscreen: Ct,
-        onGeneratePdf: r(pt),
-        onGenerateImage: r(xt),
-        onToggleTooltip: $t,
-        onToggleAnnotator: Qe,
-        style: R({
-          visibility: mt.value ? Oe.value ? "visible" : "hidden" : "visible"
-        })
-      }, ia({ _: 2 }, [
-        a.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: te(({ isOpen: t, color: i }) => [
-            U(a.$slots, "menuIcon", he(fe({ isOpen: t, color: i })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        a.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: te(() => [
-            U(a.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        a.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: te(() => [
-            U(a.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        a.$slots.optionImg ? {
-          name: "optionImg",
-          fn: te(() => [
-            U(a.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        a.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: te(({ toggleFullscreen: t, isFullscreen: i }) => [
-            U(a.$slots, "optionFullscreen", he(fe({ toggleFullscreen: t, isFullscreen: i })), void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        a.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: te(({ toggleAnnotator: t, isAnnotator: i }) => [
-            U(a.$slots, "optionAnnotator", he(fe({ toggleAnnotator: t, isAnnotator: i })), void 0, !0)
-          ]),
-          key: "5"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : m("", !0),
-      e.value.title ? (l(), o("div", {
-        key: 3,
-        ref_key: "quickChartTitle",
-        ref: Te,
-        class: "vue-ui-quick-chart-title",
-        style: R(`background:transparent;color:${e.value.color};font-size:${e.value.titleFontSize}px;font-weight:${e.value.titleBold ? "bold" : "normal"};text-align:${e.value.titleTextAlign}`)
-      }, F(e.value.title), 5)) : m("", !0),
-      _("div", {
-        id: `legend-top-${X.value}`
-      }, null, 8, Fa),
-      C.value ? (l(), o("svg", {
-        key: 4,
-        ref_key: "svgRef",
-        ref: ft,
-        xmlns: r(ga),
-        viewBox: Xt.value,
-        style: R(`max-width:100%;overflow:visible;background:transparent;color:${e.value.color}`)
-      }, [
-        ke(r(H)),
-        a.$slots["chart-background"] && C.value === L.BAR ? (l(), o("foreignObject", {
-          key: 0,
-          x: s.value.drawingArea.left,
-          y: s.value.drawingArea.top,
-          width: s.value.drawingArea.width,
-          height: s.value.drawingArea.height,
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          U(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Da)) : m("", !0),
-        a.$slots["chart-background"] && C.value === L.LINE ? (l(), o("foreignObject", {
-          key: 1,
-          x: d.value.drawingArea.left,
-          y: d.value.drawingArea.top,
-          width: d.value.drawingArea.width,
-          height: d.value.drawingArea.height,
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          U(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ba)) : m("", !0),
-        a.$slots["chart-background"] && C.value === L.DONUT ? (l(), o("foreignObject", {
-          key: 2,
-          x: 0,
-          y: 0,
-          width: b.value.width,
-          height: b.value.height,
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          U(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ua)) : m("", !0),
-        _("defs", null, [
-          _("filter", {
-            id: `blur_${X.value}`,
-            x: "-50%",
-            y: "-50%",
-            width: "200%",
-            height: "200%"
-          }, [
-            _("feGaussianBlur", {
-              in: "SourceGraphic",
-              stdDeviation: 2,
-              id: `blur_std_${X.value}`
-            }, null, 8, Ha),
-            c[4] || (c[4] = _("feColorMatrix", {
-              type: "saturate",
-              values: "0"
-            }, null, -1))
-          ], 8, Va),
-          _("filter", {
-            id: `shadow_${X.value}`,
-            "color-interpolation-filters": "sRGB"
-          }, [
-            _("feDropShadow", {
-              dx: "0",
-              dy: "0",
-              stdDeviation: "10",
-              "flood-opacity": "0.5",
-              "flood-color": e.value.donutShadowColor
-            }, null, 8, Wa)
-          ], 8, qa)
-        ]),
-        C.value === L.DONUT ? (l(), o(p, { key: 3 }, [
-          e.value.showDataLabels ? (l(), o("g", Xa, [
-            (l(!0), o(p, null, I(T.value.chart, (t, i) => (l(), o(p, null, [
-              T.value.isArcBigEnough(t) ? (l(), o("path", {
-                key: 0,
-                d: r(pa)(t, { x: b.value.width / 2, y: b.value.height / 2 }, 16, 16, !1, !1, b.value.height * At.value, 12, e.value.donutCurvedMarkers),
-                stroke: t.color,
-                "stroke-width": e.value.donutLabelMarkerStrokeWidth,
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                fill: "none",
-                filter: Le(t.id)
-              }, null, 8, ja)) : m("", !0)
-            ], 64))), 256))
-          ])) : m("", !0),
-          _("circle", {
-            cx: T.value.cx,
-            cy: T.value.cy,
-            r: T.value.radius,
-            fill: e.value.backgroundColor,
-            filter: e.value.donutUseShadow ? `url(#shadow_${X.value})` : ""
-          }, null, 8, Ga),
-          _("g", Ya, [
-            (l(!0), o(p, null, I(T.value.chart, (t, i) => (l(), o("path", {
-              d: t.arcSlice,
-              fill: t.color,
-              stroke: Me.value,
-              "stroke-width": e.value.donutStrokeWidth,
-              filter: Le(t.id)
-            }, null, 8, Za))), 256)),
-            (l(!0), o(p, null, I(T.value.chart, (t, i) => (l(), o("path", {
-              d: t.arcSlice,
-              fill: "transparent",
-              onMouseenter: (u) => T.value.useTooltip({ datapoint: t, seriesIndex: i }),
-              onMouseout: (u) => T.value.killTooltip({ datapoint: t, seriesIndex: i }),
-              onClick: (u) => T.value.selectDatapoint({ datapoint: t, seriesIndex: i })
-            }, null, 40, Ja))), 256))
-          ]),
-          e.value.showDataLabels ? (l(), o("g", Qa, [
-            (l(!0), o(p, null, I(T.value.chart, (t, i) => (l(), o(p, null, [
-              T.value.isArcBigEnough(t) ? (l(), o("circle", {
-                key: 0,
-                cx: r(Ee)(t).x,
-                cy: r(at)(t) - 3.7,
-                fill: t.color,
-                stroke: e.value.backgroundColor,
-                "stroke-width": 1,
-                r: 3,
-                filter: Le(t.id)
-              }, null, 8, Ka)) : m("", !0),
-              T.value.isArcBigEnough(t) ? (l(), o("text", {
-                key: 1,
-                "text-anchor": r(Ee)(t, !0, 20).anchor,
-                x: r(Ee)(t, !0).x,
-                y: r(at)(t),
-                fill: e.value.color,
-                "font-size": e.value.dataLabelFontSize,
-                filter: Le(t.id)
-              }, F(T.value.displayArcPercentage(t, T.value.chart)) + " (" + F(r(ae)(
-                e.value.formatter,
-                t.value,
-                r(W)({
-                  p: e.value.valuePrefix,
-                  v: t.value,
-                  s: e.value.valueSuffix,
-                  r: e.value.dataLabelRoundingValue
-                }),
-                { datapoint: t, seriesIndex: i }
-              )) + ") ", 9, el)) : m("", !0),
-              T.value.isArcBigEnough(t, !0, 20) ? (l(), o("text", {
-                key: 2,
-                "text-anchor": r(Ee)(t).anchor,
-                x: r(Ee)(t, !0).x,
-                y: r(at)(t) + e.value.dataLabelFontSize,
-                fill: e.value.color,
-                "font-size": e.value.dataLabelFontSize,
-                filter: Le(t.id)
-              }, F(t.name), 9, tl)) : m("", !0)
-            ], 64))), 256))
-          ])) : m("", !0),
-          e.value.donutShowTotal ? (l(), o("g", al, [
-            _("text", {
-              "text-anchor": "middle",
-              x: T.value.drawingArea.centerX,
-              y: T.value.drawingArea.centerY - e.value.donutTotalLabelFontSize / 2,
-              "font-size": e.value.donutTotalLabelFontSize,
-              fill: e.value.color
-            }, F(e.value.donutTotalLabelText), 9, ll),
-            _("text", {
-              "text-anchor": "middle",
-              x: T.value.drawingArea.centerX,
-              y: T.value.drawingArea.centerY + e.value.donutTotalLabelFontSize,
-              "font-size": e.value.donutTotalLabelFontSize,
-              fill: e.value.color
-            }, F(r(W)({
-              p: e.value.valuePrefix,
-              v: T.value.total,
-              s: e.value.valueSuffix,
-              r: e.value.dataLabelRoundingValue
-            })), 9, ol)
-          ])) : m("", !0)
-        ], 64)) : m("", !0),
-        C.value === L.LINE ? (l(), o(p, { key: 4 }, [
-          e.value.xyShowGrid ? (l(), o("g", nl, [
-            (l(!0), o(p, null, I(d.value.yLabels, (t) => (l(), o(p, null, [
-              t.y <= d.value.drawingArea.bottom ? (l(), o("line", {
-                key: 0,
-                x1: d.value.drawingArea.left,
-                x2: d.value.drawingArea.right,
-                y1: t.y,
-                y2: t.y,
-                stroke: e.value.xyGridStroke,
-                "stroke-width": e.value.xyGridStrokeWidth,
-                "stroke-linecap": "round"
-              }, null, 8, il)) : m("", !0)
-            ], 64))), 256)),
-            (l(!0), o(p, null, I(d.value.extremes.maxSeries + 1, (t, i) => (l(), o("line", {
-              x1: d.value.drawingArea.left + d.value.slotSize * i,
-              x2: d.value.drawingArea.left + d.value.slotSize * i,
-              y1: d.value.drawingArea.top,
-              y2: d.value.drawingArea.bottom,
-              stroke: e.value.xyGridStroke,
-              "stroke-width": e.value.xyGridStrokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, ul))), 256))
-          ])) : m("", !0),
-          e.value.xyShowAxis ? (l(), o("g", rl, [
-            _("line", {
-              x1: d.value.drawingArea.left,
-              x2: d.value.drawingArea.left,
-              y1: d.value.drawingArea.top,
-              y2: d.value.drawingArea.bottom,
-              stroke: e.value.xyAxisStroke,
-              "stroke-width": e.value.xyAxisStrokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, sl),
-            _("line", {
-              x1: d.value.drawingArea.left,
-              x2: d.value.drawingArea.right,
-              y1: isNaN(d.value.absoluteZero) ? d.value.drawingArea.bottom : d.value.absoluteZero,
-              y2: isNaN(d.value.absoluteZero) ? d.value.drawingArea.bottom : d.value.absoluteZero,
-              stroke: e.value.xyAxisStroke,
-              "stroke-width": e.value.xyAxisStrokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, vl)
-          ])) : m("", !0),
-          e.value.xyShowScale ? (l(), o("g", {
-            key: 2,
-            class: "yLabels",
-            ref_key: "scaleLabels",
-            ref: Re
-          }, [
-            (l(!0), o(p, null, I(d.value.yLabels, (t, i) => (l(), o(p, null, [
-              t.y <= d.value.drawingArea.bottom ? (l(), o("line", {
-                key: 0,
-                x1: t.x + 4,
-                x2: d.value.drawingArea.left,
-                y1: t.y,
-                y2: t.y,
-                stroke: e.value.xyAxisStroke,
-                "stroke-width": e.value.xyAxisStrokeWidth,
-                "stroke-linecap": "round"
-              }, null, 8, dl)) : m("", !0),
-              t.y <= d.value.drawingArea.bottom ? (l(), o("text", {
-                key: 1,
-                x: t.x,
-                y: t.y + e.value.xyLabelsYFontSize / 3,
-                "text-anchor": "end",
-                "font-size": e.value.xyLabelsYFontSize,
-                fill: e.value.color
-              }, F(r(ae)(
-                e.value.formatter,
-                t.value,
-                r(W)({
-                  p: e.value.valuePrefix,
-                  v: t.value,
-                  s: e.value.valueSuffix,
-                  r: e.value.dataLabelRoundingValue
-                }),
-                { datapoint: t, seriesIndex: i }
-              )), 9, cl)) : m("", !0)
-            ], 64))), 256))
-          ], 512)) : m("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (l(), o("g", hl, [
-            (l(!0), o(p, null, I(Y.value.map((t) => t.text), (t, i) => (l(), o(p, null, [
-              !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && i % Math.floor((g.value.end - g.value.start) / xe.value) === 0 || g.value.end - g.value.start <= xe.value ? (l(), o("line", {
-                key: 0,
-                x1: d.value.drawingArea.left + d.value.slotSize * (i + 1) - d.value.slotSize / 2,
-                x2: d.value.drawingArea.left + d.value.slotSize * (i + 1) - d.value.slotSize / 2,
-                y1: d.value.drawingArea.bottom,
-                y2: d.value.drawingArea.bottom + 4,
-                stroke: e.value.xyAxisStroke,
-                "stroke-width": e.value.xyAxisStrokeWidth,
-                "stroke-linecap": "round"
-              }, null, 8, fl)) : m("", !0)
-            ], 64))), 256)),
-            _("g", {
-              ref_key: "timeLabelsEls",
-              ref: J
-            }, [
-              (l(!0), o(p, null, I(Y.value.map((t) => t.text), (t, i) => (l(), o(p, null, [
-                !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && i % Math.floor((g.value.end - g.value.start) / xe.value) === 0 || g.value.end - g.value.start <= xe.value ? (l(), o("g", ml, [
-                  String(t).includes(`
-`) ? (l(), o("text", {
-                    key: 1,
-                    class: "vue-data-ui-time-label",
-                    "font-size": e.value.xyLabelsXFontSize,
-                    "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-                    fill: e.value.color,
-                    transform: `translate(${d.value.drawingArea.left + d.value.slotSize * (i + 1) - d.value.slotSize / 2}, ${d.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`,
-                    innerHTML: r(Rt)({
-                      content: String(t),
-                      fontSize: e.value.xyLabelsXFontSize,
-                      fill: e.value.color,
-                      x: 0,
-                      y: 0
-                    })
-                  }, null, 8, pl)) : (l(), o("text", {
-                    key: 0,
-                    class: "vue-data-ui-time-label",
-                    "font-size": e.value.xyLabelsXFontSize,
-                    "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-                    fill: e.value.color,
-                    transform: `translate(${d.value.drawingArea.left + d.value.slotSize * (i + 1) - d.value.slotSize / 2}, ${d.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
-                  }, F(t), 9, gl))
-                ])) : m("", !0)
-              ], 64))), 256))
-            ], 512)
-          ])) : m("", !0),
-          _("g", xl, [
-            (l(!0), o(p, null, I(d.value.dataset, (t, i) => (l(), o("g", yl, [
-              e.value.lineSmooth ? (l(), o(p, { key: 0 }, [
-                _("path", {
-                  d: `M ${r(Mt)(t.coordinates)}`,
-                  stroke: e.value.backgroundColor,
-                  "stroke-width": e.value.lineStrokeWidth + 1,
-                  "stroke-linecap": "round",
-                  fill: "none",
-                  class: ce({ "quick-animation": !r(B), "vue-data-ui-line-animated": e.value.lineAnimated && !r(B) }),
-                  style: R({ transition: r(B) ? void 0 : "all 0.3s ease-in-out" })
-                }, null, 14, kl),
-                _("path", {
-                  d: `M ${r(Mt)(t.coordinates)}`,
-                  stroke: t.color,
-                  "stroke-width": e.value.lineStrokeWidth,
-                  "stroke-linecap": "round",
-                  fill: "none",
-                  class: ce({ "quick-animation": !r(B), "vue-data-ui-line-animated": e.value.lineAnimated && !r(B) }),
-                  style: R({ transition: r(B) ? void 0 : "all 0.3s ease-in-out" })
-                }, null, 14, bl)
-              ], 64)) : (l(), o(p, { key: 1 }, [
-                _("path", {
-                  d: `M ${t.linePath}`,
-                  stroke: e.value.backgroundColor,
-                  "stroke-width": e.value.lineStrokeWidth + 1,
-                  "stroke-linecap": "round",
-                  fill: "none",
-                  class: ce({ "quick-animation": !r(B), "vue-data-ui-line-animated": e.value.lineAnimated && !r(B) }),
-                  style: R({ transition: r(B) ? void 0 : "all 0.3s ease-in-out" })
-                }, null, 14, Sl),
-                _("path", {
-                  d: `M ${t.linePath}`,
-                  stroke: t.color,
-                  "stroke-width": e.value.lineStrokeWidth,
-                  "stroke-linecap": "round",
-                  fill: "none",
-                  class: ce({ "quick-animation": !r(B), "vue-data-ui-line-animated": e.value.lineAnimated && !r(B) }),
-                  style: R({ transition: r(B) ? void 0 : "all 0.3s ease-in-out" })
-                }, null, 14, wl)
-              ], 64)),
-              (l(!0), o(p, null, I(t.coordinates, (u, x) => (l(), o("circle", {
-                cx: u.x,
-                cy: r(le)(u.y),
-                r: 3,
-                fill: t.color,
-                stroke: e.value.backgroundColor,
-                "stroke-width": "0.5",
-                class: ce({ "quick-animation": !r(B) }),
-                style: R({ transition: r(B) ? void 0 : "all 0.3s ease-in-out" })
-              }, null, 14, Al))), 256))
-            ]))), 256))
-          ]),
-          e.value.showDataLabels ? (l(), o("g", Ll, [
-            (l(!0), o(p, null, I(d.value.dataset, (t, i) => (l(), o(p, null, [
-              (l(!0), o(p, null, I(t.coordinates, (u, x) => (l(), o("text", {
-                "text-anchor": "middle",
-                "font-size": e.value.dataLabelFontSize,
-                fill: t.color,
-                x: u.x,
-                y: r(le)(u.y) - e.value.dataLabelFontSize / 2,
-                class: "quick-animation",
-                style: R({ transition: r(B) ? void 0 : "all 0.3s ease-in-out" })
-              }, F(r(ae)(
-                e.value.formatter,
-                r(le)(u.value),
-                r(W)({
-                  p: e.value.valuePrefix,
-                  v: r(le)(u.value),
-                  s: e.value.valueSuffix,
-                  r: e.value.dataLabelRoundingValue
-                }),
-                { datapoint: u, seriesIndex: x }
-              )), 13, _l))), 256))
-            ], 64))), 256))
-          ])) : m("", !0),
-          Ye.value ? (l(), o("g", zl, [
-            (l(!0), o(p, null, I(d.value.extremes.maxSeries, (t, i) => (l(), o("rect", {
-              x: d.value.drawingArea.left + i * d.value.slotSize,
-              y: d.value.drawingArea.top,
-              height: d.value.drawingArea.height <= 0 ? 1e-5 : d.value.drawingArea.height,
-              width: d.value.slotSize <= 0 ? 1e-5 : d.value.slotSize,
-              fill: [Z.value, Q.value].includes(i) ? e.value.xyHighlighterColor : "transparent",
-              style: R(`opacity:${e.value.xyHighlighterOpacity}`),
-              onMouseenter: (u) => d.value.useTooltip(i),
-              onMouseleave: (u) => d.value.killTooltip(i),
-              onClick: (u) => d.value.selectDatapoint(i)
-            }, null, 44, Cl))), 256))
-          ])) : m("", !0)
-        ], 64)) : m("", !0),
-        C.value === L.BAR ? (l(), o(p, { key: 5 }, [
-          e.value.xyShowGrid ? (l(), o("g", $l, [
-            (l(!0), o(p, null, I(s.value.yLabels, (t) => (l(), o(p, null, [
-              t.y <= s.value.drawingArea.bottom ? (l(), o("line", {
-                key: 0,
-                x1: s.value.drawingArea.left,
-                x2: s.value.drawingArea.right,
-                y1: t.y,
-                y2: t.y,
-                stroke: e.value.xyGridStroke,
-                "stroke-width": e.value.xyGridStrokeWidth,
-                "stroke-linecap": "round"
-              }, null, 8, Il)) : m("", !0)
-            ], 64))), 256)),
-            (l(!0), o(p, null, I(s.value.extremes.maxSeries + 1, (t, i) => (l(), o("line", {
-              x1: s.value.drawingArea.left + s.value.slotSize * i,
-              x2: s.value.drawingArea.left + s.value.slotSize * i,
-              y1: s.value.drawingArea.top,
-              y2: s.value.drawingArea.bottom,
-              stroke: e.value.xyGridStroke,
-              "stroke-width": e.value.xyGridStrokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, El))), 256))
-          ])) : m("", !0),
-          e.value.xyShowAxis ? (l(), o("g", Tl, [
-            _("line", {
-              x1: s.value.drawingArea.left,
-              x2: s.value.drawingArea.left,
-              y1: s.value.drawingArea.top,
-              y2: s.value.drawingArea.bottom,
-              stroke: e.value.xyAxisStroke,
-              "stroke-width": e.value.xyAxisStrokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, Pl),
-            _("line", {
-              x1: s.value.drawingArea.left,
-              x2: s.value.drawingArea.right,
-              y1: isNaN(s.value.absoluteZero) ? s.value.drawingArea.bottom : s.value.absoluteZero,
-              y2: isNaN(s.value.absoluteZero) ? s.value.drawingArea.bottom : s.value.absoluteZero,
-              stroke: e.value.xyAxisStroke,
-              "stroke-width": e.value.xyAxisStrokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, Rl)
-          ])) : m("", !0),
-          e.value.xyShowScale ? (l(), o("g", {
-            key: 2,
-            class: "yLabels",
-            ref_key: "scaleLabels",
-            ref: Re
-          }, [
-            (l(!0), o(p, null, I(s.value.yLabels, (t, i) => (l(), o(p, null, [
-              t.y <= s.value.drawingArea.bottom ? (l(), o("line", {
-                key: 0,
-                x1: t.x + 4,
-                x2: s.value.drawingArea.left,
-                y1: t.y,
-                y2: t.y,
-                stroke: e.value.xyAxisStroke,
-                "stroke-width": e.value.xyAxisStrokeWidth,
-                "stroke-linecap": "round"
-              }, null, 8, Ml)) : m("", !0),
-              t.y <= s.value.drawingArea.bottom ? (l(), o("text", {
-                key: 1,
-                x: t.x,
-                y: t.y + e.value.xyLabelsYFontSize / 3,
-                "text-anchor": "end",
-                "font-size": e.value.xyLabelsYFontSize,
-                fill: e.value.color
-              }, F(r(ae)(
-                e.value.formatter,
-                t.value,
-                r(W)({
-                  p: e.value.valuePrefix,
-                  v: t.value,
-                  s: e.value.valueSuffix,
-                  r: e.value.dataLabelRoundingValue
-                }),
-                { datapoint: t, seriesIndex: i }
-              )), 9, Ol)) : m("", !0)
-            ], 64))), 256))
-          ], 512)) : m("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (l(), o("g", Fl, [
-            (l(!0), o(p, null, I(e.value.xyPeriods.slice(g.value.start, g.value.end), (t, i) => (l(), o("line", {
-              x1: s.value.drawingArea.left + s.value.slotSize * (i + 1) - s.value.slotSize / 2,
-              x2: s.value.drawingArea.left + s.value.slotSize * (i + 1) - s.value.slotSize / 2,
-              y1: s.value.drawingArea.bottom,
-              y2: s.value.drawingArea.bottom + 4,
-              stroke: e.value.xyAxisStroke,
-              "stroke-width": e.value.xyAxisStrokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, Nl))), 256)),
-            _("g", {
-              ref_key: "timeLabelsEls",
-              ref: J
-            }, [
-              (l(!0), o(p, null, I(Y.value.map((t) => t.text), (t, i) => (l(), o(p, null, [
-                !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && i % Math.floor((g.value.end - g.value.start) / xe.value) === 0 || g.value.end - g.value.start <= xe.value ? (l(), o("g", Dl, [
-                  String(t).includes(`
-`) ? (l(), o("text", {
-                    key: 1,
-                    class: "vue-data-ui-time-label",
-                    "font-size": e.value.xyLabelsXFontSize,
-                    "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-                    fill: e.value.color,
-                    transform: `translate(${s.value.drawingArea.left + s.value.slotSize * (i + 1) - s.value.slotSize / 2}, ${s.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`,
-                    innerHTML: r(Rt)({
-                      content: String(t),
-                      fontSize: e.value.xyLabelsXFontSize,
-                      fill: e.value.color,
-                      x: 0,
-                      y: 0
-                    })
-                  }, null, 8, Ul)) : (l(), o("text", {
-                    key: 0,
-                    class: "vue-data-ui-time-label",
-                    "font-size": e.value.xyLabelsXFontSize,
-                    "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-                    fill: e.value.color,
-                    transform: `translate(${s.value.drawingArea.left + s.value.slotSize * (i + 1) - s.value.slotSize / 2}, ${s.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
-                  }, F(t), 9, Bl))
-                ])) : m("", !0)
-              ], 64))), 256))
-            ], 512)
-          ])) : m("", !0),
-          _("g", Vl, [
-            (l(!0), o(p, null, I(s.value.dataset, (t, i) => (l(), o(p, null, [
-              (l(!0), o(p, null, I(t.coordinates, (u, x) => (l(), o("rect", {
-                x: u.x,
-                width: u.width <= 0 ? 1e-5 : u.width,
-                height: r(le)(u.height <= 0 ? 1e-5 : u.height),
-                y: r(le)(u.y),
-                fill: t.color,
-                stroke: e.value.backgroundColor,
-                "stroke-width": e.value.barStrokeWidth,
-                "stroke-linecap": "round",
-                class: ce({ "vue-data-ui-bar-animated": e.value.barAnimated && u.value < 0 && !r(B) })
-              }, [
-                e.value.barAnimated && u.value > 0 && !r(Fe) && !r(Ne) ? (l(), o("animate", {
-                  key: 0,
-                  attributeName: "height",
-                  from: 0,
-                  to: u.height,
-                  dur: "0.5s"
-                }, null, 8, ql)) : m("", !0),
-                e.value.barAnimated && u.value > 0 && !r(Fe) && !r(Ne) ? (l(), o("animate", {
-                  key: 1,
-                  attributeName: "y",
-                  from: s.value.absoluteZero,
-                  to: s.value.absoluteZero - u.height,
-                  dur: "0.5s"
-                }, null, 8, Wl)) : m("", !0)
-              ], 10, Hl))), 256))
-            ], 64))), 256))
-          ]),
-          e.value.showDataLabels ? (l(), o("g", Xl, [
-            (l(!0), o(p, null, I(s.value.dataset, (t, i) => (l(), o(p, null, [
-              (l(!0), o(p, null, I(t.coordinates, (u, x) => (l(), o("text", {
-                x: u.x + u.width / 2,
-                y: r(le)(u.y) - e.value.dataLabelFontSize / 2,
-                "text-anchor": "middle",
-                "font-size": e.value.dataLabelFontSize,
-                fill: t.color,
-                class: "quick-animation"
-              }, F(r(ae)(
-                e.value.formatter,
-                r(le)(u.value),
-                r(W)({
-                  p: e.value.valuePrefix,
-                  v: r(le)(u.value),
-                  s: e.value.valueSuffix,
-                  r: e.value.dataLabelRoundingValue
-                }),
-                { datapoint: u, seriesIndex: x }
-              )), 9, jl))), 256))
-            ], 64))), 256))
-          ])) : m("", !0),
-          Ye.value ? (l(), o("g", Gl, [
-            (l(!0), o(p, null, I(s.value.extremes.maxSeries, (t, i) => (l(), o("rect", {
-              x: s.value.drawingArea.left + i * s.value.slotSize,
-              y: s.value.drawingArea.top,
-              height: s.value.drawingArea.height <= 0 ? 1e-5 : s.value.drawingArea.height,
-              width: s.value.slotSize <= 0 ? 1e-5 : s.value.slotSize,
-              fill: [Z.value, Q.value].includes(i) ? e.value.xyHighlighterColor : "transparent",
-              style: R(`opacity:${e.value.xyHighlighterOpacity}`),
-              onMouseenter: (u) => s.value.useTooltip(i),
-              onMouseleave: (u) => s.value.killTooltip(i),
-              onClick: (u) => s.value.selectDatapoint(i)
-            }, null, 44, Yl))), 256))
-          ])) : m("", !0)
-        ], 64)) : m("", !0),
-        [L.LINE, L.BAR].includes(C.value) ? (l(), o("g", Zl, [
-          e.value.xAxisLabel && C.value === L.LINE ? (l(), o("g", {
-            key: 0,
-            ref_key: "xAxisLabel",
-            ref: dt
-          }, [
-            _("text", {
-              "font-size": e.value.axisLabelsFontSize,
-              fill: e.value.color,
-              "text-anchor": "middle",
-              x: d.value.drawingArea.left + d.value.drawingArea.width / 2,
-              y: b.value.height - e.value.axisLabelsFontSize / 3
-            }, F(e.value.xAxisLabel), 9, Jl)
-          ], 512)) : m("", !0),
-          e.value.xAxisLabel && C.value === L.BAR ? (l(), o("g", {
-            key: 1,
-            ref_key: "xAxisLabel",
-            ref: dt
-          }, [
-            _("text", {
-              "font-size": e.value.axisLabelsFontSize,
-              fill: e.value.color,
-              "text-anchor": "middle",
-              x: s.value.drawingArea.left + s.value.drawingArea.width / 2,
-              y: b.value.height - e.value.axisLabelsFontSize / 3
-            }, F(e.value.xAxisLabel), 9, Ql)
-          ], 512)) : m("", !0),
-          e.value.yAxisLabel && C.value === L.LINE ? (l(), o("g", {
-            key: 2,
-            ref_key: "yAxisLabel",
-            ref: ct
-          }, [
-            _("text", {
-              "font-size": e.value.axisLabelsFontSize,
-              fill: e.value.color,
-              transform: `translate(${e.value.axisLabelsFontSize}, ${d.value.drawingArea.top + d.value.drawingArea.height / 2}) rotate(-90)`,
-              "text-anchor": "middle"
-            }, F(e.value.yAxisLabel), 9, Kl)
-          ], 512)) : m("", !0),
-          e.value.yAxisLabel && C.value === L.BAR ? (l(), o("g", {
-            key: 3,
-            ref_key: "yAxisLabel",
-            ref: ct
-          }, [
-            _("text", {
-              "font-size": e.value.axisLabelsFontSize,
-              fill: e.value.color,
-              transform: `translate(${e.value.axisLabelsFontSize}, ${s.value.drawingArea.top + s.value.drawingArea.height / 2}) rotate(-90)`,
-              "text-anchor": "middle"
-            }, F(e.value.yAxisLabel), 9, eo)
-          ], 512)) : m("", !0)
-        ])) : m("", !0)
-      ], 12, Na)) : m("", !0),
-      a.$slots.watermark ? (l(), o("div", to, [
-        U(a.$slots, "watermark", he(fe({ isPrinting: r(Fe) || r(Ne) })), void 0, !0)
-      ])) : m("", !0),
-      [L.BAR, L.LINE].includes(C.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? (l(), o("div", {
-        key: `slicer_${Pe.value}`,
-        ref_key: "quickChartSlicer",
-        ref: it
-      }, [
-        (l(), Ie(La, {
-          ref_key: "slicerComponent",
-          ref: Lt,
-          key: `slicer_${Pe.value}`,
-          background: e.value.zoomColor,
-          borderColor: e.value.backgroundColor,
-          fontSize: e.value.zoomFontSize,
-          useResetSlot: e.value.zoomUseResetSlot,
-          labelLeft: e.value.xyPeriods[g.value.start] ? Y.value[0].text : "",
-          labelRight: e.value.xyPeriods[g.value.end - 1] ? Y.value.at(-1).text : "",
-          textColor: e.value.color,
-          inputColor: e.value.zoomColor,
-          selectColor: e.value.zoomHighlightColor,
-          max: k.value.maxSeriesLength,
-          min: 0,
-          valueStart: g.value.start,
-          valueEnd: g.value.end,
-          smoothMinimap: e.value.zoomMinimap.smooth,
-          minimapSelectedColor: e.value.zoomMinimap.selectedColor,
-          minimapSelectedColorOpacity: e.value.zoomMinimap.selectedColorOpacity,
-          minimapSelectionRadius: e.value.zoomMinimap.selectionRadius,
-          minimapLineColor: e.value.zoomMinimap.lineColor,
-          minimap: Jt.value,
-          minimapIndicatorColor: e.value.zoomMinimap.indicatorColor,
-          verticalHandles: e.value.zoomMinimap.verticalHandles,
-          minimapSelectedIndex: Q.value,
-          start: g.value.start,
-          "onUpdate:start": c[0] || (c[0] = (t) => g.value.start = t),
-          end: g.value.end,
-          "onUpdate:end": c[1] || (c[1] = (t) => g.value.end = t),
-          refreshStartPoint: e.value.zoomStartIndex !== null ? e.value.zoomStartIndex : 0,
-          refreshEndPoint: e.value.zoomEndIndex !== null ? e.value.zoomEndIndex + 1 : k.value.maxSeriesLength,
-          enableRangeHandles: e.value.zoomEnableRangeHandles,
-          enableSelectionDrag: e.value.zoomEnableSelectionDrag,
-          minimapCompact: e.value.zoomMinimap.compact,
-          minimapMerged: e.value.zoomMinimap.merged,
-          allMinimaps: Kt.value,
-          minimapFrameColor: e.value.zoomMinimap.frameColor,
-          focusOnDrag: e.value.zoomFocusOnDrag,
-          focusRangeRatio: e.value.zoomFocusRangeRatio,
-          onReset: Yt,
-          onTrapMouse: Gt
-        }, {
-          "reset-action": te(({ reset: t }) => [
-            U(a.$slots, "reset-action", he(fe({ reset: t })), void 0, !0)
-          ]),
-          _: 3
-        }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "smoothMinimap", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectionRadius", "minimapLineColor", "minimap", "minimapIndicatorColor", "verticalHandles", "minimapSelectedIndex", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "minimapCompact", "minimapMerged", "allMinimaps", "minimapFrameColor", "focusOnDrag", "focusRangeRatio"]))
-      ])) : m("", !0),
-      _("div", {
-        id: `legend-bottom-${X.value}`
-      }, null, 8, ao),
-      vt.value ? (l(), Ie(ua, {
-        key: 7,
-        to: e.value.legendPosition === "top" ? `#legend-top-${X.value}` : `#legend-bottom-${X.value}`
-      }, [
-        e.value.showLegend ? (l(), o("div", {
-          key: 0,
-          ref_key: "quickChartLegend",
-          ref: nt,
-          class: "vue-ui-quick-chart-legend",
-          style: R(`background:transparent;color:${e.value.color}`)
-        }, [
-          C.value === L.DONUT ? (l(!0), o(p, { key: 0 }, I(T.value.legend, (t, i) => (l(), o("div", {
-            class: "vue-ui-quick-chart-legend-item",
-            onClick: (u) => {
-              jt(t, T.value.dataset), me("selectLegend", t);
-            },
-            style: R(`cursor: ${T.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
-          }, [
-            e.value.useCustomLegend ? U(a.$slots, "legend", et({
-              key: 0,
-              ref_for: !0
-            }, { legend: t }), void 0, !0) : (l(), o(p, { key: 1 }, [
-              ke(r(D), {
-                name: e.value.legendIcon,
-                stroke: t.color,
-                size: e.value.legendIconSize
-              }, null, 8, ["name", "stroke", "size"]),
-              _("span", {
-                style: R(`font-size:${e.value.legendFontSize}px`)
-              }, F(t.name), 5),
-              _("span", {
-                style: R(`font-size:${e.value.legendFontSize}px;font-variant-numeric:tabular-nums`)
-              }, F(w.value.includes(t.id) ? "-" : r(ae)(
-                e.value.formatter,
-                t.absoluteValue,
-                r(W)({
-                  p: e.value.valuePrefix,
-                  v: t.absoluteValue,
-                  s: e.value.valueSuffix,
-                  r: e.value.dataLabelRoundingValue
-                }),
-                { datapoint: t, seriesIndex: i }
-              )), 5),
-              w.value.includes(t.id) ? (l(), o("span", {
-                key: 0,
-                style: R(`font-size:${e.value.legendFontSize}px`)
-              }, " ( - % ) ", 4)) : De.value ? (l(), o("span", {
-                key: 1,
-                style: R(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-              }, " ( - % ) ", 4)) : (l(), o("span", {
-                key: 2,
-                style: R(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-              }, " (" + F(r(W)({
-                v: t.value / T.value.total * 100,
-                s: "%",
-                r: e.value.dataLabelRoundingPercentage
-              })) + ") ", 5))
-            ], 64))
-          ], 12, lo))), 256)) : m("", !0),
-          C.value === L.LINE ? (l(!0), o(p, { key: 1 }, I(d.value.legend, (t, i) => (l(), o("div", {
-            class: "vue-ui-quick-chart-legend-item",
-            onClick: (u) => {
-              bt(t.id, d.value.legend.length - 1), me("selectLegend", t);
-            },
-            style: R(`cursor: ${d.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
-          }, [
-            e.value.useCustomLegend ? U(a.$slots, "legend", et({
-              key: 0,
-              ref_for: !0
-            }, { legend: t }), void 0, !0) : (l(), o(p, { key: 1 }, [
-              ke(r(D), {
-                name: e.value.legendIcon,
-                stroke: t.color,
-                size: e.value.legendIconSize
-              }, null, 8, ["name", "stroke", "size"]),
-              _("span", {
-                style: R(`font-size:${e.value.legendFontSize}px`)
-              }, F(t.name), 5)
-            ], 64))
-          ], 12, oo))), 256)) : m("", !0),
-          C.value === L.BAR ? (l(!0), o(p, { key: 2 }, I(s.value.legend, (t, i) => (l(), o("div", {
-            class: "vue-ui-quick-chart-legend-item",
-            onClick: (u) => {
-              bt(t.id, s.value.legend.length - 1), me("selectLegend", t);
-            },
-            style: R(`cursor: ${s.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
-          }, [
-            e.value.useCustomLegend ? U(a.$slots, "legend", et({
-              key: 0,
-              ref_for: !0
-            }, { legend: t }), void 0, !0) : (l(), o(p, { key: 1 }, [
-              ke(r(D), {
-                name: e.value.legendIcon,
-                stroke: t.color,
-                size: e.value.legendIconSize
-              }, null, 8, ["name", "stroke", "size"]),
-              _("span", {
-                style: R(`font-size:${e.value.legendFontSize}px`)
-              }, F(t.name), 5)
-            ], 64))
-          ], 12, no))), 256)) : m("", !0)
-        ], 4)) : m("", !0)
-      ], 8, ["to"])) : m("", !0),
-      a.$slots.source ? (l(), o("div", {
-        key: 8,
-        ref_key: "source",
-        ref: ut,
-        dir: "auto"
-      }, [
-        U(a.$slots, "source", {}, void 0, !0)
-      ], 512)) : m("", !0),
-      ke(r(be), {
-        show: ge.value.showTooltip && re.value,
-        backgroundColor: e.value.backgroundColor,
-        color: e.value.color,
-        borderRadius: e.value.tooltipBorderRadius,
-        borderColor: e.value.tooltipBorderColor,
-        borderWidth: e.value.tooltipBorderWidth,
-        fontSize: e.value.tooltipFontSize,
-        backgroundOpacity: e.value.tooltipBackgroundOpacity,
-        position: e.value.tooltipPosition,
-        offsetY: e.value.tooltipOffsetY,
-        parent: M.value,
-        content: se.value,
-        isFullscreen: Ue.value,
-        isCustom: r(qe)(e.value.tooltipCustomFormat),
-        smooth: e.value.tooltipSmooth,
-        smoothForce: e.value.tooltipSmoothForce,
-        smoothSnapThreshold: e.value.tooltipSmoothSnapThreshold,
-        backdropFilter: e.value.tooltipBackdropFilter
-      }, {
-        "tooltip-before": te(() => [
-          U(a.$slots, "tooltip-before", he(fe({ ...Se.value })), void 0, !0)
-        ]),
-        "tooltip-after": te(() => [
-          U(a.$slots, "tooltip-after", he(fe({ ...Se.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "smoothForce", "smoothSnapThreshold", "backdropFilter"]),
-      r(B) ? (l(), Ie(Ca, { key: 9 })) : m("", !0)
-    ], 46, Oa)) : (l(), o("div", io, [
-      ke(r(D), {
-        name: "circleCancel",
-        stroke: "red"
-      }),
-      c[5] || (c[5] = _("span", null, "Dataset is not processable", -1))
-    ]));
-  }
-}, So = /* @__PURE__ */ $a(uo, [["__scopeId", "data-v-13414fa9"]]);
-export {
-  So as default
-};