vue-data-ui 3.17.2 → 3.17.4

package/dist/{vue-ui-quick-chart-CgDH-APs.js → vue-ui-quick-chart-BdwHAQyA.js}

@@ -1,20 +1,20 @@
 import { defineAsyncComponent as De, ref as L, computed as R, toRefs as Oa, watch as Ue, shallowRef as Yt, onMounted as Fa, onBeforeUnmount as Zt, nextTick as ft, watchEffect as Jt, openBlock as n, createElementBlock as i, normalizeStyle as N, normalizeClass as xe, createElementVNode as $, toDisplayString as B, createBlock as we, createCommentVNode as g, unref as c, withCtx as H, renderSlot as M, normalizeProps as Q, guardReactiveProps as ee, createSlots as Na, createVNode as $e, Fragment as S, renderList as O, Teleport as Ba, mergeProps as ht } from "vue";
-import { j as Da, t as Qt, m as Ua, p as ne, n as Va, a8 as qa, q as Ha, o as Wa, s as gt, a4 as Xa, D as Je, l as G, k as ue, X as ja, a5 as Ga, a6 as Qe, a7 as Te, Z as ea, c as ta, K as he, T as et, U as pt } from "./lib-DBptbyyI.js";
+import { j as Da, t as Qt, m as Ua, p as ne, n as Va, a8 as qa, q as Ha, o as Wa, s as gt, a4 as Xa, D as Je, l as G, k as ue, X as ja, a5 as Ga, a6 as Qe, a7 as Te, Z as ea, c as ta, K as he, T as et, U as pt } from "./lib-DMzrGQHK.js";
 import { t as aa, u as Ka } from "./useResponsive-DfdjqQps.js";
-import { u as Ya } from "./useConfig-C40HvGpD.js";
-import { u as Za, B as Ja } from "./BaseScanner-BhhkKVoj.js";
-import { u as Qa } from "./usePrinter-CEpYU3r5.js";
-import { u as el } from "./useSvgExport-ByUukOZt.js";
-import { u as mt } from "./useNestedProp-Bf5XFbs8.js";
-import { u as tl } from "./useTimeLabels-C-A2uZKi.js";
-import { u as al } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as ll } from "./useChartAccessibility-9icAAmYg.js";
-import { u as ol } from "./useTimeLabelCollider-CIsgDrl9.js";
-import nl from "./img-LXxMLmCg.js";
-import { S as il } from "./Slicer-CIHwwuNR.js";
+import { u as Ya } from "./useConfig-DTHxOX6V.js";
+import { u as Za, B as Ja } from "./BaseScanner-BON3d_Sx.js";
+import { u as Qa } from "./usePrinter-C4t8DdQ-.js";
+import { u as el } from "./useSvgExport-BTG4hVPO.js";
+import { u as mt } from "./useNestedProp-DH0BEVVS.js";
+import { u as tl } from "./useTimeLabels-Cv0tD9In.js";
+import { u as al } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as ll } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as ol } from "./useTimeLabelCollider-D3JeJ6Ye.js";
+import nl from "./img-CjTQXS0U.js";
+import { S as il } from "./Slicer-D7UcO8sN.js";
 import ul from "./vue_ui_quick_chart-DMCjEjPe.js";
