vue-data-ui 2.6.6 → 2.6.8

package/dist/{vue-ui-xy-DYzfiZnJ.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 Ce, L as Le, u as Se, c as K, p as ke, B as we, a as Oe, t as Ge } from "./index-B9qF6XbP.js";
-import { D as ve } from "./DataTable-CJN0sipt.js";
-import { _ as ze } from "./Title-D6h1gTvZ.js";
-import { u as Me, _ as pe } from "./Tooltip-BonEVaob.js";
-import { U as Te } from "./usePrinter-DsiBLAy1.js";
-import { _ as Pe } from "./Shape-C_qIhG3J.js";
-import Ve from "./BaseIcon-t20JEZNG.js";
-import Re from "./vue-ui-table-sparkline-DUjDhg8A.js";
-import De from "./vue-ui-skeleton-CHEZlRpn.js";
-import { S as He } from "./Slicer-BQP3UIW-.js";
-import Be from "./vue-ui-accordion-DBmchkva.js";
-import { u as U } from "./useNestedProp-g5oKzlVy.js";
-import { _ as We } from "./PackageVersion-DqmHcoqz.js";
-import { P as Ee } from "./PenAndPaper-6UYizrkQ.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",
@@ -155,6 +155,10 @@ const Ze = K(), Je = {
     }
   },
   computed: {
+    chartAriaLabel() {
+      const r = this.FINAL_CONFIG.chart.title.text || "Chart visualization", l = this.FINAL_CONFIG.chart.title.subtitle.text || "";
+      return `${r}. ${l}`;
+    },
     optimize() {
       return {
         linePlot: this.maxSeries > this.FINAL_CONFIG.line.dot.hideAboveMaxSerieLength
@@ -1101,39 +1105,39 @@ const Ze = K(), Je = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%; background:transparent"
-}, je = ["viewBox"], $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 = ["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) {
+}, 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}`,
@@ -1279,7 +1283,10 @@ function ti(r, l, o, d, t, e) {
       class: B([{ "vue-data-ui-fullscreen--on": t.isFullscreen, "vue-data-ui-fulscreen--off": !t.isFullscreen }, "vue-ui-xy-svg"]),
       width: "100%",
       viewBox: t.viewBox,
-      style: w(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
+      style: w(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`),
+      "aria-label": e.chartAriaLabel,
+      role: "img",
+      "aria-live": "polite"
     }, [
       Y(A),
       r.$slots["chart-background"] ? (a(), s("foreignObject", {
@@ -1295,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,
@@ -1306,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),
@@ -1315,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),
@@ -1324,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,
@@ -1336,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),
@@ -1348,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,
@@ -1359,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%",
@@ -1410,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%",
@@ -1431,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, Lt),
-            g("stop", {
+            u("stop", {
               offset: "100%",
               "stop-color": `${e.setOpacity(i.color, e.FINAL_CONFIG.line.area.opacity)}`
             }, null, 8, St)
           ], 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
@@ -1481,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,
@@ -1500,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", {
@@ -1544,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,
@@ -1553,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)
@@ -1595,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),
@@ -1622,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),
@@ -1635,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),
@@ -1653,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,
@@ -1671,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", {
@@ -1703,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, {
@@ -1728,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)
@@ -1736,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,
@@ -1745,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)
@@ -1776,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`)
@@ -1800,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),
@@ -1821,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),
@@ -1851,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, {
@@ -1871,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)
@@ -1879,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,
@@ -1888,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)
@@ -1920,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", {
@@ -1960,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", {
@@ -1995,7 +2002,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, Cr)) : c("", !0),
@@ -2007,7 +2014,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, Lr)) : c("", !0)
@@ -2015,10 +2022,10 @@ function ti(r, l, o, d, t, e) {
           ], 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", {
@@ -2050,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),
@@ -2062,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", {
@@ -2109,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", {
@@ -2149,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,
@@ -2166,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",
@@ -2174,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
           }, {
@@ -2191,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", {
@@ -2204,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,
@@ -2218,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,
@@ -2228,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, {
@@ -2311,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",
@@ -2326,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,
@@ -2335,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",
@@ -2345,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",
@@ -2355,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,
@@ -2364,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, {
@@ -2415,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" }
             }, [
@@ -2450,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({
@@ -2468,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-b464dbc0"]]);
+const _i = /* @__PURE__ */ Ue(Je, [["render", ai], ["__scopeId", "data-v-e90b980f"]]);
 export {
-  xi as default
+  _i as default
 };