vue-data-ui 3.15.2 → 3.15.4

package/dist/{vue-ui-xy-CnJ3_k9V.js → vue-ui-xy-dHUxRUHR.js}

@@ -1,34 +1,34 @@
-import { defineAsyncComponent as We, useSlots as Rr, getCurrentInstance as Er, ref as g, shallowRef as Hr, computed as m, onMounted as Ol, toRefs as Wr, watch as hl, watchEffect as da, nextTick as Nl, onBeforeUnmount as Ba, createElementBlock as i, openBlock as u, normalizeStyle as w, normalizeClass as ll, createBlock as Se, createCommentVNode as h, createElementVNode as p, createVNode as fl, renderSlot as P, unref as v, withCtx as X, normalizeProps as me, guardReactiveProps as be, createSlots as oo, Fragment as d, renderList as k, mergeProps as al, toDisplayString as te, Teleport as Yr, resolveDynamicComponent as Xr, withDirectives as Gr, vModelCheckbox as qr, createTextVNode as ro } from "vue";
-import { c as Oa, g as Na, t as so, k as Ur, N as Pl, O as tl, m as no, j as Pa, P as ha, Q as W, R as Da, S as Zr, T as Jr, U as N, z as uo, A as io, B as co, C as vo, V as Kr, W as Qr, Y as jr, Z as ho, _ as fo, a as ue, $ as es, y as go, a0 as ls, b as mo, e as Ne, d as Pe, h as ol, s as ze, G as as, x as Ye, H as fa, n as Ae, a1 as ts, a2 as Xe, a3 as Dl, i as os, o as bo, v as rs, r as ss, a4 as gl } from "./lib-swBj76n5.js";
+import { defineAsyncComponent as We, useSlots as Rr, getCurrentInstance as Er, ref as g, shallowRef as Hr, computed as m, onMounted as Ol, toRefs as Wr, watch as hl, watchEffect as da, nextTick as Nl, onBeforeUnmount as Ba, createElementBlock as i, openBlock as n, normalizeStyle as _, normalizeClass as ll, createBlock as Se, createCommentVNode as h, createElementVNode as p, createVNode as fl, renderSlot as D, unref as v, withCtx as X, normalizeProps as me, guardReactiveProps as be, createSlots as ro, Fragment as d, renderList as y, mergeProps as al, toDisplayString as te, Teleport as Yr, resolveDynamicComponent as Xr, withDirectives as Gr, vModelCheckbox as qr, createTextVNode as so } from "vue";
+import { c as Oa, g as Na, t as uo, k as Ur, N as Pl, O as tl, m as Pa, j as Da, P as ha, Q as W, R as Va, S as Zr, T as Jr, U as P, z as no, A as io, B as co, C as vo, V as Kr, W as Qr, Y as jr, Z as ho, _ as fo, a as ne, $ as es, y as go, a0 as ls, b as mo, e as Ne, d as Pe, h as ol, s as ze, a1 as as, G as ts, x as Ye, H as fa, n as Ae, a2 as os, a3 as Xe, a4 as Dl, i as rs, o as bo, v as ss, r as us, a5 as gl } from "./lib-CM2Ky_IJ.js";
 import { u as po, a as xo, b as ns } from "./useTimeLabels-C-A2uZKi.js";
-import { u as us, a as Vl } from "./useNestedProp-C4DkSVBD.js";
-import { u as is } from "./usePrinter-QiKp5Ju-.js";
-import { u as cs, B as vs } from "./BaseScanner-BMpwQAfz.js";
-import { u as ds } from "./useSvgExport-ByUukOZt.js";
-import { u as hs } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as fs } from "./useStableElementSize-DCNs0Tx7.js";
-import { u as gs } from "./useTimeLabelCollider-CIsgDrl9.js";
-import ms from "./img-B3Q1YZJp.js";
-import bs from "./Title-CPGrE3wX.js";
-import { _ as ga } from "./Shape-BJqALJx8.js";
-import { S as ps } from "./SlicerPreview-CmCzvLqB.js";
-import xs from "./vue-ui-accordion-BThBDDTd.js";
-import { B as ys } from "./BaseLegendToggle-C7HjMSKe.js";
-import { _ as ks } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1, showHorizontalLines: !1 }, legend: { show: !1 }, zoom: { minimap: { show: !0 } } }, line: { useGradient: !1, area: { useGradient: !1 } }, bar: { useGradient: !1 }, plot: { useGradient: !1 } }, ko = { chart: { userOptions: { show: !1 }, backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { show: !0, selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, timeTag: { backgroundColor: "#2A2A2A", color: "#CCCCCC", circleMarker: { color: "#2A2A2A" } }, grid: { stroke: "#5A5A5A", showVerticalLines: !1, labels: { color: "#CCCCCC", xAxisLabels: { color: "#CCCCCC" } } }, legend: { show: !1, color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } }, bar: { useGradient: !1, border: { stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" }, serieName: { color: "#CCCCCC" } }, line: { useGradient: !1, labels: { color: "#CCCCCC" }, area: { useGradient: !1 } }, plot: { useGradient: !1, labels: { color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Co = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, timeTag: { backgroundColor: "#2A2A2A", color: "#CCCCCC", circleMarker: { color: "#2A2A2A" } }, grid: { stroke: "#5A5A5A", showVerticalLines: !1, labels: { color: "#CCCCCC", xAxisLabels: { color: "#CCCCCC" } } }, legend: { color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } }, bar: { border: { stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" }, serieName: { color: "#CCCCCC" } }, line: { labels: { color: "#CCCCCC" } }, plot: { labels: { color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, wo = { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#424242", indicatorColor: "#FF8A65" } }, highlighter: { color: "#424242" }, timeTag: { backgroundColor: "#424242", color: "#FFF8E1", circleMarker: { color: "#424242" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#424242", xAxisLabels: { color: "#424242" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#424242", selectAllToggle: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#FFF8E1" }, labels: { color: "#424242" }, serieName: { color: "#424242" } }, line: { labels: { color: "#424242" } }, plot: { labels: { color: "#424242" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, _o = { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#FF6B6B", indicatorColor: "#FF8A65" } }, highlighter: { color: "#FFF8E1" }, timeTag: { backgroundColor: "#5D4037", color: "#FFF8E1", circleMarker: { color: "#5D4037" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#BDBDBD", xAxisLabels: { color: "#BDBDBD" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#BDBDBD", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#BDBDBD" } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#1E1E1E" }, labels: { color: "#BDBDBD" }, serieName: { color: "#BDBDBD" } }, line: { labels: { color: "#BDBDBD" } }, plot: { labels: { color: "#BDBDBD" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, So = { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, timeTag: { backgroundColor: "#1A1A1A", color: "#66CC66", circleMarker: { color: "#66CC66" } }, grid: { stroke: "#5F6A5F", showVerticalLines: !1, labels: { color: "#99AA99", xAxisLabels: { color: "#99AA99" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#99AA99", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#99AA99" } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } }, bar: { borderRadius: 0, border: { stroke: "#66CC66" }, labels: { color: "#AACCAA" }, serieName: { color: "#99CC99" } }, line: { labels: { color: "#AACCAA" } }, plot: { labels: { color: "#AACCAA" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ao = { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, timeTag: { backgroundColor: "#fbfafa", color: "#8A9892", circleMarker: { color: "#8A9892" } }, grid: { stroke: "transparent", labels: { show: !1, color: "#99AA99", xAxisLabels: { show: !1, color: "#99AA99" }, zeroLine: { show: !1 }, yAxis: { showBaseline: !1 } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99", selectAllToggle: { backgroundColor: "#E0CFC3", color: "#8F837A" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, bar: { borderRadius: 4, border: { stroke: "#D7E0D2" }, labels: { color: "#8F837A" }, serieName: { color: "#858480" } }, line: { labels: { color: "#8F837A" } }, plot: { labels: { color: "#8F837A" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, $o = { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, timeTag: { backgroundColor: "#f6f6fb", color: "#50606C", circleMarker: { color: "#50606C" } }, grid: { stroke: "#829C98", showVerticalLines: !0, showHorizontalLines: !0, labels: { color: "#50606C", xAxisLabels: { color: "#50606C" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E", selectAllToggle: { backgroundColor: "#50606C", color: "#f6f6fb" } }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, bar: { borderRadius: 2, border: { stroke: "#404C4D" }, labels: { color: "#50606C" }, serieName: { color: "#61747E" } }, line: { labels: { color: "#50606C" } }, plot: { labels: { color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Lo = {
+import { u as is, a as Vl } from "./useNestedProp-CjM7zaEZ.js";
+import { u as cs } from "./usePrinter-CFeOnrt8.js";
+import { u as vs, B as ds } from "./BaseScanner-BMpwQAfz.js";
+import { u as hs } from "./useSvgExport-ByUukOZt.js";
+import { u as fs } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as gs } from "./useStableElementSize-DCNs0Tx7.js";
+import { u as ms } from "./useTimeLabelCollider-CIsgDrl9.js";
+import bs from "./img-CaBQSH60.js";
+import ps from "./Title-B7pGMRI9.js";
+import { _ as ga } from "./Shape-B1p-qP2S.js";
+import { S as xs } from "./SlicerPreview-B4DP0TOv.js";
+import ys from "./vue-ui-accordion-C5aFnqjM.js";
+import { B as ks } from "./BaseLegendToggle-BBqvZhDh.js";
+import { _ as Cs } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1, showHorizontalLines: !1 }, legend: { show: !1 }, zoom: { minimap: { show: !0 } } }, line: { useGradient: !1, area: { useGradient: !1 } }, bar: { useGradient: !1 }, plot: { useGradient: !1 } }, ko = { chart: { userOptions: { show: !1 }, backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { show: !0, selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, timeTag: { backgroundColor: "#2A2A2A", color: "#CCCCCC", circleMarker: { color: "#2A2A2A" } }, grid: { stroke: "#5A5A5A", showVerticalLines: !1, labels: { color: "#CCCCCC", xAxisLabels: { color: "#CCCCCC" } } }, legend: { show: !1, color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } }, bar: { useGradient: !1, border: { stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" }, serieName: { color: "#CCCCCC" } }, line: { useGradient: !1, labels: { color: "#CCCCCC" }, area: { useGradient: !1 } }, plot: { useGradient: !1, labels: { color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Co = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, timeTag: { backgroundColor: "#2A2A2A", color: "#CCCCCC", circleMarker: { color: "#2A2A2A" } }, grid: { stroke: "#5A5A5A", showVerticalLines: !1, labels: { color: "#CCCCCC", xAxisLabels: { color: "#CCCCCC" } } }, legend: { color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } }, bar: { border: { stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" }, serieName: { color: "#CCCCCC" } }, line: { labels: { color: "#CCCCCC" } }, plot: { labels: { color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, _o = { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#424242", indicatorColor: "#FF8A65" } }, highlighter: { color: "#424242" }, timeTag: { backgroundColor: "#424242", color: "#FFF8E1", circleMarker: { color: "#424242" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#424242", xAxisLabels: { color: "#424242" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#424242", selectAllToggle: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#FFF8E1" }, labels: { color: "#424242" }, serieName: { color: "#424242" } }, line: { labels: { color: "#424242" } }, plot: { labels: { color: "#424242" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, wo = { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#FF6B6B", indicatorColor: "#FF8A65" } }, highlighter: { color: "#FFF8E1" }, timeTag: { backgroundColor: "#5D4037", color: "#FFF8E1", circleMarker: { color: "#5D4037" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#BDBDBD", xAxisLabels: { color: "#BDBDBD" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#BDBDBD", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#BDBDBD" } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#1E1E1E" }, labels: { color: "#BDBDBD" }, serieName: { color: "#BDBDBD" } }, line: { labels: { color: "#BDBDBD" } }, plot: { labels: { color: "#BDBDBD" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, So = { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, timeTag: { backgroundColor: "#1A1A1A", color: "#66CC66", circleMarker: { color: "#66CC66" } }, grid: { stroke: "#5F6A5F", showVerticalLines: !1, labels: { color: "#99AA99", xAxisLabels: { color: "#99AA99" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#99AA99", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#99AA99" } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } }, bar: { borderRadius: 0, border: { stroke: "#66CC66" }, labels: { color: "#AACCAA" }, serieName: { color: "#99CC99" } }, line: { labels: { color: "#AACCAA" } }, plot: { labels: { color: "#AACCAA" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ao = { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, timeTag: { backgroundColor: "#fbfafa", color: "#8A9892", circleMarker: { color: "#8A9892" } }, grid: { stroke: "transparent", labels: { show: !1, color: "#99AA99", xAxisLabels: { show: !1, color: "#99AA99" }, zeroLine: { show: !1 }, yAxis: { showBaseline: !1 } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99", selectAllToggle: { backgroundColor: "#E0CFC3", color: "#8F837A" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, bar: { borderRadius: 4, border: { stroke: "#D7E0D2" }, labels: { color: "#8F837A" }, serieName: { color: "#858480" } }, line: { labels: { color: "#8F837A" } }, plot: { labels: { color: "#8F837A" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, $o = { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, timeTag: { backgroundColor: "#f6f6fb", color: "#50606C", circleMarker: { color: "#50606C" } }, grid: { stroke: "#829C98", showVerticalLines: !0, showHorizontalLines: !0, labels: { color: "#50606C", xAxisLabels: { color: "#50606C" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E", selectAllToggle: { backgroundColor: "#50606C", color: "#f6f6fb" } }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, bar: { borderRadius: 2, border: { stroke: "#404C4D" }, labels: { color: "#50606C" }, serieName: { color: "#61747E" } }, line: { labels: { color: "#50606C" } }, plot: { labels: { color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Lo = {
   default: {},
   minimal: yo,
   minimalDark: ko,
   dark: Co,
-  celebration: wo,
-  celebrationNight: _o,
+  celebration: _o,
+  celebrationNight: wo,
   hack: So,
   zen: Ao,
   concrete: $o
-}, pi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ci = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: wo,
-  celebrationNight: _o,
+  celebration: _o,
+  celebrationNight: wo,
   concrete: $o,
   dark: Co,
   default: Lo,
@@ -36,51 +36,51 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
   minimal: yo,
   minimalDark: ko,
   zen: Ao
-}, Symbol.toStringTag, { value: "Module" })), Cs = ["id"], ws = ["id"], _s = ["viewBox", "aria-label"], Ss = ["x", "y", "width", "height"], As = { key: 1 }, $s = { class: "vue-ui-xy-grid" }, Ls = ["stroke", "x1", "x2", "y1", "y2"], Ms = ["stroke", "x1", "x2", "y1", "y2"], Ts = { key: 1 }, zs = ["x1", "x2", "y1", "y2", "stroke"], Is = ["x1", "x2", "y1", "y2", "stroke"], Fs = ["x1", "x2", "y1", "y2", "stroke"], Bs = { key: 3 }, Os = ["d", "stroke"], Ns = { key: 4 }, Ps = ["d", "stroke"], Ds = ["id"], Vs = ["stop-color"], Rs = ["stop-color"], Es = ["stop-color"], Hs = ["id"], Ws = ["stop-color"], Ys = ["stop-color"], Xs = ["stop-color"], Gs = ["id"], qs = ["stop-color"], Us = ["stop-color"], Zs = ["id"], Js = ["stop-color"], Ks = ["stop-color"], Qs = ["id"], js = ["stop-color"], en = ["stop-color"], ln = ["x", "y", "height", "width", "fill"], an = ["x", "y", "width"], tn = { key: 0 }, on = ["x", "y", "height", "width", "fill"], rn = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], sn = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], nn = ["width", "x", "y"], un = ["stroke", "x1", "x2", "y1", "y2"], cn = { key: 3 }, vn = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], dn = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], hn = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fn = ["fill", "font-size", "transform"], gn = ["x1", "x2", "y1", "y2", "stroke"], mn = ["x", "y", "font-size", "fill"], bn = ["x1", "x2", "y1", "y2", "stroke"], pn = ["x", "y", "font-size", "fill"], xn = ["width", "x", "y"], yn = { style: { width: "100%" } }, kn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Cn = ["d", "stroke", "stroke-width", "stroke-dasharray"], wn = { key: 6 }, _n = { key: 7 }, Sn = ["d", "fill", "fill-opacity"], An = { key: 0 }, $n = ["d", "fill"], Ln = ["d", "fill"], Mn = ["d", "fill"], Tn = ["d", "fill"], zn = ["d", "stroke", "stroke-width", "stroke-dasharray"], In = ["d", "stroke", "stroke-width", "stroke-dasharray"], Fn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Bn = ["d", "stroke", "stroke-width", "stroke-dasharray"], On = ["width", "x", "y"], Nn = { style: { width: "100%" } }, Pn = { key: 8 }, Dn = ["x", "y", "font-size", "fill"], Vn = ["x", "y", "font-size", "fill", "font-weight"], Rn = { key: 9 }, En = ["x", "y", "font-size", "fill"], Hn = { key: 10 }, Wn = ["x", "y"], Yn = ["innerHTML"], Xn = ["x", "y"], Gn = ["innerHTML"], qn = ["x1", "x2", "y1", "y2", "stroke"], Un = { key: 11 }, Zn = ["x", "y", "font-size", "fill"], Jn = { key: 12 }, Kn = ["x", "y"], Qn = ["innerHTML"], jn = ["x", "y"], eu = ["innerHTML"], lu = ["x1", "x2", "y1", "y2", "stroke"], au = ["x", "y", "font-size", "fill", "innerHTML"], tu = ["x", "y", "font-size", "fill", "innerHTML"], ou = ["x", "y", "font-size", "fill", "innerHTML"], ru = ["x", "y", "font-size", "fill", "innerHTML"], su = { key: 0 }, nu = ["id"], uu = ["fill", "stroke"], iu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], cu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], vu = ["x", "y", "font-size", "fill", "stroke"], du = ["id"], hu = ["stop-color"], fu = ["stop-color"], gu = ["x", "y", "width", "height", "fill", "onMouseenter"], mu = ["font-size", "fill", "transform"], bu = ["x", "y", "font-size", "fill"], pu = ["text-anchor", "font-size", "fill", "transform", "onClick"], xu = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], yu = { key: 15 }, ku = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Cu = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], wu = ["y", "x", "width", "height", "fill"], _u = ["id", "x", "y", "font-size", "fill", "text-anchor"], Su = {
+}, Symbol.toStringTag, { value: "Module" })), _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], As = ["x", "y", "width", "height"], $s = { key: 1 }, Ls = { class: "vue-ui-xy-grid" }, Ms = ["stroke", "x1", "x2", "y1", "y2"], Ts = ["stroke", "x1", "x2", "y1", "y2"], zs = { key: 1 }, Is = ["x1", "x2", "y1", "y2", "stroke"], Fs = ["x1", "x2", "y1", "y2", "stroke"], Bs = ["x1", "x2", "y1", "y2", "stroke"], Os = { key: 3 }, Ns = ["d", "stroke"], Ps = { key: 4 }, Ds = ["d", "stroke"], Vs = ["id"], Rs = ["stop-color"], Es = ["stop-color"], Hs = ["stop-color"], Ws = ["id"], Ys = ["stop-color"], Xs = ["stop-color"], Gs = ["stop-color"], qs = ["id"], Us = ["stop-color"], Zs = ["stop-color"], Js = ["id"], Ks = ["stop-color"], Qs = ["stop-color"], js = ["id"], eu = ["stop-color"], lu = ["stop-color"], au = { key: 0 }, tu = ["id"], ou = ["stop-color", "offset"], ru = ["x", "y", "height", "width", "fill"], su = ["x", "y", "width"], uu = { key: 0 }, nu = ["x", "y", "height", "width", "fill"], iu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], cu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], vu = ["width", "x", "y"], du = ["stroke", "x1", "x2", "y1", "y2"], hu = { key: 3 }, fu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], gu = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], mu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bu = ["fill", "font-size", "transform"], pu = ["x1", "x2", "y1", "y2", "stroke"], xu = ["x", "y", "font-size", "fill"], yu = ["x1", "x2", "y1", "y2", "stroke"], ku = ["x", "y", "font-size", "fill"], Cu = ["width", "x", "y"], _u = { style: { width: "100%" } }, wu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Su = ["d", "stroke", "stroke-width", "stroke-dasharray"], Au = { key: 6 }, $u = { key: 7 }, Lu = ["d", "fill", "fill-opacity"], Mu = { key: 0 }, Tu = ["d", "fill"], zu = ["d", "fill"], Iu = ["d", "fill"], Fu = ["d", "fill"], Bu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ou = ["d", "stroke", "stroke-width", "stroke-dasharray"], Nu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Pu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Du = ["width", "x", "y"], Vu = { style: { width: "100%" } }, Ru = { key: 8 }, Eu = ["x", "y", "font-size", "fill"], Hu = ["x", "y", "font-size", "fill", "font-weight"], Wu = { key: 9 }, Yu = ["x", "y", "font-size", "fill"], Xu = { key: 10 }, Gu = ["x", "y"], qu = ["innerHTML"], Uu = ["x", "y"], Zu = ["innerHTML"], Ju = ["x1", "x2", "y1", "y2", "stroke"], Ku = { key: 11 }, Qu = ["x", "y", "font-size", "fill"], ju = { key: 12 }, en = ["x", "y"], ln = ["innerHTML"], an = ["x", "y"], tn = ["innerHTML"], on = ["x1", "x2", "y1", "y2", "stroke"], rn = ["x", "y", "font-size", "fill", "innerHTML"], sn = ["x", "y", "font-size", "fill", "innerHTML"], un = ["x", "y", "font-size", "fill", "innerHTML"], nn = ["x", "y", "font-size", "fill", "innerHTML"], cn = { key: 0 }, vn = ["id"], dn = ["fill", "stroke"], hn = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], fn = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], gn = ["x", "y", "font-size", "fill", "stroke"], mn = ["id"], bn = ["stop-color"], pn = ["stop-color"], xn = ["x", "y", "width", "height", "fill", "onMouseenter"], yn = ["font-size", "fill", "transform"], kn = ["x", "y", "font-size", "fill"], Cn = ["text-anchor", "font-size", "fill", "transform", "onClick"], _n = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], wn = { key: 15 }, Sn = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], An = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], $n = ["y", "x", "width", "height", "fill"], Ln = ["id", "x", "y", "font-size", "fill", "text-anchor"], Mn = {
   key: 16,
   style: { "pointer-events": "none" }
-}, Au = ["x", "y"], $u = ["innerHTML"], Lu = ["cx", "cy", "r", "fill"], Mu = ["data-start", "data-end"], Tu = {
+}, Tn = ["x", "y"], zn = ["innerHTML"], In = ["cx", "cy", "r", "fill"], Fn = ["data-start", "data-end"], Bn = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, zu = {
+}, On = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Iu = ["fill"], Fu = ["innerHTML"], Bu = {
+}, Nn = ["fill"], Pn = ["innerHTML"], Dn = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Ou = ["fill"], Nu = ["innerHTML"], Pu = {
+}, Vn = ["fill"], Rn = ["innerHTML"], En = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Du = ["fill"], Vu = ["innerHTML"], Ru = {
+}, Hn = ["fill"], Wn = ["innerHTML"], Yn = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Eu = ["fill"], Hu = ["innerHTML"], Wu = ["id"], Yu = ["onClick"], Xu = {
+}, Xn = ["fill"], Gn = ["innerHTML"], qn = ["id"], Un = ["onClick"], Zn = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "1em",
   width: "1.43em"