-import { A as rl } from "./A11yDataTable-KcVAX2cP.js";
-import { B as sl } from "./BaseLegendToggle-BQVIawmA.js";
+import { A as rl } from "./A11yDataTable-BpmuNomI.js";
+import { B as sl } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as vl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const y = {
   LINE: "LINE",
@@ -23,15 +23,24 @@ const y = {
 }, dl = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
 function cl({ dataset: p, barLineSwitch: F = 6, debug: z = !0 }) {
   let q = null, te = null, pe = 0;
-  if ((typeof p == "number" || typeof p == "string") && z && console.warn(`The provided dataset (${p}) is not sufficient to build a chart`), at(p) && (ge(p) && (p.length < F ? q = y.BAR : q = y.LINE, te = p, pe = p.length), tt(p))) {
+  if ((typeof p == "number" || typeof p == "string") && z && console.warn(
+    `The provided dataset (${p}) is not sufficient to build a chart`
+  ), at(p) && (ge(p) && (p.length < F ? q = y.BAR : q = y.LINE, te = p, pe = p.length), tt(p))) {
     if (!hl(p))
-      return z && console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
+      return z && console.warn(
+        "The objects in the dataset array have a different data structure. Either keys or value types are different."
+      ), !1;
     const lt = Object.keys(p[0]), Ve = Object.values(p[0]);
     if (!lt.some((K) => gl(K)))
-      return z && 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;
+      return z && 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;
     la(Ve, (K) => typeof K == "number") && (q = y.DONUT, te = p), la(Ve, (K) => Array.isArray(K) && ge(K)) && (oa(p) > F ? q = y.LINE : q = y.BAR, pe = oa(p), te = p.map((K) => ({
       ...K,
-      data: pl(K, (ie) => ge(ie))
+      data: pl(
+        K,
+        (ie) => ge(ie)
+      )
     }))), p = p.map((K) => na(K)), te = te.map((K) => na(K));
   }
   return {
@@ -50,10 +59,18 @@ function at(p) {
 function ge(p) {
   if (!at(p) || ia(p)) return !1;
   const F = p.map((z) => Number(z));
-  return ![...new Set(F.flatMap((z) => typeof z == "number" && !isNaN(z)))].includes(!1);
+  return ![
+    ...new Set(
+      F.flatMap((z) => typeof z == "number" && !isNaN(z))
+    )
+  ].includes(!1);
 }
 function tt(p) {
-  return !at(p) || ia(p) || !![...new Set(p.flatMap((z) => typeof z == "object" && !Array.isArray(z)))].includes(!1) ? !1 : !p.map((z) => Object.keys(z).length > 0).includes(!1);
+  return !at(p) || ia(p) || !![
+    ...new Set(
+      p.flatMap((z) => typeof z == "object" && !Array.isArray(z))
+    )
+  ].includes(!1) ? !1 : !p.map((z) => Object.keys(z).length > 0).includes(!1);
 }
 function fl(p, F) {
   const z = Object.keys(p).sort(), q = Object.keys(F).sort();
@@ -84,7 +101,9 @@ function la(p, F) {
   return z.includes(!0);
 }
 function oa(p) {
-  return Math.max(...[...p].flatMap((F) => Object.values(F).filter((z) => ge(z)).map((z) => z.length)));
+  return Math.max(
+    ...[...p].flatMap((F) => Object.values(F).filter((z) => ge(z)).map((z) => z.length))
+  );
 }
 function pl(p, F) {
   return Object.values(p).filter((z) => F(z))[0];
@@ -166,7 +185,13 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
   },
   emits: ["selectDatapoint", "selectLegend", "copyAlt"],
   setup(p, { expose: F, emit: z }) {
-    const q = De(() => import("./BaseIcon-Cb3zzG6s.js")), te = De(() => import("./PackageVersion-PjmqM4wb.js")), pe = De(() => import("./PenAndPaper-Ct3qJ4lA.js")), Ee = De(() => import("./Tooltip-C8KGyqQk.js")), yt = De(() => import("./UserOptions-rW2fRf3V.js")), { vue_ui_quick_chart: lt } = Ya(), { isThemeValid: Ve, warnInvalidTheme: K } = al(), ie = p, se = L(null), xt = L(null), kt = L(null), bt = L(null), Y = L(Da()), ve = L(!1), Ae = L(null), ke = L(""), ae = L(null), St = L(null), wt = L(null), w = L([]), At = L(0), qe = L(0), Lt = L(!1), Pe = L(null), Ie = L(null), de = L(null), He = L(null), _t = L(null), Ct = L(null);
+    const q = De(() => import("./BaseIcon-DX0hTWa-.js")), te = De(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), pe = De(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), Ee = De(() => import("./Tooltip-Cvt7Fi0Q.js")), yt = De(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), { vue_ui_quick_chart: lt } = Ya(), { isThemeValid: Ve, warnInvalidTheme: K } = al(), ie = p, se = L(null), xt = L(null), kt = L(null), bt = L(null), Y = L(Da()), ve = L(!1), Ae = L(null), ke = L(""), ae = L(null), St = L(null), wt = L(null), w = L([]), At = L(0), qe = L(0), Lt = L(!1), Pe = L(null), Ie = L(null), de = L(null), He = L(null), _t = L(null), Ct = L(null);
     L("#FFFFFF");
     const e = L(ut()), ot = R(() => !!e.value.debug), Le = R(() => e.value.useCursorPointer), Z = L(null), zt = L({ x: 0, y: 0 }), ce = L("pointer"), nt = L(!1), ua = R(() => Qt({
       userConfig: e.value.skeletonConfig ?? {}
@@ -183,12 +208,29 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           });
         });
       },
-      skeletonDataset: ie.config?.skeletonDataset ?? [1, 2, 3, 5, 8, 13, 21, 34, 55, 89],
+      skeletonDataset: ie.config?.skeletonDataset ?? [
+        1,
+        2,
+        3,
+        5,
+        8,
+        13,
+        21,
+        34,
+        55,
+        89
+      ],
       skeletonConfig: Qt({
         defaultConfig: e.value,
         userConfig: ua.value
       })
-    }), { svgRef: be } = ll({ config: { text: e.value.title } }), sa = R(() => e.value.showUserOptionsOnChartHover), Tt = R(() => e.value.keepUserOptionsStateOnChartLeave), We = L(!e.value.showUserOptionsOnChartHover), it = L(!1);
+    }), { svgRef: be } = ll({
+      config: { text: e.value.title }
+    }), sa = R(
+      () => e.value.showUserOptionsOnChartHover
+    ), Tt = R(
+      () => e.value.keepUserOptionsStateOnChartLeave
+    ), We = L(!e.value.showUserOptionsOnChartHover), it = L(!1);
     function Et(a = !1) {
       it.value = a, sa.value && (We.value = a);
     }
@@ -219,31 +261,51 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         r = a;
       return r;
     }
-    Ue(() => ie.config, (a) => {
-      D.value || (e.value = ut()), _.value.width = e.value.width, _.value.height = e.value.height, We.value = !e.value.showUserOptionsOnChartHover, Mt(), _e.value.showTooltip = e.value.showTooltip;
-    }, { deep: !0 }), Ue(() => ie.dataset, (a) => {
-      A.value = Re.value, k.value.start = 0, k.value.end = A.value.maxSeriesLength, qe.value += 1;
-    }, { deep: !0 }), Ue(() => ie.dataset, (a) => {
-      Array.isArray(a) && a.length > 0 && ($t.value = !1);
-    }, { immediate: !0 });
+    Ue(
+      () => ie.config,
+      (a) => {
+        D.value || (e.value = ut()), _.value.width = e.value.width, _.value.height = e.value.height, We.value = !e.value.showUserOptionsOnChartHover, Mt(), _e.value.showTooltip = e.value.showTooltip;
+      },
+      { deep: !0 }
+    ), Ue(
+      () => ie.dataset,
+      (a) => {
+        A.value = Re.value, k.value.start = 0, k.value.end = A.value.maxSeriesLength, qe.value += 1;
+      },
+      { deep: !0 }
+    ), Ue(
+      () => ie.dataset,
+      (a) => {
+        Array.isArray(a) && a.length > 0 && ($t.value = !1);
+      },
+      { immediate: !0 }
+    );
     const Me = R(() => Va(e.value.customPalette)), re = z, Re = R(() => {
-      const a = cl({ debug: ot.value, dataset: qa(ra.value, [
-        "serie",
-        "series",
-        "data",
-        "value",
-        "values",
-        "num"
-      ]), barLineSwitch: e.value.chartIsBarUnderDatasetLength });
+      const a = cl({
+        debug: ot.value,
+        dataset: qa(ra.value, [
+          "serie",
+          "series",
+          "data",
+          "value",
+          "values",
+          "num"
+        ]),
+        barLineSwitch: e.value.chartIsBarUnderDatasetLength
+      });
       return !a && ot.value && console.error("VueUiQuickChart : Dataset is not processable"), a;
     }), A = L(Re.value), va = R(() => !!A.value), x = R(() => A.value ? A.value.type : null);
