vue-data-ui 2.6.7 → 2.6.8

package/dist/{vue-ui-xy-DpDKutd7.js → vue-ui-xy-BuLymzS3.js}

@@ -1,18 +1,18 @@
-import { P as D, W as q, A as j, F as $, w as ee, s as te, o as re, _ as ie, a5 as ae, x as le, C as se, y as ne, a3 as he, e as oe, r as ce, f as X, a6 as de, R as ue, S as ge, q as fe, b as Ie, z as me, d as Ne, a7 as xe, v as be, a8 as Fe, a1 as _e, a9 as Ae, i as ye, G as Le, L as Ce, u as Se, c as K, p as ke, B as we, a as Oe, t as Ge } from "./index-9EeNZMz1.js";
-import { D as ve } from "./DataTable-TjJIVFlL.js";
-import { _ as ze } from "./Title-BI8etrRU.js";
-import { u as Me, _ as pe } from "./Tooltip-Cxc8c50d.js";
-import { U as Te } from "./usePrinter-ngrh00Ym.js";
-import { _ as Pe } from "./Shape-58uyOuYc.js";
-import Ve from "./BaseIcon-CDx9pxUG.js";
-import Re from "./vue-ui-table-sparkline-ab2rwdKB.js";
-import De from "./vue-ui-skeleton-BmJiYGtE.js";
-import { S as He } from "./Slicer-C7ormJRw.js";
-import Be from "./vue-ui-accordion-Qo8JxnIN.js";
-import { u as U } from "./useNestedProp-df_bKQEI.js";
-import { _ as We } from "./PackageVersion-QRvxRYPv.js";
-import { P as Ee } from "./PenAndPaper-CxC1lWGK.js";
-import { resolveComponent as R, createElementBlock as s, openBlock as a, normalizeStyle as w, normalizeClass as B, createBlock as H, createCommentVNode as c, createVNode as Y, createSlots as Ye, withCtx as P, renderSlot as S, normalizeProps as W, guardReactiveProps as E, createElementVNode as g, createTextVNode as Z, Fragment as u, renderList as m, toDisplayString as k, mergeProps as J, withDirectives as qe, vModelCheckbox as Xe } from "vue";
+import { P as D, W as q, A as j, F as $, w as ee, s as te, o as re, _ as ie, a5 as ae, x as le, C as se, y as ne, a3 as he, e as oe, r as ce, f as X, a6 as de, R as ue, S as ge, q as fe, b as Ie, z as me, d as Ne, a7 as xe, v as be, a8 as Fe, a1 as _e, a9 as Ae, i as ye, G as Ce, L as Le, u as Se, c as K, p as ke, B as we, a as Oe, t as Ge } from "./index-CZlI7PiS.js";
+import { D as ve } from "./DataTable-D0-zzsJg.js";
+import { _ as ze } from "./Title-DePxeqVl.js";
+import { u as Me, _ as pe } from "./Tooltip-DRw9RoFp.js";
+import { U as Te } from "./usePrinter-D-sSdR2l.js";
+import { _ as Pe } from "./Shape-Dtm6toQp.js";
+import Ve from "./BaseIcon-dThl5uNa.js";
+import Re from "./vue-ui-table-sparkline-CWwjANqk.js";
+import De from "./vue-ui-skeleton-D8r-yAkW.js";
+import { S as He } from "./Slicer-BAcq2vD0.js";
+import Be from "./vue-ui-accordion-DVtmOO3I.js";
+import { u as U } from "./useNestedProp-Cg0NIwr6.js";
+import { _ as We } from "./PackageVersion-J_USnljf.js";
+import { P as Ee } from "./PenAndPaper-CoEXEMcN.js";
+import { resolveComponent as R, createElementBlock as s, openBlock as a, normalizeStyle as w, normalizeClass as B, createBlock as H, createCommentVNode as c, createVNode as Y, createSlots as Ye, withCtx as P, renderSlot as S, normalizeProps as W, guardReactiveProps as E, createElementVNode as u, createTextVNode as Z, Fragment as g, renderList as m, toDisplayString as k, mergeProps as J, withDirectives as qe, vModelCheckbox as Xe } from "vue";
 import { _ as Ue } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ze = K(), Je = {
   name: "vue-ui-xy",
@@ -362,32 +362,32 @@ const Ze = K(), Je = {
         }, e = {
           max: r.scaleMax || Math.max(...r.absoluteValues) || 1,
           min: r.scaleMin || Math.min(...r.absoluteValues.filter((N) => ![void 0, null].includes(N))) > 0 ? 0 : Math.min(...r.absoluteValues.filter((N) => ![null, void 0].includes(N)))
-        }, _ = r.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, I = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * b : e.max, _), A = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * b : t.valueMax, _), O = I.min >= 0 ? 0 : Math.abs(I.min), G = 0, p = I.max + O, v = A.max + Math.abs(G), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - r.cumulatedStackRatio) : 0, L = this.mutableConfig.isStacked ? this.drawingArea.height * r.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, T = this.drawingArea.bottom - F - L * O / p, V = this.drawingArea.bottom - F - L * G / v, i = this.absoluteDataset.filter((N) => N.type === "bar").filter((N) => !this.segregatedSeries.includes(N.id)).length, h = r.series.map((N, M) => {
-          const x = this.mutableConfig.useIndividualScale ? (r.absoluteValues[M] + O) / p : this.ratioToMax(N), C = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * M : this.drawingArea.left + this.slot.bar * l + this.slot.bar * M * i - this.barSlot / 2 - l * this.barPeriodGap;
+        }, _ = r.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, I = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * b : e.max, _), A = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * b : t.valueMax, _), O = I.min >= 0 ? 0 : Math.abs(I.min), G = 0, p = I.max + O, v = A.max + Math.abs(G), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - r.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * r.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, T = this.drawingArea.bottom - F - C * O / p, V = this.drawingArea.bottom - F - C * G / v, i = this.absoluteDataset.filter((N) => N.type === "bar").filter((N) => !this.segregatedSeries.includes(N.id)).length, h = r.series.map((N, M) => {
+          const x = this.mutableConfig.useIndividualScale ? (r.absoluteValues[M] + O) / p : this.ratioToMax(N), L = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * M : this.drawingArea.left + this.slot.bar * l + this.slot.bar * M * i - this.barSlot / 2 - l * this.barPeriodGap;
           return {
             yOffset: this.checkNaN(F),
-            individualHeight: this.checkNaN(L),
-            x: this.checkNaN(C),
-            y: this.drawingArea.bottom - F - L * x,
+            individualHeight: this.checkNaN(C),
+            x: this.checkNaN(L),
+            y: this.drawingArea.bottom - F - C * x,
             value: r.absoluteValues[M],
             zeroPosition: this.checkNaN(T),
             individualMax: this.checkNaN(p),
             comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[M] || ""
           };
         }), n = r.absoluteValues.map((N) => A.min >= 0 ? (N - Math.abs(A.min)) / (A.max - Math.abs(A.min)) : (N + Math.abs(A.min)) / (A.max + Math.abs(A.min))), f = r.series.map((N, M) => {
-          const x = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * M : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * l + this.slot.bar * M * this.absoluteDataset.filter((C) => C.type === "bar").filter((C) => !this.segregatedSeries.includes(C.id)).length;
+          const x = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * M : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * l + this.slot.bar * M * this.absoluteDataset.filter((L) => L.type === "bar").filter((L) => !this.segregatedSeries.includes(L.id)).length;
           return {
             yOffset: this.checkNaN(F),
-            individualHeight: this.checkNaN(L),
+            individualHeight: this.checkNaN(C),
             x: this.checkNaN(x),
-            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(L) * n[M] || 0)),
+            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(C) * n[M] || 0)),
             value: r.absoluteValues[M],
             zeroPosition: this.checkNaN(T),
             individualMax: this.checkNaN(p),
             comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[M] || ""
           };
         }), y = I.ticks.map((N) => ({
-          y: N >= 0 ? T - L * (N / p) : T + L * Math.abs(N) / p,
+          y: N >= 0 ? T - C * (N / p) : T + C * Math.abs(N) / p,
           value: N,
           prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -395,7 +395,7 @@ const Ze = K(), Je = {
         })), z = A.ticks.map((N) => {
           const M = (N - A.min) / (A.max - A.min);
           return {
-            y: N >= 0 ? V - L * M : V + L * M,
+            y: N >= 0 ? V - C * M : V + C * M,
             value: N,
             prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -406,7 +406,7 @@ const Ze = K(), Je = {
           ...r,
           yOffset: F,
           autoScaleYLabels: z,
-          individualHeight: L,
+          individualHeight: C,
           scaleYLabels: r.autoScaling ? z : y,
           individualScale: r.autoScaling ? A : I,
           individualMax: r.autoScaling ? v : p,
@@ -432,34 +432,34 @@ const Ze = K(), Je = {
         }, t = {
           max: r.scaleMax || Math.max(...r.absoluteValues) || 1,
           min: r.scaleMin || (Math.min(...r.absoluteValues) > 0 ? 0 : Math.min(...r.absoluteValues))
-        }, e = r.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, b = this.calculateNiceScaleWithExactExtremes(t.min, t.max === t.min ? t.max * _ : t.max, e), I = this.calculateNiceScaleWithExactExtremes(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * _ : d.valueMax, e), A = b.min >= 0 ? 0 : Math.abs(b.min), O = 0, G = b.max + Math.abs(A), p = I.max + Math.abs(O), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - r.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * r.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - v - F * A / G, T = this.drawingArea.bottom - v - F * O / p, V = r.series.map((x, C) => {
-          const Q = this.mutableConfig.useIndividualScale ? (r.absoluteValues[C] + Math.abs(A)) / G : this.ratioToMax(x);
+        }, e = r.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, b = this.calculateNiceScaleWithExactExtremes(t.min, t.max === t.min ? t.max * _ : t.max, e), I = this.calculateNiceScaleWithExactExtremes(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * _ : d.valueMax, e), A = b.min >= 0 ? 0 : Math.abs(b.min), O = 0, G = b.max + Math.abs(A), p = I.max + Math.abs(O), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - r.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * r.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - v - F * A / G, T = this.drawingArea.bottom - v - F * O / p, V = r.series.map((x, L) => {
+          const Q = this.mutableConfig.useIndividualScale ? (r.absoluteValues[L] + Math.abs(A)) / G : this.ratioToMax(x);
           return {
-            x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * C),
+            x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * L),
             y: this.checkNaN(this.drawingArea.bottom - v - F * Q),
-            value: r.absoluteValues[C],
-            comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[C] || ""
+            value: r.absoluteValues[L],
+            comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[L] || ""
           };
-        }), i = r.absoluteValues.map((x) => I.min >= 0 ? (x - Math.abs(I.min)) / (I.max - Math.abs(I.min)) : (x + Math.abs(I.min)) / (I.max + Math.abs(I.min))), h = r.series.map((x, C) => [void 0, null].includes(r.absoluteValues[C]) ? {
-          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * C),
-          y: L,
-          value: r.absoluteValues[C],
-          comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[C] || ""
+        }), i = r.absoluteValues.map((x) => I.min >= 0 ? (x - Math.abs(I.min)) / (I.max - Math.abs(I.min)) : (x + Math.abs(I.min)) / (I.max + Math.abs(I.min))), h = r.series.map((x, L) => [void 0, null].includes(r.absoluteValues[L]) ? {
+          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * L),
+          y: C,
+          value: r.absoluteValues[L],
+          comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[L] || ""
         } : {
-          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * C),
-          y: this.checkNaN(this.drawingArea.bottom - v - (F * i[C] || 0)),
-          value: r.absoluteValues[C],
-          comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[C] || ""
+          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * L),
+          y: this.checkNaN(this.drawingArea.bottom - v - (F * i[L] || 0)),
+          value: r.absoluteValues[L],
+          comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[L] || ""
         }), n = this.createSmoothPath(V.filter((x) => x.value !== null)), f = this.createSmoothPath(h.filter((x) => x.value !== null)), y = this.createStraightPath(V.filter((x) => x.value !== null)), z = this.createStraightPath(h.filter((x) => x.value !== null)), N = b.ticks.map((x) => ({
-          y: x >= 0 ? L - F * (x / G) : L + F * Math.abs(x) / G,
+          y: x >= 0 ? C - F * (x / G) : C + F * Math.abs(x) / G,
           value: x,
           prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: r
         })), M = I.ticks.map((x) => {
-          const C = (x - I.min) / (I.max - I.min);
+          const L = (x - I.min) / (I.max - I.min);
           return {
-            y: x >= 0 ? T - F * C : T + F * C,
+            y: x >= 0 ? T - F * L : T + F * L,
             value: x,
             prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -474,10 +474,10 @@ const Ze = K(), Je = {
           scaleYLabels: r.autoScaling ? M : N,
           individualScale: r.autoScaling ? I : b,
           individualMax: r.autoScaling ? p : G,
-          zeroPosition: r.autoScaling ? T : L,
+          zeroPosition: r.autoScaling ? T : C,
           curve: r.autoScaling ? f : n,
           plots: r.autoScaling ? h : V,
-          area: r.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(r.autoScaling ? h : V, r.autoScaling ? T : L) : this.createArea(V) : "",
+          area: r.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(r.autoScaling ? h : V, r.autoScaling ? T : C) : this.createArea(V) : "",
           straight: r.autoScaling ? z : y
         };
       });
@@ -493,7 +493,7 @@ const Ze = K(), Je = {
         }, t = {
           max: r.scaleMax || Math.max(...r.absoluteValues) || 1,
           min: r.scaleMin || Math.min(...r.absoluteValues) > 0 ? 0 : Math.min(...r.absoluteValues)
-        }, e = r.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, b = this.calculateNiceScaleWithExactExtremes(t.min, t.max === t.min ? t.max * _ : t.max, e), I = this.calculateNiceScaleWithExactExtremes(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * _ : d.valueMax, e), A = b.min >= 0 ? 0 : Math.abs(b.min), O = 0, G = b.max + A, p = I.max + Math.abs(O), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - r.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * r.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - v - F * A / G, T = this.drawingArea.bottom - v - F * O / p, V = r.series.map((y, z) => {
+        }, e = r.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, b = this.calculateNiceScaleWithExactExtremes(t.min, t.max === t.min ? t.max * _ : t.max, e), I = this.calculateNiceScaleWithExactExtremes(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * _ : d.valueMax, e), A = b.min >= 0 ? 0 : Math.abs(b.min), O = 0, G = b.max + A, p = I.max + Math.abs(O), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - r.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * r.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - v - F * A / G, T = this.drawingArea.bottom - v - F * O / p, V = r.series.map((y, z) => {
           const N = this.mutableConfig.useIndividualScale ? (r.absoluteValues[z] + Math.abs(A)) / G : this.ratioToMax(y);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * z),
@@ -507,7 +507,7 @@ const Ze = K(), Je = {
           value: r.absoluteValues[z],
           comment: r.comments && r.comments.slice(this.slicer.start, this.slicer.end)[z] || ""
         })), n = b.ticks.map((y) => ({
-          y: y >= 0 ? L - F * (y / G) : L + F * Math.abs(y) / G,
+          y: y >= 0 ? C - F * (y / G) : C + F * Math.abs(y) / G,
           value: y,
           prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -530,7 +530,7 @@ const Ze = K(), Je = {
           scaleYLabels: r.autoScaling ? f : n,
           individualScale: r.autoScaling ? I : b,
           individualMax: r.autoScaling ? p : G,
-          zeroPosition: r.autoScaling ? T : L,
+          zeroPosition: r.autoScaling ? T : C,
           plots: r.autoScaling ? h : V
         };
       });
@@ -768,8 +768,8 @@ const Ze = K(), Je = {
     });
   },
   methods: {
-    abbreviate: Ce,
-    adaptColorToBackground: Le,
+    abbreviate: Le,
+    adaptColorToBackground: Ce,
     applyDataLabel: ye,
     assignStackRatios: Ae,
     calcLinearProgression: _e,
@@ -1105,40 +1105,40 @@ const Ze = K(), Je = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%; background:transparent"
-}, je = ["viewBox", "aria-label"], $e = ["x", "y", "width", "height"], et = { key: 1 }, tt = { class: "vue-ui-xy-grid" }, rt = ["stroke", "x1", "x2", "y1", "y2"], it = ["stroke", "x1", "x2", "y1", "y2"], at = { key: 1 }, lt = ["x1", "x2", "y1", "y2", "stroke"], st = ["x1", "x2", "y1", "y2", "stroke"], nt = ["x1", "x2", "y1", "y2", "stroke"], ht = { key: 3 }, ot = ["x1", "x2", "y1", "y2", "stroke"], ct = ["id"], dt = ["stop-color"], ut = ["stop-color"], gt = ["stop-color"], ft = ["id"], It = ["stop-color"], mt = ["stop-color"], Nt = ["stop-color"], xt = ["id"], bt = ["stop-color"], Ft = ["stop-color"], _t = ["id"], At = ["stop-color"], yt = ["stop-color"], Lt = ["id"], Ct = ["stop-color"], St = ["stop-color"], kt = ["x", "y", "height", "width", "fill"], wt = ["x", "y", "width"], Ot = ["x", "y", "height", "width", "fill"], Gt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], vt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], zt = ["width", "x", "y"], Mt = { key: 0 }, pt = ["id"], Tt = ["fill"], Pt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Vt = ["x", "y", "font-size", "fill"], Rt = ["stroke", "x1", "x2", "y1", "y2"], Dt = { key: 2 }, Ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Bt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Wt = { key: 4 }, Et = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Yt = ["fill", "font-size", "transform"], qt = ["x1", "x2", "y1", "y2", "stroke"], Xt = ["x", "y", "font-size", "fill"], Ut = ["x1", "x2", "y1", "y2", "stroke"], Zt = ["x", "y", "font-size", "fill"], Jt = ["width", "x", "y"], Kt = { style: { width: "100%" } }, Qt = { key: 0 }, jt = ["id"], $t = ["fill"], er = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], tr = ["x", "y", "font-size", "fill"], rr = ["d", "stroke", "stroke-width", "stroke-dasharray"], ir = ["d", "stroke", "stroke-width", "stroke-dasharray"], ar = { key: 5 }, lr = { key: 0 }, sr = ["d", "fill"], nr = ["d", "fill"], hr = ["d", "fill"], or = ["d", "fill"], cr = ["d", "stroke", "stroke-width", "stroke-dasharray"], dr = ["d", "stroke", "stroke-width", "stroke-dasharray"], ur = ["width", "x", "y"], gr = { style: { width: "100%" } }, fr = { key: 3 }, Ir = ["id"], mr = ["fill"], Nr = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], xr = ["x", "y", "font-size", "fill"], br = { key: 6 }, Fr = ["x", "y", "font-size", "fill"], _r = ["x", "y", "font-size", "fill", "font-weight"], Ar = { key: 7 }, yr = ["x", "y", "font-size", "fill"], Lr = ["x", "y"], Cr = ["x", "y"], Sr = { key: 8 }, kr = ["x", "y", "font-size", "fill"], wr = ["x", "y"], Or = ["x", "y"], Gr = ["x", "y", "font-size", "fill", "innerHTML"], vr = ["x", "y", "font-size", "fill", "innerHTML"], zr = ["x", "y", "font-size", "fill", "innerHTML"], Mr = ["x", "y", "font-size", "fill", "innerHTML"], pr = ["x", "y", "width", "height", "fill", "onMouseenter"], Tr = ["font-size", "fill", "transform"], Pr = ["x", "y", "font-size", "fill"], Vr = { key: 10 }, Rr = ["text-anchor", "font-size", "fill", "transform", "onClick"], Dr = ["x", "y", "height", "width", "onMouseenter", "onClick"], Hr = {
+}, je = ["viewBox", "aria-label"], $e = ["x", "y", "width", "height"], et = { key: 1 }, tt = { class: "vue-ui-xy-grid" }, rt = ["stroke", "x1", "x2", "y1", "y2"], it = ["stroke", "x1", "x2", "y1", "y2"], at = { key: 1 }, lt = ["x1", "x2", "y1", "y2", "stroke"], st = ["x1", "x2", "y1", "y2", "stroke"], nt = ["x1", "x2", "y1", "y2", "stroke"], ht = { key: 3 }, ot = ["x1", "x2", "y1", "y2", "stroke"], ct = ["id"], dt = ["stop-color"], ut = ["stop-color"], gt = ["stop-color"], ft = ["id"], It = ["stop-color"], mt = ["stop-color"], Nt = ["stop-color"], xt = ["id"], bt = ["stop-color"], Ft = ["stop-color"], _t = ["id"], At = ["stop-color"], yt = ["stop-color"], Ct = ["id"], Lt = ["stop-color"], St = ["stop-color"], kt = ["x", "y", "height", "width", "fill"], wt = ["x", "y", "width"], Ot = ["x", "y", "height", "width", "fill"], Gt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], vt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], zt = ["width", "x", "y"], Mt = { key: 0 }, pt = ["id"], Tt = ["fill"], Pt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Vt = ["x", "y", "font-size", "fill"], Rt = ["stroke", "x1", "x2", "y1", "y2"], Dt = { key: 2 }, Ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Bt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Wt = { key: 4 }, Et = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Yt = ["fill", "font-size", "transform"], qt = ["x1", "x2", "y1", "y2", "stroke"], Xt = ["x", "y", "font-size", "fill"], Ut = ["x1", "x2", "y1", "y2", "stroke"], Zt = ["x", "y", "font-size", "fill"], Jt = ["width", "x", "y"], Kt = { style: { width: "100%" } }, Qt = { key: 0 }, jt = ["id"], $t = ["fill"], er = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], tr = ["x", "y", "font-size", "fill"], rr = ["d", "stroke", "stroke-width", "stroke-dasharray"], ir = ["d", "stroke", "stroke-width", "stroke-dasharray"], ar = { key: 5 }, lr = { key: 0 }, sr = ["d", "fill"], nr = ["d", "fill"], hr = ["d", "fill"], or = ["d", "fill"], cr = ["d", "stroke", "stroke-width", "stroke-dasharray"], dr = ["d", "stroke", "stroke-width", "stroke-dasharray"], ur = ["width", "x", "y"], gr = { style: { width: "100%" } }, fr = { key: 3 }, Ir = ["id"], mr = ["fill"], Nr = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], xr = ["x", "y", "font-size", "fill"], br = { key: 6 }, Fr = ["x", "y", "font-size", "fill"], _r = ["x", "y", "font-size", "fill", "font-weight"], Ar = { key: 7 }, yr = ["x", "y", "font-size", "fill"], Cr = ["x", "y"], Lr = ["x", "y"], Sr = { key: 8 }, kr = ["x", "y", "font-size", "fill"], wr = ["x", "y"], Or = ["x", "y"], Gr = ["x", "y", "font-size", "fill", "innerHTML"], vr = ["x", "y", "font-size", "fill", "innerHTML"], zr = ["x", "y", "font-size", "fill", "innerHTML"], Mr = ["x", "y", "font-size", "fill", "innerHTML"], pr = ["id"], Tr = ["stop-color"], Pr = ["stop-color"], Vr = ["x", "y", "width", "height", "fill", "onMouseenter"], Rr = ["font-size", "fill", "transform"], Dr = ["x", "y", "font-size", "fill"], Hr = { key: 10 }, Br = ["text-anchor", "font-size", "fill", "transform", "onClick"], Wr = ["x", "y", "height", "width", "onMouseenter", "onClick"], Er = {
   key: 11,
   style: { "pointer-events": "none" }
-}, Br = ["x", "y"], Wr = ["cx", "cy", "r", "fill"], Er = {
+}, Yr = ["x", "y"], qr = ["cx", "cy", "r", "fill"], Xr = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Yr = ["onClick"], qr = {
+}, Ur = ["onClick"], Zr = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "14",
   width: "20"