-}, Gu = ["stroke", "fill"], qu = {
+}, Jn = ["stroke", "fill"], Kn = {
   key: 1,
   viewBox: "0 0 40 40",
   height: "1em",
   width: "1em"
-}, Uu = ["fill"], Zu = ["fill"], Ju = {
+}, Qn = ["fill"], jn = ["fill"], ei = {
   key: 2,
   viewBox: "0 0 12 12",
   height: "1em",
   width: "1em"
-}, Ku = {
+}, li = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-dom-to-png-ignore": ""
-}, Qu = ["innerHTML"], ju = {
+}, ai = ["innerHTML"], ti = {
   __name: "vue-ui-xy",
   props: {
     config: {
@@ -102,56 +102,56 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend", "zoomStart", "zoomEnd", "zoomReset", "copyAlt"],
   setup(ma, { expose: Mo, emit: To }) {
-    const F = ma, zo = We(() => import("./DataTable-CetPvrxa.js")), Io = We(() => import("./Tooltip-CEm9BzOh.js")), Fo = We(() => import("./UserOptions-zrLwMf40.js")), Va = We(() => import("./BaseIcon-UMhVxbLi.js")), Bo = We(() => import("./vue-ui-table-sparkline-CuJ7Zsve.js").then((a) => a.b)), Oo = We(() => import("./PackageVersion-B6IEJQ5U.js")), No = We(() => import("./PenAndPaper-NY4eJxOT.js")), Po = We(() => import("./BaseDraggableDialog-E33gMvkf.js")), Ge = To, Ra = Rr(), Do = Er(), { vue_ui_xy: ml } = us(), { isThemeValid: Vo, warnInvalidTheme: Ro } = hs(), $e = g(null), bl = g(null), Ie = g(null), rl = g(null), pl = g(null), xl = g(null), Eo = g(null), ba = g(null), pa = g(null), Rl = g(null), xa = g(null), ya = g(null), Ve = g(null), ka = g(null), Ho = g(0), I = g(null), Ea = g(!0), ie = g(600), K = g(1e3), El = g("0 0 1000 600"), Wo = g({ x: 0, y: 0 }), yl = g({ line: "line", bar: "bar", plot: "plot" }), kl = g(!1), qe = g(!1), Ha = g(!1), Ue = g(null), q = g([]), H = g(Oa()), Wa = g(0), Ya = g(0), Xa = g(0), Cl = g(!0), Ca = g(0), O = g(null), Ga = g(!1), wa = g(!0), Hl = g(!0), ce = g(null), De = g({}), Wl = g(null), qa = g(!1), sl = g(null), Yl = g(!1), Xl = g(!1), C = g(null), Ua = Hr(null), Za = g(!1), Ja = g(0), Ka = g(0), Qa = fs({
-      elementRef: Ua,
+    const F = ma, zo = We(() => import("./DataTable-CQH-FWum.js")), Io = We(() => import("./Tooltip-DOVSgQDu.js")), Fo = We(() => import("./UserOptions-X4pTcXzk.js")), Ra = We(() => import("./BaseIcon-D9oV9F4k.js")), Bo = We(() => import("./vue-ui-table-sparkline-CU26h_-B.js").then((a) => a.b)), Oo = We(() => import("./PackageVersion-CQxY6U8v.js")), No = We(() => import("./PenAndPaper-B51jmZpI.js")), Po = We(() => import("./BaseDraggableDialog-CcDUyrEz.js")), Ge = To, Ea = Rr(), Do = Er(), { vue_ui_xy: ml } = is(), { isThemeValid: Vo, warnInvalidTheme: Ro } = fs(), $e = g(null), bl = g(null), Ie = g(null), rl = g(null), pl = g(null), xl = g(null), Eo = g(null), ba = g(null), pa = g(null), Rl = g(null), xa = g(null), ya = g(null), Ve = g(null), ka = g(null), Ho = g(0), I = g(null), Ha = g(!0), ie = g(600), K = g(1e3), El = g("0 0 1000 600"), Wo = g({ x: 0, y: 0 }), yl = g({ line: "line", bar: "bar", plot: "plot" }), kl = g(!1), qe = g(!1), Wa = g(!1), Ue = g(null), q = g([]), O = g(Oa()), Ya = g(0), Xa = g(0), Ga = g(0), Cl = g(!0), Ca = g(0), N = g(null), qa = g(!1), _a = g(!0), Hl = g(!0), ce = g(null), De = g({}), Wl = g(null), Ua = g(!1), sl = g(null), Yl = g(!1), Xl = g(!1), C = g(null), Za = Hr(null), Ja = g(!1), Ka = g(0), Qa = g(0), ja = gs({
+      elementRef: Za,
       minimumWidth: 2,
       minimumHeight: 2,
       stableFramesRequired: 2,
       once: !1,
       onSizeAccepted: () => {
-        nl();
+        ul();
       }
     });
-    function wl() {
-      Ua.value = $e.value?.parentNode ?? null;
+    function _l() {
+      Za.value = $e.value?.parentNode ?? null;
     }
-    function ja() {
+    function et() {
       return new Promise((a) => {
         requestAnimationFrame(() => {
           requestAnimationFrame(a);
         });
       });
     }
-    async function nl() {
-      const a = ++Ka.value;
-      Za.value = !1, await Nl(), await ja(), await ja(), a === Ka.value && (Ja.value += 1, Za.value = !0);
+    async function ul() {
+      const a = ++Qa.value;
+      Ja.value = !1, await Nl(), await et(), await et(), a === Qa.value && (Ka.value += 1, Ja.value = !0);
     }
     const Yo = m(() => ({
       height: ie.value,
       width: K.value
     }));
-    function et(a) {
+    function lt(a) {
       return Number.isFinite(a) ? Math.max(0, Math.floor(a)) : 0;
     }
-    function _a(a, r, e = 0) {
+    function wa(a, r, e = 0) {
       return Number.isFinite(a) && Number.isFinite(r) && Math.abs(r) > 1e-9 ? a / r : e;
     }
-    const lt = g(!1), x = g({
+    const at = g(!1), x = g({
       xAxis: 18,
       yAxis: 12,
       dataLabels: 20,
       plotLabels: 10
     }), Le = g({ plot: 3, line: 3 });
     Ol(() => {
-      qa.value = !0, F.dataset.length && F.dataset.forEach((a, r) => {
+      Ua.value = !0, F.dataset.length && F.dataset.forEach((a, r) => {
         [null, void 0].includes(a.series) && Na({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "series (number[])",
           index: r,
-          debug: _l.value
+          debug: wl.value
         });
-      }), wl(), Qa.start(), nl();
+      }), _l(), ja.start(), ul();
     });
     function Sa() {
       if (!Object.keys(F.config || {}).length)
@@ -163,10 +163,10 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       F.config && Dl(F.config, "chart.highlightArea") && (Array.isArray(F.config.chart.highlightArea) ? a.chart.highlightArea = F.config.chart.highlightArea : a.chart.highlightArea = [F.config.chart.highlightArea]), F.config && Dl(F.config, "chart.annotations") && Array.isArray(F.config.chart.annotations) && F.config.chart.annotations.length ? a.chart.annotations = F.config.chart.annotations.map((t) => Vl({
         defaultConfig: ml.chart.annotations[0],
         userConfig: t
-      })) : a.chart.annotations = [], F.config && Dl(F.config, "chart.grid.position") && F.config.chart.grid.position === "start" && F.dataset.length && F.dataset.some((t) => t.type === "bar") && (a.chart.grid.position = "middle", Dl(F.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), F.config && Dl(F.config, "chart.highlightArea") && (Array.isArray(F.config.chart.highlightArea) ? a.chart.highlightArea = F.config.chart.highlightArea.map((t) => at({
+      })) : a.chart.annotations = [], F.config && Dl(F.config, "chart.grid.position") && F.config.chart.grid.position === "start" && F.dataset.length && F.dataset.some((t) => t.type === "bar") && (a.chart.grid.position = "middle", Dl(F.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), F.config && Dl(F.config, "chart.highlightArea") && (Array.isArray(F.config.chart.highlightArea) ? a.chart.highlightArea = F.config.chart.highlightArea.map((t) => tt({
         defaultConfig: ml.chart.highlightArea,
         userConfig: t
-      })) : a.chart.highlightArea = at({
+      })) : a.chart.highlightArea = tt({
         defaultConfig: ml.chart.highlightArea,
         userConfig: F.config.chart.highlightArea
       }));
@@ -183,10 +183,10 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       });
       return {
         ...s,
-        customPalette: s.customPalette.length ? s.customPalette : os[r] || Pa
+        customPalette: s.customPalette.length ? s.customPalette : rs[r] || Da
       };
     }
-    function at({ defaultConfig: a, userConfig: r }) {
+    function tt({ defaultConfig: a, userConfig: r }) {
       return Vl({
         defaultConfig: a,
         userConfig: r
@@ -207,15 +207,15 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       useIndividualScale: !1
     });
     function $a() {
-      lt.value ? (f.value.isStacked = l.value.chart.grid.labels.yAxis.stacked, f.value.useIndividualScale == null && (f.value.useIndividualScale = l.value.chart.grid.labels.yAxis.useIndividualScale)) : (f.value = {
+      at.value ? (f.value.isStacked = l.value.chart.grid.labels.yAxis.stacked, f.value.useIndividualScale == null && (f.value.useIndividualScale = l.value.chart.grid.labels.yAxis.useIndividualScale)) : (f.value = {
         dataLabels: { show: !0 },
         showTooltip: l.value.chart.tooltip.show === !0,
         showTable: l.value.showTable === !0,
         isStacked: l.value.chart.grid.labels.yAxis.stacked,
         useIndividualScale: l.value.chart.grid.labels.yAxis.useIndividualScale
-      }, lt.value = !0);
+      }, at.value = !0);
     }
-    const _l = m(() => !!l.value.debug), Xo = m(() => so({
+    const wl = m(() => !!l.value.debug), Xo = m(() => uo({
       defaultConfig: {
         useCssAnimation: !1,
         showTable: !1,
@@ -285,7 +285,7 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         type: "bar",
         color: "#CACACA"
       }
-    ]), { loading: oe, FINAL_DATASET: pe, manualLoading: Gl } = cs({
+    ]), { loading: oe, FINAL_DATASET: pe, manualLoading: Gl } = vs({
       ...Wr(F),
       FINAL_CONFIG: l,
       prepareConfig: Sa,
@@ -295,7 +295,7 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         });
       },
       skeletonDataset: Go.value,
-      skeletonConfig: so({
+      skeletonConfig: uo({
         defaultConfig: l.value,
         userConfig: Xo.value
       })
@@ -304,20 +304,20 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       const r = /* @__PURE__ */ new WeakMap();
       return (e, ...s) => {
         let t = r.get(e);
-        const n = JSON.stringify(s);
-        if (t && t.has(n)) return t.get(n);
+        const u = JSON.stringify(s);
+        if (t && t.has(u)) return t.get(u);
         const o = a(e, ...s);
-        return t || (t = /* @__PURE__ */ new Map(), r.set(e, t)), t.set(n, o), o;
+        return t || (t = /* @__PURE__ */ new Map(), r.set(e, t)), t.set(u, o), o;
       };
     }
-    const Uo = qo((a, r) => Da({ data: a, threshold: r })), Re = (a) => Uo(a, l.value.downsample.threshold), Fe = m({
+    const Uo = qo((a, r) => Va({ data: a, threshold: r })), Re = (a) => Uo(a, l.value.downsample.threshold), Fe = m({
       get: () => Math.max(...pe.value.map((a) => Re(a.series).length)),
       set: (a) => a
-    }), b = g({ start: 0, end: Fe.value }), Me = g({ start: 0, end: Fe.value }), tt = m(() => l.value.chart.zoom.preview.enable && (Me.value.start !== b.value.start || Me.value.end !== b.value.end));
-    function ot(a, r) {
+    }), b = g({ start: 0, end: Fe.value }), Me = g({ start: 0, end: Fe.value }), ot = m(() => l.value.chart.zoom.preview.enable && (Me.value.start !== b.value.start || Me.value.end !== b.value.end));
+    function rt(a, r) {
       Me.value[a] = r;
     }
-    function ul() {
+    function nl() {
       const a = Math.max(
         1,
         ...pe.value.map((s) => Re(s.series).length)
@@ -326,11 +326,11 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       (!Number.isFinite(r) || !Number.isFinite(e) || e <= r) && (r = 0, e = a), b.value = { start: r, end: e }, Me.value.start = r, Me.value.end = e, Ie.value && (Ie.value.setStartValue(r), Ie.value.setEndValue(e));
     }
     const Zo = m(() => {
-      const { left: a, top: r, width: e, height: s } = c.value, t = b.value.start, o = b.value.end - t, $ = e / o, M = Me.value.start - t, B = Me.value.end - t, _ = Math.max(0, Math.min(o, M)), T = Math.max(0, Math.min(o, B));
+      const { left: a, top: r, width: e, height: s } = c.value, t = b.value.start, o = b.value.end - t, L = e / o, M = Me.value.start - t, B = Me.value.end - t, w = Math.max(0, Math.min(o, M)), T = Math.max(0, Math.min(o, B));
       return {
-        x: a + _ * $,
+        x: a + w * L,
         y: r,
-        width: (T - _) * $,
+        width: (T - w) * L,
         height: s,
         fill: l.value.chart.zoom.preview.fill,
         stroke: l.value.chart.zoom.preview.stroke,
@@ -353,8 +353,8 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       const r = a - b.value.start;
       r < 0 || a >= b.value.end ? C.value = null : C.value = r ?? null;
     }, { immediate: !0 });
-    const { isPrinting: ql, isImaging: La, generatePdf: rt, generateImage: st } = is({
-      elementId: `vue-ui-xy_${H.value}`,
+    const { isPrinting: ql, isImaging: La, generatePdf: st, generateImage: ut } = cs({
+      elementId: `vue-ui-xy_${O.value}`,
       fileName: l.value.chart.title.text || "vue-ui-xy",
       options: l.value.chart.userOptions.print
     }), Jo = g(!1), Ul = m(() => Ur(l.value.customPalette)), il = m(() => {
@@ -367,40 +367,40 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       if (a == null) return null;
       const r = Number(a);
       return Number.isFinite(r) ? r : null;
-    }), nt = m(() => il.value !== null || Sl.value !== null), ut = m(() => {
+    }), nt = m(() => il.value !== null || Sl.value !== null), it = m(() => {
       const a = Ee.value.filter((r) => !q.value.includes(r.id)).flatMap((r) => Array.isArray(r.series) ? r.series : []).filter(Number.isFinite);
       return a.length ? {
         min: Math.min(...a),
         max: Math.max(...a)
       } : { min: 0, max: 1 };
     });
-    function it(a, r) {
+    function ct(a, r) {
       let e = Number.isFinite(a) ? a : 0, s = Number.isFinite(r) ? r : 1;
       return e === s ? s = e + 1 : e > s && ([e, s] = [s, e]), { min: e, max: s };
     }
     const Zl = m(() => {
-      const { min: a, max: r } = ut.value;
+      const { min: a, max: r } = it.value;
       if (!nt.value) {
         const o = a;
         return o > 0 ? 0 : o;
       }
-      const e = il.value !== null ? il.value : a > 0 ? 0 : a, s = Sl.value !== null ? Sl.value : r, t = a < e ? a : e, n = r > s ? r : s;
-      return it(t, n).min;
+      const e = il.value !== null ? il.value : a > 0 ? 0 : a, s = Sl.value !== null ? Sl.value : r, t = a < e ? a : e, u = r > s ? r : s;
+      return ct(t, u).min;
     }), Jl = m(() => {
-      const { min: a, max: r } = ut.value;
+      const { min: a, max: r } = it.value;
       if (!nt.value) {
         const o = r;
         return Zl.value === o ? o + 1 : o;
       }
-      const e = il.value !== null ? il.value : a > 0 ? 0 : a, s = Sl.value !== null ? Sl.value : r, t = a < e ? a : e, n = r > s ? r : s;
-      return it(t, n).max;
-    }), Te = m(() => l.value.chart.grid.labels.yAxis.useNiceScale ? Pl(Zl.value, Jl.value < 0 ? 0 : Jl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps) : tl(Zl.value, Jl.value < 0 ? 0 : Jl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps)), Al = m(() => [null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) ? Te.value.min >= 0 ? 0 : Math.abs(Te.value.min) : -Te.value.min), Ee = m(() => Ea.value ? pe.value.map((a, r) => {
+      const e = il.value !== null ? il.value : a > 0 ? 0 : a, s = Sl.value !== null ? Sl.value : r, t = a < e ? a : e, u = r > s ? r : s;
+      return ct(t, u).max;
+    }), Te = m(() => l.value.chart.grid.labels.yAxis.useNiceScale ? Pl(Zl.value, Jl.value < 0 ? 0 : Jl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps) : tl(Zl.value, Jl.value < 0 ? 0 : Jl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps)), Al = m(() => [null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) ? Te.value.min >= 0 ? 0 : Math.abs(Te.value.min) : -Te.value.min), Ee = m(() => Ha.value ? pe.value.map((a, r) => {
       const e = Re(a.series), s = `uniqueId_${r}`;
       return {
         ...a,
         slotAbsoluteIndex: r,
         series: e.map((t) => ha(t) ? t : null).slice(b.value.start, b.value.end),
-        color: no(a.color ? a.color : Ul.value[r] ? Ul.value[r] : Pa[r]),
+        color: Pa(a.color ? a.color : Ul.value[r] ? Ul.value[r] : Da[r]),
         id: s,
         scaleLabel: a.scaleLabel || s
       };
@@ -411,22 +411,22 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       absoluteValues: a.series,
       segregate: () => oa(a),
       isSegregated: q.value.includes(a.id)
-    }))), we = m(() => Ee.value.map((a, r) => ({
+    }))), _e = m(() => Ee.value.map((a, r) => ({
       ...a,
       series: a.series.map((e) => e + Al.value),
       absoluteValues: a.series
     })).filter((a) => !q.value.includes(a.id))), Qo = m(() => q.value.length === re.value.length);
     function jo() {
       let a = 0;
-      xa.value && (a = Array.from(xa.value.querySelectorAll("text")).reduce((t, n) => {
-        const o = n.getComputedTextLength();
+      xa.value && (a = Array.from(xa.value.querySelectorAll("text")).reduce((t, u) => {
+        const o = u.getComputedTextLength();
         return (o > t ? o : t) + l.value.chart.grid.labels.yAxis.scaleValueOffsetX;
       }, 0));
       const r = pa.value ? pa.value.getBoundingClientRect().width + l.value.chart.grid.labels.axis.yLabelOffsetX + x.value.yAxis : 0, e = l.value.chart.grid.labels.yAxis.crosshairSize;
       return a + r + e;
     }
     const $l = g(0), cl = g(0);
-    function ct() {
+    function vt() {
       const a = Rl.value;
       if (!a) {
         $l.value = 0, cl.value = 0;
@@ -439,7 +439,7 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         $l.value = 0, cl.value = 0;
       }
     }
-    const vt = m(() => {
+    const dt = m(() => {
       let a = 0;
       if (ba.value)
         try {
@@ -449,27 +449,27 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         }
       return a + $l.value + x.value.xAxis;
     }), er = m(() => pe.value.some((a) => a.useProgression)), c = m(() => {
-      Ja.value;
+      Ka.value;
       let a = 0;
       const r = 36;
       l.value.chart.grid.labels.show && (f.value.useIndividualScale && !f.value.isStacked ? a = (pe.value.length - q.value.length) * (l.value.chart.grid.labels.yAxis.labelWidth + r) : f.value.useIndividualScale && f.value.isStacked ? a = l.value.chart.grid.labels.yAxis.labelWidth + r : a = jo());
       const e = l.value.chart.labels.fontSize * 1.1, s = er.value ? 24 : 6;
       Rl.value && cl.value < 0 && (a += Math.abs(cl.value));
-      const t = K.value - a - l.value.chart.grid.labels.yAxis.crosshairSize - s - l.value.chart.padding?.left - l.value.chart.padding?.right, n = l.value.chart.grid.position === "middle" ? 0 : t / S.value / 2;
+      const t = K.value - a - l.value.chart.grid.labels.yAxis.crosshairSize - s - l.value.chart.padding?.left - l.value.chart.padding?.right, u = l.value.chart.grid.position === "middle" ? 0 : t / S.value / 2;
       return {
         top: l.value.chart.padding?.top + e,
         right: K.value - s - l.value.chart.padding?.right,
-        bottom: ie.value - vt.value - l.value.chart.padding?.bottom - l.value.chart.grid.labels.axis.xLabelOffsetY,
-        left: a + l.value.chart.grid.labels.yAxis.crosshairSize - n + l.value.chart.padding?.left,
-        height: ie.value - vt.value - l.value.chart.padding?.top - l.value.chart.padding?.bottom - e - l.value.chart.grid.labels.axis.xLabelOffsetY,
+        bottom: ie.value - dt.value - l.value.chart.padding?.bottom - l.value.chart.grid.labels.axis.xLabelOffsetY,
+        left: a + l.value.chart.grid.labels.yAxis.crosshairSize - u + l.value.chart.padding?.left,
+        height: ie.value - dt.value - l.value.chart.padding?.top - l.value.chart.padding?.bottom - e - l.value.chart.grid.labels.axis.xLabelOffsetY,
         width: t,
         scaleLabelX: a,
         individualOffsetX: r
       };
     }), lr = m(() => {
       const a = l.value.chart.grid.position === "middle" ? 1 : 0, r = S.value + a, e = W(c.value?.top), s = W(c.value?.bottom);
-      return Array.from({ length: r }).map((t, n) => {
-        const o = c.value.width / S.value * n + c.value?.left + U.value;
+      return Array.from({ length: r }).map((t, u) => {
+        const o = c.value.width / S.value * u + c.value?.left + U.value;
         return `M${o},${e} L${o},${s}`;
       }).join(" ");
     }), ar = m(() => {
@@ -477,11 +477,11 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       const a = c.value.width / S.value, r = l.value.chart.grid.labels.xAxis.crosshairSize, e = l.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
       return jl.value.map((s, t) => {
         if (!s || !s.text) return null;
-        const n = c.value?.left + a * t + a / 2, o = e ? de.value - (de.value === c.value?.bottom ? 0 : r / 2) : c.value?.bottom, $ = e ? de.value + r / (de.value === c.value?.bottom ? 1 : 2) : c.value?.bottom + r;
-        return `M${n},${o} L${n},${$}`;
+        const u = c.value?.left + a * t + a / 2, o = e ? de.value - (de.value === c.value?.bottom ? 0 : r / 2) : c.value?.bottom, L = e ? de.value + r / (de.value === c.value?.bottom ? 1 : 2) : c.value?.bottom + r;
+        return `M${u},${o} L${u},${L}`;
       }).filter(Boolean).join(" ");
     });
-    function dt() {
+    function ht() {
       return !!Do?.vnode.props?.onSelectTimeLabel;
     }
     function tr(a, r, e) {
@@ -491,28 +491,28 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       }
       return Wl.value.font = `normal ${a}px sans-serif`, Wl.value;
     }
-    function ht() {
+    function ft() {
       const a = $e.value.querySelectorAll(".vue-ui-xy-tag");
       a.length && Array.from(a).forEach((r) => r.style.opacity = "0");
     }
     function Kl(a, r, e, s, t) {
       e && (De.value[`${a}_${r}_${s}_${t}`] = e);
     }
-    const ft = g(!1);
-    async function gt(a = !1) {
-      await Nl(), ft.value = a, Ga.value && (Hl.value = a);
+    const gt = g(!1);
+    async function mt(a = !1) {
+      await Nl(), gt.value = a, qa.value && (Hl.value = a);
     }
     function Ma() {
       kl.value = !kl.value;
     }
     const ve = g([]), Ql = g([]);
-    let mt = 0;
+    let bt = 0;
     da(() => {
-      const a = ++mt;
+      const a = ++bt;
       (async () => {
         const r = Math.max(
           ...pe.value.map(
-            (s) => Da({
+            (s) => Va({
               data: s.series,
               threshold: l.value.downsample.threshold
             }).length
@@ -524,16 +524,16 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           start: b.value.start,
           end: b.value.end
         });
-        a === mt && (ve.value = e);
+        a === bt && (ve.value = e);
       })();
     });
-    let bt = 0;
+    let pt = 0;
     da(() => {
-      const a = ++bt;
+      const a = ++pt;
       (async () => {
         const r = Math.max(
           ...pe.value.map(
-            (s) => Da({
+            (s) => Va({
               data: s.series,
               threshold: l.value.downsample.threshold
             }).length
@@ -545,28 +545,28 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           start: 0,
           end: Fe.value
         });
-        a === bt && (Ql.value = e);
+        a === pt && (Ql.value = e);
       })();
     });
     const or = m(() => {
       const a = l.value.chart.grid.labels.xAxisLabels.modulo;
       return ve.value.length ? Math.min(a, [...new Set(ve.value.map((r) => r.text))].length) : a;
     }), jl = m(() => {
-      const a = l.value.chart.grid.labels.xAxisLabels, r = ve.value || [], e = Ql.value || [], s = b.value.start ?? 0, t = C.value, n = S.value, o = r.map((M) => M?.text ?? ""), $ = e.map((M) => M?.text ?? "");
+      const a = l.value.chart.grid.labels.xAxisLabels, r = ve.value || [], e = Ql.value || [], s = b.value.start ?? 0, t = C.value, u = S.value, o = r.map((M) => M?.text ?? ""), L = e.map((M) => M?.text ?? "");
       return Zr(
         !!a.showOnlyFirstAndLast,
         !!a.showOnlyAtModulo,
         Math.max(1, or.value || 1),
         o,
-        $,
+        L,
         s,
         t,
-        n
+        u
       );
     }), rr = m(() => (jl.value || []).map((a) => a?.text ?? "").join("|"));
     Ol(() => {
       requestAnimationFrame(() => {
-        ct();
+        vt();
       }), hl(
         [
           () => rr.value,
@@ -577,21 +577,21 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         ],
         async () => {
           await Nl(), requestAnimationFrame(() => {
-            ct();
+            vt();
           });
         },
         { flush: "post" }
       );
     }), Ba(() => {
-      $l.value = 0, cl.value = 0, Qa.stop();
+      $l.value = 0, cl.value = 0, ja.stop();
     });
-    function pt(a, r) {
-      const e = we.value.map((s) => ({
+    function xt(a, r) {
+      const e = _e.value.map((s) => ({
         shape: s.shape || null,
         name: s.name,
         color: s.color,
         type: s.type,
-        value: s.absoluteValues.find((t, n) => n === r),
+        value: s.absoluteValues.find((t, u) => u === r),
         comments: s.comments || [],
         prefix: s.prefix || l.value.chart.labels.prefix,
         suffix: s.suffix || l.value.chart.labels.suffix
@@ -603,29 +603,29 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       });
     }
     const S = m(() => {
-      const a = et((b.value.end ?? 0) - (b.value.start ?? 0));
+      const a = lt((b.value.end ?? 0) - (b.value.start ?? 0));
       return Math.max(1, a);
     });
     function sr(a) {
-      O.value = a;
+      N.value = a;
     }
-    function xt() {
+    function yt() {
       f.value.isStacked = !f.value.isStacked, f.value.isStacked ? f.value.useIndividualScale = !0 : f.value.useIndividualScale = l.value.chart.grid.labels.yAxis.useIndividualScale;
     }
     function Ta(a) {
-      _l.value && a.autoScaling && (l.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), l.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
+      wl.value && a.autoScaling && (l.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), l.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
     }
-    function nr(a, r) {
-      const e = et(a), s = Array(e).fill(0);
+    function ur(a, r) {
+      const e = lt(a), s = Array(e).fill(0);
       for (let t = 0; t < r.length && t < e; t += 1) s[t] = r[t] ?? 0;
       return s;
     }
-    function yt(a) {
+    function kt(a) {
       const r = Math.max(...pe.value.map((e) => Re(e.series).length));
       return a > r ? r : a < 0 || l.value.chart.zoom.startIndex !== null && a < l.value.chart.zoom.startIndex ? l.value.chart.zoom.startIndex !== null ? l.value.chart.zoom.startIndex + 1 : 1 : a;
     }
-    const Ll = g(!1), kt = g(!1), Ct = g(0), wt = g(0);
-    function _t(a, r) {
+    const Ll = g(!1), Ct = g(!1), _t = g(0), wt = g(0);
+    function St(a, r) {
       const e = Number(a), s = Number(r);
       return !Number.isFinite(e) || !Number.isFinite(s) ? !1 : !Object.is(e, s);
     }
@@ -633,10 +633,10 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       if (!Ll.value) {
         Ll.value = !0;
         try {
-          const { startIndex: a, endIndex: r } = l.value.chart.zoom, e = Math.max(...pe.value.map((n) => Re(n.series).length));
-          Ct.value = 0, wt.value = e;
-          const s = a ?? 0, t = r != null ? Math.min(yt(r + 1), e) : e;
-          la.value = !0, b.value.start = s, b.value.end = t, Me.value.start = s, Me.value.end = t, ul(), kt.value = !0;
+          const { startIndex: a, endIndex: r } = l.value.chart.zoom, e = Math.max(...pe.value.map((u) => Re(u.series).length));
+          _t.value = 0, wt.value = e;
+          const s = a ?? 0, t = r != null ? Math.min(kt(r + 1), e) : e;
+          la.value = !0, b.value.start = s, b.value.end = t, Me.value.start = s, Me.value.end = t, nl(), Ct.value = !0;
         } finally {
           queueMicrotask(() => {
             la.value = !1;
@@ -645,21 +645,21 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       }
     }
     const la = g(!1);
-    function ur(a) {
+    function nr(a) {
       if (Ll.value || la.value) return;
       const r = Number(a);
       Ge("zoomStart", {
         index: r,
-        isZoom: _t(r, Ct.value)
-      }), Number.isFinite(r) && r !== b.value.start && (b.value.start = r, Me.value.start = r, ul());
+        isZoom: St(r, _t.value)
+      }), Number.isFinite(r) && r !== b.value.start && (b.value.start = r, Me.value.start = r, nl());
     }
     function ir(a) {
       if (Ll.value || la.value) return;
-      const r = yt(a);
+      const r = kt(a);
       Ge("zoomEnd", {
         index: r,
-        isZoom: _t(r, wt.value)
-      }), r !== b.value.end && (b.value.end = r, Me.value.end = r, ul());
+        isZoom: St(r, wt.value)
+      }), r !== b.value.end && (b.value.end = r, Me.value.end = r, nl());
     }
     async function cr() {
       await ea(), Ge("zoomReset");
@@ -667,24 +667,24 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     function xe(a) {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(a);
     }
-    const St = m(() => Te.value.max + Al.value);
+    const At = m(() => Te.value.max + Al.value);
     function Je(a) {
-      return a / (xe(St.value) ? St.value : 1);
+      return a / (xe(At.value) ? At.value : 1);
     }
     const de = m(() => isNaN(Je(Al.value)) ? c.value?.bottom : c.value?.bottom - c.value.height * Je(Al.value));
-    function At(a) {
+    function $t(a) {
       const r = ![null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) && l.value.chart.grid.labels.yAxis.scaleMin > 0 && Zl.value >= 0 ? c.value?.bottom : de.value;
-      return a.value >= 0 ? N(r - a.y <= 0 ? 1e-5 : r - a.y) : N(a.y - de.value <= 0 ? 1e-5 : a.y - de.value);
+      return a.value >= 0 ? P(r - a.y <= 0 ? 1e-5 : r - a.y) : P(a.y - de.value <= 0 ? 1e-5 : a.y - de.value);
     }
-    function $t(a) {
-      return a.value >= 0 ? N(a.zeroPosition - a.y <= 0 ? 1e-5 : a.zeroPosition - a.y) : N(a.y - a.zeroPosition <= 0 ? 1e-5 : a.zeroPosition - a.y);
+    function Lt(a) {
+      return a.value >= 0 ? P(a.zeroPosition - a.y <= 0 ? 1e-5 : a.zeroPosition - a.y) : P(a.y - a.zeroPosition <= 0 ? 1e-5 : a.zeroPosition - a.y);
     }
     const J = m(() => {
       const a = Math.max(1, S.value), r = Math.max(1, c.value.width), e = Math.max(1, Ee.value.filter((s) => s.type === "bar" && !q.value.includes(s.id)).length);
       return {
-        bar: _a(r, a * e, 1),
-        plot: _a(r, a, 1),
-        line: _a(r, a, 1)
+        bar: wa(r, a * e, 1),
+        plot: wa(r, a, 1),
+        line: wa(r, a, 1)
       };
     });
     function He() {
@@ -693,14 +693,14 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     function aa(a) {
       return f.value.useIndividualScale && f.value.isStacked ? a.x + c.value.width / S.value * 0.05 : a.x + J.value.bar / 2;
     }
-    function Lt(a) {
+    function Mt(a) {
       return a.value >= 0 ? a.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(de.value) ? c?.bottom.value : de.value;
     }
-    function Mt(a) {
+    function Tt(a) {
       return a.value >= 0 ? a.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(a.zeroPosition) ? 0 : a.zeroPosition;
     }
     const Ml = g(null);
-    function Tt(a) {
+    function zt(a) {
       const r = ce.value;
       if (!r) return null;
       if (r.createSVGPoint && r.getScreenCTM) {
@@ -708,50 +708,50 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         T.x = a.clientX, T.y = a.clientY;
         const Y = r.getScreenCTM();
         if (Y) {
-          const y = T.matrixTransform(Y.inverse());
-          return { x: y.x, y: y.y, ok: !0 };
+          const k = T.matrixTransform(Y.inverse());
+          return { x: k.x, y: k.y, ok: !0 };
         }
       }
-      const e = r.getBoundingClientRect(), s = r.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, t = Math.min(e.width / s.width, e.height / s.height), n = s.width * t, o = s.height * t, $ = (e.width - n) / 2, M = (e.height - o) / 2, B = (a.clientX - e?.left - $) / t + s.x, _ = (a.clientY - e?.top - M) / t + s.y;
-      return { x: B, y: _, ok: !0 };
+      const e = r.getBoundingClientRect(), s = r.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, t = Math.min(e.width / s.width, e.height / s.height), u = s.width * t, o = s.height * t, L = (e.width - u) / 2, M = (e.height - o) / 2, B = (a.clientX - e?.left - L) / t + s.x, w = (a.clientY - e?.top - M) / t + s.y;
+      return { x: B, y: w, ok: !0 };
     }
     let Ke = 0;
     function vr(a) {
       kl.value || (Ke && cancelAnimationFrame(Ke), Ke = requestAnimationFrame(() => {
         Ke = 0;
-        const r = Tt(a);
+        const r = zt(a);
         if (!r || !ce.value) {
           ta();
           return;
         }
-        const { left: e, right: s, top: t, bottom: n, width: o } = c.value;
-        if (r.x < e || r.x > s || r.y < t || r.y > n) {
+        const { left: e, right: s, top: t, bottom: u, width: o } = c.value;
+        if (r.x < e || r.x > s || r.y < t || r.y > u) {
           ta();
           return;
         }
-        const $ = r.x - e, M = o / S.value, B = Math.floor($ / M);
-        B >= 0 && B < S.value ? Ml.value !== B && (Ml.value = B, Xt(!0, B)) : ta();
+        const L = r.x - e, M = o / S.value, B = Math.floor(L / M);
+        B >= 0 && B < S.value ? Ml.value !== B && (Ml.value = B, Gt(!0, B)) : ta();
       }));
     }
     function ta() {
-      Ke && (cancelAnimationFrame(Ke), Ke = 0), Ml.value = null, Xt(!1, null);
+      Ke && (cancelAnimationFrame(Ke), Ke = 0), Ml.value = null, Gt(!1, null);
     }
-    function zt(a) {
-      const r = Tt(a);
+    function It(a) {
+      const r = zt(a);
       if (r && ce.value) {
-        const { left: e, right: s, top: t, bottom: n, width: o } = c.value;
-        if (r.x >= e && r.x <= s && r.y >= t && r.y <= n) {
-          const $ = o / Math.max(1, S.value), M = Math.floor((r.x - e) / $);
+        const { left: e, right: s, top: t, bottom: u, width: o } = c.value;
+        if (r.x >= e && r.x <= s && r.y >= t && r.y <= u) {
+          const L = o / Math.max(1, S.value), M = Math.floor((r.x - e) / L);
           if (M >= 0 && M < S.value) {
-            It(M);
+            Ft(M);
             return;
           }
         }
       }
-      Ml.value != null && It(Ml.value);
+      Ml.value != null && Ft(Ml.value);
     }
-    function It(a) {
-      const r = we.value.map((e) => ({
+    function Ft(a) {
+      const r = _e.value.map((e) => ({
         name: e.name,
         value: [null, void 0, NaN].includes(e.absoluteValues[a]) ? null : e.absoluteValues[a],
         color: e.color,
@@ -776,10 +776,10 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     }
     async function hr({ scale: a = 2 } = {}) {
       if (!$e.value) return;
-      const { width: r, height: e } = $e.value.getBoundingClientRect(), s = r / e, { imageUri: t, base64: n } = await ms({ domElement: $e.value, base64: !0, img: !0, scale: a });
+      const { width: r, height: e } = $e.value.getBoundingClientRect(), s = r / e, { imageUri: t, base64: u } = await bs({ domElement: $e.value, base64: !0, img: !0, scale: a });
       return {
         imageUri: t,
-        base64: n,
+        base64: u,
         title: l.value.chart.title.text,
         width: r,
         height: e,
@@ -798,31 +798,31 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         if (q.value.length + 1 === Ee.value.length) return;
         q.value.push(a.id);
       }
-      Ge("selectLegend", we.value.map((r) => ({
+      Ge("selectLegend", _e.value.map((r) => ({
         name: r.name,
         values: r.absoluteValues,
         color: r.color,
         type: r.type
       }))), Ca.value += 1;
     }
-    function Ft(a) {
+    function Bt(a) {
       if (!re.value.length)
         return l.value.debug && console.warn("VueUiXy - There are no series to show."), null;
       const r = re.value.find((e) => e.name === a);
       return r || (l.value.debug && console.warn(`VueUiXy - Series name not found "${a}"`), null);
     }
     function gr(a) {
-      const r = Ft(a);
+      const r = Bt(a);
       r !== null && q.value.includes(r.id) && oa({ id: r.id });
     }
     function mr(a) {
-      const r = Ft(a);
+      const r = Bt(a);
       r !== null && (q.value.includes(r.id) || oa({ id: r.id }));
     }
     const br = m(() => {
       const a = l.value.chart.title.text || "Chart visualization", r = l.value.chart.title.subtitle.text || "";
       return `${a}. ${r}`;
-    }), Bt = m(() => ({
+    }), Ot = m(() => ({
       linePlot: S.value > l.value.line.dot.hideAboveMaxSerieLength
     })), pr = m(() => l.value.chart.userOptions.show && (!l.value.chart.title.show || !l.value.chart.title.text)), xr = m(() => {
       if (Array.isArray(l.value.chart.highlightArea))
@@ -838,18 +838,18 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         to: Math.min(l.value.chart.highlightArea.to, Fe.value - 1)
       };
       return [{ ...a, span: a.from === a.to ? 1 : a.to < a.from ? 0 : a.to - a.from + 1 }];
-    }), Ot = m(() => Ea.value ? pe.value.map((a, r) => ({
+    }), Nt = m(() => Ha.value ? pe.value.map((a, r) => ({
       ...a,
       series: Re(a.series),
       id: `uniqueId_${r}`,
-      color: no(a.color ? a.color : Ul.value[r] ? Ul.value[r] : Pa[r])
-    })) : pe.value), yr = m(() => we.value.map((a) => {
+      color: Pa(a.color ? a.color : Ul.value[r] ? Ul.value[r] : Da[r])
+    })) : pe.value), yr = m(() => _e.value.map((a) => {
       const r = a.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
       return {
         id: a.id,
         name: a.name,
         color: a.color,
-        values: nr(S.value, r)
+        values: ur(S.value, r)
       };
     })), kr = m(() => ({
       responsiveBreakpoint: l.value.table.responsiveBreakpoint,
@@ -881,15 +881,15 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     function Cr(a, r) {
       const e = /* @__PURE__ */ Object.create(null);
       for (let s = 0; s < a.length; s += 1) {
-        const t = a[s], n = String(r(t));
-        e[n] || (e[n] = []), e[n].push(t);
+        const t = a[s], u = String(r(t));
+        e[u] || (e[u] = []), e[u].push(t);
       }
       return e;
     }
     const A = m(() => {
       const a = Cr(Qe.value, (e) => e.scaleLabel), r = {};
       for (const [e, s] of Object.entries(a)) {
-        const t = s.flatMap((n) => n.absoluteValues);
+        const t = s.flatMap((u) => u.absoluteValues);
         r[e] = {
           min: Math.min(...t) || 0,
           max: Math.max(...t) || 1,
@@ -897,20 +897,20 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         };
       }
       return r;
-    }), wr = m(() => {
+    }), _r = m(() => {
       const a = Ee.value.filter((r) => r.type === "bar").filter((r) => !q.value.includes(r.id)).length;
       return c.value.width / S.value / a - ra.value * a;
-    }), ra = m(() => J.value.line * l.value.bar.periodGap), sa = m(() => Math.max(1e-5, He() - (f.value.useIndividualScale && f.value.isStacked ? 0 : ra.value))), na = m(() => sa.value * Math.min(Math.abs(l.value.bar.innerGap), 0.95)), _r = m(() => {
+    }), ra = m(() => J.value.line * l.value.bar.periodGap), sa = m(() => Math.max(1e-5, He() - (f.value.useIndividualScale && f.value.isStacked ? 0 : ra.value))), ua = m(() => sa.value * Math.min(Math.abs(l.value.bar.innerGap), 0.95)), wr = m(() => {
       if (!l.value.chart.zoom.minimap.show) return [];
-      const a = Ot.value.filter((t) => !q.value.includes(t.id)), r = Math.max(...a.map((t) => t.series.length)), e = [];
+      const a = Nt.value.filter((t) => !q.value.includes(t.id)), r = Math.max(...a.map((t) => t.series.length)), e = [];
       for (let t = 0; t < r; t += 1)
-        e.push(a.map((n) => n.series[t] || 0).reduce((n, o) => (n || 0) + (o || 0), 0));
+        e.push(a.map((u) => u.series[t] || 0).reduce((u, o) => (u || 0) + (o || 0), 0));
       const s = Math.min(...e);
       return e.map((t) => t + (s < 0 ? Math.abs(s) : 0));
-    }), Sr = m(() => l.value.chart.zoom.minimap.show ? Ot.value.map((r) => ({
+    }), Sr = m(() => l.value.chart.zoom.minimap.show ? Nt.value.map((r) => ({
       ...r,
       isVisible: !q.value.includes(r.id)
-    })) : []), je = m(() => we.value.map((a) => ({
+    })) : []), je = m(() => _e.value.map((a) => ({
       slotAbsoluteIndex: a.slotAbsoluteIndex,
       shape: a.shape || null,
       name: a.name,
@@ -920,171 +920,171 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       comments: a.comments || [],
       prefix: a.prefix || l.value.chart.labels.prefix,
       suffix: a.suffix || l.value.chart.labels.suffix
-    }))), Nt = m(() => Te.value.ticks.map((a) => ({
+    }))), Pt = m(() => Te.value.ticks.map((a) => ({
       y: a >= 0 ? de.value - c.value.height * Je(a) : de.value + c.value.height * Je(Math.abs(a)),
       value: a,
       prefix: l.value.chart.labels.prefix,
       suffix: l.value.chart.labels.suffix
-    }))), Pt = m(() => {
+    }))), Dt = m(() => {
       const a = l.value.chart.annotations;
-      if (!a || !Array.isArray(a) || a.every((_) => !_.show)) return [];
+      if (!a || !Array.isArray(a) || a.every((w) => !w.show)) return [];
       const r = a.filter(
-        (_) => _.show && (_.yAxis.yTop != null || _.yAxis.yBottom != null)
+        (w) => w.show && (w.yAxis.yTop != null || w.yAxis.yBottom != null)
       );
       if (!r.length) return [];
-      const { left: e, right: s } = c.value, t = de.value, n = c.value.height, o = Te.value.min, M = Te.value.max - o, B = (_) => {
-        const T = (_ - 0) / M;
-        return t - T * n;
+      const { left: e, right: s } = c.value, t = de.value, u = c.value.height, o = Te.value.min, M = Te.value.max - o, B = (w) => {
+        const T = (w - 0) / M;
+        return t - T * u;
       };
-      return r.map((_) => {
-        const { yAxis: { yTop: T, yBottom: Y, label: y } } = _, D = T != null && Y != null && T !== Y, z = T == null ? null : B(T), ae = Y == null ? null : B(Y), fe = tr(y.fontSize);
-        fe.font = `${y.fontSize}px sans-serif`;
-        const Z = fe.measureText(y.text).width, _e = y.fontSize, Be = (y.position === "start" ? e + y.padding?.left : s - y.padding?.right) + y.offsetX, ke = (z != null && ae != null ? Math.min(z, ae) : z ?? ae) - y.fontSize / 3 + y.offsetY - y.padding?.top;
-        let R;
-        y.textAnchor === "middle" ? R = Be - Z / 2 - y.padding?.left : y.textAnchor === "end" ? R = Be - Z - y.padding?.right : R = Be - y.padding?.left;
-        const E = ke - _e * 0.75 - y.padding?.top;
+      return r.map((w) => {
+        const { yAxis: { yTop: T, yBottom: Y, label: k } } = w, V = T != null && Y != null && T !== Y, z = T == null ? null : B(T), ae = Y == null ? null : B(Y), fe = tr(k.fontSize);
+        fe.font = `${k.fontSize}px sans-serif`;
+        const Z = fe.measureText(k.text).width, we = k.fontSize, Be = (k.position === "start" ? e + k.padding?.left : s - k.padding?.right) + k.offsetX, ke = (z != null && ae != null ? Math.min(z, ae) : z ?? ae) - k.fontSize / 3 + k.offsetY - k.padding?.top;
+        let E;
+        k.textAnchor === "middle" ? E = Be - Z / 2 - k.padding?.left : k.textAnchor === "end" ? E = Be - Z - k.padding?.right : E = Be - k.padding?.left;
+        const H = ke - we * 0.75 - k.padding?.top;
         return {
-          show: ![z, ae, E].includes(NaN),
+          show: ![z, ae, H].includes(NaN),
           id: `annotation_y_${Oa()}`,
-          hasArea: D,
-          areaHeight: D ? Math.abs(z - ae) : 0,
+          hasArea: V,
+          areaHeight: V ? Math.abs(z - ae) : 0,
           yTop: z,
           yBottom: ae,
-          config: _.yAxis,
+          config: w.yAxis,
           x1: e,
           x2: s,
           _text: { x: Be, y: ke },
           _box: {
-            x: R,
-            y: E,
-            width: Z + y.padding?.left + y.padding?.right,
-            height: _e + y.padding?.top + y.padding?.bottom,
-            fill: y.backgroundColor,
-            stroke: y.border.stroke,
-            rx: y.border.rx,
-            ry: y.border.ry,
-            strokeWidth: y.border.strokeWidth
+            x: E,
+            y: H,
+            width: Z + k.padding?.left + k.padding?.right,
+            height: we + k.padding?.top + k.padding?.bottom,
+            fill: k.backgroundColor,
+            stroke: k.border.stroke,
+            rx: k.border.rx,
+            ry: k.border.ry,
+            strokeWidth: k.border.strokeWidth
           }
         };
       });
     });
-    function Dt(a, r) {
+    function Vt(a, r) {
       const e = a[r - 1], s = a[r + 1];
       let t = !!e && !!s && e.value == null && s.value == null || !e && !!s && s.value == null || !!e && !s && e.value == null;
       return xe(a[r].value) && t && l.value.line.cutNullValues;
     }
     const ye = m(() => {
-      const a = Qe.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), r = a.length, e = l.value.chart.grid.labels.yAxis.gap, s = f.value.isStacked, t = s ? e * (r - 1) : 0, n = c.value.height - t;
-      return a.filter((o) => o.type === "bar").map((o, $) => {
+      const a = Qe.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), r = a.length, e = l.value.chart.grid.labels.yAxis.gap, s = f.value.isStacked, t = s ? e * (r - 1) : 0, u = c.value.height - t;
+      return a.filter((o) => o.type === "bar").map((o, L) => {
         Ta(o);
         const M = A.value[o.scaleLabel].min, B = A.value[o.scaleLabel].max;
-        o.absoluteValues.filter((V) => ![null, void 0].includes(V)).map((V) => (V - M) / (B - M));
-        const _ = {
+        o.absoluteValues.filter((R) => ![null, void 0].includes(R)).map((R) => (R - M) / (B - M));
+        const w = {
           valueMin: M,
           valueMax: B < 0 ? 0 : B
         }, T = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
-          min: o.scaleMin || Math.min(...o.absoluteValues.filter((V) => ![void 0, null].includes(V))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((V) => ![null, void 0].includes(V)))
-        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, D = l.value.chart.grid.labels.yAxis.useNiceScale ? Pl(T.min, T.max === T.min ? T.max * y : T.max, Y) : tl(T.min, T.max === T.min ? T.max * y : T.max, Y), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Pl(_.valueMin, _.valueMax === _.valueMin ? _.valueMax * y : _.valueMax, Y) : tl(_.valueMin, _.valueMax === _.valueMin ? _.valueMax * y : _.valueMax, Y), ae = D.min >= 0 ? 0 : Math.abs(D.min), fe = 0, Z = D.max + ae, _e = z.max + Math.abs(fe), Be = o.stackIndex, dl = r - 1 - Be, ke = s ? 1 - o.cumulatedStackRatio : 0, R = s ? n * ke + e * dl : 0, E = s ? n * o.stackRatio : c.value.height, Q = c.value?.bottom - R - E * ae / Z, Ce = c.value?.bottom - R - E * fe / _e, j = re.value.filter((V) => V.type === "bar").filter((V) => !q.value.includes(V.id)).length, Il = o.series.map((V, se) => {
-          const Fl = f.value.useIndividualScale ? (o.absoluteValues[se] + ae) / Z : Je(V), el = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / S.value * se : c.value?.left + J.value.bar * $ + J.value.bar * se * j - wr.value / 2 - $ * ra.value;
+          min: o.scaleMin || Math.min(...o.absoluteValues.filter((R) => ![void 0, null].includes(R))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((R) => ![null, void 0].includes(R)))
+        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, V = l.value.chart.grid.labels.yAxis.useNiceScale ? Pl(T.min, T.max === T.min ? T.max * k : T.max, Y) : tl(T.min, T.max === T.min ? T.max * k : T.max, Y), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Pl(w.valueMin, w.valueMax === w.valueMin ? w.valueMax * k : w.valueMax, Y) : tl(w.valueMin, w.valueMax === w.valueMin ? w.valueMax * k : w.valueMax, Y), ae = V.min >= 0 ? 0 : Math.abs(V.min), fe = 0, Z = V.max + ae, we = z.max + Math.abs(fe), Be = o.stackIndex, dl = r - 1 - Be, ke = s ? 1 - o.cumulatedStackRatio : 0, E = s ? u * ke + e * dl : 0, H = s ? u * o.stackRatio : c.value.height, Q = c.value?.bottom - E - H * ae / Z, Ce = c.value?.bottom - E - H * fe / we, j = re.value.filter((R) => R.type === "bar").filter((R) => !q.value.includes(R.id)).length, Il = o.series.map((R, se) => {
+          const Fl = f.value.useIndividualScale ? (o.absoluteValues[se] + ae) / Z : Je(R), el = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / S.value * se : c.value?.left + J.value.bar * L + J.value.bar * se * j - _r.value / 2 - L * ra.value;
           return {
-            yOffset: N(R),
-            individualHeight: N(E),
-            x: N(el),
-            y: c.value?.bottom - R - E * Fl,
+            yOffset: P(E),
+            individualHeight: P(H),
+            x: P(el),
+            y: c.value?.bottom - E - H * Fl,
             value: o.absoluteValues[se],
-            zeroPosition: N(Q),
-            individualMax: N(Z),
+            zeroPosition: P(Q),
+            individualMax: P(Z),
             comment: o.comments && o.comments.slice(b.value.start, b.value.end)[se] || ""
           };
-        }), ge = o.absoluteValues.map((V) => z.min >= 0 ? (V - Math.abs(z.min)) / (z.max - Math.abs(z.min)) : (V + Math.abs(z.min)) / (z.max + Math.abs(z.min))), Oe = o.series.map((V, se) => {
-          const Fl = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / S.value * se : c.value?.left - J.value.bar / 2 + J.value.bar * $ + J.value.bar * se * re.value.filter((el) => el.type === "bar").filter((el) => !q.value.includes(el.id)).length;
+        }), ge = o.absoluteValues.map((R) => z.min >= 0 ? (R - Math.abs(z.min)) / (z.max - Math.abs(z.min)) : (R + Math.abs(z.min)) / (z.max + Math.abs(z.min))), Oe = o.series.map((R, se) => {
+          const Fl = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / S.value * se : c.value?.left - J.value.bar / 2 + J.value.bar * L + J.value.bar * se * re.value.filter((el) => el.type === "bar").filter((el) => !q.value.includes(el.id)).length;
           return {
-            yOffset: N(R),
-            individualHeight: N(E),
-            x: N(Fl),
-            y: N(c.value?.bottom - N(R) - (N(E) * ge[se] || 0)),
+            yOffset: P(E),
+            individualHeight: P(H),
+            x: P(Fl),
+            y: P(c.value?.bottom - P(E) - (P(H) * ge[se] || 0)),
             value: o.absoluteValues[se],
-            zeroPosition: N(Q),
-            individualMax: N(Z),
+            zeroPosition: P(Q),
+            individualMax: P(Z),
             comment: o.comments && o.comments.slice(b.value.start, b.value.end)[se] || ""
           };
-        }), G = D.ticks.map((V) => ({
-          y: V >= 0 ? Q - E * (V / Z) : Q + E * Math.abs(V) / Z,
-          value: V,
+        }), G = V.ticks.map((R) => ({
+          y: R >= 0 ? Q - H * (R / Z) : Q + H * Math.abs(R) / Z,
+          value: R,
           prefix: o.prefix || l.value.chart.labels.prefix,
           suffix: o.suffix || l.value.chart.labels.suffix,
           datapoint: o
-        })), ee = z.ticks.map((V) => {
-          const se = (V - z.min) / (z.max - z.min);
+        })), ee = z.ticks.map((R) => {
+          const se = (R - z.min) / (z.max - z.min);
           return {
-            y: V >= 0 ? Ce - E * se : Ce + E * se,
-            value: V,
+            y: R >= 0 ? Ce - H * se : Ce + H * se,
+            value: R,
             prefix: o.prefix || l.value.chart.labels.prefix,
             suffix: o.suffix || l.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        return A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? ee : G, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? Ce : Q, A.value[o.scaleLabel].individualMax = o.autoScaling ? _e : Z, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = R, A.value[o.scaleLabel].individualHeight = E, A.value[o.scaleLabel].autoScaleYLabels = ee, A.value[o.scaleLabel].unique = Qe.value.filter((V) => V.scaleLabel === o.scaleLabel).length === 1, {
+        return A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? ee : G, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? Ce : Q, A.value[o.scaleLabel].individualMax = o.autoScaling ? we : Z, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = E, A.value[o.scaleLabel].individualHeight = H, A.value[o.scaleLabel].autoScaleYLabels = ee, A.value[o.scaleLabel].unique = Qe.value.filter((R) => R.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
-          yOffset: R,
+          yOffset: E,
           autoScaleYLabels: ee,
-          individualHeight: E,
+          individualHeight: H,
           scaleYLabels: o.autoScaling ? ee : G,
-          individualScale: o.autoScaling ? z : D,
-          individualMax: o.autoScaling ? _e : Z,
+          individualScale: o.autoScaling ? z : V,
+          individualMax: o.autoScaling ? we : Z,
           zeroPosition: o.autoScaling ? Ce : Q,
           plots: o.autoScaling ? Oe : Il,
           groupId: A.value[o.scaleLabel].groupId
         };
       });
     }), le = m(() => {
-      const a = Qe.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), r = a.length, e = l.value.chart.grid.labels.yAxis.gap, s = f.value.isStacked, t = s ? e * (r - 1) : 0, n = c.value.height - t;
-      return a.filter((o) => o.type === "line").map((o, $) => {
+      const a = Qe.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), r = a.length, e = l.value.chart.grid.labels.yAxis.gap, s = f.value.isStacked, t = s ? e * (r - 1) : 0, u = c.value.height - t;
+      return a.filter((o) => o.type === "line").map((o, L) => {
         Ta(o);
         const M = A.value[o.scaleLabel].min, B = A.value[o.scaleLabel].max;
-        o.absoluteValues.filter((L) => ![null, void 0].includes(L)).map((L) => (L - M) / (B - M));
-        const _ = {
+        o.absoluteValues.filter(($) => ![null, void 0].includes($)).map(($) => ($ - M) / (B - M));
+        const w = {
           valueMin: M,
           valueMax: B
         }, T = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
-        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, D = l.value.chart.grid.labels.yAxis.useNiceScale ? Pl(T.min, T.max === T.min ? T.max * y : T.max, Y) : tl(T.min, T.max === T.min ? T.max * y : T.max, Y), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Pl(_.valueMin, _.valueMax === _.valueMin ? _.valueMax * y : _.valueMax, Y) : tl(_.valueMin, _.valueMax === _.valueMin ? _.valueMax * y : _.valueMax, Y), ae = D.min >= 0 ? 0 : Math.abs(D.min), fe = 0, Z = D.max + Math.abs(ae), _e = z.max + Math.abs(fe), Be = o.stackIndex, dl = r - 1 - Be, ke = s ? 1 - o.cumulatedStackRatio : 0, R = s ? n * ke + e * dl : 0, E = s ? n * o.stackRatio : c.value.height, Q = c.value?.bottom - R - E * ae / Z, Ce = c.value?.bottom - R - E * fe / _e, j = o.series.map((L, ne) => {
-          const Vr = f.value.useIndividualScale ? (o.absoluteValues[ne] + Math.abs(ae)) / Z : Je(L);
+        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, V = l.value.chart.grid.labels.yAxis.useNiceScale ? Pl(T.min, T.max === T.min ? T.max * k : T.max, Y) : tl(T.min, T.max === T.min ? T.max * k : T.max, Y), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Pl(w.valueMin, w.valueMax === w.valueMin ? w.valueMax * k : w.valueMax, Y) : tl(w.valueMin, w.valueMax === w.valueMin ? w.valueMax * k : w.valueMax, Y), ae = V.min >= 0 ? 0 : Math.abs(V.min), fe = 0, Z = V.max + Math.abs(ae), we = z.max + Math.abs(fe), Be = o.stackIndex, dl = r - 1 - Be, ke = s ? 1 - o.cumulatedStackRatio : 0, E = s ? u * ke + e * dl : 0, H = s ? u * o.stackRatio : c.value.height, Q = c.value?.bottom - E - H * ae / Z, Ce = c.value?.bottom - E - H * fe / we, j = o.series.map(($, ue) => {
+          const Vr = f.value.useIndividualScale ? (o.absoluteValues[ue] + Math.abs(ae)) / Z : Je($);
           return {
-            x: N(c.value?.left + J.value.line / 2 + J.value.line * ne),
-            y: N(c.value?.bottom - R - E * Vr),
-            value: o.absoluteValues[ne],
-            comment: o.comments && o.comments.slice(b.value.start, b.value.end)[ne] || ""
+            x: P(c.value?.left + J.value.line / 2 + J.value.line * ue),
+            y: P(c.value?.bottom - E - H * Vr),
+            value: o.absoluteValues[ue],
+            comment: o.comments && o.comments.slice(b.value.start, b.value.end)[ue] || ""
           };
-        }), Il = o.absoluteValues.map((L) => z.min >= 0 ? (L - Math.abs(z.min)) / (z.max - Math.abs(z.min)) : (L + Math.abs(z.min)) / (z.max + Math.abs(z.min))), ge = o.series.map((L, ne) => [void 0, null].includes(o.absoluteValues[ne]) ? {
-          x: N(c.value?.left + J.value.line / 2 + J.value.line * ne),
+        }), Il = o.absoluteValues.map(($) => z.min >= 0 ? ($ - Math.abs(z.min)) / (z.max - Math.abs(z.min)) : ($ + Math.abs(z.min)) / (z.max + Math.abs(z.min))), ge = o.series.map(($, ue) => [void 0, null].includes(o.absoluteValues[ue]) ? {
+          x: P(c.value?.left + J.value.line / 2 + J.value.line * ue),
           y: Q,
-          value: o.absoluteValues[ne],
-          comment: o.comments && o.comments.slice(b.value.start, b.value.end)[ne] || ""
+          value: o.absoluteValues[ue],
+          comment: o.comments && o.comments.slice(b.value.start, b.value.end)[ue] || ""
         } : {
-          x: N(c.value?.left + J.value.line / 2 + J.value.line * ne),
-          y: N(c.value?.bottom - R - (E * Il[ne] || 0)),
-          value: o.absoluteValues[ne],
-          comment: o.comments && o.comments.slice(b.value.start, b.value.end)[ne] || ""
-        }), Oe = o.dashIndices && Array.isArray(o.dashIndices) && o?.dashIndices?.length > 0, G = l.value.line.cutNullValues ? uo(j) : io(j.filter((L) => L.value !== null)), ee = l.value.line.cutNullValues ? uo(ge) : io(ge.filter((L) => L.value !== null)), V = l.value.line.cutNullValues ? co(j) : vo(j.filter((L) => L.value !== null)), se = l.value.line.cutNullValues ? co(ge) : vo(ge.filter((L) => L.value !== null)), Fl = Oe ? Kr(l.value.line.cutNullValues ? j : j.filter((L) => L.value !== null), o.dashIndices.map((L) => L - b.value.start)) : [], el = Oe ? Qr(l.value.line.cutNullValues ? j : j.filter((L) => L.value !== null), o.dashIndices.map((L) => L - b.value.start)) : [], ca = D.ticks.map((L) => ({
-          y: L >= 0 ? Q - E * (L / Z) : Q + E * Math.abs(L) / Z,
-          value: L,
+          x: P(c.value?.left + J.value.line / 2 + J.value.line * ue),
+          y: P(c.value?.bottom - E - (H * Il[ue] || 0)),
+          value: o.absoluteValues[ue],
+          comment: o.comments && o.comments.slice(b.value.start, b.value.end)[ue] || ""
+        }), Oe = o.dashIndices && Array.isArray(o.dashIndices) && o?.dashIndices?.length > 0, G = l.value.line.cutNullValues ? no(j) : io(j.filter(($) => $.value !== null)), ee = l.value.line.cutNullValues ? no(ge) : io(ge.filter(($) => $.value !== null)), R = l.value.line.cutNullValues ? co(j) : vo(j.filter(($) => $.value !== null)), se = l.value.line.cutNullValues ? co(ge) : vo(ge.filter(($) => $.value !== null)), Fl = Oe ? Kr(l.value.line.cutNullValues ? j : j.filter(($) => $.value !== null), o.dashIndices.map(($) => $ - b.value.start)) : [], el = Oe ? Qr(l.value.line.cutNullValues ? j : j.filter(($) => $.value !== null), o.dashIndices.map(($) => $ - b.value.start)) : [], ca = V.ticks.map(($) => ({
+          y: $ >= 0 ? Q - H * ($ / Z) : Q + H * Math.abs($) / Z,
+          value: $,
           prefix: o.prefix || l.value.chart.labels.prefix,
           suffix: o.suffix || l.value.chart.labels.suffix,
           datapoint: o
-        })), va = z.ticks.map((L) => {
-          const ne = (L - z.min) / (z.max - z.min);
+        })), va = z.ticks.map(($) => {
+          const ue = ($ - z.min) / (z.max - z.min);
           return {
-            y: L >= 0 ? Ce - E * ne : Ce + E * ne,
-            value: L,
+            y: $ >= 0 ? Ce - H * ue : Ce + H * ue,
+            value: $,
             prefix: o.prefix || l.value.chart.labels.prefix,
             suffix: o.suffix || l.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? va : ca, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? Ce : Q, A.value[o.scaleLabel].individualMax = o.autoScaling ? _e : Z, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = R, A.value[o.scaleLabel].individualHeight = E, A.value[o.scaleLabel].autoScaleYLabels = va, A.value[o.scaleLabel].unique = Qe.value.filter((L) => L.scaleLabel === o.scaleLabel).length === 1;
+        A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? va : ca, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? Ce : Q, A.value[o.scaleLabel].individualMax = o.autoScaling ? we : Z, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = E, A.value[o.scaleLabel].individualHeight = H, A.value[o.scaleLabel].autoScaleYLabels = va, A.value[o.scaleLabel].unique = Qe.value.filter(($) => $.scaleLabel === o.scaleLabel).length === 1;
         const Dr = f.value.useIndividualScale ? o.autoScaling ? Ce : Q : Ko.value, Bl = Math.max(
           Math.max(
             o.autoScaling ? Ce : ca.at(-1) ? ca.at(-1).y : 0,
@@ -1094,12 +1094,13 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         );
         return {
           ...o,
-          yOffset: R,
+          temperatureColors: o.temperatureColors ? o.temperatureColors.map(($) => Pa($)) : null,
+          yOffset: E,
           autoScaleYLabels: va,
-          individualHeight: E,
+          individualHeight: H,
           scaleYLabels: o.autoScaling ? va : ca,
-          individualScale: o.autoScaling ? z : D,
-          individualMax: o.autoScaling ? _e : Z,
+          individualScale: o.autoScaling ? z : V,
+          individualMax: o.autoScaling ? we : Z,
           zeroPosition: o.autoScaling ? Ce : Q,
           curve: o.autoScaling ? ee : G,
           plots: o.autoScaling ? ge : j,
@@ -1110,159 +1111,159 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             o.autoScaling ? ge : j,
             Bl
           ) : fo(
-            o.autoScaling ? ge.filter((L) => L.value !== null) : j.filter((L) => L.value !== null),
+            o.autoScaling ? ge.filter(($) => $.value !== null) : j.filter(($) => $.value !== null),
             Bl
-          ) : l.value.line.cutNullValues ? ho(j, Bl) : fo(j.filter((L) => L.value !== null), Bl) : "",
+          ) : l.value.line.cutNullValues ? ho(j, Bl) : fo(j.filter(($) => $.value !== null), Bl) : "",
           curveAreas: o.useArea ? jr(
-            o.autoScaling ? l.value.line.cutNullValues ? ge : ge.filter((L) => L.value !== null) : l.value.line.cutNullValues ? j : j.filter((L) => L.value !== null),
+            o.autoScaling ? l.value.line.cutNullValues ? ge : ge.filter(($) => $.value !== null) : l.value.line.cutNullValues ? j : j.filter(($) => $.value !== null),
             Bl,
             l.value.line.cutNullValues
           ) : [],
-          straight: o.autoScaling ? se : V,
+          straight: o.autoScaling ? se : R,
           groupId: A.value[o.scaleLabel].groupId
         };
       });
     }), he = m(() => {
-      const a = Qe.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), r = a.length, e = l.value.chart.grid.labels.yAxis.gap, s = f.value.isStacked, t = s ? e * (r - 1) : 0, n = c.value.height - t;
+      const a = Qe.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), r = a.length, e = l.value.chart.grid.labels.yAxis.gap, s = f.value.isStacked, t = s ? e * (r - 1) : 0, u = c.value.height - t;
       return a.filter((o) => o.type === "plot").map((o) => {
         Ta(o);
-        const $ = A.value[o.scaleLabel].min, M = A.value[o.scaleLabel].max;
-        o.absoluteValues.filter((G) => ![null, void 0].includes(G)).map((G) => (G - $) / (M - $));
+        const L = A.value[o.scaleLabel].min, M = A.value[o.scaleLabel].max;
+        o.absoluteValues.filter((G) => ![null, void 0].includes(G)).map((G) => (G - L) / (M - L));
         const B = {
-          valueMin: $,
+          valueMin: L,
           valueMax: M
-        }, _ = {
+        }, w = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues)
-        }, T = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, Y = 1.0000001, y = tl(_.min, _.max === _.min ? _.max * Y : _.max, T), D = tl(B.valueMin, B.valueMax === B.valueMin ? B.valueMax * Y : B.valueMax, T), z = y.min >= 0 ? 0 : Math.abs(y.min), ae = 0, fe = y.max + z, Z = D.max + Math.abs(ae), _e = o.stackIndex, Be = r - 1 - _e, dl = s ? 1 - o.cumulatedStackRatio : 0, ke = s ? n * dl + e * Be : 0, R = s ? n * o.stackRatio : c.value.height, E = c.value?.bottom - ke - R * z / fe, Q = c.value?.bottom - ke - R * ae / Z, Ce = o.series.map((G, ee) => {
-          const V = f.value.useIndividualScale ? (o.absoluteValues[ee] + Math.abs(z)) / fe : Je(G);
+        }, T = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, Y = 1.0000001, k = tl(w.min, w.max === w.min ? w.max * Y : w.max, T), V = tl(B.valueMin, B.valueMax === B.valueMin ? B.valueMax * Y : B.valueMax, T), z = k.min >= 0 ? 0 : Math.abs(k.min), ae = 0, fe = k.max + z, Z = V.max + Math.abs(ae), we = o.stackIndex, Be = r - 1 - we, dl = s ? 1 - o.cumulatedStackRatio : 0, ke = s ? u * dl + e * Be : 0, E = s ? u * o.stackRatio : c.value.height, H = c.value?.bottom - ke - E * z / fe, Q = c.value?.bottom - ke - E * ae / Z, Ce = o.series.map((G, ee) => {
+          const R = f.value.useIndividualScale ? (o.absoluteValues[ee] + Math.abs(z)) / fe : Je(G);
           return {
-            x: N(c.value?.left + J.value.plot / 2 + J.value.plot * ee),
-            y: N(c.value?.bottom - ke - R * V),
+            x: P(c.value?.left + J.value.plot / 2 + J.value.plot * ee),
+            y: P(c.value?.bottom - ke - E * R),
             value: o.absoluteValues[ee],
             comment: o.comments && o.comments.slice(b.value.start, b.value.end)[ee] || ""
           };
-        }), j = o.absoluteValues.map((G) => D.min >= 0 ? (G - Math.abs(D.min)) / (D.max - Math.abs(D.min)) : (G + Math.abs(D.min)) / (D.max + Math.abs(D.min))), Il = o.series.map((G, ee) => ({
-          x: N(c.value?.left + J.value.plot / 2 + J.value.plot * ee),
-          y: N(c.value?.bottom - ke - (R * j[ee] || 0)),
+        }), j = o.absoluteValues.map((G) => V.min >= 0 ? (G - Math.abs(V.min)) / (V.max - Math.abs(V.min)) : (G + Math.abs(V.min)) / (V.max + Math.abs(V.min))), Il = o.series.map((G, ee) => ({
+          x: P(c.value?.left + J.value.plot / 2 + J.value.plot * ee),
+          y: P(c.value?.bottom - ke - (E * j[ee] || 0)),
           value: o.absoluteValues[ee],
           comment: o.comments && o.comments.slice(b.value.start, b.value.end)[ee] || ""
-        })), ge = y.ticks.map((G) => ({
-          y: G >= 0 ? E - R * (G / fe) : E + R * Math.abs(G) / fe,
+        })), ge = k.ticks.map((G) => ({
+          y: G >= 0 ? H - E * (G / fe) : H + E * Math.abs(G) / fe,
           value: G,
           prefix: o.prefix || l.value.chart.labels.prefix,
           suffix: o.suffix || l.value.chart.labels.suffix,
           datapoint: o
-        })), Oe = D.ticks.map((G) => {
-          const ee = (G - D.min) / (D.max - D.min);
+        })), Oe = V.ticks.map((G) => {
+          const ee = (G - V.min) / (V.max - V.min);
           return {
-            y: G >= 0 ? Q - R * ee : Q + R * ee,
+            y: G >= 0 ? Q - E * ee : Q + E * ee,
             value: G,
             prefix: o.prefix || l.value.chart.labels.prefix,
             suffix: o.suffix || l.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        return A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Oe : ge, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? Q : E, A.value[o.scaleLabel].individualMax = o.autoScaling ? Z : fe, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = ke, A.value[o.scaleLabel].individualHeight = R, A.value[o.scaleLabel].autoScaleYLabels = Oe, A.value[o.scaleLabel].unique = Qe.value.filter((G) => G.scaleLabel === o.scaleLabel).length === 1, {
+        return A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Oe : ge, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? Q : H, A.value[o.scaleLabel].individualMax = o.autoScaling ? Z : fe, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = ke, A.value[o.scaleLabel].individualHeight = E, A.value[o.scaleLabel].autoScaleYLabels = Oe, A.value[o.scaleLabel].unique = Qe.value.filter((G) => G.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: ke,
           autoScaleYLabels: Oe,
-          individualHeight: R,
+          individualHeight: E,
           scaleYLabels: o.autoScaling ? Oe : ge,
-          individualScale: o.autoScaling ? D : y,
+          individualScale: o.autoScaling ? V : k,
           individualMax: o.autoScaling ? Z : fe,
-          zeroPosition: o.autoScaling ? Q : E,
+          zeroPosition: o.autoScaling ? Q : H,
           plots: o.autoScaling ? Il : Ce,
           groupId: A.value[o.scaleLabel].groupId
         };
       });
     }), Tl = m(() => {
-      const a = le.value.map((n) => ({
-        name: n.name,
-        color: n.color,
-        scale: n.individualScale,
-        scaleYLabels: n.scaleYLabels,
-        zero: n.zeroPosition,
-        max: n.individualMax,
-        scaleLabel: n.scaleLabel || "",
-        id: n.id,
-        yOffset: n.yOffset || 0,
-        individualHeight: n.individualHeight || c.value.height,
-        autoScaleYLabels: n.autoScaleYLabels
-      })), r = ye.value.map((n) => ({
-        name: n.name,
-        color: n.color,
-        scale: n.individualScale,
-        scaleYLabels: n.scaleYLabels,
-        zero: n.zeroPosition,
-        max: n.individualMax,
-        scaleLabel: n.scaleLabel || "",
-        id: n.id,
-        yOffset: n.yOffset || 0,
-        individualHeight: n.individualHeight || c.value.height
-      })), e = he.value.map((n) => ({
-        name: n.name,
-        color: n.color,
-        scale: n.individualScale,
-        scaleYLabels: n.scaleYLabels,
+      const a = le.value.map((u) => ({
+        name: u.name,
+        color: u.color,
+        scale: u.individualScale,
+        scaleYLabels: u.scaleYLabels,
+        zero: u.zeroPosition,
+        max: u.individualMax,
+        scaleLabel: u.scaleLabel || "",
+        id: u.id,
+        yOffset: u.yOffset || 0,
+        individualHeight: u.individualHeight || c.value.height,
+        autoScaleYLabels: u.autoScaleYLabels
+      })), r = ye.value.map((u) => ({
+        name: u.name,
+        color: u.color,
+        scale: u.individualScale,
+        scaleYLabels: u.scaleYLabels,
+        zero: u.zeroPosition,
+        max: u.individualMax,
+        scaleLabel: u.scaleLabel || "",
+        id: u.id,
+        yOffset: u.yOffset || 0,
+        individualHeight: u.individualHeight || c.value.height
+      })), e = he.value.map((u) => ({
+        name: u.name,
+        color: u.color,
+        scale: u.individualScale,
+        scaleYLabels: u.scaleYLabels,
         // FIX
-        zero: n.zeroPosition,
-        max: n.individualMax,
-        scaleLabel: n.scaleLabel || "",
-        id: n.id,
-        yOffset: n.yOffset || 0,
-        individualHeight: n.individualHeight || c.value.height
-      })), s = f.value.useIndividualScale && !f.value.isStacked ? Object.values(A.value) : [...a, ...r, ...e], t = s.flatMap((n) => n).length;
-      return s.flatMap((n, o) => {
-        let $ = 0;
-        $ = f.value.isStacked ? c.value?.left : c.value?.left / t * (o + 1);
-        const M = f.value.useIndividualScale && !f.value.isStacked ? n.unique ? n.name : n.groupName : n.name;
+        zero: u.zeroPosition,
+        max: u.individualMax,
+        scaleLabel: u.scaleLabel || "",
+        id: u.id,
+        yOffset: u.yOffset || 0,
+        individualHeight: u.individualHeight || c.value.height
+      })), s = f.value.useIndividualScale && !f.value.isStacked ? Object.values(A.value) : [...a, ...r, ...e], t = s.flatMap((u) => u).length;
+      return s.flatMap((u, o) => {
+        let L = 0;
+        L = f.value.isStacked ? c.value?.left : c.value?.left / t * (o + 1);
+        const M = f.value.useIndividualScale && !f.value.isStacked ? u.unique ? u.name : u.groupName : u.name;
         return {
-          unique: n.unique,
-          id: n.id,
-          groupId: n.groupId,
-          scaleLabel: n.scaleLabel,
-          name: ue(
+          unique: u.unique,
+          id: u.id,
+          groupId: u.groupId,
+          scaleLabel: u.scaleLabel,
+          name: ne(
             l.value.chart.grid.labels.yAxis.serieNameFormatter,
             M,
             M,
-            n
+            u
           ),
-          color: f.value.useIndividualScale && !f.value.isStacked ? n.unique ? n.color : n.groupColor : n.color,
-          scale: n.scale,
-          yOffset: n.yOffset,
-          individualHeight: n.individualHeight,
-          x: $,
-          yLabels: n.scaleYLabels || n.scale.ticks.map((B) => ({
-            y: B >= 0 ? n.zero - n.individualHeight * (B / n.max) : n.zero + n.individualHeight * Math.abs(B) / n.max,
+          color: f.value.useIndividualScale && !f.value.isStacked ? u.unique ? u.color : u.groupColor : u.color,
+          scale: u.scale,
+          yOffset: u.yOffset,
+          individualHeight: u.individualHeight,
+          x: L,
+          yLabels: u.scaleYLabels || u.scale.ticks.map((B) => ({
+            y: B >= 0 ? u.zero - u.individualHeight * (B / u.max) : u.zero + u.individualHeight * Math.abs(B) / u.max,
             value: B
           }))
         };
       });
-    }), Vt = m(() => {
+    }), Rt = m(() => {
       const a = l.value.line.interLine || {}, r = a.pairs || [], e = a.colors || [];
       if (!r.length) return [];
       const s = [];
-      return r.forEach((t, n) => {
-        const [o, $] = Array.isArray(t) ? t : [t.a, t.b];
-        if (!o || !$) return;
-        const M = le.value.find((y) => y.name === o), B = le.value.find((y) => y.name === $);
+      return r.forEach((t, u) => {
+        const [o, L] = Array.isArray(t) ? t : [t.a, t.b];
+        if (!o || !L) return;
+        const M = le.value.find((k) => k.name === o), B = le.value.find((k) => k.name === L);
         if (!M || !B || M.type !== "line" || B.type !== "line") return;
-        const _ = e?.[n]?.[0] ?? M.color, T = e?.[n]?.[1] ?? B.color;
+        const w = e?.[u]?.[0] ?? M.color, T = e?.[u]?.[1] ?? B.color;
         es({
           lineA: M.plots,
           lineB: B.plots,
           smoothA: !!M.smooth,
           smoothB: !!B.smooth,
-          colorLineA: _,
+          colorLineA: w,
           colorLineB: T,
           sampleStepPx: 2,
           cutNullValues: l.value.line.cutNullValues
-        }).forEach((y, D) => {
-          s.push({ ...y, key: `inter_${o}_${$}_${n}_${D}` });
+        }).forEach((k, V) => {
+          s.push({ ...k, key: `inter_${o}_${L}_${u}_${V}` });
         });
       }), s;
-    }), Rt = m(() => ({
+    }), Et = m(() => ({
       datapoint: je.value,
       seriesIndex: C.value,
       series: re.value,
@@ -1270,30 +1271,30 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       lines: le.value,
       plots: he.value,
       config: l.value
-    })), Et = g({ months: [], shortMonths: [], days: [], shortDays: [] });
-    let Ht = 0;
+    })), Ht = g({ months: [], shortMonths: [], days: [], shortDays: [] });
+    let Wt = 0;
     da(() => {
-      const a = ++Ht, r = l.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
+      const a = ++Wt, r = l.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
       (async () => {
         const e = await xo(r.locale).catch(() => xo("en"));
-        a === Ht && (Et.value = e.data);
+        a === Wt && (Ht.value = e.data);
       })();
     });
     const vl = m(() => {
       const a = l.value.chart.grid.labels.xAxisLabels.datetimeFormatter, r = ns({
         useUTC: a.useUTC,
-        locale: Et.value,
+        locale: Ht.value,
         januaryAsYear: a.januaryAsYear
       });
       return (e, s) => {
-        const n = l.value.chart.grid.labels.xAxisLabels.values?.[e];
-        return n == null ? "" : r.formatDate(new Date(n), s);
+        const u = l.value.chart.grid.labels.xAxisLabels.values?.[e];
+        return u == null ? "" : r.formatDate(new Date(u), s);
       };
-    }), Wt = m(() => (l.value.chart.grid.labels.xAxisLabels.values || []).map((r, e) => ({
+    }), Yt = m(() => (l.value.chart.grid.labels.xAxisLabels.values || []).map((r, e) => ({
       text: vl.value(e, l.value.chart.zoom.timeFormat),
       absoluteIndex: e
     }))), Ar = m(() => {
-      let a = "", r = je.value.map((t) => t.value).filter((t) => ha(t) && t !== null).reduce((t, n) => Math.abs(t) + Math.abs(n), 0);
+      let a = "", r = je.value.map((t) => t.value).filter((t) => ha(t) && t !== null).reduce((t, u) => Math.abs(t) + Math.abs(u), 0);
       const e = ve.value[C.value], s = l.value.chart.tooltip.customFormat;
       if (go(s) && ls(() => s({
         absoluteIndex: C.value + b.value.start,
@@ -1321,45 +1322,45 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       }
       return je.value.forEach((t) => {
         if (ha(t.value)) {
-          let n = "", o = "";
+          let u = "", o = "";
           switch (yl.value[t.type]) {
             case "bar":
-              n = `<svg viewBox="0 0 40 40" height="14" width="14">${Ra.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${t.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${Ra.pattern ? `url(#pattern_${H.value}_${t.slotAbsoluteIndex}` : t.color}" /></svg>`;
+              u = `<svg viewBox="0 0 40 40" height="14" width="14">${Ea.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${t.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${Ea.pattern ? `url(#pattern_${O.value}_${t.slotAbsoluteIndex}` : t.color}" /></svg>`;
               break;
             case "line":
-              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" />` : t.shape === "triangle" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "square" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "diamond" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "pentagon" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "hexagon" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "star" && (o = `<polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" points="${mo({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), n = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${t.color}" />${o}</svg>`;
+              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" />` : t.shape === "triangle" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "square" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "diamond" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "pentagon" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "hexagon" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "star" && (o = `<polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" points="${mo({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), u = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${t.color}" />${o}</svg>`;
               break;
             case "plot":
               if (!t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape)) {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" /></svg>`;
+                u = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" /></svg>`;
                 break;
               }
               if (t.shape === "star") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${mo({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
+                u = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${mo({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
                 break;
               }
               if (t.shape === "triangle") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                u = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "square") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                u = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "diamond") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                u = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "pentagon") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                u = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "hexagon") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                u = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
           }
-          a += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${n}</div> ${t.name}: <b>${l.value.chart.tooltip.showValue ? ue(
+          a += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${u}</div> ${t.name}: <b>${l.value.chart.tooltip.showValue ? ne(
             t.type === "line" ? l.value.line.labels.formatter : t.type === "bar" ? l.value.bar.labels.formatter : l.value.plot.labels.formatter,
             t.value,
             Pe({
@@ -1370,43 +1371,43 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             }),
             { datapoint: t }
           ) : ""}</b> ${l.value.chart.tooltip.showPercentage ? `(${Pe({
-            v: N(Math.abs(t.value) / r * 100),
+            v: P(Math.abs(t.value) / r * 100),
             s: "%",
             r: l.value.chart.tooltip.roundingPercentage
           })})` : ""}</div>`, l.value.chart.comments.showInTooltip && t.comments.length && t.comments.slice(b.value.start, b.value.end)[C.value] && (a += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${t.color}">${t.comments.slice(b.value.start, b.value.end)[C.value]}</div>`);
         }
       }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${l.value.chart.tooltip.color}">${a}</div>`;
-    }), Yt = m(() => {
+    }), Xt = m(() => {
       if (Ee.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const a = we.value.map((e) => ({
+      const a = _e.value.map((e) => ({
         label: e.name,
         color: e.color,
         type: e.type
       })), r = [];
       return ve.value.forEach((e, s) => {
         const t = l.value.table.useDefaultTimeFormat ? [e.text] : [vl.value(s + b.value.start, l.value.table.timeFormat)];
-        we.value.forEach((n) => {
-          t.push(xe(n.absoluteValues[s]) ? Number(n.absoluteValues[s].toFixed(l.value.table.rounding)) : "");
+        _e.value.forEach((u) => {
+          t.push(xe(u.absoluteValues[s]) ? Number(u.absoluteValues[s].toFixed(l.value.table.rounding)) : "");
         }), r.push(t);
       }), { head: a, body: r };
-    }), ua = m(() => {
+    }), na = m(() => {
       const a = l.value.table.showSum;
-      let r = [""].concat(we.value.map((n) => n.name));
+      let r = [""].concat(_e.value.map((u) => u.name));
       a && (r = r.concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>'));
       let e = [];
-      for (let n = 0; n < S.value; n += 1) {
-        const o = we.value.map(($) => $.absoluteValues[n] ?? 0).reduce(($, M) => $ + M, 0);
+      for (let u = 0; u < S.value; u += 1) {
+        const o = _e.value.map((L) => L.absoluteValues[u] ?? 0).reduce((L, M) => L + M, 0);
         e.push(
           [
-            l.value.table.useDefaultTimeFormat ? ve.value[n].text ?? "-" : vl.value(n + b.value.start, l.value.table.timeFormat)
-          ].concat(we.value.map(
-            ($) => ue(
-              $.type === "line" ? l.value.line.labels.formatter : $.type === "bar" ? l.value.bar.labels.formatter : l.value.plot.labels.formatter,
-              $.absoluteValues[n] ?? 0,
+            l.value.table.useDefaultTimeFormat ? ve.value[u].text ?? "-" : vl.value(u + b.value.start, l.value.table.timeFormat)
+          ].concat(_e.value.map(
+            (L) => ne(
+              L.type === "line" ? l.value.line.labels.formatter : L.type === "bar" ? l.value.bar.labels.formatter : l.value.plot.labels.formatter,
+              L.absoluteValues[u] ?? 0,
               Pe({
-                p: $.prefix || l.value.chart.labels.prefix,
-                v: $.absoluteValues[n] ?? 0,
-                s: $.suffix || l.value.chart.labels.suffix,
+                p: L.prefix || l.value.chart.labels.prefix,
+                v: L.absoluteValues[u] ?? 0,
+                s: L.suffix || l.value.chart.labels.suffix,
                 r: l.value.table.rounding
               })
             )
@@ -1425,17 +1426,17 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           outline: l.value.table.td.outline
         },
         breakpoint: l.value.table.responsiveBreakpoint
-      }, t = [l.value.table.columnNames.period].concat(we.value.map((n) => n.name)).concat(l.value.table.columnNames.total);
+      }, t = [l.value.table.columnNames.period].concat(_e.value.map((u) => u.name)).concat(l.value.table.columnNames.total);
       return { head: r, body: e, config: s, colNames: t };
     });
     function za(a = null) {
-      const r = [[l.value.chart.title.text], [l.value.chart.title.subtitle.text], [""]], e = ["", ...Yt.value.head.map((o) => o.label)], s = Yt.value.body, t = r.concat([e]).concat(s), n = rs(t);
-      a ? a(n) : ss({ csvContent: n, title: l.value.chart.title.text || "vue-ui-xy" });
+      const r = [[l.value.chart.title.text], [l.value.chart.title.subtitle.text], [""]], e = ["", ...Xt.value.head.map((o) => o.label)], s = Xt.value.body, t = r.concat([e]).concat(s), u = ss(t);
+      a ? a(u) : us({ csvContent: u, title: l.value.chart.title.text || "vue-ui-xy" });
     }
-    function Xt(a, r = null) {
+    function Gt(a, r = null) {
       if (Qo.value) return;
-      Ha.value = a;
-      const e = we.value.map((s) => ({
+      Wa.value = a;
+      const e = _e.value.map((s) => ({
         name: s.name,
         value: [null, void 0, NaN].includes(s.absoluteValues[r]) ? null : s.absoluteValues[r],
         color: s.color,
@@ -1443,19 +1444,19 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       }));
       a ? (C.value = r, l.value.events.datapointEnter && l.value.events.datapointEnter({ datapoint: e, seriesIndex: r + b.value.start })) : (C.value = null, l.value.events.datapointLeave && l.value.events.datapointLeave({ datapoint: e, seriesIndex: r + b.value.start }));
     }
-    function Gt() {
+    function qt() {
       f.value.showTable = !f.value.showTable;
     }
-    function qt() {
+    function Ut() {
       f.value.dataLabels.show = !f.value.dataLabels.show;
     }
-    function Ut() {
+    function Zt() {
       f.value.showTooltip = !f.value.showTooltip;
     }
-    function Zt(a) {
-      qe.value = a, Wa.value += 1;
+    function Jt(a) {
+      qe.value = a, Ya.value += 1;
     }
-    function Jt() {
+    function Kt() {
       if (!l.value.responsiveProportionalSizing) {
         x.value.dataLabels = l.value.chart.grid.labels.fontSize, x.value.yAxis = l.value.chart.grid.labels.axis.fontSize, x.value.xAxis = l.value.chart.grid.labels.xAxisLabels.fontSize, x.value.plotLabels = l.value.chart.labels.fontSize, Le.value.plot = l.value.plot.radius, Le.value.line = l.value.line.radius;
         return;
@@ -1502,59 +1503,59 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       bo(F.dataset) ? (Na({
         componentName: "VueUiXy",
         type: "dataset",
-        debug: _l.value
+        debug: wl.value
       }), Gl.value = !0) : F.dataset.forEach((r, e) => {
         [null, void 0].includes(r.name) && (Na({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "name (string)",
           index: e,
-          debug: _l.value
+          debug: wl.value
         }), Gl.value = !0);
-      }), _l.value && F.dataset.forEach((r) => {
+      }), wl.value && F.dataset.forEach((r) => {
         r.series.forEach((e, s) => {
           ha(e) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
 -----> The serie '${r.name}' contains the value '${e}' at index ${s}.
 '${e}' was converted to null to allow the chart to display.`);
         });
-      }), bo(F.dataset) || (Gl.value = l.value.loading), Ga.value = l.value.chart.userOptions.showOnChartHover, wa.value = l.value.chart.userOptions.keepStateOnChartLeave, Hl.value = !l.value.chart.userOptions.showOnChartHover, $a();
+      }), bo(F.dataset) || (Gl.value = l.value.loading), qa.value = l.value.chart.userOptions.showOnChartHover, _a.value = l.value.chart.userOptions.keepStateOnChartLeave, Hl.value = !l.value.chart.userOptions.showOnChartHover, $a();
       const a = 12;
       if (l.value.responsive) {
         const e = $e.value.parentNode;
         Ve.value && (Ve.value.unobserve(ka.value), Ve.value.disconnect());
         const { height: s, width: t } = e.getBoundingClientRect();
-        let n = null, o = 0;
-        l.value.chart.title.show && bl.value && (n = bl.value, o = n.getBoundingClientRect().height);
-        let $ = null, M = 0;
-        l.value.chart.zoom.show && Fe.value > 6 && Aa.value && Ie.value && Ie.value.$el && ($ = Ie.value.$el, M = $.getBoundingClientRect().height);
-        let B = null, _ = 0;
-        l.value.chart.legend.show && rl.value && (B = rl.value, _ = B.getBoundingClientRect().height);
+        let u = null, o = 0;
+        l.value.chart.title.show && bl.value && (u = bl.value, o = u.getBoundingClientRect().height);
+        let L = null, M = 0;
+        l.value.chart.zoom.show && Fe.value > 6 && Aa.value && Ie.value && Ie.value.$el && (L = Ie.value.$el, M = L.getBoundingClientRect().height);
+        let B = null, w = 0;
+        l.value.chart.legend.show && rl.value && (B = rl.value, w = B.getBoundingClientRect().height);
         let T = 0;
         pl.value && (T = pl.value.getBoundingClientRect().height);
         let Y = 0;
-        xl.value && (Y = xl.value.getBoundingClientRect().height), ie.value = s - o - _ - M - T - Y - a, K.value = t, El.value = `0 0 ${K.value < 0 ? 10 : K.value} ${ie.value < 0 ? 10 : ie.value}`, Jt();
-        const y = new ResizeObserver((D) => {
-          for (const z of D)
-            l.value.chart.title.show && bl.value ? o = bl.value.getBoundingClientRect().height : o = 0, Ie.value && Ie.value.$el ? M = Ie.value.$el.getBoundingClientRect().height : M = 0, rl.value ? _ = rl.value.getBoundingClientRect().height : _ = 0, pl.value ? T = pl.value.getBoundingClientRect().height : T = 0, xl.value ? Y = xl.value.getBoundingClientRect().height : Y = 0, requestAnimationFrame(() => {
-              ie.value = z.contentRect.height - o - _ - M - T - Y - a, K.value = z.contentBoxSize[0].inlineSize ?? z.contentRect.width, El.value = `0 0 ${K.value < 0 ? 10 : K.value} ${ie.value < 0 ? 10 : ie.value}`, Jt(), wl(), nl();
+        xl.value && (Y = xl.value.getBoundingClientRect().height), ie.value = s - o - w - M - T - Y - a, K.value = t, El.value = `0 0 ${K.value < 0 ? 10 : K.value} ${ie.value < 0 ? 10 : ie.value}`, Kt();
+        const k = new ResizeObserver((V) => {
+          for (const z of V)
+            l.value.chart.title.show && bl.value ? o = bl.value.getBoundingClientRect().height : o = 0, Ie.value && Ie.value.$el ? M = Ie.value.$el.getBoundingClientRect().height : M = 0, rl.value ? w = rl.value.getBoundingClientRect().height : w = 0, pl.value ? T = pl.value.getBoundingClientRect().height : T = 0, xl.value ? Y = xl.value.getBoundingClientRect().height : Y = 0, requestAnimationFrame(() => {
+              ie.value = z.contentRect.height - o - w - M - T - Y - a, K.value = z.contentBoxSize[0].inlineSize ?? z.contentRect.width, El.value = `0 0 ${K.value < 0 ? 10 : K.value} ${ie.value < 0 ? 10 : ie.value}`, Kt(), _l(), ul();
             });
         });
-        Ve.value = y, ka.value = e, y.observe(e);
+        Ve.value = k, ka.value = e, k.observe(e);
       } else
         ie.value = l.value.chart.height, K.value = l.value.chart.width, x.value.dataLabels = l.value.chart.grid.labels.fontSize, x.value.yAxis = l.value.chart.grid.labels.axis.fontSize, x.value.xAxis = l.value.chart.grid.labels.xAxisLabels.fontSize, x.value.plotLabels = l.value.chart.labels.fontSize, Le.value.plot = l.value.plot.radius, Le.value.line = l.value.line.radius, El.value = `0 0 ${K.value} ${ie.value}`;
-      wl(), nl();
+      _l(), ul();
     }
-    function Kt(a) {
+    function Qt(a) {
       Wo.value = {
         x: a.clientX,
         y: a.clientY
       };
     }
     Ol(() => {
-      Ia(), ea(), document.addEventListener("mousemove", Kt, { passive: !0 }), document.addEventListener("scroll", ht, { passive: !0 });
+      Ia(), ea(), document.addEventListener("mousemove", Qt, { passive: !0 }), document.addEventListener("scroll", ft, { passive: !0 });
     }), Ba(() => {
-      document.removeEventListener("scroll", ht, { passive: !0 }), document.removeEventListener("mousemove", Kt, { passive: !0 }), Ve.value && (Ve.value.unobserve(ka.value), Ve.value.disconnect(), Ve.value = null);
-    }), gs({
+      document.removeEventListener("scroll", ft, { passive: !0 }), document.removeEventListener("mousemove", Qt, { passive: !0 }), Ve.value && (Ve.value.unobserve(ka.value), Ve.value.disconnect(), Ve.value = null);
+    }), ms({
       timeLabelsEls: Rl,
       timeLabels: ve,
       slicer: b,
@@ -1566,31 +1567,31 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       width: K,
       rotation: l.value.chart.grid.labels.xAxisLabels.autoRotate.angle
     });
-    const ia = g(!1), Qt = g(null), jt = g(200), $r = m(
-      () => C.value ?? O.value ?? 0
+    const ia = g(!1), jt = g(null), eo = g(200), $r = m(
+      () => C.value ?? N.value ?? 0
     );
     function Lr() {
-      const a = Math.ceil(jt.value || 200);
+      const a = Math.ceil(eo.value || 200);
       return Math.min(Math.max(a, 1), 200);
     }
     function Mr() {
-      const a = Lr(), r = 200, e = Math.max(1, S.value), s = c.value.width / e, n = c.value?.left + $r.value * s + s / 2 - a / 2 - (r - a) / 2, o = c.value?.left - (r - a) / 2, $ = c.value?.right - (r + a) / 2, M = Math.max(o, Math.min(n, $));
-      return N(M);
+      const a = Lr(), r = 200, e = Math.max(1, S.value), s = c.value.width / e, u = c.value?.left + $r.value * s + s / 2 - a / 2 - (r - a) / 2, o = c.value?.left - (r - a) / 2, L = c.value?.right - (r + a) / 2, M = Math.max(o, Math.min(u, L));
+      return P(M);
     }
     Ol(() => {
       let a = null, r = null;
-      const e = (n) => {
+      const e = (u) => {
         cancelAnimationFrame(r), r = requestAnimationFrame(() => {
-          jt.value = Math.min(Math.max(Math.ceil(n || 0), 1), 200);
+          eo.value = Math.min(Math.max(Math.ceil(u || 0), 1), 200);
         });
-      }, s = new ResizeObserver((n) => {
-        let o = n.find(($) => $.target === a) || n[0];
+      }, s = new ResizeObserver((u) => {
+        let o = u.find((L) => L.target === a) || u[0];
         o && e(o.contentRect.width || 200);
-      }), t = da((n) => {
-        const o = Qt.value;
+      }), t = da((u) => {
+        const o = jt.value;
         a && a !== o && (s.unobserve(a), a = null), o && o !== a && (Nl(() => {
           o.offsetParent !== null && e(o.offsetWidth || o.getBoundingClientRect().width || 200);
-        }), s.observe(o), a = o), n(() => {
+        }), s.observe(o), a = o), u(() => {
           a && (s.unobserve(a), a = null);
         });
       });
@@ -1602,8 +1603,8 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       });
     });
     const Tr = m(() => {
-      if ([null, void 0].includes(C.value) && [null, void 0].includes(O.value)) return "";
-      const a = (C.value != null ? C.value : 0) || (O.value != null ? O.value : 0), r = l.value.chart.timeTag.customFormat;
+      if ([null, void 0].includes(C.value) && [null, void 0].includes(N.value)) return "";
+      const a = (C.value != null ? C.value : 0) || (N.value != null ? N.value : 0), r = l.value.chart.timeTag.customFormat;
       if (ia.value = !1, go(r))
         try {
           const e = r({
@@ -1627,12 +1628,12 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       Array.isArray(a) && a.length > 0 && (Gl.value = !1), Fe.value = Math.max(...pe.value.map((r) => Re(r.series).length)), b.value = {
         start: 0,
         end: Fe.value
-      }, Ho.value += 1, Ca.value += 1, wl(), nl(), ul();
+      }, Ho.value += 1, Ca.value += 1, _l(), ul(), nl();
     }, { deep: !0 }), hl(() => F.config, (a) => {
-      oe.value || (l.value = Sa()), Ia(), Xa.value += 1, Ya.value += 1, $a(), wl(), nl(), ul();
+      oe.value || (l.value = Sa()), Ia(), Ga.value += 1, Xa.value += 1, $a(), _l(), ul(), nl();
     }, { deep: !0 });
     const Fa = g(!1);
-    function eo() {
+    function lo() {
       const a = $e.value?.parentNode;
       if (!a) {
         Fa.value = !1;
@@ -1642,9 +1643,9 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       Fa.value = r.width > 2 && r.height > 2;
     }
     Ol(() => {
-      eo();
+      lo();
       const a = new ResizeObserver(() => {
-        eo(), Fa.value && (Ia(), ul(), ea());
+        lo(), Fa.value && (Ia(), nl(), ea());
       });
       $e.value?.parentNode && a.observe($e.value.parentNode);
     }), hl(l, () => {
@@ -1653,7 +1654,7 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     const zl = m(() => {
       const a = l.value.table.useDialog && !l.value.showTable, r = f.value.showTable;
       return {
-        component: a ? Po : xs,
+        component: a ? Po : ys,
         title: `${l.value.chart.title.text}${l.value.chart.title.subtitle.text ? `: ${l.value.chart.title.subtitle.text}` : ""}`,
         props: a ? {
           backgroundColor: l.value.table.th.backgroundColor,
@@ -1683,21 +1684,21 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     hl(() => f.value.showTable, (a) => {
       l.value.showTable || (a && l.value.table.useDialog && sl.value ? sl.value.open() : sl.value && sl.value.close && sl.value.close());
     });
-    function lo() {
+    function ao() {
       f.value.showTable = !1, ya.value && ya.value.setTableIconState(!1);
     }
     const zr = m(() => re.value.map((a) => ({
       shape: a.type === "bar" ? "square" : a.shape ?? "circle",
       color: a.color,
       name: a.name
-    }))), Ir = m(() => l.value.chart.backgroundColor), Fr = m(() => l.value.chart.legend), Br = m(() => l.value.chart.title), { exportSvg: Or, getSvg: Nr } = ds({
+    }))), Ir = m(() => l.value.chart.backgroundColor), Fr = m(() => l.value.chart.legend), Br = m(() => l.value.chart.title), { exportSvg: Or, getSvg: Nr } = hs({
       svg: ce,
       title: Br,
       legend: Fr,
       legendItems: zr,
       backgroundColor: Ir
     });
-    async function ao({ isCb: a }) {
+    async function to({ isCb: a }) {
       Xl.value = !0, await Nl();
       try {
         if (a) {
@@ -1718,9 +1719,9 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         Yl.value = !1;
         return;
       }
-      st();
+      ut();
     }
-    async function to() {
+    async function oo() {
       if (Ge("copyAlt", {
         config: l.value,
         dataset: {
@@ -1744,30 +1745,30 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     return Mo({
       getData: dr,
       getImage: hr,
-      generatePdf: rt,
-      generateImage: st,
-      generateSvg: ao,
+      generatePdf: st,
+      generateImage: ut,
+      generateSvg: to,
       generateCsv: za,
       hideSeries: mr,
       showSeries: gr,
-      toggleStack: xt,
-      toggleTable: Gt,
-      toggleLabels: qt,
-      toggleTooltip: Ut,
+      toggleStack: yt,
+      toggleTable: qt,
+      toggleLabels: Ut,
+      toggleTooltip: Zt,
       toggleAnnotator: Ma,
-      toggleFullscreen: Zt,
-      copyAlt: to
-    }), (a, r) => (u(), i("div", {
-      id: `vue-ui-xy_${H.value}`,
+      toggleFullscreen: Jt,
+      copyAlt: oo
+    }), (a, r) => (n(), i("div", {
+      id: `vue-ui-xy_${O.value}`,
       class: ll(`vue-data-ui-component vue-ui-xy ${qe.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${l.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "chart",
       ref: $e,
-      style: w(`background:${l.value.chart.backgroundColor}; color:${l.value.chart.color};width:100%;font-family:${l.value.chart.fontFamily};${l.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: r[6] || (r[6] = () => gt(!0)),
-      onMouseleave: r[7] || (r[7] = () => gt(!1)),
-      onClick: zt
+      style: _(`background:${l.value.chart.backgroundColor}; color:${l.value.chart.color};width:100%;font-family:${l.value.chart.fontFamily};${l.value.responsive ? "height: 100%" : ""}`),
+      onMouseenter: r[6] || (r[6] = () => mt(!0)),
+      onMouseleave: r[7] || (r[7] = () => mt(!1)),
+      onClick: It
     }, [
-      l.value.chart.userOptions.buttons.annotator && ce.value ? (u(), Se(v(No), {
+      l.value.chart.userOptions.buttons.annotator && ce.value ? (n(), Se(v(No), {
         key: 0,
         svgRef: ce.value,
         backgroundColor: l.value.chart.backgroundColor,
@@ -1777,41 +1778,41 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         onClose: Ma
       }, {
         "annotator-action-close": X(() => [
-          P(a.$slots, "annotator-action-close", {}, void 0, !0)
+          D(a.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": X(({ color: e }) => [
-          P(a.$slots, "annotator-action-color", me(be({ color: e })), void 0, !0)
+          D(a.$slots, "annotator-action-color", me(be({ color: e })), void 0, !0)
         ]),
         "annotator-action-draw": X(({ mode: e }) => [
-          P(a.$slots, "annotator-action-draw", me(be({ mode: e })), void 0, !0)
+          D(a.$slots, "annotator-action-draw", me(be({ mode: e })), void 0, !0)
         ]),
         "annotator-action-undo": X(({ disabled: e }) => [
-          P(a.$slots, "annotator-action-undo", me(be({ disabled: e })), void 0, !0)
+          D(a.$slots, "annotator-action-undo", me(be({ disabled: e })), void 0, !0)
         ]),
         "annotator-action-redo": X(({ disabled: e }) => [
-          P(a.$slots, "annotator-action-redo", me(be({ disabled: e })), void 0, !0)
+          D(a.$slots, "annotator-action-redo", me(be({ disabled: e })), void 0, !0)
         ]),
         "annotator-action-delete": X(({ disabled: e }) => [
-          P(a.$slots, "annotator-action-delete", me(be({ disabled: e })), void 0, !0)
+          D(a.$slots, "annotator-action-delete", me(be({ disabled: e })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : h("", !0),
-      pr.value ? (u(), i("div", {
+      pr.value ? (n(), i("div", {
         key: 1,
         ref_key: "noTitle",
         ref: xl,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%; background:transparent"
       }, null, 512)) : h("", !0),
-      l.value.chart.title.show ? (u(), i("div", {
+      l.value.chart.title.show ? (n(), i("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: bl,
         class: "vue-ui-xy-title",
-        style: w(`font-family:${l.value.chart.fontFamily}`)
+        style: _(`font-family:${l.value.chart.fontFamily}`)
       }, [
-        (u(), Se(bs, {
-          key: `title_${Xa.value}`,
+        (n(), Se(ps, {
+          key: `title_${Ga.value}`,
           config: {
             title: {
               cy: "xy-div-title",
@@ -1825,17 +1826,17 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         }, null, 8, ["config"]))
       ], 4)) : h("", !0),
       p("div", {
-        id: `legend-top-${H.value}`
+        id: `legend-top-${O.value}`
       }, null, 8, ws),
-      l.value.chart.userOptions.show && (wa.value || Hl.value) ? (u(), Se(v(Fo), {
+      l.value.chart.userOptions.show && (_a.value || Hl.value) ? (n(), Se(v(Fo), {
         ref_key: "userOptionsRef",
         ref: ya,
-        key: `user_options_${Wa.value}`,
+        key: `user_options_${Ya.value}`,
         backgroundColor: l.value.chart.backgroundColor,
         color: l.value.chart.color,
         isPrinting: v(ql),
         isImaging: v(La),
-        uid: H.value,
+        uid: O.value,
         hasTooltip: l.value.chart.userOptions.buttons.tooltip && l.value.chart.tooltip.show,
         hasPdf: l.value.chart.userOptions.buttons.pdf,
         hasXls: l.value.chart.userOptions.buttons.csv,
@@ -1858,114 +1859,114 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         tableDialog: l.value.table.useDialog,
         printScale: l.value.chart.userOptions.print.scale,
         isCursorPointer: Ze.value,
-        onToggleFullscreen: Zt,
-        onGeneratePdf: v(rt),
+        onToggleFullscreen: Jt,
+        onGeneratePdf: v(st),
         onGenerateCsv: za,
         onGenerateImage: Pr,
-        onGenerateSvg: ao,
-        onToggleTable: Gt,
-        onToggleLabels: qt,
-        onToggleStack: xt,
-        onToggleTooltip: Ut,
+        onGenerateSvg: to,
+        onToggleTable: qt,
+        onToggleLabels: Ut,
+        onToggleStack: yt,
+        onToggleTooltip: Zt,
         onToggleAnnotator: Ma,
-        onCopyAlt: to,
-        style: w({
-          visibility: wa.value ? Hl.value ? "visible" : "hidden" : "visible"
+        onCopyAlt: oo,
+        style: _({
+          visibility: _a.value ? Hl.value ? "visible" : "hidden" : "visible"
         })
-      }, oo({ _: 2 }, [
+      }, ro({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: X(({ isOpen: e, color: s }) => [
-            P(a.$slots, "menuIcon", me(be({ isOpen: e, color: s })), void 0, !0)
+            D(a.$slots, "menuIcon", me(be({ isOpen: e, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         a.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: X(() => [
-            P(a.$slots, "optionTooltip", {}, void 0, !0)
+            D(a.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         a.$slots.optionPdf ? {
           name: "optionPdf",
           fn: X(() => [
-            P(a.$slots, "optionPdf", {}, void 0, !0)
+            D(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionCsv ? {
           name: "optionCsv",
           fn: X(() => [
-            P(a.$slots, "optionCsv", {}, void 0, !0)
+            D(a.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
           fn: X(() => [
-            P(a.$slots, "optionImg", {}, void 0, !0)
+            D(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         a.$slots.optionSvg ? {
           name: "optionSvg",
           fn: X(() => [
-            P(a.$slots, "optionSvg", {}, void 0, !0)
+            D(a.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         a.$slots.optionTable ? {
           name: "optionTable",
           fn: X(() => [
-            P(a.$slots, "optionTable", {}, void 0, !0)
+            D(a.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         a.$slots.optionLabels ? {
           name: "optionLabels",
           fn: X(() => [
-            P(a.$slots, "optionLabels", {}, void 0, !0)
+            D(a.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "7"
         } : void 0,
         a.$slots.optionStack ? {
           name: "optionStack",
           fn: X(({ isStack: e }) => [
-            P(a.$slots, "optionStack", me(be({ isStack: e })), void 0, !0)
+            D(a.$slots, "optionStack", me(be({ isStack: e })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: X(({ toggleFullscreen: e, isFullscreen: s }) => [
-            P(a.$slots, "optionFullscreen", me(be({ toggleFullscreen: e, isFullscreen: s })), void 0, !0)
+            D(a.$slots, "optionFullscreen", me(be({ toggleFullscreen: e, isFullscreen: s })), void 0, !0)
           ]),
           key: "9"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: X(({ toggleAnnotator: e, isAnnotator: s }) => [
-            P(a.$slots, "optionAnnotator", me(be({ toggleAnnotator: e, isAnnotator: s })), void 0, !0)
+            D(a.$slots, "optionAnnotator", me(be({ toggleAnnotator: e, isAnnotator: s })), void 0, !0)
           ]),
           key: "10"
         } : void 0,
         a.$slots.optionAltCopy ? {
           name: "optionAltCopy",
           fn: X(({ altCopy: e }) => [
-            P(a.$slots, "optionAltCopy", me(be({ altCopy: e })), void 0, !0)
+            D(a.$slots, "optionAltCopy", me(be({ altCopy: e })), void 0, !0)
           ]),
           key: "11"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "hasAltCopy", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "tableDialog", "printScale", "isCursorPointer", "onGeneratePdf", "style"])) : h("", !0),
-      (u(), i("svg", {
+      (n(), i("svg", {
         ref_key: "svgRef",
         ref: ce,
         xmlns: "http://www.w3.org/2000/svg",
         class: ll([{ "vue-data-ui-fullscreen--on": qe.value, "vue-data-ui-fulscreen--off": !qe.value }, "vue-ui-xy-svg vue-data-ui-svg"]),
         width: "100%",
         viewBox: El.value,
-        style: w({
+        style: _({
           background: "transparent",
           color: l.value.chart.color,
           fontFamily: l.value.chart.fontFamily
@@ -1976,7 +1977,7 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         preserveAspectRatio: "xMidYMid",
         onMousemove: vr,
         onMouseleave: ta,
-        onClick: zt
+        onClick: It
       }, [
         p("g", {
           ref_key: "G",
@@ -1984,7 +1985,7 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           class: "vue-data-ui-g"
         }, [
           fl(v(Oo)),
-          a.$slots["chart-background"] ? (u(), i("foreignObject", {
+          a.$slots["chart-background"] ? (n(), i("foreignObject", {
             key: 0,
             x: c.value?.left + U.value < 0 ? 0 : c.value?.left + U.value,
             y: c.value?.top,
@@ -1994,11 +1995,11 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               pointerEvents: "none"
             }
           }, [
-            P(a.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Ss)) : h("", !0),
-          S.value > 0 ? (u(), i("g", As, [
-            p("g", $s, [
-              l.value.chart.grid.labels.xAxis.showBaseline ? (u(), i("line", {
+            D(a.$slots, "chart-background", {}, void 0, !0)
+          ], 8, As)) : h("", !0),
+          S.value > 0 ? (n(), i("g", $s, [
+            p("g", Ls, [
+              l.value.chart.grid.labels.xAxis.showBaseline ? (n(), i("line", {
                 key: 0,
                 stroke: l.value.chart.grid.stroke,
                 "stroke-width": "1",
@@ -2008,9 +2009,9 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 y2: v(W)(c.value?.bottom),
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
-              }, null, 8, Ls)) : h("", !0),
-              f.value.useIndividualScale ? l.value.chart.grid.showHorizontalLines ? (u(!0), i(d, { key: 2 }, k(Tl.value, (e) => (u(), i("g", null, [
-                e.id === I.value && e.yLabels.length ? (u(!0), i(d, { key: 0 }, k(e.yLabels, (s) => (u(), i("line", {
+              }, null, 8, Ms)) : h("", !0),
+              f.value.useIndividualScale ? l.value.chart.grid.showHorizontalLines ? (n(!0), i(d, { key: 2 }, y(Tl.value, (e) => (n(), i("g", null, [
+                e.id === I.value && e.yLabels.length ? (n(!0), i(d, { key: 0 }, y(e.yLabels, (s) => (n(), i("line", {
                   x1: c.value?.left + U.value,
                   x2: c.value?.right - U.value,
                   y1: v(W)(s.y),
@@ -2019,7 +2020,7 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Is))), 256)) : e.yLabels.length ? (u(!0), i(d, { key: 1 }, k(e.yLabels, (s) => (u(), i("line", {
+                }, null, 8, Fs))), 256)) : e.yLabels.length ? (n(!0), i(d, { key: 1 }, y(e.yLabels, (s) => (n(), i("line", {
                   x1: c.value?.left + U.value,
                   x2: c.value?.right - U.value,
                   y1: v(W)(s.y),
@@ -2028,9 +2029,9 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Fs))), 256)) : h("", !0)
-              ]))), 256)) : h("", !0) : (u(), i(d, { key: 1 }, [
-                l.value.chart.grid.labels.yAxis.showBaseline ? (u(), i("line", {
+                }, null, 8, Bs))), 256)) : h("", !0)
+              ]))), 256)) : h("", !0) : (n(), i(d, { key: 1 }, [
+                l.value.chart.grid.labels.yAxis.showBaseline ? (n(), i("line", {
                   key: 0,
                   stroke: l.value.chart.grid.stroke,
                   "stroke-width": "1",
@@ -2040,9 +2041,9 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   y2: v(W)(c.value?.bottom),
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Ms)) : h("", !0),
-                l.value.chart.grid.showHorizontalLines ? (u(), i("g", Ts, [
-                  (u(!0), i(d, null, k(Nt.value, (e) => (u(), i("line", {
+                }, null, 8, Ts)) : h("", !0),
+                l.value.chart.grid.showHorizontalLines ? (n(), i("g", zs, [
+                  (n(!0), i(d, null, y(Pt.value, (e) => (n(), i("line", {
                     x1: c.value?.left + U.value,
                     x2: c.value?.right,
                     y1: v(W)(e.y),
@@ -2051,78 +2052,78 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     "stroke-width": 0.5,
                     "stroke-linecap": "round",
                     style: { animation: "none !important" }
-                  }, null, 8, zs))), 256))
+                  }, null, 8, Is))), 256))
                 ])) : h("", !0)
               ], 64)),
-              l.value.chart.grid.showVerticalLines ? (u(), i("g", Bs, [
+              l.value.chart.grid.showVerticalLines ? (n(), i("g", Os, [
                 p("path", {
                   d: lr.value,
                   "stroke-width": 0.5,
                   stroke: l.value.chart.grid.stroke,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Os)
+                }, null, 8, Ns)
               ])) : h("", !0),
-              l.value.chart.grid.labels.xAxisLabels.show ? (u(), i("g", Ns, [
+              l.value.chart.grid.labels.xAxisLabels.show ? (n(), i("g", Ps, [
                 p("path", {
                   d: ar.value,
                   stroke: l.value.chart.grid.stroke,
                   "stroke-width": 1,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Ps)
+                }, null, 8, Ds)
               ])) : h("", !0)
             ]),
-            (u(!0), i(d, null, k(ye.value, (e, s) => (u(), i("defs", {
+            (n(!0), i(d, null, y(ye.value, (e, s) => (n(), i("defs", {
               key: `def_rect_${s}`
             }, [
-              a.$slots["bar-gradient"] ? P(a.$slots, "bar-gradient", al({
+              a.$slots["bar-gradient"] ? D(a.$slots, "bar-gradient", al({
                 key: 0,
                 ref_for: !0
-              }, { series: e, positiveId: `rectGradient_pos_${s}_${H.value}`, negativeId: `rectGradient_neg_${s}_${H.value}` }), void 0, !0) : (u(), i(d, { key: 1 }, [
+              }, { series: e, positiveId: `rectGradient_pos_${s}_${O.value}`, negativeId: `rectGradient_neg_${s}_${O.value}` }), void 0, !0) : (n(), i(d, { key: 1 }, [
                 p("linearGradient", {
-                  id: `rectGradient_pos_${s}_${H.value}`,
+                  id: `rectGradient_pos_${s}_${O.value}`,
                   x2: "0%",
                   y2: "100%"
                 }, [
                   p("stop", {
                     offset: "0%",
                     "stop-color": e.color
-                  }, null, 8, Vs),
+                  }, null, 8, Rs),
                   p("stop", {
                     offset: "62%",
                     "stop-color": `${v(ol)(e.color, 0.02)}`
-                  }, null, 8, Rs),
+                  }, null, 8, Es),
                   p("stop", {
                     offset: "100%",
                     "stop-color": `${v(ol)(e.color, 0.05)}`
-                  }, null, 8, Es)
-                ], 8, Ds),
+                  }, null, 8, Hs)
+                ], 8, Vs),
                 p("linearGradient", {
-                  id: `rectGradient_neg_${s}_${H.value}`,
+                  id: `rectGradient_neg_${s}_${O.value}`,
                   x2: "0%",
                   y2: "100%"
                 }, [
                   p("stop", {
                     offset: "0%",
                     "stop-color": `${v(ol)(e.color, 0.05)}`
-                  }, null, 8, Ws),
+                  }, null, 8, Ys),
                   p("stop", {
                     offset: "38%",
                     "stop-color": `${v(ol)(e.color, 0.02)}`
-                  }, null, 8, Ys),
+                  }, null, 8, Xs),
                   p("stop", {
                     offset: "100%",
                     "stop-color": e.color
-                  }, null, 8, Xs)
-                ], 8, Hs)
+                  }, null, 8, Gs)
+                ], 8, Ws)
               ], 64))
             ]))), 128)),
-            (u(!0), i(d, null, k(he.value, (e, s) => (u(), i("defs", {
+            (n(!0), i(d, null, y(he.value, (e, s) => (n(), i("defs", {
               key: `def_plot_${s}`
             }, [
               p("radialGradient", {
-                id: `plotGradient_${s}_${H.value}`,
+                id: `plotGradient_${s}_${O.value}`,
                 cx: "50%",
                 cy: "50%",
                 r: "50%",
@@ -2132,59 +2133,73 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 p("stop", {
                   offset: "0%",
                   "stop-color": `${v(ol)(e.color, 0.05)}`
-                }, null, 8, qs),
+                }, null, 8, Us),
                 p("stop", {
                   offset: "100%",
                   "stop-color": e.color
-                }, null, 8, Us)
-              ], 8, Gs)
+                }, null, 8, Zs)
+              ], 8, qs)
             ]))), 128)),
-            (u(!0), i(d, null, k(le.value, (e, s) => (u(), i("defs", {
+            (n(!0), i(d, null, y(le.value, (e, s) => (n(), i(d, {
               key: `def_line_${e.id}`
             }, [
-              p("radialGradient", {
-                id: `lineGradient_${s}_${H.value}`,
-                cx: "50%",
-                cy: "50%",
-                r: "50%",
-                fx: "50%",
-                fy: "50%"
-              }, [
-                p("stop", {
-                  offset: "0%",
-                  "stop-color": `${v(ol)(e.color, 0.05)}`
-                }, null, 8, Js),
-                p("stop", {
-                  offset: "100%",
-                  "stop-color": e.color
-                }, null, 8, Ks)
-              ], 8, Zs),
-              a.$slots["area-gradient"] ? P(a.$slots, "area-gradient", al({
-                key: 0,
-                ref_for: !0
-              }, { series: e, id: `areaGradient_${s}_${H.value}` }), void 0, !0) : (u(), i("linearGradient", {
-                key: 1,
-                id: `areaGradient_${s}_${H.value}`,
-                x1: "0%",
-                x2: "100%",
-                y1: "0%",
-                y2: "0%"
-              }, [
-                p("stop", {
-                  offset: "0%",
-                  "stop-color": `${v(ze)(v(ol)(e.color, 0.03), l.value.line.area.opacity)}`
-                }, null, 8, js),
-                p("stop", {
-                  offset: "100%",
-                  "stop-color": `${v(ze)(e.color, l.value.line.area.opacity)}`
-                }, null, 8, en)
-              ], 8, Qs))
-            ]))), 128)),
-            (u(!0), i(d, null, k(xr.value, (e) => (u(), i("g", null, [
-              e.show ? (u(), i(d, { key: 0 }, [
-                (u(!0), i(d, null, k(e.span, (s, t) => (u(), i("g", null, [
+              p("defs", null, [
+                p("radialGradient", {
+                  id: `lineGradient_${s}_${O.value}`,
+                  cx: "50%",
+                  cy: "50%",
+                  r: "50%",
+                  fx: "50%",
+                  fy: "50%"
+                }, [
+                  p("stop", {
+                    offset: "0%",
+                    "stop-color": `${v(ol)(e.color, 0.05)}`
+                  }, null, 8, Ks),
+                  p("stop", {
+                    offset: "100%",
+                    "stop-color": e.color
+                  }, null, 8, Qs)
+                ], 8, Js),
+                a.$slots["area-gradient"] ? D(a.$slots, "area-gradient", al({
+                  key: 0,
+                  ref_for: !0
+                }, { series: e, id: `areaGradient_${s}_${O.value}` }), void 0, !0) : (n(), i("linearGradient", {
+                  key: 1,
+                  id: `areaGradient_${s}_${O.value}`,
+                  x1: "0%",
+                  x2: "100%",
+                  y1: "0%",
+                  y2: "0%"
+                }, [
+                  p("stop", {
+                    offset: "0%",
+                    "stop-color": `${v(ze)(v(ol)(e.color, 0.03), l.value.line.area.opacity)}`
+                  }, null, 8, eu),
+                  p("stop", {
+                    offset: "100%",
+                    "stop-color": `${v(ze)(e.color, l.value.line.area.opacity)}`
+                  }, null, 8, lu)
+                ], 8, js))
+              ]),
+              e.temperatureColors ? (n(), i("defs", au, [
+                p("linearGradient", {
+                  id: `temperature_grad_line_${s}_${O.value}`,
+                  gradientTransform: "rotate(90)"
+                }, [
+                  (n(!0), i(d, null, y(e.temperatureColors, (t, u) => (n(), i("stop", {
+                    key: `temperature_grad_stop_${s}_${u}_${O.value}`,
+                    "stop-color": t,
+                    offset: v(as)(u, e.temperatureColors.length)
+                  }, null, 8, ou))), 128))
+                ], 8, tu)
+              ])) : h("", !0)
+            ], 64))), 128)),
+            (n(!0), i(d, null, y(xr.value, (e) => (n(), i("g", null, [
+              e.show ? (n(), i(d, { key: 0 }, [
+                (n(!0), i(d, null, y(e.span, (s, t) => (n(), i("g", null, [
                   p("rect", {
-                    style: w({
+                    style: _({
                       transition: "none",
                       opacity: e.from + t >= b.value.start && e.from + t <= b.value.end - 1 ? 1 : 0
                     }),
@@ -2193,14 +2208,14 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     height: c.value.height < 0 ? 10 : c.value.height,
                     width: c.value.width / S.value < 0 ? 1e-5 : c.value.width / S.value,
                     fill: v(ze)(e.color, e.opacity)
-                  }, null, 12, ln)
+                  }, null, 12, ru)
                 ]))), 256)),
-                (u(!0), i(d, null, k(e.span, (s, t) => (u(), i("g", null, [
-                  e.caption.text && t === 0 ? (u(), i("foreignObject", {
+                (n(!0), i(d, null, y(e.span, (s, t) => (n(), i("g", null, [
+                  e.caption.text && t === 0 ? (n(), i("foreignObject", {
                     key: 0,
                     x: c.value?.left + c.value.width / S.value * (e.from + t - b.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - c.value.width / S.value * e.span / 2),
                     y: c.value?.top + e.caption.offsetY,
-                    style: w({
+                    style: _({
                       overflow: "visible",
                       opacity: e.to >= b.value.start && e.from < b.value.end ? 1 : 0
                     }),
@@ -2208,14 +2223,14 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     width: e.caption.width === "auto" ? c.value.width / S.value * e.span : e.caption.width
                   }, [
                     p("div", {
-                      style: w(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`)
+                      style: _(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`)
                     }, te(e.caption.text), 5)
-                  ], 12, an)) : h("", !0)
+                  ], 12, su)) : h("", !0)
                 ]))), 256))
               ], 64)) : h("", !0)
             ]))), 256)),
-            ft.value ? (u(), i("g", tn, [
-              (u(!0), i(d, null, k(S.value, (e, s) => (u(), i("g", {
+            gt.value ? (n(), i("g", uu, [
+              (n(!0), i(d, null, y(S.value, (e, s) => (n(), i("g", {
                 key: `tooltip_trap_highlighter_${s}`
               }, [
                 p("rect", {
@@ -2223,60 +2238,60 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   y: c.value?.top,
                   height: c.value.height < 0 ? 10 : c.value.height,
                   width: c.value.width / S.value < 0 ? 1e-5 : c.value.width / S.value,
-                  fill: [O.value, C.value, Ue.value].includes(s) ? v(ze)(l.value.chart.highlighter.color, l.value.chart.highlighter.opacity) : "transparent",
+                  fill: [N.value, C.value, Ue.value].includes(s) ? v(ze)(l.value.chart.highlighter.color, l.value.chart.highlighter.opacity) : "transparent",
                   style: { transition: "none !important", animation: "none !important" }
-                }, null, 8, on)
+                }, null, 8, nu)
               ]))), 128))
             ])) : h("", !0),
-            ye.value.length ? (u(!0), i(d, { key: 1 }, k(ye.value, (e, s) => (u(), i("g", {
+            ye.value.length ? (n(!0), i(d, { key: 1 }, y(ye.value, (e, s) => (n(), i("g", {
               key: `serie_bar_${e.id}`,
               class: ll(`serie_bar_${s}`),
-              style: w(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: _(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              (u(!0), i(d, null, k(e.plots, (t, n) => (u(), i("g", {
-                key: `bar_plot_${s}_${n}`
+              (n(!0), i(d, null, y(e.plots, (t, u) => (n(), i("g", {
+                key: `bar_plot_${s}_${u}`
               }, [
-                xe(t.value) ? (u(), i("rect", {
+                xe(t.value) ? (n(), i("rect", {
                   key: 0,
-                  x: aa(t) + na.value / 2,
-                  y: f.value.useIndividualScale ? Mt(t) : Lt(t),
-                  height: f.value.useIndividualScale ? Math.abs($t(t)) : Math.abs(At(t)),
-                  width: sa.value - na.value,
+                  x: aa(t) + ua.value / 2,
+                  y: f.value.useIndividualScale ? Tt(t) : Mt(t),
+                  height: f.value.useIndividualScale ? Math.abs(Lt(t)) : Math.abs($t(t)),
+                  width: sa.value - ua.value,
                   rx: l.value.bar.borderRadius,
-                  fill: l.value.bar.useGradient ? t.value >= 0 ? `url(#rectGradient_pos_${s}_${H.value})` : `url(#rectGradient_neg_${s}_${H.value})` : e.color,
+                  fill: l.value.bar.useGradient ? t.value >= 0 ? `url(#rectGradient_pos_${s}_${O.value})` : `url(#rectGradient_neg_${s}_${O.value})` : e.color,
                   stroke: l.value.bar.border.useSerieColor ? e.color : l.value.bar.border.stroke,
                   "stroke-width": l.value.bar.border.strokeWidth,
-                  style: w({
+                  style: _({
                     transition: v(oe) || !l.value.bar.showTransition ? void 0 : `all ${l.value.bar.transitionDurationMs}ms ease-in-out`
                   })
-                }, null, 12, rn)) : h("", !0),
-                xe(t.value) && a.$slots.pattern ? (u(), i("rect", {
+                }, null, 12, iu)) : h("", !0),
+                xe(t.value) && a.$slots.pattern ? (n(), i("rect", {
                   key: 1,
-                  x: aa(t) - na.value / 2,
-                  y: f.value.useIndividualScale ? Mt(t) : Lt(t),
-                  height: f.value.useIndividualScale ? Math.abs($t(t)) : Math.abs(At(t)),
-                  width: sa.value - na.value,
+                  x: aa(t) - ua.value / 2,
+                  y: f.value.useIndividualScale ? Tt(t) : Mt(t),
+                  height: f.value.useIndividualScale ? Math.abs(Lt(t)) : Math.abs($t(t)),
+                  width: sa.value - ua.value,
                   rx: l.value.bar.borderRadius,
-                  fill: `url(#pattern_${H.value}_${e.slotAbsoluteIndex})`,
+                  fill: `url(#pattern_${O.value}_${e.slotAbsoluteIndex})`,
                   stroke: l.value.bar.border.useSerieColor ? e.color : l.value.bar.border.stroke,
                   "stroke-width": l.value.bar.border.strokeWidth,
-                  style: w({ transition: v(oe) || !l.value.bar.showTransition ? void 0 : `all ${l.value.bar.transitionDurationMs}ms ease-in-out` })
-                }, null, 12, sn)) : h("", !0),
-                t.comment && l.value.chart.comments.show ? (u(), i("foreignObject", {
+                  style: _({ transition: v(oe) || !l.value.bar.showTransition ? void 0 : `all ${l.value.bar.transitionDurationMs}ms ease-in-out` })
+                }, null, 12, cu)) : h("", !0),
+                t.comment && l.value.chart.comments.show ? (n(), i("foreignObject", {
                   key: 2,
                   style: { overflow: "visible" },
                   height: "12",
                   width: sa.value + l.value.chart.comments.width,
                   x: aa(t) - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
-                  y: v(N)(t.y) + l.value.chart.comments.offsetY + 6
+                  y: v(P)(t.y) + l.value.chart.comments.offsetY + 6
                 }, [
-                  P(a.$slots, "plot-comment", {
-                    plot: { ...t, color: e.color, seriesIndex: s, datapointIndex: n }
+                  D(a.$slots, "plot-comment", {
+                    plot: { ...t, color: e.color, seriesIndex: s, datapointIndex: u }
                   }, void 0, !0)
-                ], 8, nn)) : h("", !0)
+                ], 8, vu)) : h("", !0)
               ]))), 128))
             ], 6))), 128)) : h("", !0),
-            !f.value.useIndividualScale && l.value.chart.grid.labels.zeroLine.show ? (u(), i("line", {
+            !f.value.useIndividualScale && l.value.chart.grid.labels.zeroLine.show ? (n(), i("line", {
               key: 2,
               stroke: l.value.chart.grid.stroke,
               "stroke-width": "1",
@@ -2286,11 +2301,11 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               y2: v(W)(de.value),
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, un)) : h("", !0),
-            l.value.chart.highlighter.useLine && (![null, void 0].includes(C.value) || ![null, void 0].includes(O.value)) ? (u(), i("g", cn, [
+            }, null, 8, du)) : h("", !0),
+            l.value.chart.highlighter.useLine && (![null, void 0].includes(C.value) || ![null, void 0].includes(N.value)) ? (n(), i("g", hu, [
               p("line", {
-                x1: c.value?.left + c.value.width / S.value * ((C.value !== null ? C.value : 0) || (O.value !== null ? O.value : 0)) + c.value.width / S.value / 2,
-                x2: c.value?.left + c.value.width / S.value * ((C.value !== null ? C.value : 0) || (O.value !== null ? O.value : 0)) + c.value.width / S.value / 2,
+                x1: c.value?.left + c.value.width / S.value * ((C.value !== null ? C.value : 0) || (N.value !== null ? N.value : 0)) + c.value.width / S.value / 2,
+                x2: c.value?.left + c.value.width / S.value * ((C.value !== null ? C.value : 0) || (N.value !== null ? N.value : 0)) + c.value.width / S.value / 2,
                 y1: v(W)(c.value?.top),
                 y2: v(W)(c.value?.bottom),
                 stroke: l.value.chart.highlighter.color,
@@ -2298,9 +2313,9 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 "stroke-dasharray": l.value.chart.highlighter.lineDasharray,
                 "stroke-linecap": "round",
                 style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-              }, null, 8, vn)
+              }, null, 8, fu)
             ])) : h("", !0),
-            l.value.chart.grid.frame.show ? (u(), i("rect", {
+            l.value.chart.grid.frame.show ? (n(), i("rect", {
               key: 4,
               style: { pointerEvents: "none", transition: "none", animation: "none !important" },
               x: c.value?.left + U.value < 0 ? 0 : c.value?.left + U.value,
@@ -2313,14 +2328,14 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               "stroke-linecap": l.value.chart.grid.frame.strokeLinecap,
               "stroke-linejoin": l.value.chart.grid.frame.strokeLinejoin,
               "stroke-dasharray": l.value.chart.grid.frame.strokeDasharray
-            }, null, 8, dn)) : h("", !0),
-            l.value.chart.grid.labels.show ? (u(), i("g", {
+            }, null, 8, gu)) : h("", !0),
+            l.value.chart.grid.labels.show ? (n(), i("g", {
               key: 5,
               ref_key: "scaleLabels",
               ref: xa
             }, [
-              f.value.useIndividualScale ? (u(), i(d, { key: 0 }, [
-                (u(!0), i(d, null, k(Tl.value, (e) => (u(), i("g", null, [
+              f.value.useIndividualScale ? (n(), i(d, { key: 0 }, [
+                (n(!0), i(d, null, y(Tl.value, (e) => (n(), i("g", null, [
                   p("line", {
                     x1: e.x + U.value - c.value.individualOffsetX,
                     x2: e.x + U.value - c.value.individualOffsetX,
@@ -2329,11 +2344,11 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     stroke: e.color,
                     "stroke-width": l.value.chart.grid.stroke,
                     "stroke-linecap": "round",
-                    style: w(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-                  }, null, 12, hn)
+                    style: _(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
+                  }, null, 12, mu)
                 ]))), 256)),
-                (u(!0), i(d, null, k(Tl.value, (e) => (u(), i("g", {
-                  style: w(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+                (n(!0), i(d, null, y(Tl.value, (e) => (n(), i("g", {
+                  style: _(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   p("text", {
                     fill: e.color,
@@ -2341,9 +2356,9 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     "text-anchor": "middle",
                     transform: `translate(${e.x - x.value.dataLabels * 0.8 / 2 + U.value}, ${f.value.isStacked ? c.value?.bottom - e.yOffset - e.individualHeight / 2 : c.value?.top + c.value.height / 2}) rotate(-90)`
                   }, te(e.name) + " " + te(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
-                                    ${e.scaleLabel}` : ""), 9, fn),
-                  (u(!0), i(d, null, k(e.yLabels, (s, t) => (u(), i(d, null, [
-                    l.value.chart.grid.labels.yAxis.showCrosshairs ? (u(), i("line", {
+                                    ${e.scaleLabel}` : ""), 9, bu),
+                  (n(!0), i(d, null, y(e.yLabels, (s, t) => (n(), i(d, null, [
+                    l.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), i("line", {
                       key: 0,
                       x1: e.x + 3 + U.value - l.value.chart.grid.labels.yAxis.crosshairSize - c.value.individualOffsetX,
                       x2: e.x + U.value - c.value.individualOffsetX,
@@ -2353,15 +2368,15 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       "stroke-width": 1,
                       "stroke-linecap": "round",
                       style: { animation: "none !important" }
-                    }, null, 8, gn)) : h("", !0)
+                    }, null, 8, pu)) : h("", !0)
                   ], 64))), 256)),
-                  (u(!0), i(d, null, k(e.yLabels, (s, t) => (u(), i("text", {
+                  (n(!0), i(d, null, y(e.yLabels, (s, t) => (n(), i("text", {
                     x: e.x - 5 + U.value - c.value.individualOffsetX,
                     y: v(W)(s.y) + x.value.dataLabels / 3,
                     "font-size": x.value.dataLabels,
                     "text-anchor": "end",
                     fill: e.color
-                  }, te(v(ue)(
+                  }, te(v(ne)(
                     l.value.chart.grid.labels.yAxis.formatter,
                     s.value,
                     v(Pe)({
@@ -2371,12 +2386,12 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       r: l.value.chart.grid.labels.yAxis.rounding
                     }),
                     { datapoint: s.datapoint, seriesIndex: t }
-                  )), 9, mn))), 256))
+                  )), 9, xu))), 256))
                 ], 4))), 256))
-              ], 64)) : (u(!0), i(d, { key: 1 }, k(Nt.value, (e, s) => (u(), i("g", {
+              ], 64)) : (n(!0), i(d, { key: 1 }, y(Pt.value, (e, s) => (n(), i("g", {
                 key: `yLabel_${s}`
               }, [
-                xe(e) && e.value >= Te.value.min && e.value <= Te.value.max && l.value.chart.grid.labels.yAxis.showCrosshairs ? (u(), i("line", {
+                xe(e) && e.value >= Te.value.min && e.value <= Te.value.max && l.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), i("line", {
                   key: 0,
                   x1: c.value?.left + U.value,
                   x2: c.value?.left + U.value - l.value.chart.grid.labels.yAxis.crosshairSize,
@@ -2386,15 +2401,15 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-width": "1",
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, bn)) : h("", !0),
-                e.value >= Te.value.min && e.value <= Te.value.max ? (u(), i("text", {
+                }, null, 8, yu)) : h("", !0),
+                e.value >= Te.value.min && e.value <= Te.value.max ? (n(), i("text", {
                   key: 1,
                   x: c.value.scaleLabelX - l.value.chart.grid.labels.yAxis.crosshairSize,
-                  y: v(N)(e.y + x.value.dataLabels / 3),
+                  y: v(P)(e.y + x.value.dataLabels / 3),
                   "font-size": x.value.dataLabels,
                   "text-anchor": "end",
                   fill: l.value.chart.grid.labels.color
-                }, te(xe(e.value) ? v(ue)(
+                }, te(xe(e.value) ? v(ne)(
                   l.value.chart.grid.labels.yAxis.formatter,
                   e.value,
                   v(Pe)({
@@ -2403,28 +2418,28 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     s: e.suffix,
                     r: l.value.chart.grid.labels.yAxis.rounding
                   })
-                ) : ""), 9, pn)) : h("", !0)
+                ) : ""), 9, ku)) : h("", !0)
               ]))), 128))
             ], 512)) : h("", !0),
-            (u(!0), i(d, null, k(he.value, (e, s) => (u(), i("g", {
+            (n(!0), i(d, null, y(he.value, (e, s) => (n(), i("g", {
               key: `serie_plot_${e.id}`,
               class: ll(`serie_plot_${s}`),
-              style: w(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: _(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              (u(!0), i(d, null, k(e.plots, (t, n) => (u(), i("g", {
-                key: `circle_plot_${s}_${n}`
+              (n(!0), i(d, null, y(e.plots, (t, u) => (n(), i("g", {
+                key: `circle_plot_${s}_${u}`
               }, [
-                t && xe(t.value) ? (u(), Se(ga, {
+                t && xe(t.value) ? (n(), Se(ga, {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
-                  color: l.value.plot.useGradient ? `url(#plotGradient_${s}_${H.value})` : l.value.plot.dot.useSerieColor ? e.color : l.value.plot.dot.fill,
-                  plot: { x: v(N)(t.x), y: v(N)(t.y) },
-                  radius: C.value !== null && C.value === n || O.value !== null && O.value === n ? (Le.value.plot || 6) * 1.5 : Le.value.plot || 6,
+                  color: l.value.plot.useGradient ? `url(#plotGradient_${s}_${O.value})` : l.value.plot.dot.useSerieColor ? e.color : l.value.plot.dot.fill,
+                  plot: { x: v(P)(t.x), y: v(P)(t.y) },
+                  radius: C.value !== null && C.value === u || N.value !== null && N.value === u ? (Le.value.plot || 6) * 1.5 : Le.value.plot || 6,
                   stroke: l.value.plot.dot.useSerieColor ? l.value.chart.backgroundColor : e.color,
                   strokeWidth: l.value.plot.dot.strokeWidth,
-                  transition: v(oe) || !l.value.plot.showTransition || C.value !== null && C.value === n || O.value !== null && O.value === n ? void 0 : `all ${l.value.plot.transitionDurationMs}ms ease-in-out`
+                  transition: v(oe) || !l.value.plot.showTransition || C.value !== null && C.value === u || N.value !== null && N.value === u ? void 0 : `all ${l.value.plot.transitionDurationMs}ms ease-in-out`
                 }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : h("", !0),
-                t.comment && l.value.chart.comments.show ? (u(), i("foreignObject", {
+                t.comment && l.value.chart.comments.show ? (n(), i("foreignObject", {
                   key: 1,
                   style: { overflow: "visible" },
                   height: "12",
@@ -2432,28 +2447,28 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   x: t.x - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
                   y: t.y + l.value.chart.comments.offsetY + 6
                 }, [
-                  p("div", yn, [
-                    P(a.$slots, "plot-comment", {
-                      plot: { ...t, color: e.color, seriesIndex: s, datapointIndex: n }
+                  p("div", _u, [
+                    D(a.$slots, "plot-comment", {
+                      plot: { ...t, color: e.color, seriesIndex: s, datapointIndex: u }
                     }, void 0, !0)
                   ])
-                ], 8, xn)) : h("", !0)
+                ], 8, Cu)) : h("", !0)
               ]))), 128))
             ], 6))), 128)),
-            (u(!0), i(d, null, k(le.value, (e, s) => (u(), i("g", {
+            (n(!0), i(d, null, y(le.value, (e, s) => (n(), i("g", {
               key: `serie_line_${e.id}`,
               class: ll(`serie_line_${s}`),
-              style: w(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: _(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              e.smooth && e.plots.length > 1 && e.curve ? (u(), i("path", {
+              e.smooth && e.plots.length > 1 && e.curve ? (n(), i("path", {
                 key: 0,
                 d: `M${e.curve}`,
                 stroke: l.value.chart.backgroundColor,
                 "stroke-width": l.value.line.strokeWidth + 1,
                 "stroke-dasharray": e.dashed ? l.value.line.strokeWidth * 2 : 0,
                 fill: "none",
-                style: w({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, kn)) : e.plots.length > 1 && e.straight ? (u(), i("path", {
+                style: _({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, wu)) : e.plots.length > 1 && e.straight ? (n(), i("path", {
                 key: 1,
                 d: `M${e.straight}`,
                 stroke: l.value.chart.backgroundColor,
@@ -2462,113 +2477,113 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: w({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Cn)) : h("", !0)
+                style: _({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Su)) : h("", !0)
             ], 6))), 128)),
-            a.$slots.pattern ? (u(), i("defs", wn, [
-              (u(!0), i(d, null, k(Ee.value, (e, s) => P(a.$slots, "pattern", al({
+            a.$slots.pattern ? (n(), i("defs", Au, [
+              (n(!0), i(d, null, y(Ee.value, (e, s) => D(a.$slots, "pattern", al({
                 key: `serie_pattern_slot_${e.id}`
-              }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${H.value}_${s}` }), void 0, !0)), 128))
+              }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${O.value}_${s}` }), void 0, !0)), 128))
             ])) : h("", !0),
-            Vt.value.length && !f.value.isStacked ? (u(), i("g", _n, [
-              (u(!0), i(d, null, k(Vt.value, (e) => (u(), i("path", {
+            Rt.value.length && !f.value.isStacked ? (n(), i("g", $u, [
+              (n(!0), i(d, null, y(Rt.value, (e) => (n(), i("path", {
                 key: e.key,
                 d: e.d,
                 fill: e.color,
                 "fill-opacity": l.value.line.interLine.fillOpacity,
                 stroke: "none",
                 "pointer-events": "none",
-                style: w({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Sn))), 128))
+                style: _({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Lu))), 128))
             ])) : h("", !0),
-            (u(!0), i(d, null, k(le.value, (e, s) => (u(), i("g", {
+            (n(!0), i(d, null, y(le.value, (e, s) => (n(), i("g", {
               key: `serie_line_above_${e.id}`,
               class: ll(`serie_line_${s}`),
-              style: w(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: _(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              e.useArea && e.plots.length > 1 ? (u(), i("g", An, [
-                e.smooth ? (u(!0), i(d, { key: 0 }, k(e.curveAreas, (t, n) => (u(), i(d, { key: n }, [
-                  t ? (u(), i("path", {
+              e.useArea && e.plots.length > 1 ? (n(), i("g", Mu, [
+                e.smooth ? (n(!0), i(d, { key: 0 }, y(e.curveAreas, (t, u) => (n(), i(d, { key: u }, [
+                  t ? (n(), i("path", {
                     key: 0,
                     d: t,
-                    fill: l.value.line.area.useGradient ? `url(#areaGradient_${s}_${H.value})` : v(ze)(e.color, l.value.line.area.opacity),
-                    style: w({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, $n)) : h("", !0),
-                  a.$slots.pattern && t ? (u(), i("path", {
+                    fill: l.value.line.area.useGradient ? `url(#areaGradient_${s}_${O.value})` : v(ze)(e.color, l.value.line.area.opacity),
+                    style: _({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, Tu)) : h("", !0),
+                  a.$slots.pattern && t ? (n(), i("path", {
                     key: 1,
                     d: t,
-                    fill: `url(#pattern_${H.value}_${e.slotAbsoluteIndex})`,
-                    style: w({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Ln)) : h("", !0)
-                ], 64))), 128)) : (u(!0), i(d, { key: 1 }, k(e.area.split(";"), (t, n) => (u(), i(d, { key: n }, [
-                  t ? (u(), i("path", {
+                    fill: `url(#pattern_${O.value}_${e.slotAbsoluteIndex})`,
+                    style: _({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, zu)) : h("", !0)
+                ], 64))), 128)) : (n(!0), i(d, { key: 1 }, y(e.area.split(";"), (t, u) => (n(), i(d, { key: u }, [
+                  t ? (n(), i("path", {
                     key: 0,
                     d: `M${t}Z`,
-                    fill: l.value.line.area.useGradient ? `url(#areaGradient_${s}_${H.value})` : v(ze)(e.color, l.value.line.area.opacity),
-                    style: w({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Mn)) : h("", !0),
-                  a.$slots.pattern && t ? (u(), i("path", {
+                    fill: l.value.line.area.useGradient ? `url(#areaGradient_${s}_${O.value})` : v(ze)(e.color, l.value.line.area.opacity),
+                    style: _({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, Iu)) : h("", !0),
+                  a.$slots.pattern && t ? (n(), i("path", {
                     key: 1,
                     d: `M${t}Z`,
-                    fill: `url(#pattern_${H.value}_${e.slotAbsoluteIndex})`,
-                    style: w({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Tn)) : h("", !0)
+                    fill: `url(#pattern_${O.value}_${e.slotAbsoluteIndex})`,
+                    style: _({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, Fu)) : h("", !0)
                 ], 64))), 128))
               ])) : h("", !0),
-              !e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (u(), i("path", {
+              !e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (n(), i("path", {
                 key: 1,
                 d: `M${e.curve}`,
-                stroke: e.color,
+                stroke: e.temperatureColors ? `url(#temperature_grad_line_${s}_${O.value})` : e.color,
                 "stroke-width": l.value.line.strokeWidth,
                 "stroke-dasharray": e.dashed ? l.value.line.strokeWidth * 2 : 0,
                 fill: "none",
                 "stroke-linecap": "round",
-                style: w({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, zn)) : e.hasDashedSegments ? (u(), i(d, { key: 2 }, [
-                e.smooth ? (u(!0), i(d, { key: 0 }, k(e.dashedSmooth, (t) => (u(), i("path", {
+                style: _({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Bu)) : e.hasDashedSegments ? (n(), i(d, { key: 2 }, [
+                e.smooth ? (n(!0), i(d, { key: 0 }, y(e.dashedSmooth, (t) => (n(), i("path", {
                   key: t.path,
                   fill: "none",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   d: `M ${t.path}`,
-                  stroke: e.color,
+                  stroke: e.temperatureColors ? `url(#temperature_grad_line_${s}_${O.value})` : e.color,
                   "stroke-width": l.value.line.strokeWidth,
                   "stroke-dasharray": t.dashed ? l.value.line.strokeWidth * 2 : 0
-                }, null, 8, In))), 128)) : (u(!0), i(d, { key: 1 }, k(e.dashedStraight, (t) => (u(), i("path", {
+                }, null, 8, Ou))), 128)) : (n(!0), i(d, { key: 1 }, y(e.dashedStraight, (t) => (n(), i("path", {
                   key: t.path,
                   fill: "none",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   d: `M ${t.path}`,
-                  stroke: e.color,
+                  stroke: e.temperatureColors ? `url(#temperature_grad_line_${s}_${O.value})` : e.color,
                   "stroke-width": l.value.line.strokeWidth,
                   "stroke-dasharray": t.dashed ? l.value.line.strokeWidth * 2 : 0
-                }, null, 8, Fn))), 128))
-              ], 64)) : e.plots.length > 1 && e.straight ? (u(), i("path", {
+                }, null, 8, Nu))), 128))
+              ], 64)) : e.plots.length > 1 && e.straight ? (n(), i("path", {
                 key: 3,
                 d: `M${e.straight}`,
-                stroke: e.color,
+                stroke: e.temperatureColors ? `url(#temperature_grad_line_${s}_${O.value})` : e.color,
                 "stroke-width": l.value.line.strokeWidth,
                 "stroke-dasharray": e.dashed ? l.value.line.strokeWidth * 2 : 0,
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: w({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Bn)) : h("", !0),
-              (u(!0), i(d, null, k(e.plots, (t, n) => (u(), i(d, {
-                key: `circle_line_${s}_${n}`
+                style: _({ transition: v(oe) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Pu)) : h("", !0),
+              (n(!0), i(d, null, y(e.plots, (t, u) => (n(), i(d, {
+                key: `circle_line_${s}_${u}`
               }, [
-                !Bt.value.linePlot && t && xe(t.value) || Bt.value.linePlot && t && xe(t.value) && (C.value !== null && C.value === n || O.value !== null && O.value === n) || Dt(e.plots, n) ? (u(), Se(ga, {
+                !Ot.value.linePlot && t && xe(t.value) || Ot.value.linePlot && t && xe(t.value) && (C.value !== null && C.value === u || N.value !== null && N.value === u) || Vt(e.plots, u) ? (n(), Se(ga, {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
-                  color: l.value.line.useGradient ? `url(#lineGradient_${s}_${H.value})` : l.value.line.dot.useSerieColor ? e.color : l.value.line.dot.fill,
-                  plot: { x: v(N)(t.x), y: v(N)(t.y) },
-                  radius: C.value !== null && C.value === n || O.value !== null && O.value === n ? (Le.value.line || 6) * 1.5 : (Dt(e.plots, n), Le.value.line || 6),
+                  color: l.value.line.useGradient ? `url(#lineGradient_${s}_${O.value})` : l.value.line.dot.useSerieColor ? e.color : l.value.line.dot.fill,
+                  plot: { x: v(P)(t.x), y: v(P)(t.y) },
+                  radius: C.value !== null && C.value === u || N.value !== null && N.value === u ? (Le.value.line || 6) * 1.5 : (Vt(e.plots, u), Le.value.line || 6),
                   stroke: l.value.line.dot.useSerieColor ? l.value.chart.backgroundColor : e.color,
                   strokeWidth: l.value.line.dot.strokeWidth,
-                  transition: v(oe) || !l.value.line.showTransition || C.value !== null && C.value === n || O.value !== null && O.value === n ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out`
+                  transition: v(oe) || !l.value.line.showTransition || C.value !== null && C.value === u || N.value !== null && N.value === u ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out`
                 }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : h("", !0),
-                t.comment && l.value.chart.comments.show ? (u(), i("foreignObject", {
+                t.comment && l.value.chart.comments.show ? (n(), i("foreignObject", {
                   key: 1,
                   style: { overflow: "visible" },
                   height: "12",
@@ -2576,30 +2591,30 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   x: t.x - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
                   y: t.y + l.value.chart.comments.offsetY + 6
                 }, [
-                  p("div", Nn, [
-                    P(a.$slots, "plot-comment", {
-                      plot: { ...t, color: e.color, seriesIndex: s, datapointIndex: n }
+                  p("div", Vu, [
+                    D(a.$slots, "plot-comment", {
+                      plot: { ...t, color: e.color, seriesIndex: s, datapointIndex: u }
                     }, void 0, !0)
                   ])
-                ], 8, On)) : h("", !0)
+                ], 8, Du)) : h("", !0)
               ], 64))), 128))
             ], 6))), 128)),
-            (l.value.bar.labels.show || l.value.bar.serieName.show) && f.value.dataLabels.show ? (u(), i("g", Pn, [
-              (u(!0), i(d, null, k(ye.value, (e, s) => (u(), i(d, {
+            (l.value.bar.labels.show || l.value.bar.serieName.show) && f.value.dataLabels.show ? (n(), i("g", Ru, [
+              (n(!0), i(d, null, y(ye.value, (e, s) => (n(), i(d, {
                 key: `xLabel_bar_${e.id}`
               }, [
-                (u(!0), i(d, null, k(e.plots, (t, n) => (u(), i(d, {
-                  key: `xLabel_bar_${s}_${n}`
+                (n(!0), i(d, null, y(e.plots, (t, u) => (n(), i(d, {
+                  key: `xLabel_bar_${s}_${u}`
                 }, [
-                  t && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || C.value !== null && C.value === n || O.value !== null && O.value === n) && l.value.bar.labels.show ? (u(), i("text", {
+                  t && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || C.value !== null && C.value === u || N.value !== null && N.value === u) && l.value.bar.labels.show ? (n(), i("text", {
                     key: 0,
                     x: f.value.useIndividualScale && f.value.isStacked ? t.x + J.value.line / 2 : aa(t) + He() / 2 - ra.value / 2,
-                    y: v(N)(t.y) + (t.value >= 0 ? l.value.bar.labels.offsetY : -l.value.bar.labels.offsetY * 3),
+                    y: v(P)(t.y) + (t.value >= 0 ? l.value.bar.labels.offsetY : -l.value.bar.labels.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": x.value.plotLabels,
                     fill: l.value.bar.labels.color,
-                    style: w(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, te(xe(t.value) ? v(ue)(
+                    style: _(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  }, te(xe(t.value) ? v(ne)(
                     l.value.bar.labels.formatter,
                     t.value,
                     v(Pe)({
@@ -2612,8 +2627,8 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       datapoint: t,
                       serie: e
                     }
-                  ) : ""), 13, Dn)) : h("", !0),
-                  t && l.value.bar.serieName.show ? (u(), i("text", {
+                  ) : ""), 13, Eu)) : h("", !0),
+                  t && l.value.bar.serieName.show ? (n(), i("text", {
                     key: 1,
                     x: f.value.useIndividualScale && f.value.isStacked ? t.x + J.value.line / 2 : t.x + He() * 1.1,
                     y: t.y + (t.value > 0 ? l.value.bar.serieName.offsetY : -l.value.bar.serieName.offsetY * 3),
@@ -2621,30 +2636,30 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     "font-size": x.value.plotLabels,
                     fill: l.value.bar.serieName.useSerieColor ? e.color : l.value.bar.serieName.color,
                     "font-weight": l.value.bar.serieName.bold ? "bold" : "normal",
-                    style: w(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, te(l.value.bar.serieName.useAbbreviation ? v(as)({
+                    style: _(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  }, te(l.value.bar.serieName.useAbbreviation ? v(ts)({
                     source: e.name,
                     length: l.value.bar.serieName.abbreviationSize
-                  }) : e.name), 13, Vn)) : h("", !0)
+                  }) : e.name), 13, Hu)) : h("", !0)
                 ], 64))), 128))
               ], 64))), 128))
             ])) : h("", !0),
-            l.value.plot.labels.show && f.value.dataLabels.show ? (u(), i("g", Rn, [
-              (u(!0), i(d, null, k(he.value, (e, s) => (u(), i(d, {
+            l.value.plot.labels.show && f.value.dataLabels.show ? (n(), i("g", Wu, [
+              (n(!0), i(d, null, y(he.value, (e, s) => (n(), i(d, {
                 key: `xLabel_plot_${e.id}`
               }, [
-                (u(!0), i(d, null, k(e.plots, (t, n) => (u(), i(d, {
-                  key: `xLabel_plot_${s}_${n}`
+                (n(!0), i(d, null, y(e.plots, (t, u) => (n(), i(d, {
+                  key: `xLabel_plot_${s}_${u}`
                 }, [
-                  t && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || C.value !== null && C.value === n || O.value !== null && O.value === n ? (u(), i("text", {
+                  t && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || C.value !== null && C.value === u || N.value !== null && N.value === u ? (n(), i("text", {
                     key: 0,
                     x: t.x,
                     y: t.y + l.value.plot.labels.offsetY,
                     "text-anchor": "middle",
                     "font-size": x.value.plotLabels,
                     fill: l.value.plot.labels.color,
-                    style: w(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, te(xe(t.value) ? v(ue)(
+                    style: _(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  }, te(xe(t.value) ? v(ne)(
                     l.value.plot.labels.formatter,
                     t.value,
                     v(Pe)({
@@ -2657,18 +2672,18 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       datapoint: t,
                       serie: e
                     }
-                  ) : ""), 13, En)) : h("", !0)
+                  ) : ""), 13, Yu)) : h("", !0)
                 ], 64))), 128))
               ], 64))), 128))
-            ])) : (u(), i("g", Hn, [
-              (u(!0), i(d, null, k(he.value, (e, s) => (u(), i(d, {
+            ])) : (n(), i("g", Xu, [
+              (n(!0), i(d, null, y(he.value, (e, s) => (n(), i(d, {
                 key: `xLabel_plot_${e.id}`
               }, [
-                (u(!0), i(d, null, k(e.plots, (t, n) => (u(), i(d, {
-                  key: `xLabel_plot_${s}_${n}`
+                (n(!0), i(d, null, y(e.plots, (t, u) => (n(), i(d, {
+                  key: `xLabel_plot_${s}_${u}`
                 }, [
-                  l.value.plot.tag.followValue ? (u(), i(d, { key: 1 }, [
-                    [O.value, C.value, Ue.value].includes(n) && e.useTag ? (u(), i("line", {
+                  l.value.plot.tag.followValue ? (n(), i(d, { key: 1 }, [
+                    [N.value, C.value, Ue.value].includes(u) && e.useTag ? (n(), i("line", {
                       key: 0,
                       class: "vue-ui-xy-tag-plot",
                       x1: c.value?.left,
@@ -2679,72 +2694,72 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
                       stroke: e.color
-                    }, null, 8, qn)) : h("", !0)
-                  ], 64)) : (u(), i(d, { key: 0 }, [
-                    t && n === 0 && e.useTag && e.useTag === "start" ? (u(), i("foreignObject", {
+                    }, null, 8, Ju)) : h("", !0)
+                  ], 64)) : (n(), i(d, { key: 0 }, [
+                    t && u === 0 && e.useTag && e.useTag === "start" ? (n(), i("foreignObject", {
                       key: 0,
                       x: t.x,
                       y: t.y - 20,
                       height: 24,
                       width: "150",
-                      style: w(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: _(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: w(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ye)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: v(ue)(
+                        style: _(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ye)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
+                        innerHTML: v(ne)(
                           l.value.plot.tag.formatter,
                           t.value,
                           e.name,
                           {
                             datapoint: t,
-                            seriesIndex: n,
+                            seriesIndex: u,
                             serieName: e.name
                           }
                         )
-                      }, null, 12, Yn)
-                    ], 12, Wn)) : h("", !0),
-                    t && n === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (u(), i("foreignObject", {
+                      }, null, 12, qu)
+                    ], 12, Gu)) : h("", !0),
+                    t && u === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), i("foreignObject", {
                       key: 1,
                       x: t.x - e.name.length * (x.value.plotLabels / 2),
                       y: t.y - 20,
                       height: 24,
                       width: "150",
-                      style: w(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: _(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: w(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ye)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: v(ue)(
+                        style: _(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ye)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
+                        innerHTML: v(ne)(
                           l.value.plot.tag.formatter,
                           t.value,
                           e.name,
                           {
                             datapoint: t,
-                            seriesIndex: n,
+                            seriesIndex: u,
                             serieName: e.name
                           }
                         )
-                      }, null, 12, Gn)
-                    ], 12, Xn)) : h("", !0)
+                      }, null, 12, Zu)
+                    ], 12, Uu)) : h("", !0)
                   ], 64))
                 ], 64))), 128))
               ], 64))), 128))
             ])),
-            l.value.line.labels.show && f.value.dataLabels.show ? (u(), i("g", Un, [
-              (u(!0), i(d, null, k(le.value, (e, s) => (u(), i(d, {
+            l.value.line.labels.show && f.value.dataLabels.show ? (n(), i("g", Ku, [
+              (n(!0), i(d, null, y(le.value, (e, s) => (n(), i(d, {
                 key: `xLabel_line_${e.id}`
               }, [
-                (u(!0), i(d, null, k(e.plots, (t, n) => (u(), i(d, {
-                  key: `xLabel_line_${s}_${n}`
+                (n(!0), i(d, null, y(e.plots, (t, u) => (n(), i(d, {
+                  key: `xLabel_line_${s}_${u}`
                 }, [
-                  t && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || C.value !== null && C.value === n || O.value !== null && O.value === n ? (u(), i("text", {
+                  t && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || C.value !== null && C.value === u || N.value !== null && N.value === u ? (n(), i("text", {
                     key: 0,
                     x: t.x,
                     y: t.y + (t.value >= 0 ? l.value.line.labels.offsetY : -l.value.line.labels.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": x.value.plotLabels,
                     fill: l.value.line.labels.color,
-                    style: w(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, te(xe(t.value) ? v(ue)(
+                    style: _(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  }, te(xe(t.value) ? v(ne)(
                     l.value.line.labels.formatter,
                     t.value,
                     v(Pe)({
@@ -2757,18 +2772,18 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       datapoint: t,
                       serie: e
                     }
-                  ) : ""), 13, Zn)) : h("", !0)
+                  ) : ""), 13, Qu)) : h("", !0)
                 ], 64))), 128))
               ], 64))), 128))
-            ])) : (u(), i("g", Jn, [
-              (u(!0), i(d, null, k(le.value, (e, s) => (u(), i(d, {
+            ])) : (n(), i("g", ju, [
+              (n(!0), i(d, null, y(le.value, (e, s) => (n(), i(d, {
                 key: `xLabel_line_${e.id}`
               }, [
-                (u(!0), i(d, null, k(e.plots, (t, n) => (u(), i(d, {
-                  key: `xLabel_line_${s}_${n}`
+                (n(!0), i(d, null, y(e.plots, (t, u) => (n(), i(d, {
+                  key: `xLabel_line_${s}_${u}`
                 }, [
-                  l.value.line.tag.followValue ? (u(), i(d, { key: 1 }, [
-                    [O.value, C.value, Ue.value].includes(n) && e.useTag ? (u(), i("line", {
+                  l.value.line.tag.followValue ? (n(), i(d, { key: 1 }, [
+                    [N.value, C.value, Ue.value].includes(u) && e.useTag ? (n(), i("line", {
                       key: 0,
                       class: "vue-ui-xy-tag-line",
                       x1: c.value?.left,
@@ -2779,63 +2794,63 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
                       stroke: e.color
-                    }, null, 8, lu)) : h("", !0)
-                  ], 64)) : (u(), i(d, { key: 0 }, [
-                    t && n === 0 && e.useTag && e.useTag === "start" ? (u(), i("foreignObject", {
+                    }, null, 8, on)) : h("", !0)
+                  ], 64)) : (n(), i(d, { key: 0 }, [
+                    t && u === 0 && e.useTag && e.useTag === "start" ? (n(), i("foreignObject", {
                       key: 0,
                       x: t.x,
                       y: t.y - 20,
                       height: 24,
                       width: "150",
-                      style: w(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: _(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: w(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ye)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: v(ue)(
+                        style: _(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ye)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
+                        innerHTML: v(ne)(
                           l.value.line.tag.formatter,
                           t.value,
                           e.name,
                           {
                             datapoint: t,
-                            seriesIndex: n,
+                            seriesIndex: u,
                             serieName: e.name
                           }
                         )
-                      }, null, 12, Qn)
-                    ], 12, Kn)) : h("", !0),
-                    t && n === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (u(), i("foreignObject", {
+                      }, null, 12, ln)
+                    ], 12, en)) : h("", !0),
+                    t && u === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), i("foreignObject", {
                       key: 1,
                       x: t.x,
                       y: t.y - 20,
                       height: 24,
                       width: "150",
-                      style: w(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: _(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: w(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ye)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: v(ue)(
+                        style: _(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ye)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
+                        innerHTML: v(ne)(
                           l.value.line.tag.formatter,
                           t.value,
                           e.name,
                           {
                             datapoint: t,
-                            seriesIndex: n,
+                            seriesIndex: u,
                             serieName: e.name
                           }
                         )
-                      }, null, 12, eu)
-                    ], 12, jn)) : h("", !0)
+                      }, null, 12, tn)
+                    ], 12, an)) : h("", !0)
                   ], 64))
                 ], 64))), 128))
               ], 64))), 128))
             ])),
-            (u(!0), i(d, null, k(le.value, (e, s) => (u(), i(d, {
+            (n(!0), i(d, null, y(le.value, (e, s) => (n(), i(d, {
               key: `xLabel_line_${e.id}`
             }, [
-              (u(!0), i(d, null, k(e.plots, (t, n) => (u(), i(d, {
-                key: `xLabel_line_${s}_${n}`
+              (n(!0), i(d, null, y(e.plots, (t, u) => (n(), i(d, {
+                key: `xLabel_line_${s}_${u}`
               }, [
-                t && n === 0 && e.showSerieName && e.showSerieName === "start" ? (u(), i("text", {
+                t && u === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), i("text", {
                   key: 0,
                   x: t.x - x.value.plotLabels,
                   y: t.y,
@@ -2850,9 +2865,9 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     y: t.y,
                     maxWords: 2
                   }),
-                  style: w(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, au)) : h("", !0),
-                t && n === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (u(), i("text", {
+                  style: _(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                }, null, 12, rn)) : h("", !0),
+                t && u === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), i("text", {
                   key: 1,
                   x: t.x + x.value.plotLabels,
                   y: t.y,
@@ -2867,17 +2882,17 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     y: t.y,
                     maxWords: 2
                   }),
-                  style: w(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, tu)) : h("", !0)
+                  style: _(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                }, null, 12, sn)) : h("", !0)
               ], 64))), 128))
             ], 64))), 128)),
-            (u(!0), i(d, null, k(he.value, (e, s) => (u(), i(d, {
+            (n(!0), i(d, null, y(he.value, (e, s) => (n(), i(d, {
               key: `xLabel_plot_${e.id}`
             }, [
-              (u(!0), i(d, null, k(e.plots, (t, n) => (u(), i(d, {
-                key: `xLabel_plot_${s}_${n}`
+              (n(!0), i(d, null, y(e.plots, (t, u) => (n(), i(d, {
+                key: `xLabel_plot_${s}_${u}`
               }, [
-                t && n === 0 && e.showSerieName && e.showSerieName === "start" ? (u(), i("text", {
+                t && u === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), i("text", {
                   key: 0,
                   x: t.x - x.value.plotLabels,
                   y: t.y,
@@ -2892,9 +2907,9 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     y: t.y,
                     maxWords: 2
                   }),
-                  style: w(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, ou)) : h("", !0),
-                t && n === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (u(), i("text", {
+                  style: _(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                }, null, 12, un)) : h("", !0),
+                t && u === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), i("text", {
                   key: 1,
                   x: t.x + x.value.plotLabels,
                   y: t.y,
@@ -2909,14 +2924,14 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     y: t.y,
                     maxWords: 2
                   }),
-                  style: w(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, ru)) : h("", !0)
+                  style: _(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                }, null, 12, nn)) : h("", !0)
               ], 64))), 128))
             ], 64))), 128)),
-            (u(!0), i(d, null, k([...he.value, ...le.value, ...ye.value], (e, s) => (u(), i(d, {
+            (n(!0), i(d, null, y([...he.value, ...le.value, ...ye.value], (e, s) => (n(), i(d, {
               key: `progression-${s}`
             }, [
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(Ae)(e.plots).trend) ? (u(), i("g", su, [
+              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(Ae)(e.plots).trend) ? (n(), i("g", cn, [
                 p("defs", null, [
                   p("marker", {
                     id: `progression_arrow_${s}`,
@@ -2935,10 +2950,10 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       stroke: l.value.chart.backgroundColor,
                       "stroke-width": "1",
                       "stroke-linejoin": "round"
-                    }, null, 8, uu)
-                  ], 8, nu)
+                    }, null, 8, dn)
+                  ], 8, vn)
                 ]),
-                e.plots.length > 1 ? (u(), i("line", {
+                e.plots.length > 1 ? (n(), i("line", {
                   key: 0,
                   x1: v(Ae)(e.plots).x1 + (e.type === "bar" ? He() : 0),
                   x2: v(Ae)(e.plots).x2 + (e.type === "bar" ? He() : 0),
@@ -2950,8 +2965,8 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   "marker-end": `url(#progression_arrow_${s})`
-                }, null, 8, iu)) : h("", !0),
-                e.plots.length > 1 ? (u(), i("line", {
+                }, null, 8, hn)) : h("", !0),
+                e.plots.length > 1 ? (n(), i("line", {
                   key: 1,
                   x1: v(Ae)(e.plots).x1 + (e.type === "bar" ? He() : 0),
                   x2: v(Ae)(e.plots).x2 + (e.type === "bar" ? He() : 0),
@@ -2963,8 +2978,8 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   "marker-end": `url(#progression_arrow_${s})`
-                }, null, 8, cu)) : h("", !0),
-                e.plots.length > 1 ? (u(), i("text", {
+                }, null, 8, fn)) : h("", !0),
+                e.plots.length > 1 ? (n(), i("text", {
                   key: 2,
                   "text-anchor": "middle",
                   x: v(Ae)(e.plots).x2 + (e.type === "bar" ? He() : 0),
@@ -2980,13 +2995,13 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   v: v(Ae)(e.plots).trend * 100,
                   s: "%",
                   r: 2
-                })), 9, vu)) : h("", !0)
+                })), 9, gn)) : h("", !0)
               ])) : h("", !0)
             ], 64))), 128)),
-            f.value.useIndividualScale && !f.value.isStacked ? (u(), i(d, { key: 13 }, [
+            f.value.useIndividualScale && !f.value.isStacked ? (n(), i(d, { key: 13 }, [
               p("defs", null, [
-                (u(!0), i(d, null, k(Tl.value, (e, s) => (u(), i("linearGradient", {
-                  id: `individual_scale_gradient_${H.value}_${s}`,
+                (n(!0), i(d, null, y(Tl.value, (e, s) => (n(), i("linearGradient", {
+                  id: `individual_scale_gradient_${O.value}_${s}`,
                   x1: "0%",
                   x2: "100%",
                   y1: "0%",
@@ -2996,26 +3011,26 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     offset: "0%",
                     "stop-color": l.value.chart.backgroundColor,
                     "stop-opacity": "0"
-                  }, null, 8, hu),
+                  }, null, 8, bn),
                   p("stop", {
                     offset: "100%",
                     "stop-color": e.color,
                     "stop-opacity": "0.2"
-                  }, null, 8, fu)
-                ], 8, du))), 256))
+                  }, null, 8, pn)
+                ], 8, mn))), 256))
               ]),
-              (u(!0), i(d, null, k(Tl.value, (e, s) => (u(), i("rect", {
+              (n(!0), i(d, null, y(Tl.value, (e, s) => (n(), i("rect", {
                 x: e.x - l.value.chart.grid.labels.yAxis.labelWidth + U.value - c.value.individualOffsetX,
                 y: c.value?.top,
                 width: l.value.chart.grid.labels.yAxis.labelWidth + c.value.individualOffsetX,
                 height: c.value.height < 0 ? 10 : c.value.height,
-                fill: I.value === e.groupId ? `url(#individual_scale_gradient_${H.value}_${s})` : "transparent",
+                fill: I.value === e.groupId ? `url(#individual_scale_gradient_${O.value}_${s})` : "transparent",
                 onMouseenter: (t) => I.value = e.groupId,
                 onMouseleave: r[0] || (r[0] = (t) => I.value = null)
-              }, null, 40, gu))), 256))
+              }, null, 40, xn))), 256))
             ], 64)) : h("", !0),
             p("g", null, [
-              l.value.chart.grid.labels.axis.yLabel && !f.value.useIndividualScale ? (u(), i("text", {
+              l.value.chart.grid.labels.axis.yLabel && !f.value.useIndividualScale ? (n(), i("text", {
                 key: 0,
                 ref_key: "yAxisLabel",
                 ref: pa,
@@ -3024,8 +3039,8 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 transform: `translate(${l.value.chart.grid.labels.axis.fontSize}, ${c.value?.top + c.value.height / 2}) rotate(-90)`,
                 "text-anchor": "middle",
                 style: { transition: "none" }
-              }, te(l.value.chart.grid.labels.axis.yLabel), 9, mu)) : h("", !0),
-              l.value.chart.grid.labels.axis.xLabel ? (u(), i("text", {
+              }, te(l.value.chart.grid.labels.axis.yLabel), 9, yn)) : h("", !0),
+              l.value.chart.grid.labels.axis.xLabel ? (n(), i("text", {
                 key: 1,
                 ref_key: "xAxisLabel",
                 ref: ba,
@@ -3034,14 +3049,14 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 y: ie.value - 3,
                 "font-size": x.value.yAxis,
                 fill: l.value.chart.grid.labels.color
-              }, te(l.value.chart.grid.labels.axis.xLabel), 9, bu)) : h("", !0)
+              }, te(l.value.chart.grid.labels.axis.xLabel), 9, kn)) : h("", !0)
             ]),
-            l.value.chart.grid.labels.xAxisLabels.show ? (u(), i("g", {
+            l.value.chart.grid.labels.xAxisLabels.show ? (n(), i("g", {
               key: 14,
               ref_key: "timeLabelsEls",
               ref: Rl
             }, [
-              a.$slots["time-label"] ? (u(!0), i(d, { key: 0 }, k(jl.value, (e, s) => P(a.$slots, "time-label", al({
+              a.$slots["time-label"] ? (n(!0), i(d, { key: 0 }, y(jl.value, (e, s) => D(a.$slots, "time-label", al({
                 key: `time_label_${e.id}`,
                 ref_for: !0
               }, {
@@ -3054,49 +3069,49 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 content: e.text,
                 textAnchor: l.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : l.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                 show: e && e.text
-              }), void 0, !0)), 128)) : (u(!0), i(d, { key: 1 }, k(jl.value, (e, s) => (u(), i("g", {
+              }), void 0, !0)), 128)) : (n(!0), i(d, { key: 1 }, y(jl.value, (e, s) => (n(), i("g", {
                 key: `time_label_${s}`
               }, [
-                e && e.text ? (u(), i(d, { key: 0 }, [
+                e && e.text ? (n(), i(d, { key: 0 }, [
                   String(e.text).includes(`
-`) ? (u(), i("text", {
+`) ? (n(), i("text", {
                     key: 1,
                     class: "vue-data-ui-time-label",
                     "text-anchor": l.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : l.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                     "font-size": x.value.xAxis,
                     fill: l.value.chart.grid.labels.xAxisLabels.color,
                     transform: `translate(${c.value?.left + c.value.width / S.value * s + c.value.width / S.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
-                    style: w({
-                      cursor: dt() && Ze.value ? "pointer" : "default"
+                    style: _({
+                      cursor: ht() && Ze.value ? "pointer" : "default"
                     }),
-                    innerHTML: v(ts)({
+                    innerHTML: v(os)({
                       content: String(e.text),
                       fontSize: x.value.xAxis,
                       fill: l.value.chart.grid.labels.xAxisLabels.color,
                       x: 0,
                       y: 0
                     }),
-                    onClick: () => pt(e, s)
-                  }, null, 12, xu)) : (u(), i("text", {
+                    onClick: () => xt(e, s)
+                  }, null, 12, _n)) : (n(), i("text", {
                     key: 0,
                     class: "vue-data-ui-time-label",
                     "text-anchor": l.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : l.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                     "font-size": x.value.xAxis,
                     fill: l.value.chart.grid.labels.xAxisLabels.color,
                     transform: `translate(${c.value?.left + c.value.width / S.value * s + c.value.width / S.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
-                    style: w({
-                      cursor: dt() && Ze.value ? "pointer" : "default"
+                    style: _({
+                      cursor: ht() && Ze.value ? "pointer" : "default"
                     }),
-                    onClick: () => pt(e, s)
-                  }, te(e.text || ""), 13, pu))
+                    onClick: () => xt(e, s)
+                  }, te(e.text || ""), 13, Cn))
                 ], 64)) : h("", !0)
               ]))), 128))
             ], 512)) : h("", !0),
-            Pt.value.length && !f.value.isStacked ? (u(), i("g", yu, [
-              (u(!0), i(d, null, k(Pt.value, (e) => (u(), i("g", {
+            Dt.value.length && !f.value.isStacked ? (n(), i("g", wn, [
+              (n(!0), i(d, null, y(Dt.value, (e) => (n(), i("g", {
                 key: e.uid
               }, [
-                e.yTop && e.show && isFinite(e.yTop) ? (u(), i("line", {
+                e.yTop && e.show && isFinite(e.yTop) ? (n(), i("line", {
                   key: 0,
                   x1: e.x1,
                   y1: e.yTop,
@@ -3107,8 +3122,8 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-dasharray": e.config.line.strokeDasharray,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, ku)) : h("", !0),
-                e.yBottom && e.show && isFinite(e.yBottom) ? (u(), i("line", {
+                }, null, 8, Sn)) : h("", !0),
+                e.yBottom && e.show && isFinite(e.yBottom) ? (n(), i("line", {
                   key: 1,
                   x1: e.x1,
                   y1: e.yBottom,
@@ -3119,21 +3134,21 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-dasharray": e.config.line.strokeDasharray,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Cu)) : h("", !0),
-                e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (u(), i("rect", {
+                }, null, 8, An)) : h("", !0),
+                e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (n(), i("rect", {
                   key: 2,
                   y: Math.min(e.yTop, e.yBottom),
                   x: e.x1,
                   width: c.value.width,
-                  height: v(N)(e.areaHeight, 0),
+                  height: v(P)(e.areaHeight, 0),
                   fill: v(ze)(e.config.area.fill, e.config.area.opacity),
                   style: { animation: "none !important" }
-                }, null, 8, wu)) : h("", !0),
-                e.config.label.text && e.show && isFinite(e._box.y) ? (u(), i("rect", al({
+                }, null, 8, $n)) : h("", !0),
+                e.config.label.text && e.show && isFinite(e._box.y) ? (n(), i("rect", al({
                   key: 3,
                   class: "vue-ui-xy-annotation-label-box"
                 }, { ref_for: !0 }, e._box, { style: { animation: "none !important", transition: "none !important" } }), null, 16)) : h("", !0),
-                e.config.label.text && e.show && isFinite(e._text.y) ? (u(), i("text", {
+                e.config.label.text && e.show && isFinite(e._text.y) ? (n(), i("text", {
                   key: 4,
                   id: e.id,
                   class: "vue-ui-xy-annotation-label",
@@ -3142,11 +3157,11 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "font-size": e.config.label.fontSize,
                   fill: e.config.label.color,
                   "text-anchor": e.config.label.textAnchor
-                }, te(e.config.label.text), 9, _u)) : h("", !0)
+                }, te(e.config.label.text), 9, Ln)) : h("", !0)
               ]))), 128))
             ])) : h("", !0),
-            l.value.chart.timeTag.show && (![null, void 0].includes(C.value) || ![null, void 0].includes(O.value)) ? (u(), i("g", Su, [
-              (u(), i("foreignObject", {
+            l.value.chart.timeTag.show && (![null, void 0].includes(C.value) || ![null, void 0].includes(N.value)) ? (n(), i("g", Mn, [
+              (n(), i("foreignObject", {
                 x: Mr(),
                 y: c.value?.bottom,
                 width: "200",
@@ -3155,25 +3170,25 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               }, [
                 p("div", {
                   ref_key: "timeTagEl",
-                  ref: Qt,
+                  ref: jt,
                   class: "vue-ui-xy-time-tag",
-                  style: w(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${l.value.chart.timeTag.backgroundColor};color:${l.value.chart.timeTag.color};font-size:${l.value.chart.timeTag.fontSize}px`),
+                  style: _(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${l.value.chart.timeTag.backgroundColor};color:${l.value.chart.timeTag.color};font-size:${l.value.chart.timeTag.fontSize}px`),
                   innerHTML: Tr.value
-                }, null, 12, $u)
-              ], 8, Au)),
+                }, null, 12, zn)
+              ], 8, Tn)),
               p("circle", {
-                cx: c.value?.left + c.value.width / S.value * ((C.value !== null ? C.value : 0) || (O.value !== null ? O.value : 0)) + c.value.width / S.value / 2,
+                cx: c.value?.left + c.value.width / S.value * ((C.value !== null ? C.value : 0) || (N.value !== null ? N.value : 0)) + c.value.width / S.value / 2,
                 cy: c.value?.bottom,
                 r: l.value.chart.timeTag.circleMarker.radius,
                 fill: l.value.chart.timeTag.circleMarker.color
-              }, null, 8, Lu)
+              }, null, 8, In)
             ])) : h("", !0)
           ])) : h("", !0),
-          tt.value ? (u(), i("rect", al({ key: 2 }, Zo.value, {
+          ot.value ? (n(), i("rect", al({ key: 2 }, Zo.value, {
             "data-start": b.value.start,
             "data-end": b.value.end
-          }), null, 16, Mu)) : h("", !0),
-          P(a.$slots, "svg", {
+          }), null, 16, Fn)) : h("", !0),
+          D(a.$slots, "svg", {
             svg: {
               ...Yo.value,
               isPrintingImg: v(ql) | v(La) | Yl.value,
@@ -3183,36 +3198,36 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             }
           }, void 0, !0)
         ], 512)
-      ], 46, _s)),
-      a.$slots.watermark ? (u(), i("div", Tu, [
-        P(a.$slots, "watermark", me(be({ isPrinting: v(ql) || v(La) || Yl.value || Xl.value })), void 0, !0)
+      ], 46, Ss)),
+      a.$slots.watermark ? (n(), i("div", Bn, [
+        D(a.$slots, "watermark", me(be({ isPrinting: v(ql) || v(La) || Yl.value || Xl.value })), void 0, !0)
       ])) : h("", !0),
-      (u(!0), i(d, null, k(le.value, (e, s) => (u(), i(d, {
+      (n(!0), i(d, null, y(le.value, (e, s) => (n(), i(d, {
         key: `tag_line_${e.id}`
       }, [
-        (u(!0), i(d, null, k(e.plots, (t, n) => (u(), i(d, {
-          key: `tag_line_${s}_${n}`
+        (n(!0), i(d, null, y(e.plots, (t, u) => (n(), i(d, {
+          key: `tag_line_${s}_${u}`
         }, [
-          [O.value, C.value, Ue.value].includes(n) && e.useTag && e.useTag === "end" && l.value.line.tag.followValue ? (u(), i("div", {
+          [N.value, C.value, Ue.value].includes(u) && e.useTag && e.useTag === "end" && l.value.line.tag.followValue ? (n(), i("div", {
             key: 0,
             ref_for: !0,
-            ref: (o) => Kl(s, n, o, "right", "line"),
+            ref: (o) => Kl(s, u, o, "right", "line"),
             class: "vue-ui-xy-tag",
             "data-tag": "right",
-            style: w({
+            style: _({
               position: "fixed",
               top: v(Xe)({
                 svgElement: ce.value,
                 x: c.value?.right + l.value.line.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${n}_right_line`],
+                element: De.value[`${s}_${u}_right_line`],
                 position: "right"
               })?.top + "px",
               left: v(Xe)({
                 svgElement: ce.value,
                 x: c.value?.right + l.value.line.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${n}_right_line`],
+                element: De.value[`${s}_${u}_right_line`],
                 position: "right"
               })?.left + "px",
               height: "fit-content",
@@ -3224,47 +3239,47 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               opacity: 1
             })
           }, [
-            (u(), i("svg", zu, [
+            (n(), i("svg", On, [
               p("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Iu)
+              }, null, 8, Nn)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: v(ue)(
+              innerHTML: v(ne)(
                 l.value.line.tag.formatter,
                 t.value,
                 e.name,
                 {
                   datapoint: t,
-                  seriesIndex: n,
+                  seriesIndex: u,
                   serieName: e.name
                 }
               )
-            }, null, 8, Fu)
+            }, null, 8, Pn)
           ], 4)) : h("", !0),
-          [O.value, C.value, Ue.value].includes(n) && e.useTag && e.useTag === "start" && l.value.line.tag.followValue ? (u(), i("div", {
+          [N.value, C.value, Ue.value].includes(u) && e.useTag && e.useTag === "start" && l.value.line.tag.followValue ? (n(), i("div", {
             key: 1,
             ref_for: !0,
-            ref: (o) => Kl(s, n, o, "left", "line"),
+            ref: (o) => Kl(s, u, o, "left", "line"),
             class: "vue-ui-xy-tag",
             "data-tag": "left",
-            style: w({
+            style: _({
               position: "fixed",
               top: v(Xe)({
                 svgElement: ce.value,
                 x: c.value?.left - l.value.line.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${n}_left_line`],
+                element: De.value[`${s}_${u}_left_line`],
                 position: "left"
               })?.top + "px",
               left: v(Xe)({
                 svgElement: ce.value,
                 x: c.value?.left - l.value.line.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${n}_left_line`],
+                element: De.value[`${s}_${u}_left_line`],
                 position: "left"
               })?.left + "px",
               height: "fit-content",
@@ -3276,55 +3291,55 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               opacity: 1
             })
           }, [
-            (u(), i("svg", Bu, [
+            (n(), i("svg", Dn, [
               p("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Ou)
+              }, null, 8, Vn)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: v(ue)(
+              innerHTML: v(ne)(
                 l.value.line.tag.formatter,
                 t.value,
                 e.name,
                 {
                   datapoint: t,
-                  seriesIndex: n,
+                  seriesIndex: u,
                   serieName: e.name
                 }
               )
-            }, null, 8, Nu)
+            }, null, 8, Rn)
           ], 4)) : h("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      (u(!0), i(d, null, k(he.value, (e, s) => (u(), i(d, {
+      (n(!0), i(d, null, y(he.value, (e, s) => (n(), i(d, {
         key: `tag_plot_${e.id}`
       }, [
-        (u(!0), i(d, null, k(e.plots, (t, n) => (u(), i(d, {
-          key: `tag_plot_${s}_${n}`
+        (n(!0), i(d, null, y(e.plots, (t, u) => (n(), i(d, {
+          key: `tag_plot_${s}_${u}`
         }, [
-          [O.value, C.value, Ue.value].includes(n) && e.useTag && e.useTag === "end" && l.value.plot.tag.followValue ? (u(), i("div", {
+          [N.value, C.value, Ue.value].includes(u) && e.useTag && e.useTag === "end" && l.value.plot.tag.followValue ? (n(), i("div", {
             key: 0,
             ref_for: !0,
-            ref: (o) => Kl(s, n, o, "right", "plot"),
+            ref: (o) => Kl(s, u, o, "right", "plot"),
             class: "vue-ui-xy-tag",
             "data-tag": "right",
-            style: w({
+            style: _({
               position: "fixed",
               top: v(Xe)({
                 svgElement: ce.value,
                 x: c.value?.right + l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${n}_right_plot`],
+                element: De.value[`${s}_${u}_right_plot`],
                 position: "right"
               })?.top + "px",
               left: v(Xe)({
                 svgElement: ce.value,
                 x: c.value?.right + l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${n}_right_plot`],
+                element: De.value[`${s}_${u}_right_plot`],
                 position: "right"
               })?.left + "px",
               height: "fit-content",
@@ -3336,47 +3351,47 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               opacity: 1
             })
           }, [
-            (u(), i("svg", Pu, [
+            (n(), i("svg", En, [
               p("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Du)
+              }, null, 8, Hn)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: v(ue)(
+              innerHTML: v(ne)(
                 l.value.plot.tag.formatter,
                 t.value,
                 e.name,
                 {
                   datapoint: t,
-                  seriesIndex: n,
+                  seriesIndex: u,
                   serieName: e.name
                 }
               )
-            }, null, 8, Vu)
+            }, null, 8, Wn)
           ], 4)) : h("", !0),
-          [O.value, C.value, Ue.value].includes(n) && e.useTag && e.useTag === "start" && l.value.plot.tag.followValue ? (u(), i("div", {
+          [N.value, C.value, Ue.value].includes(u) && e.useTag && e.useTag === "start" && l.value.plot.tag.followValue ? (n(), i("div", {
             key: 1,
             ref_for: !0,
-            ref: (o) => Kl(s, n, o, "left", "plot"),
+            ref: (o) => Kl(s, u, o, "left", "plot"),
             class: "vue-ui-xy-tag",
             "data-tag": "left",
-            style: w({
+            style: _({
               position: "fixed",
               top: v(Xe)({
                 svgElement: ce.value,
                 x: c.value?.left - l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${n}_left_plot`],
+                element: De.value[`${s}_${u}_left_plot`],
                 position: "left"
               })?.top + "px",
               left: v(Xe)({
                 svgElement: ce.value,
                 x: c.value?.left - l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${n}_left_plot`],
+                element: De.value[`${s}_${u}_left_plot`],
                 position: "left"
               })?.left + "px",
               height: "fit-content",
@@ -3388,33 +3403,34 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               opacity: 1
             })
           }, [
-            (u(), i("svg", Ru, [
+            (n(), i("svg", Yn, [
               p("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Eu)
+              }, null, 8, Xn)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: v(ue)(
+              innerHTML: v(ne)(
                 l.value.plot.tag.formatter,
                 t.value,
                 e.name,
                 {
                   datapoint: t,
-                  seriesIndex: n,
+                  seriesIndex: u,
                   serieName: e.name
                 }
               )
-            }, null, 8, Hu)
+            }, null, 8, Gn)
           ], 4)) : h("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      l.value.chart.zoom.show && Fe.value > 6 && Aa.value && kt.value ? (u(), Se(ps, {
+      l.value.chart.zoom.show && Fe.value > 6 && Aa.value && Ct.value ? (n(), Se(xs, {
         key: 5,
         ref_key: "chartSlicer",
         ref: Ie,
+        uuid: O.value,
         allMinimaps: Sr.value,
         background: l.value.chart.zoom.color,
         borderColor: l.value.chart.backgroundColor,
@@ -3429,12 +3445,12 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         useResetSlot: l.value.chart.zoom.useResetSlot,
         immediate: !l.value.chart.zoom.preview.enable,
         inputColor: l.value.chart.zoom.color,
-        isPreview: tt.value,
+        isPreview: ot.value,
         labelLeft: ve.value[0] ? ve.value[0].text : "",
         labelRight: ve.value.at(-1) ? ve.value.at(-1).text : "",
         max: Fe.value,
         min: 0,
-        minimap: _r.value,
+        minimap: wr.value,
         minimapCompact: l.value.chart.zoom.minimap.compact,
         minimapFrameColor: l.value.chart.zoom.minimap.frameColor,
         minimapIndicatorColor: l.value.chart.zoom.minimap.indicatorColor,
@@ -3444,7 +3460,7 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         minimapSelectedColorOpacity: l.value.chart.zoom.minimap.selectedColorOpacity,
         minimapSelectedIndex: C.value,
         minimapSelectionRadius: l.value.chart.zoom.minimap.selectionRadius,
-        preciseLabels: Wt.value.length ? Wt.value : Ql.value,
+        preciseLabels: Yt.value.length ? Yt.value : Ql.value,
         refreshEndPoint: l.value.chart.zoom.endIndex !== null ? l.value.chart.zoom.endIndex + 1 : Math.max(...ma.dataset.map((e) => Re(e.series).length)),
         refreshStartPoint: l.value.chart.zoom.startIndex !== null ? l.value.chart.zoom.startIndex : 0,
         selectColor: l.value.chart.zoom.highlightColor,
@@ -3468,35 +3484,35 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         handleFill: l.value.chart.zoom.minimap.handleFill,
         handleWidth: l.value.chart.zoom.minimap.handleWidth,
         isCursorPointer: Ze.value,
-        onFutureEnd: r[1] || (r[1] = (e) => ot("end", e)),
-        onFutureStart: r[2] || (r[2] = (e) => ot("start", e)),
+        onFutureEnd: r[1] || (r[1] = (e) => rt("end", e)),
+        onFutureStart: r[2] || (r[2] = (e) => rt("start", e)),
         onReset: cr,
         onTrapMouse: sr,
         "onUpdate:end": ir,
-        "onUpdate:start": ur
+        "onUpdate:start": nr
       }, {
         "reset-action": X(({ reset: e }) => [
-          P(a.$slots, "reset-action", me(be({ reset: e })), void 0, !0)
+          D(a.$slots, "reset-action", me(be({ reset: e })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["allMinimaps", "background", "borderColor", "customFormat", "cutNullValues", "enableRangeHandles", "enableSelectionDrag", "end", "focusOnDrag", "focusRangeRatio", "fontSize", "useResetSlot", "immediate", "inputColor", "isPreview", "labelLeft", "labelRight", "max", "minimap", "minimapCompact", "minimapFrameColor", "minimapIndicatorColor", "minimapLineColor", "minimapMerged", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapSelectionRadius", "preciseLabels", "refreshEndPoint", "refreshStartPoint", "selectColor", "selectedSeries", "smoothMinimap", "start", "textColor", "timeLabels", "usePreciseLabels", "valueEnd", "valueStart", "verticalHandles", "minScale", "maxScale", "maxWidth", "additionalMinimapHeight", "handleType", "handleIconColor", "handleBorderWidth", "handleBorderColor", "handleFill", "handleWidth", "isCursorPointer"])) : h("", !0),
+      }, 8, ["uuid", "allMinimaps", "background", "borderColor", "customFormat", "cutNullValues", "enableRangeHandles", "enableSelectionDrag", "end", "focusOnDrag", "focusRangeRatio", "fontSize", "useResetSlot", "immediate", "inputColor", "isPreview", "labelLeft", "labelRight", "max", "minimap", "minimapCompact", "minimapFrameColor", "minimapIndicatorColor", "minimapLineColor", "minimapMerged", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapSelectionRadius", "preciseLabels", "refreshEndPoint", "refreshStartPoint", "selectColor", "selectedSeries", "smoothMinimap", "start", "textColor", "timeLabels", "usePreciseLabels", "valueEnd", "valueStart", "verticalHandles", "minScale", "maxScale", "maxWidth", "additionalMinimapHeight", "handleType", "handleIconColor", "handleBorderWidth", "handleBorderColor", "handleFill", "handleWidth", "isCursorPointer"])) : h("", !0),
       p("div", {
-        id: `legend-bottom-${H.value}`
-      }, null, 8, Wu),
-      qa.value ? (u(), Se(Yr, {
+        id: `legend-bottom-${O.value}`
+      }, null, 8, qn),
+      Ua.value ? (n(), Se(Yr, {
         key: 6,
-        to: l.value.chart.legend.position === "top" ? `#legend-top-${H.value}` : `#legend-bottom-${H.value}`
+        to: l.value.chart.legend.position === "top" ? `#legend-top-${O.value}` : `#legend-bottom-${O.value}`
       }, [
-        l.value.chart.legend.show ? (u(), i("div", {
+        l.value.chart.legend.show ? (n(), i("div", {
           key: 0,
           ref_key: "chartLegend",
           ref: rl,
           class: "vue-ui-xy-legend",
-          style: w({
+          style: _({
             fontSize: `var(--legend-font-size, ${l.value.chart.legend.fontSize ?? 14}px)`
           })
         }, [
-          l.value.chart.legend.selectAllToggle.show && re.value.length > 2 && !v(oe) ? (u(), Se(ys, {
+          l.value.chart.legend.selectAllToggle.show && re.value.length > 2 && !v(oe) ? (n(), Se(ks, {
             key: 0,
             backgroundColor: l.value.chart.legend.selectAllToggle.backgroundColor,
             color: l.value.chart.legend.selectAllToggle.color,
@@ -3504,7 +3520,7 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             checked: q.value.length > 0,
             onToggle: fr
           }, null, 8, ["backgroundColor", "color", "fontSize", "checked"])) : h("", !0),
-          (u(!0), i(d, null, k(re.value, (e, s) => (u(), i("div", {
+          (n(!0), i(d, null, y(re.value, (e, s) => (n(), i("div", {
             key: `div_legend_item_${s}`,
             onClick: (t) => oa(e),
             class: ll({
@@ -3512,11 +3528,11 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               "vue-ui-xy-legend-item": !0,
               "vue-ui-xy-legend-item-segregated": q.value.includes(e.id)
             }),
-            style: w({
+            style: _({
               cursor: Ze.value ? "pointer" : "default"
             })
           }, [
-            yl.value[e.type] === "line" ? (u(), i("svg", Xu, [
+            yl.value[e.type] === "line" ? (n(), i("svg", Zn, [
               p("rect", {
                 x: "0",
                 y: "7.5",
@@ -3526,7 +3542,7 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 height: "3",
                 width: "20",
                 fill: e.color
-              }, null, 8, Gu),
+              }, null, 8, Jn),
               fl(ga, {
                 plot: { x: 10, y: 9 },
                 radius: 4,
@@ -3535,8 +3551,8 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 stroke: l.value.chart.backgroundColor,
                 strokeWidth: 0.5
               }, null, 8, ["color", "shape", "stroke"])
-            ])) : yl.value[e.type] === "bar" ? (u(), i("svg", qu, [
-              yl.value[e.type] === "bar" && a.$slots.pattern ? (u(), i("rect", {
+            ])) : yl.value[e.type] === "bar" ? (n(), i("svg", Kn, [
+              yl.value[e.type] === "bar" && a.$slots.pattern ? (n(), i("rect", {
                 key: 0,
                 x: "4",
                 y: "4",
@@ -3545,8 +3561,8 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 width: "32",
                 stroke: "none",
                 fill: e.color
-              }, null, 8, Uu)) : h("", !0),
-              yl.value[e.type] === "bar" ? (u(), i("rect", {
+              }, null, 8, Qn)) : h("", !0),
+              yl.value[e.type] === "bar" ? (n(), i("rect", {
                 key: 1,
                 x: "4",
                 y: "4",
@@ -3554,9 +3570,9 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 height: "32",
                 width: "32",
                 stroke: "none",
-                fill: a.$slots.pattern ? `url(#pattern_${H.value}_${e.slotAbsoluteIndex})` : e.color
-              }, null, 8, Zu)) : h("", !0)
-            ])) : (u(), i("svg", Ju, [
+                fill: a.$slots.pattern ? `url(#pattern_${O.value}_${e.slotAbsoluteIndex})` : e.color
+              }, null, 8, jn)) : h("", !0)
+            ])) : (n(), i("svg", ei, [
               fl(ga, {
                 plot: { x: 6, y: 6 },
                 radius: 5,
@@ -3565,28 +3581,28 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               }, null, 8, ["color", "shape"])
             ])),
             p("span", {
-              style: w(`color:${l.value.chart.legend.color}`)
+              style: _(`color:${l.value.chart.legend.color}`)
             }, te(e.name), 5)
-          ], 14, Yu))), 128))
-        ], 4)) : (u(), i("div", {
+          ], 14, Un))), 128))
+        ], 4)) : (n(), i("div", {
           key: 1,
           ref_key: "chartLegend",
           ref: rl
         }, [
-          P(a.$slots, "legend", { legend: re.value }, void 0, !0)
+          D(a.$slots, "legend", { legend: re.value }, void 0, !0)
         ], 512))
       ], 8, ["to"])) : h("", !0),
-      a.$slots.source ? (u(), i("div", {
+      a.$slots.source ? (n(), i("div", {
         key: 7,
         ref_key: "source",
         ref: pl,
         dir: "auto"
       }, [
-        P(a.$slots, "source", {}, void 0, !0)
+        D(a.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
       fl(v(Io), {
         teleportTo: l.value.chart.tooltip.teleportTo,
-        show: f.value.showTooltip && Ha.value,
+        show: f.value.showTooltip && Wa.value,
         backgroundColor: l.value.chart.tooltip.backgroundColor,
         color: l.value.chart.tooltip.color,
         fontSize: l.value.chart.tooltip.fontSize,
@@ -3606,23 +3622,23 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         smoothSnapThreshold: l.value.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": X(() => [
-          P(a.$slots, "tooltip-before", me(be({ ...Rt.value })), void 0, !0)
+          D(a.$slots, "tooltip-before", me(be({ ...Et.value })), void 0, !0)
         ]),
         "tooltip-after": X(() => [
-          P(a.$slots, "tooltip-after", me(be({ ...Rt.value })), void 0, !0)
+          D(a.$slots, "tooltip-after", me(be({ ...Et.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      Aa.value && l.value.chart.userOptions.buttons.table ? (u(), Se(Xr(zl.value.component), al({ key: 8 }, zl.value.props, {
+      Aa.value && l.value.chart.userOptions.buttons.table ? (n(), Se(Xr(zl.value.component), al({ key: 8 }, zl.value.props, {
         ref_key: "tableUnit",
         ref: sl,
-        onClose: lo
-      }), oo({
+        onClose: ao
+      }), ro({
         content: X(() => [
           p("div", {
-            style: w(`${v(ql) || l.value.table.useDialog ? "" : "max-height:400px"};${l.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${l.value.table.useDialog ? "" : "margin-top:48px"}`)
+            style: _(`${v(ql) || l.value.table.useDialog ? "" : "max-height:400px"};${l.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${l.value.table.useDialog ? "" : "margin-top:48px"}`)
           }, [
-            p("div", Ku, [
+            p("div", li, [
               Gr(p("input", {
                 type: "checkbox",
                 "onUpdate:modelValue": r[4] || (r[4] = (e) => Cl.value = e)
@@ -3631,36 +3647,36 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               ]),
               p("div", {
                 onClick: r[5] || (r[5] = (e) => Cl.value = !Cl.value),
-                style: w({
+                style: _({
                   cursor: Ze.value ? "pointer" : "default"
                 })
               }, [
-                fl(v(Va), {
+                fl(v(Ra), {
                   name: "chartLine",
                   size: 20,
                   stroke: l.value.chart.color
                 }, null, 8, ["stroke"])
               ], 4)
             ]),
-            Cl.value ? (u(), Se(v(Bo), {
+            Cl.value ? (n(), Se(v(Bo), {
               key: `sparkline_${Ca.value}`,
               dataset: yr.value,
               config: kr.value
-            }, null, 8, ["dataset", "config"])) : (u(), Se(v(zo), {
-              key: `table_${Ya.value}`,
-              colNames: ua.value.colNames,
-              head: ua.value.head,
-              body: ua.value.body,
-              config: ua.value.config,
+            }, null, 8, ["dataset", "config"])) : (n(), Se(v(zo), {
+              key: `table_${Xa.value}`,
+              colNames: na.value.colNames,
+              head: na.value.head,
+              body: na.value.body,
+              config: na.value.config,
               title: l.value.table.useDialog ? "" : zl.value.title,
               withCloseButton: !l.value.table.useDialog,
-              onClose: lo
+              onClose: ao
             }, {
               th: X(({ th: e }) => [
-                p("div", { innerHTML: e }, null, 8, Qu)
+                p("div", { innerHTML: e }, null, 8, ai)
               ]),
               td: X(({ td: e }) => [
-                ro(te(isNaN(Number(e)) ? e : v(Pe)({
+                so(te(isNaN(Number(e)) ? e : v(Pe)({
                   p: l.value.chart.labels.prefix,
                   v: e,
                   s: l.value.chart.labels.suffix,
@@ -3676,7 +3692,7 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         l.value.table.useDialog ? {
           name: "title",
           fn: X(() => [
-            ro(te(zl.value.title), 1)
+            so(te(zl.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -3688,7 +3704,7 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               class: "vue-ui-user-options-button",
               onClick: r[3] || (r[3] = (e) => za(l.value.chart.userOptions.callbacks.csv))
             }, [
-              fl(v(Va), {
+              fl(v(Ra), {
                 name: "fileCsv",
                 stroke: zl.value.props.color
               }, null, 8, ["stroke"])
@@ -3697,17 +3713,17 @@ const yo = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      P(a.$slots, "skeleton", {}, () => [
-        v(oe) ? (u(), Se(vs, { key: 0 })) : h("", !0)
+      D(a.$slots, "skeleton", {}, () => [
+        v(oe) ? (n(), Se(ds, { key: 0 })) : h("", !0)
       ], !0)
-    ], 46, Cs));
+    ], 46, _s));
   }
-}, ei = /* @__PURE__ */ ks(ju, [["__scopeId", "data-v-c3adf89e"]]), xi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, oi = /* @__PURE__ */ Cs(ti, [["__scopeId", "data-v-04698dfd"]]), _i = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ei
+  default: oi
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  ei as V,
-  xi as a,
-  pi as v
+  oi as V,
+  _i as a,
+  Ci as v
 };