-    Ue(() => x.value, (a) => {
-      a || Ha({
-        componentName: "VueUiQuickChart",
-        type: "dataset",
-        debug: ot.value
-      });
-    }, { immediate: !0 });
+    Ue(
+      () => x.value,
+      (a) => {
+        a || Ha({
+          componentName: "VueUiQuickChart",
+          type: "dataset",
+          debug: ot.value
+        });
+      },
+      { immediate: !0 }
+    );
     const { isPrinting: Xe, isImaging: je, generatePdf: Pt, generateImage: It } = Qa({
       elementId: `${x.value}_${Y.value}`,
       fileName: e.value.title || x.value,
@@ -254,11 +316,15 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     }), _e = L({
       showTooltip: e.value.showTooltip
     });
-    Ue(e, () => {
-      _e.value = {
-        showTooltip: e.value.showTooltip
-      };
-    }, { immediate: !0 });
+    Ue(
+      e,
+      () => {
+        _e.value = {
+          showTooltip: e.value.showTooltip
+        };
+      },
+      { immediate: !0 }
+    );
     const me = Yt(null), Ce = Yt(null);
     Fa(async () => {
       Lt.value = !0, Mt();
@@ -270,7 +336,9 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
             chart: se.value,
             title: e.value.title ? xt.value : null,
             legend: e.value.showLegend ? kt.value : null,
-            slicer: [y.BAR, y.LINE].includes(x.value) && e.value.zoomXy && A.value.maxSeriesLength > 1 ? bt.value : null,
+            slicer: [y.BAR, y.LINE].includes(
+              x.value
+            ) && e.value.zoomXy && A.value.maxSeriesLength > 1 ? bt.value : null,
             source: St.value,
             noTitle: wt.value
           });
