vue-data-ui 2.12.8-beta.3 → 2.13.0

package/dist/{vue-ui-xy-CEFkua9H.js → vue-ui-xy-DxgCkZEV.js}

@@ -1,10 +1,10 @@
-import { Q as H, Z, a7 as le, a8 as j, a9 as re, aa as ie, ab as ae, ac as se, ad as ne, c as Q, A as ce, F as oe, w as he, s as ue, o as de, a1 as ge, ae as fe, x as Ie, C as Ne, y as xe, a6 as me, e as be, r as Fe, f as $, af as _e, T as ye, U as Ae, q as Le, b as Ce, z as Se, d as ke, ag as we, v as Oe, ah as Ge, D as ve, a4 as pe, ai as Me, i as ze, G as Te, K as Pe, u as Ve, p as Re, B as He, a as De, t as Be } from "./index-CH_mJIWj.js";
-import { u as We } from "./useMouse-AicQS8Vf.js";
-import { u as J } from "./useNestedProp-rMR-JeOJ.js";
-import { defineAsyncComponent as W, resolveComponent as R, createElementBlock as a, openBlock as i, normalizeStyle as y, normalizeClass as E, createBlock as B, createCommentVNode as u, createVNode as U, createSlots as Ee, withCtx as V, renderSlot as G, normalizeProps as Y, guardReactiveProps as q, createElementVNode as f, createTextVNode as ee, Fragment as g, renderList as N, toDisplayString as T, mergeProps as K, withDirectives as Ye, vModelCheckbox as qe } from "vue";
-import { S as Xe } from "./Slicer-o6jJH5bw.js";
-import Ue from "./Title-apr_T9tg.js";
-import { _ as Ze } from "./Shape-DEWxbZ-l.js";
+import { Q as H, Z, a7 as te, a8 as j, a9 as le, aa as re, ab as ie, ac as ae, ad as se, c as Q, A as ne, F as ce, w as oe, s as he, o as ue, a1 as de, ae as ge, x as fe, C as Ie, y as Ne, a6 as me, e as xe, r as be, f as $, af as Fe, T as _e, U as ye, q as Ae, b as Le, z as Ce, d as Se, ag as ke, v as we, ah as Oe, D as Ge, a4 as ve, ai as pe, i as Me, G as ze, K as Te, u as Pe, p as Ve, B as Re, a as He, t as De } from "./index-BXbyT0Qn.js";
+import { u as Be } from "./useMouse-AicQS8Vf.js";
+import { u as J } from "./useNestedProp-DVZpeH84.js";
+import { defineAsyncComponent as W, resolveComponent as R, createElementBlock as a, openBlock as i, normalizeStyle as y, normalizeClass as E, createBlock as B, createCommentVNode as u, createVNode as U, createSlots as We, withCtx as V, renderSlot as G, normalizeProps as Y, guardReactiveProps as q, createElementVNode as f, Fragment as g, renderList as N, toDisplayString as T, mergeProps as K, withDirectives as Ee, vModelCheckbox as Ye, createTextVNode as qe } from "vue";
+import { S as Xe } from "./Slicer-CxdgZOQ7.js";
+import Ue from "./Title-DoWqzga-.js";
+import { _ as Ze } from "./Shape-CnD-h_98.js";
 import { _ as Je } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ke = Q(), Qe = {
   name: "vue-ui-xy",
@@ -28,15 +28,15 @@ const Ke = Q(), Qe = {
     Title: Ue,
     // Must be ready in responsive mode
     Shape: Ze,
-    DataTable: W(() => import("./DataTable-BBqbcutV.js")),
-    Tooltip: W(() => import("./Tooltip-BuHsMAfp.js")),
-    UserOptions: W(() => import("./UserOptions-OVNxxnq5.js")),
-    BaseIcon: W(() => import("./BaseIcon-DaR0sIWZ.js")),
-    TableSparkline: W(() => import("./vue-ui-table-sparkline-SGsBnQTK.js")),
-    Skeleton: W(() => import("./vue-ui-skeleton-C6PWt_m5.js")),
-    Accordion: W(() => import("./vue-ui-accordion-Ds4zkPIx.js")),
-    PackageVersion: W(() => import("./PackageVersion-ClpqQxYT.js")),
-    PenAndPaper: W(() => import("./PenAndPaper-B-T7XvxF.js"))
+    DataTable: W(() => import("./DataTable-DBkfb6pd.js")),
+    Tooltip: W(() => import("./Tooltip-DYCBNM-_.js")),
+    UserOptions: W(() => import("./UserOptions-B3q-xfQV.js")),
+    BaseIcon: W(() => import("./BaseIcon-P7wV92Er.js")),
+    TableSparkline: W(() => import("./vue-ui-table-sparkline-CMhk8rpj.js")),
+    Skeleton: W(() => import("./vue-ui-skeleton-Fxr752Oi.js")),
+    Accordion: W(() => import("./vue-ui-accordion-CXsjHe1y.js")),
+    PackageVersion: W(() => import("./PackageVersion-C5fpg4GN.js")),
+    PenAndPaper: W(() => import("./PenAndPaper-BRkuVFb4.js"))
   },
   data() {
     this.dataset.forEach((d, r) => {
@@ -54,15 +54,15 @@ const Ke = Q(), Qe = {
     return {
       resizeObserver: null,
       observedEl: null,
-      themePalettes: Be,
-      themes: De,
+      themePalettes: De,
+      themes: He,
       slicerStep: 0,
       selectedScale: null,
       CTX: null,
       CANVAS: null,
-      opacity: He,
+      opacity: Re,
       useSafeValues: !0,
-      palette: Re,
+      palette: Ve,
       height: 600,
       width: 1e3,
       viewBox: "0 0 1000 600",
@@ -170,7 +170,7 @@ const Ke = Q(), Qe = {
       if (!this.FINAL_CONFIG.chart.zoom.minimap.show) return [];
       const t = this.datasetWithIds.filter((r) => !this.segregatedSeries.includes(r.id)), s = Math.max(...t.map((r) => r.series.length)), o = [];
       for (let r = 0; r < s; r += 1)
-        o.push(t.map((e) => e.series[r] || 0).reduce((e, x) => (e || 0) + (x || 0), 0));
+        o.push(t.map((e) => e.series[r] || 0).reduce((e, m) => (e || 0) + (m || 0), 0));
       const d = Math.min(...o);
       return o.map((r) => r + (d < 0 ? Math.abs(d) : 0));
     },
@@ -220,7 +220,7 @@ const Ke = Q(), Qe = {
         yOffset: e.yOffset || 0,
         individualHeight: e.individualHeight || this.drawingArea.height
       })), d = this.mutableConfig.useIndividualScale && !this.mutableConfig.isStacked ? Object.values(this.scaleGroups) : [...t, ...s, ...o], r = d.flatMap((e) => e).length;
-      return d.flatMap((e, x) => ({
+      return d.flatMap((e, m) => ({
         unique: e.unique,
         id: e.id,
         groupId: e.groupId,
@@ -230,7 +230,7 @@ const Ke = Q(), Qe = {
         scale: e.scale,
         yOffset: e.yOffset,
         individualHeight: e.individualHeight,
-        x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left / r * (x + 1),
+        x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left / r * (m + 1),
         yLabels: e.scaleYLabels || e.scale.ticks.map((b) => ({
           y: b >= 0 ? e.zero - e.individualHeight * (b / e.max) : e.zero + e.individualHeight * Math.abs(b) / e.max,
           value: b
@@ -382,7 +382,7 @@ const Ke = Q(), Qe = {
         }, e = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || Math.min(...t.absoluteValues.filter((A) => ![void 0, null].includes(A))) > 0 ? 0 : Math.min(...t.absoluteValues.filter((A) => ![null, void 0].includes(A)))
-        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, m = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(e.min, e.max === e.min ? e.max * b : e.max, x) : this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * b : e.max, x), I = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * b : r.valueMax, x) : this.calculateNiceScaleWithExactExtremes(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * b : r.valueMax, x), v = m.min >= 0 ? 0 : Math.abs(m.min), S = 0, k = m.max + v, O = I.max + Math.abs(S), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, w = this.drawingArea.bottom - F - C * v / k, p = this.drawingArea.bottom - F - C * S / O, l = this.absoluteDataset.filter((A) => A.type === "bar").filter((A) => !this.segregatedSeries.includes(A.id)).length, c = t.series.map((A, z) => {
+        }, m = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, x = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(e.min, e.max === e.min ? e.max * b : e.max, m) : this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * b : e.max, m), I = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * b : r.valueMax, m) : this.calculateNiceScaleWithExactExtremes(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * b : r.valueMax, m), v = x.min >= 0 ? 0 : Math.abs(x.min), S = 0, k = x.max + v, O = I.max + Math.abs(S), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, w = this.drawingArea.bottom - F - C * v / k, p = this.drawingArea.bottom - F - C * S / O, l = this.absoluteDataset.filter((A) => A.type === "bar").filter((A) => !this.segregatedSeries.includes(A.id)).length, c = t.series.map((A, z) => {
           const X = this.mutableConfig.useIndividualScale ? (t.absoluteValues[z] + v) / k : this.ratioToMax(A), D = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * z : this.drawingArea.left + this.slot.bar * s + this.slot.bar * z * l - this.barSlot / 2 - s * this.barPeriodGap;
           return {
             yOffset: this.checkNaN(F),
@@ -406,7 +406,7 @@ const Ke = Q(), Qe = {
             individualMax: this.checkNaN(k),
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[z] || ""
           };
-        }), L = m.ticks.map((A) => ({
+        }), L = x.ticks.map((A) => ({
           y: A >= 0 ? w - C * (A / k) : w + C * Math.abs(A) / k,
           value: A,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
@@ -428,7 +428,7 @@ const Ke = Q(), Qe = {
           autoScaleYLabels: M,
           individualHeight: C,
           scaleYLabels: t.autoScaling ? M : L,
-          individualScale: t.autoScaling ? I : m,
+          individualScale: t.autoScaling ? I : x,
           individualMax: t.autoScaling ? O : k,
           zeroPosition: t.autoScaling ? p : w,
           plots: t.autoScaling ? h : c,
@@ -447,15 +447,15 @@ const Ke = Q(), Qe = {
         }, r = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || (Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues))
-        }, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, x = 1.0000001, b = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.min, r.max === r.min ? r.max * x : r.max, e) : this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * x : r.max, e), m = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * x : d.valueMax, e) : this.calculateNiceScaleWithExactExtremes(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * x : d.valueMax, e), I = b.min >= 0 ? 0 : Math.abs(b.min), v = 0, S = b.max + Math.abs(I), k = m.max + Math.abs(v), O = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - O - F * I / S, w = this.drawingArea.bottom - O - F * v / k, p = t.series.map((_, P) => {
-          const te = this.mutableConfig.useIndividualScale ? (t.absoluteValues[P] + Math.abs(I)) / S : this.ratioToMax(_);
+        }, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, b = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.min, r.max === r.min ? r.max * m : r.max, e) : this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * m : r.max, e), x = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * m : d.valueMax, e) : this.calculateNiceScaleWithExactExtremes(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * m : d.valueMax, e), I = b.min >= 0 ? 0 : Math.abs(b.min), v = 0, S = b.max + Math.abs(I), k = x.max + Math.abs(v), O = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - O - F * I / S, w = this.drawingArea.bottom - O - F * v / k, p = t.series.map((_, P) => {
+          const ee = this.mutableConfig.useIndividualScale ? (t.absoluteValues[P] + Math.abs(I)) / S : this.ratioToMax(_);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * P),
-            y: this.checkNaN(this.drawingArea.bottom - O - F * te),
+            y: this.checkNaN(this.drawingArea.bottom - O - F * ee),
             value: t.absoluteValues[P],
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[P] || ""
           };
-        }), l = t.absoluteValues.map((_) => m.min >= 0 ? (_ - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (_ + Math.abs(m.min)) / (m.max + Math.abs(m.min))), c = t.series.map((_, P) => [void 0, null].includes(t.absoluteValues[P]) ? {
+        }), l = t.absoluteValues.map((_) => x.min >= 0 ? (_ - Math.abs(x.min)) / (x.max - Math.abs(x.min)) : (_ + Math.abs(x.min)) / (x.max + Math.abs(x.min))), c = t.series.map((_, P) => [void 0, null].includes(t.absoluteValues[P]) ? {
           x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * P),
           y: C,
           value: t.absoluteValues[P],
@@ -471,8 +471,8 @@ const Ke = Q(), Qe = {
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
-        })), z = m.ticks.map((_) => {
-          const P = (_ - m.min) / (m.max - m.min);
+        })), z = x.ticks.map((_) => {
+          const P = (_ - x.min) / (x.max - x.min);
           return {
             y: _ >= 0 ? w - F * P : w + F * P,
             value: _,
@@ -489,7 +489,7 @@ const Ke = Q(), Qe = {
           autoScaleYLabels: z,
           individualHeight: F,
           scaleYLabels: t.autoScaling ? z : A,
-          individualScale: t.autoScaling ? m : b,
+          individualScale: t.autoScaling ? x : b,
           individualMax: t.autoScaling ? k : S,
           zeroPosition: t.autoScaling ? w : C,
           curve: t.autoScaling ? h : n,
@@ -522,7 +522,7 @@ const Ke = Q(), Qe = {
         }, r = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues)
-        }, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, x = 1.0000001, b = this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * x : r.max, e), m = this.calculateNiceScaleWithExactExtremes(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * x : d.valueMax, e), I = b.min >= 0 ? 0 : Math.abs(b.min), v = 0, S = b.max + I, k = m.max + Math.abs(v), O = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - O - F * I / S, w = this.drawingArea.bottom - O - F * v / k, p = t.series.map((L, M) => {
+        }, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, b = this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * m : r.max, e), x = this.calculateNiceScaleWithExactExtremes(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * m : d.valueMax, e), I = b.min >= 0 ? 0 : Math.abs(b.min), v = 0, S = b.max + I, k = x.max + Math.abs(v), O = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - O - F * I / S, w = this.drawingArea.bottom - O - F * v / k, p = t.series.map((L, M) => {
           const A = this.mutableConfig.useIndividualScale ? (t.absoluteValues[M] + Math.abs(I)) / S : this.ratioToMax(L);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * M),
@@ -530,7 +530,7 @@ const Ke = Q(), Qe = {
             value: t.absoluteValues[M],
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[M] || ""
           };
-        }), l = t.absoluteValues.map((L) => m.min >= 0 ? (L - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (L + Math.abs(m.min)) / (m.max + Math.abs(m.min))), c = t.series.map((L, M) => ({
+        }), l = t.absoluteValues.map((L) => x.min >= 0 ? (L - Math.abs(x.min)) / (x.max - Math.abs(x.min)) : (L + Math.abs(x.min)) / (x.max + Math.abs(x.min))), c = t.series.map((L, M) => ({
           x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * M),
           y: this.checkNaN(this.drawingArea.bottom - O - (F * l[M] || 0)),
           value: t.absoluteValues[M],
@@ -541,8 +541,8 @@ const Ke = Q(), Qe = {
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
-        })), h = m.ticks.map((L) => {
-          const M = (L - m.min) / (m.max - m.min);
+        })), h = x.ticks.map((L) => {
+          const M = (L - x.min) / (x.max - x.min);
           return {
             y: L >= 0 ? w - F * M : w + F * M,
             value: L,
@@ -557,7 +557,7 @@ const Ke = Q(), Qe = {
           autoScaleYLabels: h,
           individualHeight: F,
           scaleYLabels: t.autoScaling ? h : n,
-          individualScale: t.autoScaling ? m : b,
+          individualScale: t.autoScaling ? x : b,
           individualMax: t.autoScaling ? k : S,
           zeroPosition: t.autoScaling ? w : C,
           plots: t.autoScaling ? c : p,
@@ -569,8 +569,8 @@ const Ke = Q(), Qe = {
       function t(d) {
         const r = /* @__PURE__ */ new Set();
         return d.forEach((e) => {
-          const x = e.scaleLabel || "__noScaleLabel__";
-          r.add(x);
+          const m = e.scaleLabel || "__noScaleLabel__";
+          r.add(m);
         }), r.size;
       }
       const s = t(this.absoluteDataset.filter((d) => !this.segregatedSeries.includes(d.id))), o = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? s * (this.mutableConfig.isStacked ? 0 : this.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth) : 0;
@@ -644,7 +644,7 @@ const Ke = Q(), Qe = {
       t && (s = s.concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>'));
       let o = [];
       for (let e = 0; e < this.maxSeries; e += 1) {
-        const x = this.relativeDataset.map((b) => b.absoluteValues[e] ?? 0).reduce((b, m) => b + m, 0);
+        const m = this.relativeDataset.map((b) => b.absoluteValues[e] ?? 0).reduce((b, x) => b + x, 0);
         o.push(
           [
             this.timeLabels[e].text ?? "-"
@@ -659,7 +659,7 @@ const Ke = Q(), Qe = {
                 r: this.FINAL_CONFIG.table.rounding
               })
             )
-          )).concat(t ? (x ?? 0).toFixed(this.FINAL_CONFIG.table.rounding) : [])
+          )).concat(t ? (m ?? 0).toFixed(this.FINAL_CONFIG.table.rounding) : [])
         );
       }
       const d = {
@@ -722,13 +722,13 @@ const Ke = Q(), Qe = {
         config: this.FINAL_CONFIG
       }) : (o && o.text && this.FINAL_CONFIG.chart.tooltip.showTimeLabel && (t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${o.text}</div>`), this.selectedSeries.forEach((r) => {
         if (this.isSafeValue(r.value)) {
-          let e = "", x = "";
+          let e = "", m = "";
           switch (this.icons[r.type]) {
             case "bar":
               e = `<svg viewBox="0 0 40 40" height="14" width="14">${this.$slots.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${r.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${this.$slots.pattern ? `url(#pattern_${this.uniqueId}_${r.slotAbsoluteIndex}` : r.color}" /></svg>`;
               break;
             case "line":
-              !r.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(r.shape) ? x = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${r.color}" />` : r.shape === "triangle" ? x = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "square" ? x = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "diamond" ? x = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "pentagon" ? x = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "hexagon" ? x = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "star" && (x = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${r.color}" points="${Z({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${r.color}" />${x}</svg>`;
+              !r.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(r.shape) ? m = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${r.color}" />` : r.shape === "triangle" ? m = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "square" ? m = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "diamond" ? m = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "pentagon" ? m = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "hexagon" ? m = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "star" && (m = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${r.color}" points="${Z({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${r.color}" />${m}</svg>`;
               break;
             case "plot":
               if (!r.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(r.shape)) {
@@ -797,13 +797,13 @@ const Ke = Q(), Qe = {
     },
     annotationsY() {
       const t = this.FINAL_CONFIG.chart.annotations;
-      if (!t.length || t.every((x) => !x.show) || t.every((x) => x.yAxis.yTop === null && x.yAxis.yBottom === null))
+      if (!t.length || t.every((m) => !m.show) || t.every((m) => m.yAxis.yTop === null && m.yAxis.yBottom === null))
         return [];
-      const s = t.filter((x) => x.show && (x.yAxis.yTop != null || x.yAxis.yBottom != null));
+      const s = t.filter((m) => m.show && (m.yAxis.yTop != null || m.yAxis.yBottom != null));
       if (!s.length) return [];
       const { bottom: o, height: d, left: r, right: e } = this.drawingArea;
-      return s.map((x) => {
-        const { yTop: b, yBottom: m, label: I } = x.yAxis, v = b != null && m != null && Math.abs(b - m) > 0, S = b == null ? null : o - d * this.ratioToMax(b), k = m == null ? null : o - d * this.ratioToMax(m), O = this.getTextMeasurer(I.fontSize);
+      return s.map((m) => {
+        const { yTop: b, yBottom: x, label: I } = m.yAxis, v = b != null && x != null && Math.abs(b - x) > 0, S = b == null ? null : o - d * this.ratioToMax(b), k = x == null ? null : o - d * this.ratioToMax(x), O = this.getTextMeasurer(I.fontSize);
         O.font = `${I.fontSize}px sans-serif`;
         const F = O.measureText(I.text).width, C = I.fontSize, w = (I.position === "start" ? r + I.padding.left : e - I.padding.right) + I.offsetX, l = (S != null && k != null ? Math.min(S, k) : S ?? k) - I.fontSize / 3 + I.offsetY - I.padding.top;
         let c;
@@ -815,7 +815,7 @@ const Ke = Q(), Qe = {
           areaHeight: v ? Math.abs(S - k) : 0,
           yTop: S,
           yBottom: k,
-          config: x.yAxis,
+          config: m.yAxis,
           x1: r,
           x2: e,
           _text: { x: w, y: l },
@@ -846,46 +846,46 @@ const Ke = Q(), Qe = {
     document.removeEventListener("scroll", this.hideTags), this.resizeObserver && (this.resizeObserver.unobserve(this.observedEl), this.resizeObserver.disconnect());
   },
   methods: {
-    abbreviate: Pe,
-    adaptColorToBackground: Te,
-    applyDataLabel: ze,
-    assignStackRatios: Me,
-    calcLinearProgression: pe,
-    calculateNiceScale: ve,
-    calculateNiceScaleWithExactExtremes: Ge,
-    checkNaN: Oe,
-    closestDecimal: we,
-    convertColorToHex: ke,
-    convertConfigColors: Se,
-    convertCustomPalette: Ce,
-    createCsvContent: Le,
-    createSmoothPath: Ae,
-    createStraightPath: ye,
-    createTSpans: _e,
+    abbreviate: Te,
+    adaptColorToBackground: ze,
+    applyDataLabel: Me,
+    assignStackRatios: pe,
+    calcLinearProgression: ve,
+    calculateNiceScale: Ge,
+    calculateNiceScaleWithExactExtremes: Oe,
+    checkNaN: we,
+    closestDecimal: ke,
+    convertColorToHex: Se,
+    convertConfigColors: Ce,
+    convertCustomPalette: Le,
+    createCsvContent: Ae,
+    createSmoothPath: ye,
+    createStraightPath: _e,
+    createTSpans: Fe,
     dataLabel: $,
-    downloadCsv: Fe,
-    error: be,
+    downloadCsv: be,
+    error: xe,
     forceValidValue: me,
-    functionReturnsString: xe,
-    hasDeepProperty: Ne,
-    isFunction: Ie,
-    isSafeValue: fe,
-    largestTriangleThreeBucketsArray: ge,
-    objectIsEmpty: de,
-    setOpacity: ue,
-    shiftHue: he,
-    translateSize: oe,
-    treeShake: ce,
-    useMouse: We,
+    functionReturnsString: Ne,
+    hasDeepProperty: Ie,
+    isFunction: fe,
+    isSafeValue: ge,
+    largestTriangleThreeBucketsArray: de,
+    objectIsEmpty: ue,
+    setOpacity: he,
+    shiftHue: oe,
+    translateSize: ce,
+    treeShake: ne,
+    useMouse: Be,
     useNestedProp: J,
     createUid: Q,
-    placeXYTag: ne,
-    createSmoothPathWithCuts: se,
-    createStraightPathWithCuts: ae,
-    createAreaWithCuts: ie,
-    createIndividualAreaWithCuts: re,
+    placeXYTag: se,
+    createSmoothPathWithCuts: ae,
+    createStraightPathWithCuts: ie,
+    createAreaWithCuts: re,
+    createIndividualAreaWithCuts: le,
     createSmoothAreaSegments: j,
-    createIndividualArea: le,
+    createIndividualArea: te,
     getTextMeasurer(t, s, o) {
       if (!this._textMeasurer) {
         const d = document.createElement("canvas");
@@ -931,7 +931,7 @@ const Ke = Q(), Qe = {
       };
     },
     prepareConfig() {
-      const t = Ve().vue_ui_xy;
+      const t = Pe().vue_ui_xy;
       if (!Object.keys(this.config || {}).length)
         return t;
       const s = this.useNestedProp({
@@ -980,10 +980,10 @@ const Ke = Q(), Qe = {
         const { height: o, width: d } = s.getBoundingClientRect();
         let r = null, e = 0;
         this.FINAL_CONFIG.chart.title.show && (r = this.$refs.chartTitle, e = r.getBoundingClientRect().height);
-        let x = null, b = 0;
-        this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (x = this.$refs.chartSlicer.$el, b = x.getBoundingClientRect().height);
-        let m = null, I = 0;
-        this.FINAL_CONFIG.chart.legend.show && (m = this.$refs.chartLegend, I = m.getBoundingClientRect().height);
+        let m = null, b = 0;
+        this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (m = this.$refs.chartSlicer.$el, b = m.getBoundingClientRect().height);
+        let x = null, I = 0;
+        this.FINAL_CONFIG.chart.legend.show && (x = this.$refs.chartLegend, I = x.getBoundingClientRect().height);
         let v = 0;
         this.$refs.source && (v = this.$refs.source.getBoundingClientRect().height);
         let S = 0;
@@ -1165,7 +1165,7 @@ const Ke = Q(), Qe = {
     async generatePdf() {
       this.showSpinnerPdf(), clearTimeout(this.__to__), this.isPrinting = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./pdf-Jun3ogRn.js");
+          const { default: t } = await import("./pdf-ZrUvUcH9.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1178,9 +1178,9 @@ const Ke = Q(), Qe = {
         }
       }, 100);
     },
-    generateCsv() {
-      const t = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], s = ["", ...this.table.head.map((e) => e.label)], o = this.table.body, d = t.concat([s]).concat(o), r = this.createCsvContent(d);
-      this.downloadCsv({ csvContent: r, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
+    generateCsv(t = null) {
+      const s = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], o = ["", ...this.table.head.map((m) => m.label)], d = this.table.body, r = s.concat([o]).concat(d), e = this.createCsvContent(r);
+      t ? t(e) : this.downloadCsv({ csvContent: e, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
     },
     showSpinnerImage() {
       this.isImaging = !0;
@@ -1188,7 +1188,7 @@ const Ke = Q(), Qe = {
     async generateImage() {
       this.showSpinnerImage(), clearTimeout(this.__to__), this.isImaging = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./img-P0SFFw37.js");
+          const { default: t } = await import("./img-Dy6IrSzX.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1208,60 +1208,60 @@ const Ke = Q(), Qe = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%; background:transparent"
-}, et = ["viewBox", "aria-label"], tt = ["x", "y", "width", "height"], lt = { key: 1 }, rt = { class: "vue-ui-xy-grid" }, it = ["stroke", "x1", "x2", "y1", "y2"], at = ["stroke", "x1", "x2", "y1", "y2"], st = { key: 1 }, nt = ["x1", "x2", "y1", "y2", "stroke"], ct = ["x1", "x2", "y1", "y2", "stroke"], ot = ["x1", "x2", "y1", "y2", "stroke"], ht = { key: 3 }, ut = ["x1", "x2", "y1", "y2", "stroke"], dt = ["id"], gt = ["stop-color"], ft = ["stop-color"], It = ["stop-color"], Nt = ["id"], xt = ["stop-color"], mt = ["stop-color"], bt = ["stop-color"], Ft = ["id"], _t = ["stop-color"], yt = ["stop-color"], At = ["id"], Lt = ["stop-color"], Ct = ["stop-color"], St = ["id"], kt = ["stop-color"], wt = ["stop-color"], Ot = ["x", "y", "height", "width", "fill"], Gt = ["x", "y", "width"], vt = ["x", "y", "height", "width", "fill"], pt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Mt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], zt = ["width", "x", "y"], Tt = { key: 0 }, Pt = ["id"], Vt = ["fill"], Rt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ht = ["x", "y", "font-size", "fill"], Dt = ["stroke", "x1", "x2", "y1", "y2"], Bt = { key: 2 }, Wt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Et = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Yt = { key: 4 }, qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xt = ["fill", "font-size", "transform"], Ut = ["x1", "x2", "y1", "y2", "stroke"], Zt = ["x", "y", "font-size", "fill"], Jt = ["x1", "x2", "y1", "y2", "stroke"], Kt = ["x", "y", "font-size", "fill"], Qt = ["width", "x", "y"], jt = { style: { width: "100%" } }, $t = { key: 0 }, el = ["id"], tl = ["fill"], ll = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], rl = ["x", "y", "font-size", "fill"], il = ["d", "stroke", "stroke-width", "stroke-dasharray"], al = ["d", "stroke", "stroke-width", "stroke-dasharray"], sl = { key: 5 }, nl = { key: 0 }, cl = ["d", "fill"], ol = ["d", "fill"], hl = ["d", "fill"], ul = ["d", "fill"], dl = ["d", "stroke", "stroke-width", "stroke-dasharray"], gl = ["d", "stroke", "stroke-width", "stroke-dasharray"], fl = ["width", "x", "y"], Il = { style: { width: "100%" } }, Nl = { key: 3 }, xl = ["id"], ml = ["fill"], bl = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Fl = ["x", "y", "font-size", "fill"], _l = { key: 6 }, yl = ["x", "y", "font-size", "fill"], Al = ["x", "y", "font-size", "fill", "font-weight"], Ll = { key: 7 }, Cl = ["x", "y", "font-size", "fill"], Sl = { key: 8 }, kl = ["x", "y"], wl = ["innerHTML"], Ol = ["x", "y"], Gl = ["innerHTML"], vl = ["x1", "x2", "y1", "y2", "stroke"], pl = { key: 9 }, Ml = ["x", "y", "font-size", "fill"], zl = { key: 10 }, Tl = ["x", "y"], Pl = ["innerHTML"], Vl = ["x", "y"], Rl = ["innerHTML"], Hl = ["x1", "x2", "y1", "y2", "stroke"], Dl = ["x", "y", "font-size", "fill", "innerHTML"], Bl = ["x", "y", "font-size", "fill", "innerHTML"], Wl = ["x", "y", "font-size", "fill", "innerHTML"], El = ["x", "y", "font-size", "fill", "innerHTML"], Yl = ["id"], ql = ["stop-color"], Xl = ["stop-color"], Ul = ["x", "y", "width", "height", "fill", "onMouseenter"], Zl = ["font-size", "fill", "transform"], Jl = ["x", "y", "font-size", "fill"], Kl = { key: 12 }, Ql = ["text-anchor", "font-size", "fill", "transform", "onClick"], jl = { key: 13 }, $l = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], er = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], tr = ["y", "x", "width", "height", "fill"], lr = ["id", "x", "y", "font-size", "fill", "text-anchor"], rr = ["x", "y", "height", "width", "onMouseenter", "onClick"], ir = {
+}, et = ["viewBox", "aria-label"], tt = ["x", "y", "width", "height"], lt = { key: 1 }, rt = { class: "vue-ui-xy-grid" }, it = ["stroke", "x1", "x2", "y1", "y2"], at = ["stroke", "x1", "x2", "y1", "y2"], st = { key: 1 }, nt = ["x1", "x2", "y1", "y2", "stroke"], ct = ["x1", "x2", "y1", "y2", "stroke"], ot = ["x1", "x2", "y1", "y2", "stroke"], ht = { key: 3 }, ut = ["x1", "x2", "y1", "y2", "stroke"], dt = ["id"], gt = ["stop-color"], ft = ["stop-color"], It = ["stop-color"], Nt = ["id"], mt = ["stop-color"], xt = ["stop-color"], bt = ["stop-color"], Ft = ["id"], _t = ["stop-color"], yt = ["stop-color"], At = ["id"], Lt = ["stop-color"], Ct = ["stop-color"], St = ["id"], kt = ["stop-color"], wt = ["stop-color"], Ot = ["x", "y", "height", "width", "fill"], Gt = ["x", "y", "width"], vt = ["x", "y", "height", "width", "fill"], pt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Mt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], zt = ["width", "x", "y"], Tt = { key: 0 }, Pt = ["id"], Vt = ["fill"], Rt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ht = ["x", "y", "font-size", "fill"], Dt = ["stroke", "x1", "x2", "y1", "y2"], Bt = { key: 2 }, Wt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Et = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Yt = { key: 4 }, qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xt = ["fill", "font-size", "transform"], Ut = ["x1", "x2", "y1", "y2", "stroke"], Zt = ["x", "y", "font-size", "fill"], Jt = ["x1", "x2", "y1", "y2", "stroke"], Kt = ["x", "y", "font-size", "fill"], Qt = ["width", "x", "y"], jt = { style: { width: "100%" } }, $t = { key: 0 }, el = ["id"], tl = ["fill"], ll = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], rl = ["x", "y", "font-size", "fill"], il = ["d", "stroke", "stroke-width", "stroke-dasharray"], al = ["d", "stroke", "stroke-width", "stroke-dasharray"], sl = { key: 5 }, nl = { key: 0 }, cl = ["d", "fill"], ol = ["d", "fill"], hl = ["d", "fill"], ul = ["d", "fill"], dl = ["d", "stroke", "stroke-width", "stroke-dasharray"], gl = ["d", "stroke", "stroke-width", "stroke-dasharray"], fl = ["width", "x", "y"], Il = { style: { width: "100%" } }, Nl = { key: 3 }, ml = ["id"], xl = ["fill"], bl = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Fl = ["x", "y", "font-size", "fill"], _l = { key: 6 }, yl = ["x", "y", "font-size", "fill"], Al = ["x", "y", "font-size", "fill", "font-weight"], Ll = { key: 7 }, Cl = ["x", "y", "font-size", "fill"], Sl = { key: 8 }, kl = ["x", "y"], wl = ["innerHTML"], Ol = ["x", "y"], Gl = ["innerHTML"], vl = ["x1", "x2", "y1", "y2", "stroke"], pl = { key: 9 }, Ml = ["x", "y", "font-size", "fill"], zl = { key: 10 }, Tl = ["x", "y"], Pl = ["innerHTML"], Vl = ["x", "y"], Rl = ["innerHTML"], Hl = ["x1", "x2", "y1", "y2", "stroke"], Dl = ["x", "y", "font-size", "fill", "innerHTML"], Bl = ["x", "y", "font-size", "fill", "innerHTML"], Wl = ["x", "y", "font-size", "fill", "innerHTML"], El = ["x", "y", "font-size", "fill", "innerHTML"], Yl = ["id"], ql = ["stop-color"], Xl = ["stop-color"], Ul = ["x", "y", "width", "height", "fill", "onMouseenter"], Zl = ["font-size", "fill", "transform"], Jl = ["x", "y", "font-size", "fill"], Kl = { key: 12 }, Ql = ["y1", "y2", "x1", "x2", "stroke"], jl = ["text-anchor", "font-size", "fill", "transform", "onClick"], $l = { key: 13 }, er = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], tr = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], lr = ["y", "x", "width", "height", "fill"], rr = ["id", "x", "y", "font-size", "fill", "text-anchor"], ir = ["x", "y", "height", "width", "onMouseenter", "onClick"], ar = {
   key: 14,
   style: { "pointer-events": "none" }
-}, ar = ["x", "y"], sr = ["cx", "cy", "r", "fill"], nr = {
+}, sr = ["x", "y"], nr = ["cx", "cy", "r", "fill"], cr = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, cr = {
+}, or = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, or = ["fill"], hr = ["innerHTML"], ur = {
+}, hr = ["fill"], ur = ["innerHTML"], dr = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, dr = ["fill"], gr = ["innerHTML"], fr = {
+}, gr = ["fill"], fr = ["innerHTML"], Ir = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Ir = ["fill"], Nr = ["innerHTML"], xr = {
+}, Nr = ["fill"], mr = ["innerHTML"], xr = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, mr = ["fill"], br = ["innerHTML"], Fr = ["onClick"], _r = {
+}, br = ["fill"], Fr = ["innerHTML"], _r = ["onClick"], yr = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "14",
   width: "20"
-}, yr = ["stroke", "fill"], Ar = {
+}, Ar = ["stroke", "fill"], Lr = {
   key: 1,
   viewBox: "0 0 40 40",
   height: "14",
   width: "14"
-}, Lr = ["fill"], Cr = ["fill"], Sr = {
+}, Cr = ["fill"], Sr = ["fill"], kr = {
   key: 2,
   viewBox: "0 0 12 12",
   height: "14",
   width: "14"
-}, kr = {
+}, wr = {
   key: 9,
   ref: "chartLegend"
-}, wr = {
+}, Or = {
   key: 10,
   ref: "source",
   dir: "auto"
-}, Or = {
+}, Gr = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-dom-to-png-ignore": ""
-}, Gr = ["innerHTML"];
-function vr(t, s, o, d, r, e) {
-  const x = R("PenAndPaper"), b = R("Title"), m = R("UserOptions"), I = R("PackageVersion"), v = R("Shape"), S = R("Skeleton"), k = R("Slicer"), O = R("Tooltip"), F = R("BaseIcon"), C = R("TableSparkline"), w = R("DataTable"), p = R("Accordion");
+}, vr = ["innerHTML"];
+function pr(t, s, o, d, r, e) {
+  const m = R("PenAndPaper"), b = R("Title"), x = R("UserOptions"), I = R("PackageVersion"), v = R("Shape"), S = R("Skeleton"), k = R("Slicer"), O = R("Tooltip"), F = R("BaseIcon"), C = R("TableSparkline"), w = R("DataTable"), p = R("Accordion");
   return i(), a("div", {
     id: `vue-ui-xy_${r.uniqueId}`,
     class: E(`vue-ui-xy ${r.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -1270,7 +1270,7 @@ function vr(t, s, o, d, r, e) {
     onMouseenter: s[7] || (s[7] = () => e.setUserOptionsVisibility(!0)),
     onMouseleave: s[8] || (s[8] = () => e.setUserOptionsVisibility(!1))
   }, [
-    e.FINAL_CONFIG.chart.userOptions.buttons.annotator ? (i(), B(x, {
+    e.FINAL_CONFIG.chart.userOptions.buttons.annotator ? (i(), B(m, {
       key: 0,
       svgRef: r.svgRef,
       backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
@@ -1299,7 +1299,7 @@ function vr(t, s, o, d, r, e) {
         }
       }, null, 8, ["config"]))
     ], 4)) : u("", !0),
-    e.FINAL_CONFIG.chart.userOptions.show && e.isDataset && (r.keepUserOptionState || r.userOptionsVisible) ? (i(), B(m, {
+    e.FINAL_CONFIG.chart.userOptions.show && e.isDataset && (r.keepUserOptionState || r.userOptionsVisible) ? (i(), B(x, {
       ref: "defails",
       key: `user_options_${r.step}`,
       backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
@@ -1336,7 +1336,7 @@ function vr(t, s, o, d, r, e) {
       style: y({
         visibility: r.keepUserOptionState ? r.userOptionsVisible ? "visible" : "hidden" : "visible"
       })
-    }, Ee({ _: 2 }, [
+    }, We({ _: 2 }, [
       t.$slots.menuIcon ? {
         name: "menuIcon",
         fn: V(({ isOpen: l, color: c }) => [
@@ -1533,11 +1533,11 @@ function vr(t, s, o, d, r, e) {
             f("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(l.color, 0.05)}`
-            }, null, 8, xt),
+            }, null, 8, mt),
             f("stop", {
               offset: "38%",
               "stop-color": `${e.shiftHue(l.color, 0.02)}`
-            }, null, 8, mt),
+            }, null, 8, xt),
             f("stop", {
               offset: "100%",
               "stop-color": l.color
@@ -1737,7 +1737,8 @@ function vr(t, s, o, d, r, e) {
           x2: e.drawingArea.right - e.xPadding,
           y1: e.forceValidValue(e.zero),
           y2: e.forceValidValue(e.zero),
-          "stroke-linecap": "round"
+          "stroke-linecap": "round",
+          style: { animation: "none !important" }
         }, null, 8, Dt)) : u("", !0),
         e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(r.selectedSerieIndex) || ![null, void 0].includes(r.selectedMinimapIndex)) ? (i(), a("g", Bt, [
           f("line", {
@@ -1754,7 +1755,7 @@ function vr(t, s, o, d, r, e) {
         ])) : u("", !0),
         e.FINAL_CONFIG.chart.grid.frame.show ? (i(), a("rect", {
           key: 3,
-          style: { pointerEvents: "none", transition: "none" },
+          style: { pointerEvents: "none", transition: "none", animation: "none !important" },
           x: e.drawingArea.left + e.xPadding < 0 ? 0 : e.drawingArea.left + e.xPadding,
           y: e.drawingArea.top,
           width: e.drawingArea.width - (e.FINAL_CONFIG.chart.grid.position === "middle" ? 0 : e.drawingArea.width / e.maxSeries) < 0 ? 0 : e.drawingArea.width - (e.FINAL_CONFIG.chart.grid.position === "middle" ? 0 : e.drawingArea.width / e.maxSeries),
@@ -1777,7 +1778,7 @@ function vr(t, s, o, d, r, e) {
                 stroke: l.color,
                 "stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-linecap": "round",
-                style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+                style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
               }, null, 12, qt)
             ]))), 256)),
             (i(!0), a(g, null, N(e.allScales, (l) => (i(), a("g", {
@@ -1789,15 +1790,19 @@ function vr(t, s, o, d, r, e) {
                 "text-anchor": "middle",
                 transform: `translate(${l.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5 + e.xPadding + e.FINAL_CONFIG.chart.grid.labels.yAxis.scaleLabelOffsetX}, ${r.mutableConfig.isStacked ? e.drawingArea.bottom - l.yOffset - l.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
               }, T(l.name) + " " + T(l.scaleLabel && l.unique && l.scaleLabel !== l.id ? `- ${l.scaleLabel}` : ""), 9, Xt),
-              (i(!0), a(g, null, N(l.yLabels, (c, n) => (i(), a("line", {
-                x1: l.x - 3 + e.xPadding,
-                x2: l.x + e.xPadding,
-                y1: e.forceValidValue(c.y),
-                y2: e.forceValidValue(c.y),
-                stroke: l.color,
-                "stroke-width": 1,
-                "stroke-linecap": "round"
-              }, null, 8, Ut))), 256)),
+              (i(!0), a(g, null, N(l.yLabels, (c, n) => (i(), a(g, null, [
+                e.FINAL_CONFIG.chart.grid.labels.yAxis.showCrosshairs ? (i(), a("line", {
+                  key: 0,
+                  x1: l.x + 3 + e.xPadding - e.FINAL_CONFIG.chart.grid.labels.yAxis.crosshairSize,
+                  x2: l.x + e.xPadding,
+                  y1: e.forceValidValue(c.y),
+                  y2: e.forceValidValue(c.y),
+                  stroke: l.color,
+                  "stroke-width": 1,
+                  "stroke-linecap": "round",
+                  style: { animation: "none !important" }
+                }, null, 8, Ut)) : u("", !0)
+              ], 64))), 256)),
               (i(!0), a(g, null, N(l.yLabels, (c, n) => (i(), a("text", {
                 x: l.x - 5 + e.xPadding + e.FINAL_CONFIG.chart.grid.labels.yAxis.scaleValueOffsetX,
                 y: e.forceValidValue(c.y) + r.fontSizes.dataLabels / 3,
@@ -1819,15 +1824,16 @@ function vr(t, s, o, d, r, e) {
           ], 64)) : (i(!0), a(g, { key: 1 }, N(e.yLabels, (l, c) => (i(), a("g", {
             key: `yLabel_${c}`
           }, [
-            e.canShowValue(l) && l.value >= e.niceScale.min && l.value <= e.niceScale.max ? (i(), a("line", {
+            e.canShowValue(l) && l.value >= e.niceScale.min && l.value <= e.niceScale.max && e.FINAL_CONFIG.chart.grid.labels.yAxis.showCrosshairs ? (i(), a("line", {
               key: 0,
               x1: e.drawingArea.left + e.xPadding,
-              x2: e.drawingArea.left - 5 + e.xPadding,
+              x2: e.drawingArea.left - e.FINAL_CONFIG.chart.grid.labels.yAxis.crosshairSize + e.xPadding,
               y1: e.forceValidValue(l.y),
               y2: e.forceValidValue(l.y),
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": "1",
-              "stroke-linecap": "round"
+              "stroke-linecap": "round",
+              style: { animation: "none !important" }
             }, null, 8, Jt)) : u("", !0),
             l.value >= e.niceScale.min && l.value <= e.niceScale.max ? (i(), a("text", {
               key: 1,
@@ -2035,8 +2041,8 @@ function vr(t, s, o, d, r, e) {
                 f("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: l.color
-                }, null, 8, ml)
-              ], 8, xl)
+                }, null, 8, xl)
+              ], 8, ml)
             ]),
             l.plots.length > 1 ? (i(), a("line", {
               key: 0,
@@ -2438,7 +2444,6 @@ function vr(t, s, o, d, r, e) {
             fill: e.FINAL_CONFIG.chart.grid.labels.color
           }, T(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Jl)) : u("", !0)
         ]),
-        s[9] || (s[9] = ee('v-for="(label, i) in timeLabels" :key="`time_label_${i}`" ')),
         e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (i(), a("g", Kl, [
           t.$slots["time-label"] ? (i(!0), a(g, { key: 0 }, N(e.timeLabels, (l, c) => G(t.$slots, "time-label", K({
             key: `time_label_${c}`,
@@ -2456,20 +2461,32 @@ function vr(t, s, o, d, r, e) {
           }), void 0, !0)), 128)) : (i(!0), a(g, { key: 1 }, N(e.timeLabels, (l, c) => (i(), a("g", {
             key: `time_label_${c}`
           }, [
-            l && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (c === 0 || c === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && r.selectedSerieIndex === c && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && c % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (i(), a("text", {
-              key: 0,
-              "text-anchor": e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-              "font-size": r.fontSizes.xAxis,
-              fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
-              transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + r.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`,
-              style: {
-                cursor: "pointer"
-              },
-              onClick: () => e.selectTimeLabel(l, c)
-            }, T(l.text || ""), 9, Ql)) : u("", !0)
+            l && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (c === 0 || c === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && r.selectedSerieIndex === c && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && c % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (i(), a(g, { key: 0 }, [
+              e.FINAL_CONFIG.chart.grid.labels.xAxis.showCrosshairs ? (i(), a("line", {
+                key: 0,
+                y1: e.drawingArea.bottom,
+                y2: e.drawingArea.bottom + e.FINAL_CONFIG.chart.grid.labels.xAxis.crosshairSize,
+                x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2,
+                x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2,
+                stroke: e.FINAL_CONFIG.chart.grid.stroke,
+                "stroke-width": 1,
+                "stroke-linecap": "round",
+                style: { animation: "none !important " }
+              }, null, 8, Ql)) : u("", !0),
+              f("text", {
+                "text-anchor": e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
+                "font-size": r.fontSizes.xAxis,
+                fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
+                transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + r.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`,
+                style: {
+                  cursor: "pointer"
+                },
+                onClick: () => e.selectTimeLabel(l, c)
+              }, T(l.text || ""), 9, jl)
+            ], 64)) : u("", !0)
           ]))), 128))
         ])) : u("", !0),
-        e.annotationsY.length && !r.mutableConfig.isStacked ? (i(), a("g", jl, [
+        e.annotationsY.length && !r.mutableConfig.isStacked ? (i(), a("g", $l, [
           (i(!0), a(g, null, N(e.annotationsY, (l) => (i(), a("g", {
             key: l.uid
           }, [
@@ -2482,8 +2499,9 @@ function vr(t, s, o, d, r, e) {
               stroke: l.config.line.stroke,
               "stroke-width": l.config.line.strokeWidth,
               "stroke-dasharray": l.config.line.strokeDasharray,
-              "stroke-linecap": "round"
-            }, null, 8, $l)) : u("", !0),
+              "stroke-linecap": "round",
+              style: { animation: "none !important" }
+            }, null, 8, er)) : u("", !0),
             l.yBottom ? (i(), a("line", {
               key: 1,
               x1: l.x1,
@@ -2493,8 +2511,9 @@ function vr(t, s, o, d, r, e) {
               stroke: l.config.line.stroke,
               "stroke-width": l.config.line.strokeWidth,
               "stroke-dasharray": l.config.line.strokeDasharray,
-              "stroke-linecap": "round"
-            }, null, 8, er)) : u("", !0),
+              "stroke-linecap": "round",
+              style: { animation: "none !important" }
+            }, null, 8, tr)) : u("", !0),
             l.hasArea ? (i(), a("rect", {
               key: 2,
               y: Math.min(l.yTop, l.yBottom),
@@ -2503,7 +2522,7 @@ function vr(t, s, o, d, r, e) {
               height: l.areaHeight,
               fill: e.setOpacity(l.config.area.fill, l.config.area.opacity),
               style: { animation: "none !important" }
-            }, null, 8, tr)) : u("", !0),
+            }, null, 8, lr)) : u("", !0),
             l.config.label.text ? (i(), a("rect", K({
               key: 3,
               class: "vue-ui-xy-annotation-label-box"
@@ -2517,7 +2536,7 @@ function vr(t, s, o, d, r, e) {
               "font-size": l.config.label.fontSize,
               fill: l.config.label.color,
               "text-anchor": l.config.label.textAnchor
-            }, T(l.config.label.text), 9, lr)) : u("", !0)
+            }, T(l.config.label.text), 9, rr)) : u("", !0)
           ]))), 128))
         ])) : u("", !0),
         f("g", null, [
@@ -2531,9 +2550,9 @@ function vr(t, s, o, d, r, e) {
             onMouseenter: (n) => e.toggleTooltipVisibility(!0, c),
             onMouseleave: s[1] || (s[1] = (n) => e.toggleTooltipVisibility(!1)),
             onClick: (n) => e.selectX(c)
-          }, null, 40, rr))), 128))
+          }, null, 40, ir))), 128))
         ]),
-        e.FINAL_CONFIG.chart.timeTag.show && (![null, void 0].includes(r.selectedSerieIndex) || ![null, void 0].includes(r.selectedMinimapIndex)) ? (i(), a("g", ir, [
+        e.FINAL_CONFIG.chart.timeTag.show && (![null, void 0].includes(r.selectedSerieIndex) || ![null, void 0].includes(r.selectedMinimapIndex)) ? (i(), a("g", ar, [
           (i(), a("foreignObject", {
             x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((r.selectedSerieIndex !== null ? r.selectedSerieIndex : 0) || (r.selectedMinimapIndex !== null ? r.selectedMinimapIndex : 0)) - 100 + e.drawingArea.width / e.maxSeries / 2,
             y: e.drawingArea.bottom,
@@ -2545,18 +2564,18 @@ function vr(t, s, o, d, r, e) {
               class: "vue-ui-xy-time-tag",
               style: y(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.FINAL_CONFIG.chart.timeTag.backgroundColor};color:${e.FINAL_CONFIG.chart.timeTag.color};font-size:${e.FINAL_CONFIG.chart.timeTag.fontSize}px`)
             }, T(e.timeLabels[(r.selectedSerieIndex !== null ? r.selectedSerieIndex : 0) || (r.selectedMinimapIndex !== null ? r.selectedMinimapIndex : 0)].text || (r.selectedSerieIndex !== null ? r.selectedSerieIndex : 0) || (r.selectedMinimapIndex !== null ? r.selectedMinimapIndex : 0)), 5)
-          ], 8, ar)),
+          ], 8, sr)),
           f("circle", {
             cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((r.selectedSerieIndex !== null ? r.selectedSerieIndex : 0) || (r.selectedMinimapIndex !== null ? r.selectedMinimapIndex : 0)) + e.drawingArea.width / e.maxSeries / 2,
             cy: e.drawingArea.bottom,
             r: e.FINAL_CONFIG.chart.timeTag.circleMarker.radius,
             fill: e.FINAL_CONFIG.chart.timeTag.circleMarker.color
-          }, null, 8, sr)
+          }, null, 8, nr)
         ])) : u("", !0)
       ])) : u("", !0),
       G(t.$slots, "svg", { svg: e.svg }, void 0, !0)
     ], 14, et)) : u("", !0),
-    t.$slots.watermark ? (i(), a("div", nr, [
+    t.$slots.watermark ? (i(), a("div", cr, [
       G(t.$slots, "watermark", Y(q({ isPrinting: r.isPrinting || r.isImaging })), void 0, !0)
     ])) : u("", !0),
     (i(!0), a(g, null, N(e.lineSet, (l, c) => (i(), a(g, {
@@ -2596,12 +2615,12 @@ function vr(t, s, o, d, r, e) {
             opacity: 1
           })
         }, [
-          (i(), a("svg", cr, [
+          (i(), a("svg", or, [
             f("path", {
               d: "M 0,10 10,0 10,20 Z",
               fill: l.color,
               stroke: "none"
-            }, null, 8, or)
+            }, null, 8, hr)
           ])),
           f("div", {
             class: "vue-ui-xy-tag-content",
@@ -2615,7 +2634,7 @@ function vr(t, s, o, d, r, e) {
                 serieName: l.name
               }
             )
-          }, null, 8, hr)
+          }, null, 8, ur)
         ], 4)) : u("", !0),
         [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "start" && e.FINAL_CONFIG.line.tag.followValue ? (i(), a("div", {
           key: 1,
@@ -2648,12 +2667,12 @@ function vr(t, s, o, d, r, e) {
             opacity: 1
           })
         }, [
-          (i(), a("svg", ur, [
+          (i(), a("svg", dr, [
             f("path", {
               d: "M 0,0 10,10 0,20 Z",
               fill: l.color,
               stroke: "none"
-            }, null, 8, dr)
+            }, null, 8, gr)
           ])),
           f("div", {
             class: "vue-ui-xy-tag-content",
@@ -2667,7 +2686,7 @@ function vr(t, s, o, d, r, e) {
                 serieName: l.name
               }
             )
-          }, null, 8, gr)
+          }, null, 8, fr)
         ], 4)) : u("", !0)
       ], 64))), 128))
     ], 64))), 128)),
@@ -2708,12 +2727,12 @@ function vr(t, s, o, d, r, e) {
             opacity: 1
           })
         }, [
-          (i(), a("svg", fr, [
+          (i(), a("svg", Ir, [
             f("path", {
               d: "M 0,10 10,0 10,20 Z",
               fill: l.color,
               stroke: "none"
-            }, null, 8, Ir)
+            }, null, 8, Nr)
           ])),
           f("div", {
             class: "vue-ui-xy-tag-content",
@@ -2727,7 +2746,7 @@ function vr(t, s, o, d, r, e) {
                 serieName: l.name
               }
             )
-          }, null, 8, Nr)
+          }, null, 8, mr)
         ], 4)) : u("", !0),
         [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "start" && e.FINAL_CONFIG.plot.tag.followValue ? (i(), a("div", {
           key: 1,
@@ -2765,7 +2784,7 @@ function vr(t, s, o, d, r, e) {
               d: "M 0,0 10,10 0,20 Z",
               fill: l.color,
               stroke: "none"
-            }, null, 8, mr)
+            }, null, 8, br)
           ])),
           f("div", {
             class: "vue-ui-xy-tag-content",
@@ -2779,7 +2798,7 @@ function vr(t, s, o, d, r, e) {
                 serieName: l.name
               }
             )
-          }, null, 8, br)
+          }, null, 8, Fr)
         ], 4)) : u("", !0)
       ], 64))), 128))
     ], 64))), 128)),