-}, Xr = ["stroke", "fill"], Ur = {
+}, Jr = ["stroke", "fill"], Kr = {
   key: 1,
   viewBox: "0 0 40 40",
   height: "14",
   width: "14"
-}, Zr = ["fill"], Jr = ["fill"], Kr = {
+}, Qr = ["fill"], jr = ["fill"], $r = {
   key: 2,
   viewBox: "0 0 12 12",
   height: "14",
   width: "14"
-}, Qr = {
+}, ei = {
   key: 9,
   ref: "chartLegend"
-}, jr = {
+}, ti = {
   key: 10,
   ref: "source",
   dir: "auto"
-}, $r = {
+}, ri = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-html2canvas-ignore": ""
-}, ei = ["innerHTML"];
-function ti(r, l, o, d, t, e) {
-  const _ = R("PenAndPaper"), b = R("Title"), I = R("UserOptions"), A = R("PackageVersion"), O = R("Shape"), G = R("Skeleton"), p = R("Slicer"), v = R("Tooltip"), F = R("BaseIcon"), L = R("TableSparkline"), T = R("DataTable"), V = R("Accordion");
+}, ii = ["innerHTML"];
+function ai(r, l, o, d, t, e) {
+  const _ = R("PenAndPaper"), b = R("Title"), I = R("UserOptions"), A = R("PackageVersion"), O = R("Shape"), G = R("Skeleton"), p = R("Slicer"), v = R("Tooltip"), F = R("BaseIcon"), C = R("TableSparkline"), T = R("DataTable"), V = R("Accordion");
   return a(), s("div", {
     id: `vue-ui-xy_${t.uniqueId}`,
     class: B(`vue-ui-xy ${t.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -1302,7 +1302,7 @@ function ti(r, l, o, d, t, e) {
         S(r.$slots, "chart-background", {}, void 0, !0)
       ], 8, $e)) : c("", !0),
       e.maxSeries > 0 ? (a(), s("g", et, [
-        g("g", tt, [
+        u("g", tt, [
           e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (a(), s("line", {
             key: 0,
             stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1313,8 +1313,8 @@ function ti(r, l, o, d, t, e) {
             y2: e.forceValidValue(e.drawingArea.bottom),
             "stroke-linecap": "round"
           }, null, 8, rt)) : c("", !0),
-          t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (a(!0), s(u, { key: 2 }, m(e.allScales, (i) => (a(), s("g", null, [
-            i.id === t.selectedScale && i.yLabels.length ? (a(!0), s(u, { key: 0 }, m(i.yLabels, (h) => (a(), s("line", {
+          t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (a(!0), s(g, { key: 2 }, m(e.allScales, (i) => (a(), s("g", null, [
+            i.id === t.selectedScale && i.yLabels.length ? (a(!0), s(g, { key: 0 }, m(i.yLabels, (h) => (a(), s("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.forceValidValue(h.y),
@@ -1322,7 +1322,7 @@ function ti(r, l, o, d, t, e) {
               stroke: i.color,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, st))), 256)) : i.yLabels.length ? (a(!0), s(u, { key: 1 }, m(i.yLabels, (h) => (a(), s("line", {
+            }, null, 8, st))), 256)) : i.yLabels.length ? (a(!0), s(g, { key: 1 }, m(i.yLabels, (h) => (a(), s("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.forceValidValue(h.y),
@@ -1331,7 +1331,7 @@ function ti(r, l, o, d, t, e) {
               "stroke-width": 0.5,
               "stroke-linecap": "round"
             }, null, 8, nt))), 256)) : c("", !0)
-          ]))), 256)) : c("", !0) : (a(), s(u, { key: 1 }, [
+          ]))), 256)) : c("", !0) : (a(), s(g, { key: 1 }, [
             e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (a(), s("line", {
               key: 0,
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1343,7 +1343,7 @@ function ti(r, l, o, d, t, e) {
               "stroke-linecap": "round"
             }, null, 8, it)) : c("", !0),
             e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (a(), s("g", at, [
-              (a(!0), s(u, null, m(e.yLabels, (i) => (a(), s("line", {
+              (a(!0), s(g, null, m(e.yLabels, (i) => (a(), s("line", {
                 x1: e.drawingArea.left + e.xPadding,
                 x2: e.drawingArea.right - e.xPadding,
                 y1: e.forceValidValue(i.y),
@@ -1355,7 +1355,7 @@ function ti(r, l, o, d, t, e) {
             ])) : c("", !0)
           ], 64)),
           e.FINAL_CONFIG.chart.grid.showVerticalLines ? (a(), s("g", ht, [
-            (a(!0), s(u, null, m(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (i, h) => (a(), s("line", {
+            (a(!0), s(g, null, m(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (i, h) => (a(), s("line", {
               key: `grid_vertical_line_${h}`,
               x1: e.drawingArea.width / e.maxSeries * h + e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.width / e.maxSeries * h + e.drawingArea.left + e.xPadding,
@@ -1366,50 +1366,50 @@ function ti(r, l, o, d, t, e) {
             }, null, 8, ot))), 128))
           ])) : c("", !0)
         ]),
-        (a(!0), s(u, null, m(e.barSet, (i, h) => (a(), s("defs", {
+        (a(!0), s(g, null, m(e.barSet, (i, h) => (a(), s("defs", {
           key: `def_rect_${h}`
         }, [
-          g("linearGradient", {
+          u("linearGradient", {
             id: `rectGradient_pos_${h}_${t.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
-            g("stop", {
+            u("stop", {
               offset: "0%",
               "stop-color": i.color
             }, null, 8, dt),
-            g("stop", {
+            u("stop", {
               offset: "62%",
               "stop-color": `${e.shiftHue(i.color, 0.02)}`
             }, null, 8, ut),
-            g("stop", {
+            u("stop", {
               offset: "100%",
               "stop-color": `${e.shiftHue(i.color, 0.05)}`
             }, null, 8, gt)
           ], 8, ct),
-          g("linearGradient", {
+          u("linearGradient", {
             id: `rectGradient_neg_${h}_${t.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
-            g("stop", {
+            u("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(i.color, 0.05)}`
             }, null, 8, It),
-            g("stop", {
+            u("stop", {
               offset: "38%",
               "stop-color": `${e.shiftHue(i.color, 0.02)}`
             }, null, 8, mt),
-            g("stop", {
+            u("stop", {
               offset: "100%",
               "stop-color": i.color
             }, null, 8, Nt)
           ], 8, ft)
         ]))), 128)),
-        (a(!0), s(u, null, m(e.plotSet, (i, h) => (a(), s("defs", {
+        (a(!0), s(g, null, m(e.plotSet, (i, h) => (a(), s("defs", {
           key: `def_plot_${h}`
         }, [
-          g("radialGradient", {
+          u("radialGradient", {
             id: `plotGradient_${h}_${t.uniqueId}`,
             cx: "50%",
             cy: "50%",
@@ -1417,20 +1417,20 @@ function ti(r, l, o, d, t, e) {
             fx: "50%",
             fy: "50%"
           }, [
-            g("stop", {
+            u("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(i.color, 0.05)}`
             }, null, 8, bt),
-            g("stop", {
+            u("stop", {
               offset: "100%",
               "stop-color": i.color
             }, null, 8, Ft)
           ], 8, xt)
         ]))), 128)),
-        (a(!0), s(u, null, m(e.lineSet, (i, h) => (a(), s("defs", {
+        (a(!0), s(g, null, m(e.lineSet, (i, h) => (a(), s("defs", {
           key: `def_line_${h}`
         }, [
-          g("radialGradient", {
+          u("radialGradient", {
             id: `lineGradient_${h}_${t.uniqueId}`,
             cx: "50%",
             cy: "50%",
@@ -1438,35 +1438,35 @@ function ti(r, l, o, d, t, e) {
             fx: "50%",
             fy: "50%"
           }, [
-            g("stop", {
+            u("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(i.color, 0.05)}`
             }, null, 8, At),
-            g("stop", {
+            u("stop", {
               offset: "100%",
               "stop-color": i.color
             }, null, 8, yt)
           ], 8, _t),
-          g("linearGradient", {
+          u("linearGradient", {
             id: `areaGradient_${h}_${t.uniqueId}`,
             x1: "0%",
             x2: "100%",
             y1: "0%",
             y2: "0%"
           }, [
-            g("stop", {
+            u("stop", {
               offset: "0%",
               "stop-color": `${e.setOpacity(e.shiftHue(i.color, 0.03), e.FINAL_CONFIG.line.area.opacity)}`
-            }, null, 8, Ct),
-            g("stop", {
+            }, null, 8, Lt),
+            u("stop", {
               offset: "100%",
               "stop-color": `${e.setOpacity(i.color, e.FINAL_CONFIG.line.area.opacity)}`
             }, null, 8, St)
-          ], 8, Lt)
+          ], 8, Ct)
         ]))), 128)),
-        (a(!0), s(u, null, m(e.highlightAreas, (i) => (a(), s("g", null, [
-          i.show ? (a(!0), s(u, { key: 0 }, m(i.span, (h, n) => (a(), s("g", null, [
-            g("rect", {
+        (a(!0), s(g, null, m(e.highlightAreas, (i) => (a(), s("g", null, [
+          i.show ? (a(!0), s(g, { key: 0 }, m(i.span, (h, n) => (a(), s("g", null, [
+            u("rect", {
               style: w({
                 transition: "none",
                 opacity: i.from + n >= t.slicer.start && i.from + n <= t.slicer.end - 1 ? 1 : 0
@@ -1488,17 +1488,17 @@ function ti(r, l, o, d, t, e) {
               height: "1",
               width: i.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * i.span : i.caption.width
             }, [
-              g("div", {
+              u("div", {
                 style: w(`padding:${i.caption.padding}px;text-align:${i.caption.textAlign};font-size:${i.caption.fontSize}px;color:${i.caption.color};font-weight:${i.caption.bold ? "bold" : "normal"}`)
               }, k(i.caption.text), 5)
             ], 12, wt)) : c("", !0)
           ]))), 256)) : c("", !0)
         ]))), 256)),
-        g("g", null, [
-          (a(!0), s(u, null, m(e.maxSeries, (i, h) => (a(), s("g", {
+        u("g", null, [
+          (a(!0), s(g, null, m(e.maxSeries, (i, h) => (a(), s("g", {
             key: `tooltip_trap_highlighter_${h}`
           }, [
-            g("rect", {
+            u("rect", {
               x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * h,
               y: e.drawingArea.top,
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
@@ -1507,12 +1507,12 @@ function ti(r, l, o, d, t, e) {
             }, null, 8, Ot)
           ]))), 128))
         ]),
-        e.barSet.length ? (a(!0), s(u, { key: 0 }, m(e.barSet, (i, h) => (a(), s("g", {
+        e.barSet.length ? (a(!0), s(g, { key: 0 }, m(e.barSet, (i, h) => (a(), s("g", {
           key: `serie_bar_${h}`,
           class: B(`serie_bar_${h}`),
           style: w(`opacity:${t.selectedScale ? t.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s("g", {
+          (a(!0), s(g, null, m(i.plots, (n, f) => (a(), s("g", {
             key: `bar_plot_${h}_${f}`
           }, [
             e.canShowValue(n.value) ? (a(), s("rect", {
@@ -1551,8 +1551,8 @@ function ti(r, l, o, d, t, e) {
             ], 8, zt)) : c("", !0)
           ]))), 128)),
           Object.hasOwn(i, "useProgression") && i.useProgression === !0 && !isNaN(e.calcLinearProgression(i.plots).trend) ? (a(), s("g", Mt, [
-            g("defs", null, [
-              g("marker", {
+            u("defs", null, [
+              u("marker", {
                 id: `bar_arrow_${h}`,
                 markerWidth: 7,
                 markerHeight: 7,
@@ -1560,7 +1560,7 @@ function ti(r, l, o, d, t, e) {
                 refY: 7 / 2,
                 orient: "auto"
               }, [
-                g("polygon", {
+                u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: i.color
                 }, null, 8, Tt)
@@ -1602,7 +1602,7 @@ function ti(r, l, o, d, t, e) {
           "stroke-linecap": "round"
         }, null, 8, Rt)) : c("", !0),
         e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(t.selectedSerieIndex) || ![null, void 0].includes(t.selectedMinimapIndex)) ? (a(), s("g", Dt, [
-          g("line", {
+          u("line", {
             x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)) + e.drawingArea.width / e.maxSeries / 2,
             x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)) + e.drawingArea.width / e.maxSeries / 2,
             y1: e.forceValidValue(e.drawingArea.top),
@@ -1629,9 +1629,9 @@ function ti(r, l, o, d, t, e) {
           "stroke-dasharray": e.FINAL_CONFIG.chart.grid.frame.strokeDasharray
         }, null, 8, Bt)) : c("", !0),
         e.FINAL_CONFIG.chart.grid.labels.show ? (a(), s("g", Wt, [
-          t.mutableConfig.useIndividualScale ? (a(), s(u, { key: 0 }, [
-            (a(!0), s(u, null, m(e.allScales, (i) => (a(), s("g", null, [
-              g("line", {
+          t.mutableConfig.useIndividualScale ? (a(), s(g, { key: 0 }, [
+            (a(!0), s(g, null, m(e.allScales, (i) => (a(), s("g", null, [
+              u("line", {
                 x1: i.x + e.xPadding,
                 x2: i.x + e.xPadding,
                 y1: t.mutableConfig.isStacked ? e.forceValidValue(e.drawingArea.bottom - i.yOffset - i.individualHeight) : e.forceValidValue(e.drawingArea.top),
@@ -1642,16 +1642,16 @@ function ti(r, l, o, d, t, e) {
                 style: w(`opacity:${t.selectedScale ? t.selectedScale === i.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
               }, null, 12, Et)
             ]))), 256)),
-            (a(!0), s(u, null, m(e.allScales, (i) => (a(), s("g", {
+            (a(!0), s(g, null, m(e.allScales, (i) => (a(), s("g", {
               style: w(`opacity:${t.selectedScale ? t.selectedScale === i.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              g("text", {
+              u("text", {
                 fill: i.color,
                 "font-size": t.fontSizes.dataLabels,
                 "text-anchor": "middle",
                 transform: `translate(${i.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5 + e.xPadding}, ${t.mutableConfig.isStacked ? e.drawingArea.bottom - i.yOffset - i.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
               }, k(i.name) + " " + k(i.scaleLabel ? `- ${i.scaleLabel}` : ""), 9, Yt),
-              (a(!0), s(u, null, m(i.yLabels, (h, n) => (a(), s("line", {
+              (a(!0), s(g, null, m(i.yLabels, (h, n) => (a(), s("line", {
                 x1: i.x - 3 + e.xPadding,
                 x2: i.x + e.xPadding,
                 y1: e.forceValidValue(h.y),
@@ -1660,7 +1660,7 @@ function ti(r, l, o, d, t, e) {
                 "stroke-width": 1,
                 "stroke-linecap": "round"
               }, null, 8, qt))), 256)),
-              (a(!0), s(u, null, m(i.yLabels, (h, n) => (a(), s("text", {
+              (a(!0), s(g, null, m(i.yLabels, (h, n) => (a(), s("text", {
                 x: i.x - 5 + e.xPadding,
                 y: e.forceValidValue(h.y) + t.fontSizes.dataLabels / 3,
                 "font-size": t.fontSizes.dataLabels,
@@ -1678,7 +1678,7 @@ function ti(r, l, o, d, t, e) {
                 { datapoint: h.datapoint, seriesIndex: n }
               )), 9, Xt))), 256))
             ], 4))), 256))
-          ], 64)) : (a(!0), s(u, { key: 1 }, m(e.yLabels, (i, h) => (a(), s("g", {
+          ], 64)) : (a(!0), s(g, { key: 1 }, m(e.yLabels, (i, h) => (a(), s("g", {
             key: `yLabel_${h}`
           }, [
             e.canShowValue(i) && i.value >= e.niceScale.min && i.value <= e.niceScale.max ? (a(), s("line", {
@@ -1710,12 +1710,12 @@ function ti(r, l, o, d, t, e) {
             ) : ""), 9, Zt)) : c("", !0)
           ]))), 128))
         ])) : c("", !0),
-        (a(!0), s(u, null, m(e.plotSet, (i, h) => (a(), s("g", {
+        (a(!0), s(g, null, m(e.plotSet, (i, h) => (a(), s("g", {
           key: `serie_plot_${h}`,
           class: B(`serie_plot_${h}`),
           style: w(`opacity:${t.selectedScale ? t.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s("g", {
+          (a(!0), s(g, null, m(i.plots, (n, f) => (a(), s("g", {
             key: `circle_plot_${h}_${f}`
           }, [
             n && e.canShowValue(n.value) ? (a(), H(O, {
@@ -1735,7 +1735,7 @@ function ti(r, l, o, d, t, e) {
               x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              g("div", Kt, [
+              u("div", Kt, [
                 S(r.$slots, "plot-comment", {
                   plot: { ...n, color: i.color, seriesIndex: h, datapointIndex: f }
                 }, void 0, !0)
@@ -1743,8 +1743,8 @@ function ti(r, l, o, d, t, e) {
             ], 8, Jt)) : c("", !0)
           ]))), 128)),
           Object.hasOwn(i, "useProgression") && i.useProgression === !0 && !isNaN(e.calcLinearProgression(i.plots).trend) ? (a(), s("g", Qt, [
-            g("defs", null, [
-              g("marker", {
+            u("defs", null, [
+              u("marker", {
                 id: `plot_arrow_${h}`,
                 markerWidth: 7,
                 markerHeight: 7,
@@ -1752,7 +1752,7 @@ function ti(r, l, o, d, t, e) {
                 refY: 7 / 2,
                 orient: "auto"
               }, [
-                g("polygon", {
+                u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: i.color
                 }, null, 8, $t)
@@ -1783,7 +1783,7 @@ function ti(r, l, o, d, t, e) {
             })), 9, tr)) : c("", !0)
           ])) : c("", !0)
         ], 6))), 128)),
-        (a(!0), s(u, null, m(e.lineSet, (i, h) => (a(), s("g", {
+        (a(!0), s(g, null, m(e.lineSet, (i, h) => (a(), s("g", {
           key: `serie_line_${h}`,
           class: B(`serie_line_${h}`),
           style: w(`opacity:${t.selectedScale ? t.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -1807,19 +1807,19 @@ function ti(r, l, o, d, t, e) {
           }, null, 8, ir)) : c("", !0)
         ], 6))), 128)),
         r.$slots.pattern ? (a(), s("defs", ar, [
-          (a(!0), s(u, null, m(e.safeDataset, (i, h) => S(r.$slots, "pattern", J({
+          (a(!0), s(g, null, m(e.safeDataset, (i, h) => S(r.$slots, "pattern", J({
             key: `serie_pattern_slot_${h}`,
             ref_for: !0
           }, { ...i, seriesIndex: i.slotAbsoluteIndex, patternId: `pattern_${t.uniqueId}_${h}` }), void 0, !0)), 128))
         ])) : c("", !0),
-        (a(!0), s(u, null, m(e.lineSet, (i, h) => (a(), s("g", {
+        (a(!0), s(g, null, m(e.lineSet, (i, h) => (a(), s("g", {
           key: `serie_line_${h}`,
           class: B(`serie_line_${h}`),
           style: w(`opacity:${t.selectedScale ? t.selectedScale === i.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           i.useArea && i.plots.length > 1 ? (a(), s("g", lr, [
-            i.smooth ? (a(), s(u, { key: 0 }, [
-              g("path", {
+            i.smooth ? (a(), s(g, { key: 0 }, [
+              u("path", {
                 d: `M ${i.plots[0] ? i.plots[0].x : Math.min(...i.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - i.yOffset : e.drawingArea.bottom} ${i.curve} L ${i.plots.at(-1) ? i.plots.at(-1).x : e.drawingArea.left + e.slot.line * h + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - i.yOffset : e.drawingArea.bottom} Z`,
                 fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(i.color, e.FINAL_CONFIG.line.area.opacity)
               }, null, 8, sr),
@@ -1828,8 +1828,8 @@ function ti(r, l, o, d, t, e) {
                 d: `M ${i.plots[0] ? i.plots[0].x : Math.min(...i.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - i.yOffset : e.drawingArea.bottom} ${i.curve} L ${i.plots.at(-1) ? i.plots.at(-1).x : e.drawingArea.left + e.slot.line * h + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - i.yOffset : e.drawingArea.bottom} Z`,
                 fill: `url(#pattern_${t.uniqueId}_${i.slotAbsoluteIndex})`
               }, null, 8, nr)) : c("", !0)
-            ], 64)) : (a(), s(u, { key: 1 }, [
-              g("path", {
+            ], 64)) : (a(), s(g, { key: 1 }, [
+              u("path", {
                 d: `M${i.area}Z`,
                 fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(i.color, e.FINAL_CONFIG.line.area.opacity)
               }, null, 8, hr),
@@ -1858,7 +1858,7 @@ function ti(r, l, o, d, t, e) {
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, null, 8, dr)) : c("", !0),
-          (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s(u, {
+          (a(!0), s(g, null, m(i.plots, (n, f) => (a(), s(g, {
             key: `circle_line_${h}_${f}`
           }, [
             !e.optimize.linePlot && n && e.canShowValue(n.value) || e.optimize.linePlot && n && e.canShowValue(n.value) && (t.selectedSerieIndex !== null && t.selectedSerieIndex === f || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === f) ? (a(), H(O, {
@@ -1878,7 +1878,7 @@ function ti(r, l, o, d, t, e) {
               x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              g("div", gr, [
+              u("div", gr, [
                 S(r.$slots, "plot-comment", {
                   plot: { ...n, color: i.color, seriesIndex: h, datapointIndex: f }
                 }, void 0, !0)
@@ -1886,8 +1886,8 @@ function ti(r, l, o, d, t, e) {
             ], 8, ur)) : c("", !0)
           ], 64))), 128)),
           Object.hasOwn(i, "useProgression") && i.useProgression === !0 && !isNaN(e.calcLinearProgression(i.plots).trend) ? (a(), s("g", fr, [
-            g("defs", null, [
-              g("marker", {
+            u("defs", null, [
+              u("marker", {
                 id: `line_arrow_${h}`,
                 markerWidth: 7,
                 markerHeight: 7,
@@ -1895,7 +1895,7 @@ function ti(r, l, o, d, t, e) {
                 refY: 7 / 2,
                 orient: "auto"
               }, [
-                g("polygon", {
+                u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: i.color
                 }, null, 8, mr)
@@ -1927,10 +1927,10 @@ function ti(r, l, o, d, t, e) {
           ])) : c("", !0)
         ], 6))), 128)),
         (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (a(), s("g", br, [
-          (a(!0), s(u, null, m(e.barSet, (i, h) => (a(), s(u, {
+          (a(!0), s(g, null, m(e.barSet, (i, h) => (a(), s(g, {
             key: `xLabel_bar_${h}`
           }, [
-            (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s(u, {
+            (a(!0), s(g, null, m(i.plots, (n, f) => (a(), s(g, {
               key: `xLabel_bar_${h}_${f}`
             }, [
               n && (!Object.hasOwn(i, "dataLabels") || i.dataLabels === !0 || t.selectedSerieIndex !== null && t.selectedSerieIndex === f || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === f) && e.FINAL_CONFIG.bar.labels.show ? (a(), s("text", {
@@ -1967,10 +1967,10 @@ function ti(r, l, o, d, t, e) {
           ], 64))), 128))
         ])) : c("", !0),
         e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (a(), s("g", Ar, [
-          (a(!0), s(u, null, m(e.plotSet, (i, h) => (a(), s(u, {
+          (a(!0), s(g, null, m(e.plotSet, (i, h) => (a(), s(g, {
             key: `xLabel_plot_${h}`
           }, [
-            (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s(u, {
+            (a(!0), s(g, null, m(i.plots, (n, f) => (a(), s(g, {
               key: `xLabel_plot_${h}_${f}`
             }, [
               n && !Object.hasOwn(i, "dataLabels") || i.dataLabels === !0 || t.selectedSerieIndex !== null && t.selectedSerieIndex === f || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === f ? (a(), s("text", {
@@ -2002,10 +2002,10 @@ function ti(r, l, o, d, t, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                g("div", {
+                u("div", {
                   style: w(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, k(i.name), 5)
-              ], 8, Lr)) : c("", !0),
+              ], 8, Cr)) : c("", !0),
               n && f === i.plots.length - 1 && i.useTag && i.useTag === "end" ? (a(), s("foreignObject", {
                 key: 2,
                 x: n.x - i.name.length * (t.fontSizes.plotLabels / 2),
@@ -2014,18 +2014,18 @@ function ti(r, l, o, d, t, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                g("div", {
+                u("div", {
                   style: w(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, k(i.name), 5)
-              ], 8, Cr)) : c("", !0)
+              ], 8, Lr)) : c("", !0)
             ], 64))), 128))
           ], 64))), 128))
         ])) : c("", !0),
         e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (a(), s("g", Sr, [
-          (a(!0), s(u, null, m(e.lineSet, (i, h) => (a(), s(u, {
+          (a(!0), s(g, null, m(e.lineSet, (i, h) => (a(), s(g, {
             key: `xLabel_line_${h}`
           }, [
-            (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s(u, {
+            (a(!0), s(g, null, m(i.plots, (n, f) => (a(), s(g, {
               key: `xLabel_line_${h}_${f}`
             }, [
               n && !Object.hasOwn(i, "dataLabels") || i.dataLabels === !0 || t.selectedSerieIndex !== null && t.selectedSerieIndex === f || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === f ? (a(), s("text", {
@@ -2057,7 +2057,7 @@ function ti(r, l, o, d, t, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                g("div", {
+                u("div", {
                   style: w(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, k(i.name), 5)
               ], 8, wr)) : c("", !0),
@@ -2069,17 +2069,17 @@ function ti(r, l, o, d, t, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                g("div", {
+                u("div", {
                   style: w(`padding: 3px; background:${e.setOpacity(i.color, 80)};color:${e.adaptColorToBackground(i.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, k(i.name), 5)
               ], 8, Or)) : c("", !0)
             ], 64))), 128))
           ], 64))), 128))
         ])) : c("", !0),
-        (a(!0), s(u, null, m(e.lineSet, (i, h) => (a(), s(u, {
+        (a(!0), s(g, null, m(e.lineSet, (i, h) => (a(), s(g, {
           key: `xLabel_line_${h}`
         }, [
-          (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s(u, {
+          (a(!0), s(g, null, m(i.plots, (n, f) => (a(), s(g, {
             key: `xLabel_line_${h}_${f}`
           }, [
             n && f === 0 && i.showSerieName && i.showSerieName === "start" ? (a(), s("text", {
@@ -2116,10 +2116,10 @@ function ti(r, l, o, d, t, e) {
             }, null, 8, vr)) : c("", !0)
           ], 64))), 128))
         ], 64))), 128)),
-        (a(!0), s(u, null, m(e.plotSet, (i, h) => (a(), s(u, {
+        (a(!0), s(g, null, m(e.plotSet, (i, h) => (a(), s(g, {
           key: `xLabel_plot_${h}`
         }, [
-          (a(!0), s(u, null, m(i.plots, (n, f) => (a(), s(u, {
+          (a(!0), s(g, null, m(i.plots, (n, f) => (a(), s(g, {
             key: `xLabel_plot_${h}_${f}`
           }, [
             n && f === 0 && i.showSerieName && i.showSerieName === "start" ? (a(), s("text", {
@@ -2156,16 +2156,38 @@ function ti(r, l, o, d, t, e) {
             }, null, 8, Mr)) : c("", !0)
           ], 64))), 128))
         ], 64))), 128)),
-        t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (a(!0), s(u, { key: 9 }, m(e.allScales, (i) => (a(), s("rect", {
-          x: i.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + e.xPadding,
-          y: e.drawingArea.top,
-          width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
-          height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
-          fill: t.selectedScale === i.id ? e.setOpacity(i.color, 20) : "transparent",
-          onMouseenter: (h) => t.selectedScale = i.id,
-          onMouseleave: l[0] || (l[0] = (h) => t.selectedScale = null)
-        }, null, 40, pr))), 256)) : c("", !0),
-        g("g", null, [
+        t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (a(), s(g, { key: 9 }, [
+          u("defs", null, [
+            (a(!0), s(g, null, m(e.allScales, (i, h) => (a(), s("linearGradient", {
+              id: `individual_scale_gradient_${t.uniqueId}_${h}`,
+              x1: "0%",
+              x2: "100%",
+              y1: "0%",
+              y2: "0%"
+            }, [
+              u("stop", {
+                offset: "0%",
+                "stop-color": e.FINAL_CONFIG.chart.backgroundColor,
+                "stop-opacity": "0"
+              }, null, 8, Tr),
+              u("stop", {
+                offset: "100%",
+                "stop-color": i.color,
+                "stop-opacity": "0.2"
+              }, null, 8, Pr)
+            ], 8, pr))), 256))
+          ]),
+          (a(!0), s(g, null, m(e.allScales, (i, h) => (a(), s("rect", {
+            x: i.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + e.xPadding,
+            y: e.drawingArea.top,
+            width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
+            height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
+            fill: t.selectedScale === i.id ? `url(#individual_scale_gradient_${t.uniqueId}_${h})` : "transparent",
+            onMouseenter: (n) => t.selectedScale = i.id,
+            onMouseleave: l[0] || (l[0] = (n) => t.selectedScale = null)
+          }, null, 40, Vr))), 256))
+        ], 64)) : c("", !0),
+        u("g", null, [
           e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !t.mutableConfig.useIndividualScale ? (a(), s("text", {
             key: 0,
             "font-size": t.fontSizes.yAxis,
@@ -2173,7 +2195,7 @@ function ti(r, l, o, d, t, e) {
             transform: `translate(${t.fontSizes.yAxis + e.FINAL_CONFIG.chart.grid.labels.axis.yLabelOffsetX}, ${e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`,
             "text-anchor": "middle",
             style: { transition: "none" }
-          }, k(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Tr)) : c("", !0),
+          }, k(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Rr)) : c("", !0),
           e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (a(), s("text", {
             key: 1,
             "text-anchor": "middle",
@@ -2181,11 +2203,11 @@ function ti(r, l, o, d, t, e) {
             y: e.drawingArea.bottom + t.fontSizes.yAxis + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.axis.xLabelOffsetY,
             "font-size": t.fontSizes.yAxis,
             fill: e.FINAL_CONFIG.chart.grid.labels.color
-          }, k(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Pr)) : c("", !0)
+          }, k(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Dr)) : c("", !0)
         ]),
         l[9] || (l[9] = Z('v-for="(label, i) in timeLabels" :key="`time_label_${i}`" ')),
-        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (a(), s("g", Vr, [
-          r.$slots["time-label"] ? (a(!0), s(u, { key: 0 }, m(e.timeLabels, (i, h) => S(r.$slots, "time-label", J({
+        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (a(), s("g", Hr, [
+          r.$slots["time-label"] ? (a(!0), s(g, { key: 0 }, m(e.timeLabels, (i, h) => S(r.$slots, "time-label", J({
             key: `time_label_${h}`,
             ref_for: !0
           }, {
@@ -2198,7 +2220,7 @@ function ti(r, l, o, d, t, e) {
             content: i.text,
             textAnchor: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
             show: i && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || i && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (h === 0 || h === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || i && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && t.selectedSerieIndex === h && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || i && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && h % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0
-          }), void 0, !0)), 128)) : (a(!0), s(u, { key: 1 }, m(e.timeLabels, (i, h) => (a(), s("g", {
+          }), void 0, !0)), 128)) : (a(!0), s(g, { key: 1 }, m(e.timeLabels, (i, h) => (a(), s("g", {
             key: `time_label_${h}`
           }, [
             i && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || i && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (h === 0 || h === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || i && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && t.selectedSerieIndex === h && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || i && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && h % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (a(), s("text", {
@@ -2211,11 +2233,11 @@ function ti(r, l, o, d, t, e) {
                 cursor: "pointer"
               },
               onClick: () => e.selectTimeLabel(i, h)
-            }, k(i.text || ""), 9, Rr)) : c("", !0)
+            }, k(i.text || ""), 9, Br)) : c("", !0)
           ]))), 128))
         ])) : c("", !0),
-        g("g", null, [
-          (a(!0), s(u, null, m(e.maxSeries, (i, h) => (a(), s("rect", {
+        u("g", null, [
+          (a(!0), s(g, null, m(e.maxSeries, (i, h) => (a(), s("rect", {
             key: `tooltip_trap_${h}`,
             x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * h,
             y: e.drawingArea.top,
@@ -2225,9 +2247,9 @@ function ti(r, l, o, d, t, e) {
             onMouseenter: (n) => e.toggleTooltipVisibility(!0, h),
             onMouseleave: l[1] || (l[1] = (n) => e.toggleTooltipVisibility(!1)),
             onClick: (n) => e.selectX(h)
-          }, null, 40, Dr))), 128))
+          }, null, 40, Wr))), 128))
         ]),
-        e.FINAL_CONFIG.chart.timeTag.show && (![null, void 0].includes(t.selectedSerieIndex) || ![null, void 0].includes(t.selectedMinimapIndex)) ? (a(), s("g", Hr, [
+        e.FINAL_CONFIG.chart.timeTag.show && (![null, void 0].includes(t.selectedSerieIndex) || ![null, void 0].includes(t.selectedMinimapIndex)) ? (a(), s("g", Er, [
           (a(), s("foreignObject", {
             x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)) - 100 + e.drawingArea.width / e.maxSeries / 2,
             y: e.drawingArea.bottom,
@@ -2235,22 +2257,22 @@ function ti(r, l, o, d, t, e) {
             height: "40",
             style: { overflow: "visible !important" }
           }, [
-            g("div", {
+            u("div", {
               class: "vue-ui-xy-time-tag",
               style: w(`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`)
             }, k(e.timeLabels[(t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)].text || (t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)), 5)
-          ], 8, Br)),
-          g("circle", {
+          ], 8, Yr)),
+          u("circle", {
             cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.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, Wr)
+          }, null, 8, qr)
         ])) : c("", !0)
       ])) : c("", !0),
       S(r.$slots, "svg", { svg: e.svg }, void 0, !0)
     ], 14, je)) : c("", !0),
-    r.$slots.watermark ? (a(), s("div", Er, [
+    r.$slots.watermark ? (a(), s("div", Xr, [
       S(r.$slots, "watermark", W(E({ isPrinting: t.isPrinting || t.isImaging })), void 0, !0)
     ])) : c("", !0),
     e.isDataset ? c("", !0) : (a(), H(G, {
@@ -2318,13 +2340,13 @@ function ti(r, l, o, d, t, e) {
       class: "vue-ui-xy-legend",
       style: w(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
     }, [
-      (a(!0), s(u, null, m(e.absoluteDataset, (i, h) => (a(), s("div", {
+      (a(!0), s(g, null, m(e.absoluteDataset, (i, h) => (a(), s("div", {
         key: `div_legend_item_${h}`,
         onClick: (n) => e.segregate(i),
         class: B({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(i.id) })
       }, [
-        t.icons[i.type] === "line" ? (a(), s("svg", qr, [
-          g("rect", {
+        t.icons[i.type] === "line" ? (a(), s("svg", Zr, [
+          u("rect", {
             x: "0",
             y: "7.5",
             rx: "1.5",
@@ -2333,7 +2355,7 @@ function ti(r, l, o, d, t, e) {
             height: "3",
             width: "20",
             fill: i.color
-          }, null, 8, Xr),
+          }, null, 8, Jr),
           Y(O, {
             plot: { x: 10, y: 9 },
             radius: 4,
@@ -2342,7 +2364,7 @@ function ti(r, l, o, d, t, e) {
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             strokeWidth: 0.5
           }, null, 8, ["color", "shape", "stroke"])
-        ])) : t.icons[i.type] === "bar" ? (a(), s("svg", Ur, [
+        ])) : t.icons[i.type] === "bar" ? (a(), s("svg", Kr, [
           t.icons[i.type] === "bar" && r.$slots.pattern ? (a(), s("rect", {
             key: 0,
             x: "0",
@@ -2352,7 +2374,7 @@ function ti(r, l, o, d, t, e) {
             width: "40",
             stroke: "none",
             fill: i.color
-          }, null, 8, Zr)) : c("", !0),
+          }, null, 8, Qr)) : c("", !0),
           t.icons[i.type] === "bar" ? (a(), s("rect", {
             key: 1,
             x: "0",
@@ -2362,8 +2384,8 @@ function ti(r, l, o, d, t, e) {
             width: "40",
             stroke: "none",
             fill: r.$slots.pattern ? `url(#pattern_${t.uniqueId}_${i.slotAbsoluteIndex})` : i.color
-          }, null, 8, Jr)) : c("", !0)
-        ])) : (a(), s("svg", Kr, [
+          }, null, 8, jr)) : c("", !0)
+        ])) : (a(), s("svg", $r, [
           Y(O, {
             plot: { x: 6, y: 6 },
             radius: 5,
@@ -2371,14 +2393,14 @@ function ti(r, l, o, d, t, e) {
             shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(i.shape) ? i.shape : "circle"
           }, null, 8, ["color", "shape"])
         ])),
-        g("span", {
+        u("span", {
           style: w(`color:${e.FINAL_CONFIG.chart.legend.color}`)
         }, k(i.name), 5)
-      ], 10, Yr))), 128))
-    ], 4)) : (a(), s("div", Qr, [
+      ], 10, Ur))), 128))
+    ], 4)) : (a(), s("div", ei, [
       S(r.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
-    r.$slots.source ? (a(), s("div", jr, [
+    r.$slots.source ? (a(), s("div", ti, [
       S(r.$slots, "source", {}, void 0, !0)
     ], 512)) : c("", !0),
     Y(v, {
@@ -2422,17 +2444,17 @@ function ti(r, l, o, d, t, e) {
       }
     }, {
       content: P(() => [
-        g("div", {
+        u("div", {
           style: w(`${t.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
-          g("div", $r, [
-            qe(g("input", {
+          u("div", ri, [
+            qe(u("input", {
               type: "checkbox",
               "onUpdate:modelValue": l[4] || (l[4] = (i) => t.showSparklineTable = i)
             }, null, 512), [
               [Xe, t.showSparklineTable]
             ]),
-            g("div", {
+            u("div", {
               onClick: l[5] || (l[5] = (i) => t.showSparklineTable = !t.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
@@ -2443,7 +2465,7 @@ function ti(r, l, o, d, t, e) {
               }, null, 8, ["stroke"])
             ])
           ]),
-          t.showSparklineTable ? (a(), H(L, {
+          t.showSparklineTable ? (a(), H(C, {
             key: `sparkline_${t.segregateStep}`,
             dataset: e.tableSparklineDataset,
             config: e.tableSparklineConfig
@@ -2457,7 +2479,7 @@ function ti(r, l, o, d, t, e) {
             onClose: l[6] || (l[6] = (i) => t.mutableConfig.showTable = !1)
           }, {
             th: P(({ th: i }) => [
-              g("div", { innerHTML: i }, null, 8, ei)
+              u("div", { innerHTML: i }, null, 8, ii)
             ]),
             td: P(({ td: i }) => [
               Z(k(isNaN(Number(i)) ? i : e.dataLabel({
@@ -2475,7 +2497,7 @@ function ti(r, l, o, d, t, e) {
     }, 8, ["config"])) : c("", !0)
   ], 46, Ke);
 }
-const xi = /* @__PURE__ */ Ue(Je, [["render", ti], ["__scopeId", "data-v-0e565f0e"]]);
+const _i = /* @__PURE__ */ Ue(Je, [["render", ai], ["__scopeId", "data-v-e90b980f"]]);
 export {
-  xi as default
+  _i as default
 };