@@ -319,7 +387,9 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     function Nt(a, r) {
       Ke.value = !0;
       let t = a.value;
-      const l = Re.value.dataset.find((o, s) => a.id === `donut_${s}`).VALUE;
+      const l = Re.value.dataset.find(
+        (o, s) => a.id === `donut_${s}`
+      ).VALUE;
       if (w.value.includes(a.id)) {
         let o = function() {
           t > l ? (Ke.value = !1, cancelAnimationFrame(Ft.value), A.value = {
@@ -387,18 +457,32 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         return h.proportion * 100 > e.value.donutHideLabelUnderPercentage;
       }
       function l(h, T) {
-        const f = Re.value.dataset.find((m, E) => `donut_${E}` === h).VALUE;
-        return Math.abs(String(Number(f.toFixed(0))).length - String(Number(T.toFixed(0))).length);
+        const f = Re.value.dataset.find(
+          (m, E) => `donut_${E}` === h
+        ).VALUE;
+        return Math.abs(
+          String(Number(f.toFixed(0))).length - String(Number(T.toFixed(0))).length
+        );
       }
       function o({ datapoint: h, seriesIndex: T, triggerMode: f = "pointer" }) {
-        Ae.value = { datapoint: h, seriesIndex: T, config: e.value, dataset: a }, ae.value = h.id, Z.value = T, ce.value = f;
-        const u = e.value.tooltipCustomFormat;
-        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: h, seriesIndex: T }), et(u) && pt(() => u({
+        Ae.value = {
           datapoint: h,
           seriesIndex: T,
-          series: a,
-          config: e.value
-        })))
+          config: e.value,
+          dataset: a
+        }, ae.value = h.id, Z.value = T, ce.value = f;
+        const u = e.value.tooltipCustomFormat;
+        if (e.value.events.datapointEnter && e.value.events.datapointEnter({
+          datapoint: h,
+          seriesIndex: T
+        }), et(u) && pt(
+          () => u({
+            datapoint: h,
+            seriesIndex: T,
+            series: a,
+            config: e.value
+          })
+        ))
           ke.value = u({
             datapoint: h,
             seriesIndex: T,
@@ -422,10 +506,16 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         ve.value = !0;
       }
       function s({ datapoint: h, seriesIndex: T }) {
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: h, seriesIndex: T }), ve.value = !1, ae.value = null, le.value = null, Z.value = null, ce.value = "pointer";
+        e.value.events.datapointLeave && e.value.events.datapointLeave({
+          datapoint: h,
+          seriesIndex: T
+        }), ve.value = !1, ae.value = null, le.value = null, Z.value = null, ce.value = "pointer";
       }
       function b({ datapoint: h, seriesIndex: T }) {
-        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: h, seriesIndex: T }), re("selectDatapoint", h);
+        e.value.events.datapointClick && e.value.events.datapointClick({
+          datapoint: h,
+          seriesIndex: T
+        }), re("selectDatapoint", h);
       }
       const P = {
         centerX: _.value.width / 2,
@@ -434,7 +524,9 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         ...h,
         proportion: (h.value || 0) / I,
         value: h.value || 0,
-        absoluteValue: Re.value.dataset.find((f, u) => `donut_${u}` === h.id).VALUE,
+        absoluteValue: Re.value.dataset.find(
+          (f, u) => `donut_${u}` === h.id
+        ).VALUE,
         shape: "circle"
       })), fe = _.value.width / 2, oe = _.value.height / 2, j = _.value.height * e.value.donutRadiusRatio;
       return {
@@ -486,7 +578,8 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       return a > r ? r : a < 0 || e.value.zoomStartIndex !== null && a < e.value.zoomStartIndex ? e.value.zoomStartIndex !== null ? e.value.zoomStartIndex + 1 : 1 : a;
     }
     const ma = R(() => {
-      if (!e.value.zoomMinimap.show || x.value === y.DONUT) return [];
+      if (!e.value.zoomMinimap.show || x.value === y.DONUT)
+        return [];
       let a = [];
       ge(A.value.dataset) && (a = A.value.dataset), tt(A.value.dataset) && (a = A.value.dataset.map((o, s) => ({
         values: o.VALUE || o.DATA || o.SERIE || o.SERIES || o.VALUES || o.NUM || 0,
@@ -498,7 +591,9 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         t = a;
       else
         for (let o = 0; o < r; o += 1)
-          t.push(a.map((s) => s.values[o] || 0).reduce((s, b) => (s || 0) + (b || 0), 0));
+          t.push(
+            a.map((s) => s.values[o] || 0).reduce((s, b) => (s || 0) + (b || 0), 0)
+          );
       const l = Math.min(...t);
       return t.map((o) => o + (l < 0 ? Math.abs(l) : 0));
     });
@@ -541,13 +636,22 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         top: e.value.xyPaddingTop,
         right: a.width - e.value.xyPaddingRight,
         bottom: a.height - e.value.xyPaddingBottom - Ye.value,
-        width: Math.max(10, a.width - e.value.xyPaddingLeft - e.value.xyPaddingRight - r),
-        height: Math.max(10, a.height - e.value.xyPaddingTop - e.value.xyPaddingBottom - Ye.value)
+        width: Math.max(
+          10,
+          a.width - e.value.xyPaddingLeft - e.value.xyPaddingRight - r
+        ),
+        height: Math.max(
+          10,
+          a.height - e.value.xyPaddingTop - e.value.xyPaddingBottom - Ye.value
+        )
       };
       let l = [];
       ge(A.value.dataset) && (l = [
         {
-          values: A.value.dataset.slice(k.value.start, k.value.end),
+          values: A.value.dataset.slice(
+            k.value.start,
+            k.value.end
+          ),
           absoluteValues: A.value.dataset,
           absoluteIndices: A.value.dataset.map((f, u) => u).slice(k.value.start, k.value.end),
           name: e.value.title,
@@ -562,15 +666,30 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       })).map((f, u) => ({
         ...f,
         color: f.COLOR ? gt(f.COLOR) : Me.value[u + e.value.paletteStartIndex] || ne[u + e.value.paletteStartIndex] || ne[(u + e.value.paletteStartIndex) % ne.length],
-        values: f.values.slice(k.value.start, k.value.end),
+        values: f.values.slice(
+          k.value.start,
+          k.value.end
+        ),
         absoluteValues: f.values,
         absoluteIndices: f.values.map((m, E) => E).slice(k.value.start, k.value.end)
       })));
       const o = {
-        max: Math.max(...l.filter((f) => !w.value.includes(f.id)).flatMap((f) => f.values)),
-        min: Math.min(...l.filter((f) => !w.value.includes(f.id)).flatMap((f) => f.values)),
+        max: Math.max(
+          ...l.filter((f) => !w.value.includes(f.id)).flatMap((f) => f.values)
+        ),
+        min: Math.min(
+          ...l.filter((f) => !w.value.includes(f.id)).flatMap((f) => f.values)
+        ),
         maxSeries: Math.max(...l.map((f) => f.values.length))
-      }, s = o.max === o.min ? Je(o.min, o.min + 1, e.value.xyScaleSegments) : Je(o.min < 0 ? o.min : 0, o.max < 0 ? 0 : o.max, e.value.xyScaleSegments), b = o.min < 0 ? Math.abs(o.min) : 0, P = o.max < 0 ? t.top : t.bottom - b / (s.max + b) * t.height, I = t.width / o.maxSeries, W = s.ticks.map((f) => ({
+      }, s = o.max === o.min ? Je(
+        o.min,
+        o.min + 1,
+        e.value.xyScaleSegments
+      ) : Je(
+        o.min < 0 ? o.min : 0,
+        o.max < 0 ? 0 : o.max,
+        e.value.xyScaleSegments
+      ), b = o.min < 0 ? Math.abs(o.min) : 0, P = o.max < 0 ? t.top : t.bottom - b / (s.max + b) * t.height, I = t.width / o.maxSeries, W = s.ticks.map((f) => ({
         y: t.bottom - t.height * ((f + b) / (s.max + b)),
         x: t.left - 8,
         value: f
@@ -601,14 +720,24 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       function j(f, u = "pointer") {
         ae.value = f, le.value = f, Z.value = f, ce.value = u;
         const m = oe(f);
-        Ae.value = { datapoint: m, seriesIndex: f, config: e.value, dataset: l };
-        const E = e.value.tooltipCustomFormat;
-        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: m, seriesIndex: f + k.value.start }), et(E) && pt(() => E({
+        Ae.value = {
           datapoint: m,
           seriesIndex: f,
-          series: l,
-          config: e.value
-        })))
+          config: e.value,
+          dataset: l
+        };
+        const E = e.value.tooltipCustomFormat;
+        if (e.value.events.datapointEnter && e.value.events.datapointEnter({
+          datapoint: m,
+          seriesIndex: f + k.value.start
+        }), et(E) && pt(
+          () => E({
+            datapoint: m,
+            seriesIndex: f,
+            series: l,
+            config: e.value
+          })
+        ))
           ke.value = E({
             datapoint: m,
             seriesIndex: f,
@@ -642,15 +771,23 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       }
       function h(f) {
         const u = oe(f);
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: u, seriesIndex: f + k.value.start }), ae.value = null, le.value = null, ve.value = !1, Z.value = null, ce.value = "pointer";
+        e.value.events.datapointLeave && e.value.events.datapointLeave({
+          datapoint: u,
+          seriesIndex: f + k.value.start
+        }), ae.value = null, le.value = null, ve.value = !1, Z.value = null, ce.value = "pointer";
       }
       function T(f) {
         const u = oe(f);
-        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: u, seriesIndex: f + k.value.start }), re("selectDatapoint", u);
+        e.value.events.datapointClick && e.value.events.datapointClick({
+          datapoint: u,
+          seriesIndex: f + k.value.start
+        }), re("selectDatapoint", u);
       }
       return {
         absoluteZero: P,
-        dataset: fe.filter((f) => !w.value.includes(f.id)),
+        dataset: fe.filter(
+          (f) => !w.value.includes(f.id)
+        ),
         legend: fe,
         drawingArea: t,
         extremes: o,
@@ -676,13 +813,22 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         top: e.value.xyPaddingTop,
         right: a.width - e.value.xyPaddingRight,
         bottom: a.height - e.value.xyPaddingBottom - Ye.value,
-        width: Math.max(10, a.width - e.value.xyPaddingLeft - e.value.xyPaddingRight - r),
-        height: Math.max(10, a.height - e.value.xyPaddingTop - e.value.xyPaddingBottom - Ye.value)
+        width: Math.max(
+          10,
+          a.width - e.value.xyPaddingLeft - e.value.xyPaddingRight - r
+        ),
+        height: Math.max(
+          10,
+          a.height - e.value.xyPaddingTop - e.value.xyPaddingBottom - Ye.value
+        )
       };
       let l = [];
       ge(A.value.dataset) && (l = [
         {
-          values: A.value.dataset.slice(k.value.start, k.value.end),
+          values: A.value.dataset.slice(
+            k.value.start,
+            k.value.end
+          ),
           absoluteValues: A.value.dataset,
           absoluteIndices: A.value.dataset.map((u, m) => m).slice(k.value.start, k.value.end),
           name: e.value.title,
@@ -697,15 +843,34 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       })).map((u, m) => ({
         ...u,
         color: u.COLOR ? gt(u.COLOR) : Me.value[m + e.value.paletteStartIndex] || ne[m + e.value.paletteStartIndex] || ne[(m + e.value.paletteStartIndex) % ne.length],
-        values: u.values.slice(k.value.start, k.value.end),
+        values: u.values.slice(
+          k.value.start,
+          k.value.end
+        ),
         absoluteValues: u.values,
         absoluteIndices: u.values.map((E, U) => U).slice(k.value.start, k.value.end)
       })));
       const o = {
-        max: Math.max(...l.filter((u) => !w.value.includes(u.id)).flatMap((u) => u.values)) < 0 ? 0 : Math.max(...l.filter((u) => !w.value.includes(u.id)).flatMap((u) => u.values)) ?? 1,
-        min: Math.min(...l.filter((u) => !w.value.includes(u.id)).flatMap((u) => u.values)) ?? 0,
-        maxSeries: Math.max(...l.filter((u) => !w.value.includes(u.id)).map((u) => u.values.length)) ?? 0
-      }, s = o.min === o.max ? Je(o.min, o.min + 1, e.value.xyScaleSegments) : Je(o.min < 0 ? o.min : 0, o.max, e.value.xyScaleSegments), b = s.min < 0 ? Math.abs(s.min) : 0, P = t.bottom - b / (s.max + b) * t.height, I = t.width / o.maxSeries, W = s.ticks.map((u) => ({
+        max: Math.max(
+          ...l.filter((u) => !w.value.includes(u.id)).flatMap((u) => u.values)
+        ) < 0 ? 0 : Math.max(
+          ...l.filter((u) => !w.value.includes(u.id)).flatMap((u) => u.values)
+        ) ?? 1,
+        min: Math.min(
+          ...l.filter((u) => !w.value.includes(u.id)).flatMap((u) => u.values)
+        ) ?? 0,
+        maxSeries: Math.max(
+          ...l.filter((u) => !w.value.includes(u.id)).map((u) => u.values.length)
+        ) ?? 0
+      }, s = o.min === o.max ? Je(
+        o.min,
+        o.min + 1,
+        e.value.xyScaleSegments
+      ) : Je(
+        o.min < 0 ? o.min : 0,
+        o.max,
+        e.value.xyScaleSegments
+      ), b = s.min < 0 ? Math.abs(s.min) : 0, P = t.bottom - b / (s.max + b) * t.height, I = t.width / o.maxSeries, W = s.ticks.map((u) => ({
         y: t.bottom - t.height * ((u + b) / (s.max + b)),
         x: t.left - 8,
         value: u
@@ -745,14 +910,24 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       function h(u, m = "pointer") {
         ae.value = u, le.value = u, Z.value = u, ce.value = m;
         const E = j(u);
-        Ae.value = { datapoint: E, seriesIndex: u, config: e.value, dataset: l };
-        const U = e.value.tooltipCustomFormat;
-        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: E, seriesIndex: u + k.value.start }), et(U) && pt(() => U({
+        Ae.value = {
           datapoint: E,
           seriesIndex: u,
-          series: l,
-          config: e.value
-        })))
+          config: e.value,
+          dataset: l
+        };
+        const U = e.value.tooltipCustomFormat;
+        if (e.value.events.datapointEnter && e.value.events.datapointEnter({
+          datapoint: E,
+          seriesIndex: u + k.value.start
+        }), et(U) && pt(
+          () => U({
+            datapoint: E,
+            seriesIndex: u,
+            series: l,
+            config: e.value
+          })
+        ))
           ke.value = U({
             point: E,
             seriesIndex: u,
@@ -786,15 +961,23 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       }
       function T(u) {
         const m = j(u);
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: m, seriesIndex: u + k.value.start }), ve.value = !1, ae.value = null, le.value = null, Z.value = null, ce.value = "pointer";
+        e.value.events.datapointLeave && e.value.events.datapointLeave({
+          datapoint: m,
+          seriesIndex: u + k.value.start
+        }), ve.value = !1, ae.value = null, le.value = null, Z.value = null, ce.value = "pointer";
       }
       function f(u) {
         const m = j(u);
-        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: m, seriesIndex: u + k.value.start }), re("selectDatapoint", m);
+        e.value.events.datapointClick && e.value.events.datapointClick({
+          datapoint: m,
+          seriesIndex: u + k.value.start
+        }), re("selectDatapoint", m);
       }
       return {
         absoluteZero: P,
-        dataset: oe.filter((u) => !w.value.includes(u.id)),
+        dataset: oe.filter(
+          (u) => !w.value.includes(u.id)
+        ),
         absoluteDataset: oe,
         legend: fe,
         drawingArea: t,
@@ -906,7 +1089,10 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     });
     const ze = R(() => {
       const a = e.value.xyPeriodsModulo;
-      return e.value.xyPeriods.length ? Math.min(a, [...new Set(J.value.map((r) => r.text))].length) : a;
+      return e.value.xyPeriods.length ? Math.min(
+        a,
+        [...new Set(J.value.map((r) => r.text))].length
+      ) : a;
     }), Ze = L(!1);
     function Xt(a) {
       Ze.value = a, At.value += 1;
@@ -920,7 +1106,12 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     }
     async function Aa({ scale: a = 2 } = {}) {
       if (!se.value) return;
-      const { width: r, height: t } = se.value.getBoundingClientRect(), l = r / t, { imageUri: o, base64: s } = await nl({ domElement: se.value, base64: !0, img: !0, scale: a });
+      const { width: r, height: t } = se.value.getBoundingClientRect(), l = r / t, { imageUri: o, base64: s } = await nl({
+        domElement: se.value,
+        base64: !0,
+        img: !0,
+        scale: a
+      });
       return {
         imageUri: o,
         base64: s,
@@ -969,7 +1160,12 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     async function Gt({ isCb: a }) {
       if (a) {
         const { blob: r, url: t, text: l, dataUrl: o } = await Pa();
-        e.value.userOptionsCallbacks.svg({ blob: r, url: t, text: l, dataUrl: o });
+        e.value.userOptionsCallbacks.svg({
+          blob: r,
+          url: t,
+          text: l,
+          dataUrl: o
+        });
       } else
         Ea();
     }
@@ -982,17 +1178,21 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           donut: C.value
         }
       }), !e.value.userOptionsCallbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(e.value.userOptionsCallbacks.altCopy({
-        config: e.value,
-        dataset: {
-          line: d.value,
-          bar: v.value,
-          donut: C.value
-        }
-      }));
+      await Promise.resolve(
+        e.value.userOptionsCallbacks.altCopy({
+          config: e.value,
+          dataset: {
+            line: d.value,
+            bar: v.value,
+            donut: C.value
+          }
+        })
+      );
     }
     function vt(a, r) {
       (a.key === "Enter" || a.key === " ") && (a.preventDefault(), r());
@@ -1007,7 +1207,8 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     function Ra(a) {
       if (!be.value || Fe.value || document.activeElement !== be.value || !ye.value) return;
       const r = a.key === "ArrowLeft", t = a.key === "ArrowRight", l = a.key === "Enter" || a.key === " ", o = a.key === "Escape";
-      if (!r && !t && !l && !o) return;
+      if (!r && !t && !l && !o)
+        return;
       if (a.preventDefault(), a.stopPropagation(), o) {
         Z.value = null, ce.value = "pointer", ve.value = !1, ae.value = null, le.value = null;
         return;
@@ -1017,7 +1218,10 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         if (x.value === y.DONUT) {
           const W = C.value?.chart?.[Z.value];
           if (!W) return;
-          C.value.selectDatapoint({ datapoint: W, seriesIndex: Z.value });
+          C.value.selectDatapoint({
+            datapoint: W,
+            seriesIndex: Z.value
+          });
           return;
         }
         if (x.value === y.LINE) {
@@ -1101,10 +1305,7 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         };
       }
       if (x.value === y.LINE || x.value === y.BAR) {
-        const a = x.value === y.LINE ? d.value?.dataset ?? [] : v.value?.dataset ?? [], r = x.value === y.LINE ? d.value?.extremes?.maxSeries ?? 0 : v.value?.extremes?.maxSeries ?? 0, t = [
-          "Index",
-          ...a.map((o) => o.name)
-        ], l = Array.from({ length: r }, (o, s) => [
+        const a = x.value === y.LINE ? d.value?.dataset ?? [] : v.value?.dataset ?? [], r = x.value === y.LINE ? d.value?.extremes?.maxSeries ?? 0 : v.value?.extremes?.maxSeries ?? 0, t = ["Index", ...a.map((o) => o.name)], l = Array.from({ length: r }, (o, s) => [
           J.value?.[s + k.value.start]?.text ?? String(s + k.value.start),
           ...a.map((P) => {
             const I = P.values?.[s];
@@ -1141,7 +1342,11 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       id: `${x.value}_${Y.value}`,
       ref_key: "quickChart",
       ref: se,
-      class: xe({ "vue-data-ui-component": !0, "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": Ze.value }),
+      class: xe({
+        "vue-data-ui-component": !0,
+        "vue-ui-quick-chart": !0,
+        "vue-data-ui-wrapper-fullscreen": Ze.value
+      }),
       style: N(`background:${e.value.backgroundColor};color:${e.value.color};font-family:${e.value.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: r[2] || (r[2] = () => Et(!0)),
       onMouseleave: r[3] || (r[3] = () => Et(!1))
@@ -1386,7 +1591,20 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               (n(!0), i(S, null, O(C.value.chart, (t, l) => (n(), i(S, null, [
                 C.value.isArcBigEnough(t) ? (n(), i("path", {
                   key: 0,
-                  d: c(Ga)(t, { x: _.value.width / 2, y: _.value.height / 2 }, 16, 16, !1, !1, _.value.height * Bt.value, 12, e.value.donutCurvedMarkers),
+                  d: c(Ga)(
+                    t,
+                    {
+                      x: _.value.width / 2,
+                      y: _.value.height / 2
+                    },
+                    16,
+                    16,
+                    !1,
+                    !1,
+                    _.value.height * Bt.value,
+                    12,
+                    e.value.donutCurvedMarkers
+                  ),
                   stroke: t.color,
                   "stroke-width": e.value.donutLabelMarkerStrokeWidth,
                   "stroke-linecap": "round",
@@ -1414,9 +1632,19 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               (n(!0), i(S, null, O(C.value.chart, (t, l) => (n(), i("path", {
                 d: t.arcSlice,
                 fill: "transparent",
-                onMouseenter: (o) => C.value.useTooltip({ datapoint: t, seriesIndex: l, triggerMode: "pointer" }),
-                onMouseout: (o) => C.value.killTooltip({ datapoint: t, seriesIndex: l }),
-                onClick: (o) => C.value.selectDatapoint({ datapoint: t, seriesIndex: l })
+                onMouseenter: (o) => C.value.useTooltip({
+                  datapoint: t,
+                  seriesIndex: l,
+                  triggerMode: "pointer"
+                }),
+                onMouseout: (o) => C.value.killTooltip({
+                  datapoint: t,
+                  seriesIndex: l
+                }),
+                onClick: (o) => C.value.selectDatapoint({
+                  datapoint: t,
+                  seriesIndex: l
+                })
               }, null, 40, Ml))), 256))
             ]),
             e.value.showDataLabels ? (n(), i("g", Rl, [
@@ -1566,7 +1794,9 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
             ], 512)) : g("", !0),
             e.value.xyShowScale && e.value.xyPeriods.length ? (n(), i("g", Yl, [
               (n(!0), i(S, null, O(J.value.map((t) => t.text), (t, l) => (n(), i(S, null, [
-                !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((k.value.end - k.value.start) / ze.value) === 0 || k.value.end - k.value.start <= ze.value ? (n(), i("line", {
+                !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor(
+                  (k.value.end - k.value.start) / ze.value
+                ) === 0 || k.value.end - k.value.start <= ze.value ? (n(), i("line", {
                   key: 0,
                   x1: d.value.drawingArea.left + d.value.slotSize * (l + 1) - d.value.slotSize / 2,
                   x2: d.value.drawingArea.left + d.value.slotSize * (l + 1) - d.value.slotSize / 2,
@@ -1581,8 +1811,12 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 ref_key: "timeLabelsEls",
                 ref: de
               }, [
-                (n(!0), i(S, null, O(J.value.map((t) => t.text), (t, l) => (n(), i(S, null, [
-                  !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((k.value.end - k.value.start) / ze.value) === 0 || k.value.end - k.value.start <= ze.value ? (n(), i("g", Jl, [
+                (n(!0), i(S, null, O(J.value.map(
+                  (t) => t.text
+                ), (t, l) => (n(), i(S, null, [
+                  !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor(
+                    (k.value.end - k.value.start) / ze.value
+                  ) === 0 || k.value.end - k.value.start <= ze.value ? (n(), i("g", Jl, [
                     String(t).includes(`
 `) ? (n(), i("text", {
                       key: 1,
@@ -1622,8 +1856,13 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                     "stroke-width": e.value.lineStrokeWidth + 1,
                     "stroke-linecap": "round",
                     fill: "none",
-                    class: xe({ "quick-animation": !c(D), "vue-data-ui-line-animated": e.value.lineAnimated && !c(D) }),
-                    style: N({ transition: c(D) ? void 0 : "all 0.3s ease-in-out" })
+                    class: xe({
+                      "quick-animation": !c(D),
+                      "vue-data-ui-line-animated": e.value.lineAnimated && !c(D)
+                    }),
+                    style: N({
+                      transition: c(D) ? void 0 : "all 0.3s ease-in-out"
+                    })
                   }, null, 14, lo),
                   $("path", {
                     ref_for: !0,
@@ -1634,8 +1873,13 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                     "stroke-width": e.value.lineStrokeWidth,
                     "stroke-linecap": "round",
                     fill: "none",
-                    class: xe({ "quick-animation": !c(D), "vue-data-ui-line-animated": e.value.lineAnimated && !c(D) }),
-                    style: N({ transition: c(D) ? void 0 : "all 0.3s ease-in-out" })
+                    class: xe({
+                      "quick-animation": !c(D),
+                      "vue-data-ui-line-animated": e.value.lineAnimated && !c(D)
+                    }),
+                    style: N({
+                      transition: c(D) ? void 0 : "all 0.3s ease-in-out"
+                    })
                   }, null, 14, oo)
                 ], 64)) : (n(), i(S, { key: 1 }, [
                   $("path", {
@@ -1647,8 +1891,13 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                     "stroke-width": e.value.lineStrokeWidth + 1,
                     "stroke-linecap": "round",
                     fill: "none",
-                    class: xe({ "quick-animation": !c(D), "vue-data-ui-line-animated": e.value.lineAnimated && !c(D) }),
-                    style: N({ transition: c(D) ? void 0 : "all 0.3s ease-in-out" })
+                    class: xe({
+                      "quick-animation": !c(D),
+                      "vue-data-ui-line-animated": e.value.lineAnimated && !c(D)
+                    }),
+                    style: N({
+                      transition: c(D) ? void 0 : "all 0.3s ease-in-out"
+                    })
                   }, null, 14, no),
                   $("path", {
                     ref_for: !0,
@@ -1659,8 +1908,13 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                     "stroke-width": e.value.lineStrokeWidth,
                     "stroke-linecap": "round",
                     fill: "none",
-                    class: xe({ "quick-animation": !c(D), "vue-data-ui-line-animated": e.value.lineAnimated && !c(D) }),
-                    style: N({ transition: c(D) ? void 0 : "all 0.3s ease-in-out" })
+                    class: xe({
+                      "quick-animation": !c(D),
+                      "vue-data-ui-line-animated": e.value.lineAnimated && !c(D)
+                    }),
+                    style: N({
+                      transition: c(D) ? void 0 : "all 0.3s ease-in-out"
+                    })
                   }, null, 14, io)
                 ], 64)),
                 (n(!0), i(S, null, O(t.coordinates, (o, s) => (n(), i("circle", {
@@ -1670,8 +1924,13 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                   fill: t.color,
                   stroke: e.value.backgroundColor,
                   "stroke-width": "0.5",
-                  class: xe({ "vue-ui-quick-chart-plot": !0, "quick-animation": !c(D) }),
-                  style: N({ transition: c(D) ? void 0 : "all 0.3s ease-in-out" })
+                  class: xe({
+                    "vue-ui-quick-chart-plot": !0,
+                    "quick-animation": !c(D)
+                  }),
+                  style: N({
+                    transition: c(D) ? void 0 : "all 0.3s ease-in-out"
+                  })
                 }, null, 14, uo))), 256))
               ]))), 256))
             ]),
@@ -1683,8 +1942,13 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                   fill: t.color,
                   x: o.x,
                   y: c(he)(o.y) - e.value.dataLabelFontSize / 2,
-                  class: xe({ "vue-ui-quick-chart-label": !0, "quick-animation": !c(D) }),
-                  style: N({ transition: c(D) ? void 0 : "all 0.3s ease-in-out" })
+                  class: xe({
+                    "vue-ui-quick-chart-label": !0,
+                    "quick-animation": !c(D)
+                  }),
+                  style: N({
+                    transition: c(D) ? void 0 : "all 0.3s ease-in-out"
+                  })
                 }, B(c(ue)(
                   e.value.formatter,
                   c(he)(o.value),
@@ -1704,7 +1968,10 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 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: [ae.value, le.value].includes(l) ? e.value.xyHighlighterColor : "transparent",
+                fill: [
+                  ae.value,
+                  le.value
+                ].includes(l) ? e.value.xyHighlighterColor : "transparent",
                 style: N(`opacity:${e.value.xyHighlighterOpacity}`),
                 onMouseenter: (o) => d.value.useTooltip(l, "pointer"),
                 onMouseleave: (o) => d.value.killTooltip(l),
@@ -1794,7 +2061,10 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               ], 64))), 256))
             ], 512)) : g("", !0),
             e.value.xyShowScale && e.value.xyPeriods.length ? (n(), i("g", bo, [
-              (n(!0), i(S, null, O(e.value.xyPeriods.slice(k.value.start, k.value.end), (t, l) => (n(), i("line", {
+              (n(!0), i(S, null, O(e.value.xyPeriods.slice(
+                k.value.start,
+                k.value.end
+              ), (t, l) => (n(), i("line", {
                 x1: v.value.drawingArea.left + v.value.slotSize * (l + 1) - v.value.slotSize / 2,
                 x2: v.value.drawingArea.left + v.value.slotSize * (l + 1) - v.value.slotSize / 2,
                 y1: v.value.drawingArea.bottom,
@@ -1807,8 +2077,12 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 ref_key: "timeLabelsEls",
                 ref: de
               }, [
-                (n(!0), i(S, null, O(J.value.map((t) => t.text), (t, l) => (n(), i(S, null, [
-                  !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((k.value.end - k.value.start) / ze.value) === 0 || k.value.end - k.value.start <= ze.value ? (n(), i("g", wo, [
+                (n(!0), i(S, null, O(J.value.map(
+                  (t) => t.text
+                ), (t, l) => (n(), i(S, null, [
+                  !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor(
+                    (k.value.end - k.value.start) / ze.value
+                  ) === 0 || k.value.end - k.value.start <= ze.value ? (n(), i("g", wo, [
                     String(t).includes(`
 `) ? (n(), i("text", {
                       key: 1,
@@ -1841,13 +2115,17 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 (n(!0), i(S, null, O(t.coordinates, (o, s) => (n(), i("rect", {
                   x: o.x,
                   width: o.width <= 0 ? 1e-5 : o.width,
-                  height: c(he)(o.height <= 0 ? 1e-5 : o.height),
+                  height: c(he)(
+                    o.height <= 0 ? 1e-5 : o.height
+                  ),
                   y: c(he)(o.y),
                   fill: t.color,
                   stroke: e.value.backgroundColor,
                   "stroke-width": e.value.barStrokeWidth,
                   "stroke-linecap": "round",
-                  class: xe({ "vue-data-ui-bar-animated": e.value.barAnimated && o.value < 0 && !c(D) })
+                  class: xe({
+                    "vue-data-ui-bar-animated": e.value.barAnimated && o.value < 0 && !c(D)
+                  })
                 }, [
                   e.value.barAnimated && o.value > 0 && !c(Xe) && !c(je) ? (n(), i("animate", {
                     key: 0,
@@ -1894,7 +2172,10 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 y: v.value.drawingArea.top,
                 height: v.value.drawingArea.height <= 0 ? 1e-5 : v.value.drawingArea.height,
                 width: v.value.slotSize <= 0 ? 1e-5 : v.value.slotSize,
-                fill: [ae.value, le.value].includes(l) ? e.value.xyHighlighterColor : "transparent",
+                fill: [
+                  ae.value,
+                  le.value
+                ].includes(l) ? e.value.xyHighlighterColor : "transparent",
                 style: N(`opacity:${e.value.xyHighlighterOpacity}`),
                 onMouseenter: (o) => v.value.useTooltip(l, "pointer"),
                 onMouseleave: (o) => v.value.killTooltip(l),
@@ -1902,7 +2183,10 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               }, null, 44, Io))), 256))
             ])) : g("", !0)
           ], 64)) : g("", !0),
-          [y.LINE, y.BAR].includes(x.value) ? (n(), i("g", Mo, [
+          [
+            y.LINE,
+            y.BAR
+          ].includes(x.value) ? (n(), i("g", Mo, [
             e.value.xAxisLabel && x.value === y.LINE ? (n(), i("g", {
               key: 0,
               ref_key: "xAxisLabel",
@@ -1956,13 +2240,18 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           ])) : g("", !0)
         ], 44, bl)) : g("", !0),
         a.$slots.hint ? (n(), i("div", Bo, [
-          M(a.$slots, "hint", Q(ee({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: nt.value })), void 0, !0)
+          M(a.$slots, "hint", Q(ee({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: nt.value
+          })), void 0, !0)
         ])) : g("", !0)
       ]),
       a.$slots.watermark ? (n(), i("div", Do, [
         M(a.$slots, "watermark", Q(ee({ isPrinting: c(Xe) || c(je) })), void 0, !0)
       ])) : g("", !0),
-      [y.BAR, y.LINE].includes(x.value) && e.value.zoomXy && A.value.maxSeriesLength > 1 ? (n(), i("div", {
+      [y.BAR, y.LINE].includes(
+        x.value
+      ) && e.value.zoomXy && A.value.maxSeriesLength > 1 ? (n(), i("div", {
         key: `slicer_${qe.value}`,
         ref_key: "quickChartSlicer",
         ref: bt
@@ -2084,7 +2373,10 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
-                { datapoint: t, seriesIndex: l }
+                {
+                  datapoint: t,
+                  seriesIndex: l
+                }
               )), 5),
               w.value.includes(t.id) ? (n(), i("span", {
                 key: 0,
@@ -2112,7 +2404,10 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
             tabindex: "0",
             onKeydown: (o) => {
               vt(o, () => {
-                Ge(t.id, d.value.legend.length - 1), re("selectLegend", t);
+                Ge(
+                  t.id,
+                  d.value.legend.length - 1
+                ), re("selectLegend", t);
               });
             }
           }, [
@@ -2213,7 +2508,7 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       r[5] || (r[5] = $("span", null, "Dataset is not processable", -1))
     ]));
   }
-}, cn = /* @__PURE__ */ vl(Xo, [["__scopeId", "data-v-728cea32"]]);
+}, cn = /* @__PURE__ */ vl(Xo, [["__scopeId", "data-v-2b8b0f0d"]]);
 export {
   cn as default
 };