@@ -2853,7 +2872,7 @@ function vr(t, s, o, d, r, e) {
         onClick: (n) => e.segregate(l),
         class: E({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": r.segregatedSeries.includes(l.id) })
       }, [
-        r.icons[l.type] === "line" ? (i(), a("svg", _r, [
+        r.icons[l.type] === "line" ? (i(), a("svg", yr, [
           f("rect", {
             x: "0",
             y: "7.5",
@@ -2863,7 +2882,7 @@ function vr(t, s, o, d, r, e) {
             height: "3",
             width: "20",
             fill: l.color
-          }, null, 8, yr),
+          }, null, 8, Ar),
           U(v, {
             plot: { x: 10, y: 9 },
             radius: 4,
@@ -2872,7 +2891,7 @@ function vr(t, s, o, d, r, e) {
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             strokeWidth: 0.5
           }, null, 8, ["color", "shape", "stroke"])
-        ])) : r.icons[l.type] === "bar" ? (i(), a("svg", Ar, [
+        ])) : r.icons[l.type] === "bar" ? (i(), a("svg", Lr, [
           r.icons[l.type] === "bar" && t.$slots.pattern ? (i(), a("rect", {
             key: 0,
             x: "0",
@@ -2882,7 +2901,7 @@ function vr(t, s, o, d, r, e) {
             width: "40",
             stroke: "none",
             fill: l.color
-          }, null, 8, Lr)) : u("", !0),
+          }, null, 8, Cr)) : u("", !0),
           r.icons[l.type] === "bar" ? (i(), a("rect", {
             key: 1,
             x: "0",
@@ -2892,8 +2911,8 @@ function vr(t, s, o, d, r, e) {
             width: "40",
             stroke: "none",
             fill: t.$slots.pattern ? `url(#pattern_${r.uniqueId}_${l.slotAbsoluteIndex})` : l.color
-          }, null, 8, Cr)) : u("", !0)
-        ])) : (i(), a("svg", Sr, [
+          }, null, 8, Sr)) : u("", !0)
+        ])) : (i(), a("svg", kr, [
           U(v, {
             plot: { x: 6, y: 6 },
             radius: 5,
@@ -2904,11 +2923,11 @@ function vr(t, s, o, d, r, e) {
         f("span", {
           style: y(`color:${e.FINAL_CONFIG.chart.legend.color}`)
         }, T(l.name), 5)
-      ], 10, Fr))), 128))
-    ], 4)) : (i(), a("div", kr, [
+      ], 10, _r))), 128))
+    ], 4)) : (i(), a("div", wr, [
       G(t.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
-    t.$slots.source ? (i(), a("div", wr, [
+    t.$slots.source ? (i(), a("div", Or, [
       G(t.$slots, "source", {}, void 0, !0)
     ], 512)) : u("", !0),
     U(O, {
@@ -2955,12 +2974,12 @@ function vr(t, s, o, d, r, e) {
         f("div", {
           style: y(`${r.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
-          f("div", Or, [
-            Ye(f("input", {
+          f("div", Gr, [
+            Ee(f("input", {
               type: "checkbox",
               "onUpdate:modelValue": s[4] || (s[4] = (l) => r.showSparklineTable = l)
             }, null, 512), [
-              [qe, r.showSparklineTable]
+              [Ye, r.showSparklineTable]
             ]),
             f("div", {
               onClick: s[5] || (s[5] = (l) => r.showSparklineTable = !r.showSparklineTable),
@@ -2987,10 +3006,10 @@ function vr(t, s, o, d, r, e) {
             onClose: s[6] || (s[6] = (l) => r.mutableConfig.showTable = !1)
           }, {
             th: V(({ th: l }) => [
-              f("div", { innerHTML: l }, null, 8, Gr)
+              f("div", { innerHTML: l }, null, 8, vr)
             ]),
             td: V(({ td: l }) => [
-              ee(T(isNaN(Number(l)) ? l : e.dataLabel({
+              qe(T(isNaN(Number(l)) ? l : e.dataLabel({
                 p: e.FINAL_CONFIG.chart.labels.prefix,
                 v: l,
                 s: e.FINAL_CONFIG.chart.labels.suffix,
@@ -3005,7 +3024,7 @@ function vr(t, s, o, d, r, e) {
     }, 8, ["config"])) : u("", !0)
   ], 46, je);
 }
-const Dr = /* @__PURE__ */ Je(Qe, [["render", vr], ["__scopeId", "data-v-fc22098c"]]);
+const Br = /* @__PURE__ */ Je(Qe, [["render", pr], ["__scopeId", "data-v-d3870d39"]]);
 export {
-  Dr as default
+  Br as default
 };