vue-data-ui 3.13.2 → 3.13.4

package/dist/{vue-ui-xy-CYKmyeYg.js → vue-ui-xy-un6b4oO0.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as We, useSlots as cr, getCurrentInstance as vr, ref as b, computed as g, onMounted as Ql, toRefs as dr, watch as Ml, watchEffect as Ft, onBeforeUnmount as _a, nextTick as Bt, createElementBlock as i, openBlock as n, normalizeStyle as w, normalizeClass as el, createBlock as we, createCommentVNode as d, createElementVNode as p, createVNode as vl, unref as v, withCtx as G, renderSlot as P, normalizeProps as ye, guardReactiveProps as ke, createSlots as Ot, Fragment as h, renderList as C, mergeProps as ll, toDisplayString as ae, Teleport as hr, resolveDynamicComponent as fr, withDirectives as gr, vModelCheckbox as mr, createTextVNode as Nt } from "vue";
-import { c as wa, g as Aa, t as br, k as pr, N as Tl, O as al, m as Dt, j as Sa, P as Kl, Q as Y, R as $a, S as xr, T as yr, U as N, z as Vt, A as Pt, B as Rt, C as Et, V as kr, W as Ht, Y as Yt, a as ue, Z as Cr, y as Wt, _ as _r, b as Xt, e as Oe, d as Ne, h as tl, s as Te, G as wr, x as Xe, H as jl, n as Ae, $ as Ar, a0 as Ge, a1 as zl, i as Sr, o as Gt, v as $r, r as Lr, a2 as dl } from "./lib-BrVUf7jz.js";
+import { defineAsyncComponent as Ye, useSlots as cr, getCurrentInstance as vr, ref as b, computed as g, onMounted as Ql, toRefs as dr, watch as Ml, watchEffect as Ft, onBeforeUnmount as _a, nextTick as Bt, createElementBlock as i, openBlock as n, normalizeStyle as w, normalizeClass as el, createBlock as we, createCommentVNode as d, createElementVNode as x, createVNode as vl, unref as v, withCtx as G, renderSlot as P, normalizeProps as ye, guardReactiveProps as ke, createSlots as Ot, Fragment as h, renderList as C, mergeProps as ll, toDisplayString as ae, Teleport as hr, resolveDynamicComponent as fr, withDirectives as gr, vModelCheckbox as mr, createTextVNode as Nt } from "vue";
+import { c as wa, g as Aa, t as br, k as xr, N as Tl, O as al, m as Dt, j as Sa, P as Kl, Q as W, R as $a, S as pr, T as yr, U as N, z as Vt, A as Pt, B as Rt, C as Et, V as kr, W as Ht, Y as Wt, a as ue, Z as Cr, y as Yt, _ as _r, b as Xt, e as Oe, d as Ne, h as tl, s as Te, G as wr, x as Xe, H as jl, n as Ae, $ as Ar, a0 as Ge, a1 as zl, i as Sr, o as Gt, v as $r, r as Lr, a2 as dl } from "./lib-BrVUf7jz.js";
 import { t as Mr } from "./useResponsive-DfdjqQps.js";
-import { u as Tr, a as Il } from "./useNestedProp-Bamwa7TH.js";
+import { u as Tr, a as Il } from "./useNestedProp-DjoyBYIz.js";
 import { u as zr } from "./usePrinter-DKjCimma.js";
 import { u as Ir, B as Fr } from "./BaseScanner-BMpwQAfz.js";
 import { u as Ut, a as Br, l as Or } from "./useTimeLabels-DKoynYae.js";
@@ -9,12 +9,12 @@ import { u as Nr } from "./useSvgExport-ByUukOZt.js";
 import { u as Dr } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as Vr } from "./useTimeLabelCollider-CIsgDrl9.js";
 import Pr from "./img-BMMrBrFA.js";
-import Rr from "./Title-CeMocAxM.js";
+import Rr from "./Title-DPeHXmsJ.js";
 import { _ as ea } from "./Shape-CDT71WC7.js";
-import { S as Er } from "./SlicerPreview-BEkr4ELo.js";
-import Hr from "./vue-ui-accordion-d_mYq_ty.js";
-import { B as Yr } from "./BaseLegendToggle-BMdGBKCs.js";
-import { _ as Wr } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { S as Er } from "./SlicerPreview-BciDdnXB.js";
+import Hr from "./vue-ui-accordion-DIafkLLh.js";
+import { B as Wr } from "./BaseLegendToggle-BMdGBKCs.js";
+import { _ as Yr } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const qt = { 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 } }, Zt = { 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" } } }, Jt = { 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" } } }, Qt = { 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" } } }, Kt = { 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" } } }, jt = { 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" } } }, eo = { 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" } } }, lo = { 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" } } }, ao = {
   default: {},
   minimal: qt,
@@ -36,7 +36,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
   minimal: qt,
   minimalDark: Zt,
   zen: eo
-}, Symbol.toStringTag, { value: "Module" })), Xr = ["id"], Gr = ["id"], Ur = ["viewBox", "aria-label"], qr = ["x", "y", "width", "height"], Zr = { key: 1 }, Jr = { class: "vue-ui-xy-grid" }, Qr = ["stroke", "x1", "x2", "y1", "y2"], Kr = ["stroke", "x1", "x2", "y1", "y2"], jr = { key: 1 }, es = ["x1", "x2", "y1", "y2", "stroke"], ls = ["x1", "x2", "y1", "y2", "stroke"], as = ["x1", "x2", "y1", "y2", "stroke"], ts = { key: 3 }, os = ["d", "stroke"], rs = { key: 4 }, ss = ["d", "stroke"], us = ["id"], ns = ["stop-color"], is = ["stop-color"], cs = ["stop-color"], vs = ["id"], ds = ["stop-color"], hs = ["stop-color"], fs = ["stop-color"], gs = ["id"], ms = ["stop-color"], bs = ["stop-color"], ps = ["id"], xs = ["stop-color"], ys = ["stop-color"], ks = ["id"], Cs = ["stop-color"], _s = ["stop-color"], ws = ["x", "y", "height", "width", "fill"], As = ["x", "y", "width"], Ss = { key: 0 }, $s = ["x", "y", "height", "width", "fill"], Ls = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ms = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ts = ["width", "x", "y"], zs = ["stroke", "x1", "x2", "y1", "y2"], Is = { key: 3 }, Fs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Bs = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Os = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ns = ["fill", "font-size", "transform"], Ds = ["x1", "x2", "y1", "y2", "stroke"], Vs = ["x", "y", "font-size", "fill"], Ps = ["x1", "x2", "y1", "y2", "stroke"], Rs = ["x", "y", "font-size", "fill"], Es = ["width", "x", "y"], Hs = { style: { width: "100%" } }, Ys = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ws = ["d", "stroke", "stroke-width", "stroke-dasharray"], Xs = { key: 6 }, Gs = { key: 7 }, Us = ["d", "fill", "fill-opacity"], qs = { key: 0 }, Zs = ["d", "fill"], Js = ["d", "fill"], Qs = ["d", "fill"], Ks = ["d", "fill"], js = ["d", "stroke", "stroke-width", "stroke-dasharray"], eu = ["d", "stroke", "stroke-width", "stroke-dasharray"], lu = ["width", "x", "y"], au = { style: { width: "100%" } }, tu = { key: 8 }, ou = ["x", "y", "font-size", "fill"], ru = ["x", "y", "font-size", "fill", "font-weight"], su = { key: 9 }, uu = ["x", "y", "font-size", "fill"], nu = { key: 10 }, iu = ["x", "y"], cu = ["innerHTML"], vu = ["x", "y"], du = ["innerHTML"], hu = ["x1", "x2", "y1", "y2", "stroke"], fu = { key: 11 }, gu = ["x", "y", "font-size", "fill"], mu = { key: 12 }, bu = ["x", "y"], pu = ["innerHTML"], xu = ["x", "y"], yu = ["innerHTML"], ku = ["x1", "x2", "y1", "y2", "stroke"], Cu = ["x", "y", "font-size", "fill", "innerHTML"], _u = ["x", "y", "font-size", "fill", "innerHTML"], wu = ["x", "y", "font-size", "fill", "innerHTML"], Au = ["x", "y", "font-size", "fill", "innerHTML"], Su = { key: 0 }, $u = ["id"], Lu = ["fill", "stroke"], Mu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Tu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], zu = ["x", "y", "font-size", "fill", "stroke"], Iu = ["id"], Fu = ["stop-color"], Bu = ["stop-color"], Ou = ["x", "y", "width", "height", "fill", "onMouseenter"], Nu = ["font-size", "fill", "transform"], Du = ["x", "y", "font-size", "fill"], Vu = ["text-anchor", "font-size", "fill", "transform", "onClick"], Pu = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Ru = { key: 15 }, Eu = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Hu = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Yu = ["y", "x", "width", "height", "fill"], Wu = ["id", "x", "y", "font-size", "fill", "text-anchor"], Xu = {
+}, Symbol.toStringTag, { value: "Module" })), Xr = ["id"], Gr = ["id"], Ur = ["viewBox", "aria-label"], qr = ["x", "y", "width", "height"], Zr = { key: 1 }, Jr = { class: "vue-ui-xy-grid" }, Qr = ["stroke", "x1", "x2", "y1", "y2"], Kr = ["stroke", "x1", "x2", "y1", "y2"], jr = { key: 1 }, es = ["x1", "x2", "y1", "y2", "stroke"], ls = ["x1", "x2", "y1", "y2", "stroke"], as = ["x1", "x2", "y1", "y2", "stroke"], ts = { key: 3 }, os = ["d", "stroke"], rs = { key: 4 }, ss = ["d", "stroke"], us = ["id"], ns = ["stop-color"], is = ["stop-color"], cs = ["stop-color"], vs = ["id"], ds = ["stop-color"], hs = ["stop-color"], fs = ["stop-color"], gs = ["id"], ms = ["stop-color"], bs = ["stop-color"], xs = ["id"], ps = ["stop-color"], ys = ["stop-color"], ks = ["id"], Cs = ["stop-color"], _s = ["stop-color"], ws = ["x", "y", "height", "width", "fill"], As = ["x", "y", "width"], Ss = { key: 0 }, $s = ["x", "y", "height", "width", "fill"], Ls = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ms = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ts = ["width", "x", "y"], zs = ["stroke", "x1", "x2", "y1", "y2"], Is = { key: 3 }, Fs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Bs = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Os = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ns = ["fill", "font-size", "transform"], Ds = ["x1", "x2", "y1", "y2", "stroke"], Vs = ["x", "y", "font-size", "fill"], Ps = ["x1", "x2", "y1", "y2", "stroke"], Rs = ["x", "y", "font-size", "fill"], Es = ["width", "x", "y"], Hs = { style: { width: "100%" } }, Ws = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ys = ["d", "stroke", "stroke-width", "stroke-dasharray"], Xs = { key: 6 }, Gs = { key: 7 }, Us = ["d", "fill", "fill-opacity"], qs = { key: 0 }, Zs = ["d", "fill"], Js = ["d", "fill"], Qs = ["d", "fill"], Ks = ["d", "fill"], js = ["d", "stroke", "stroke-width", "stroke-dasharray"], eu = ["d", "stroke", "stroke-width", "stroke-dasharray"], lu = ["width", "x", "y"], au = { style: { width: "100%" } }, tu = { key: 8 }, ou = ["x", "y", "font-size", "fill"], ru = ["x", "y", "font-size", "fill", "font-weight"], su = { key: 9 }, uu = ["x", "y", "font-size", "fill"], nu = { key: 10 }, iu = ["x", "y"], cu = ["innerHTML"], vu = ["x", "y"], du = ["innerHTML"], hu = ["x1", "x2", "y1", "y2", "stroke"], fu = { key: 11 }, gu = ["x", "y", "font-size", "fill"], mu = { key: 12 }, bu = ["x", "y"], xu = ["innerHTML"], pu = ["x", "y"], yu = ["innerHTML"], ku = ["x1", "x2", "y1", "y2", "stroke"], Cu = ["x", "y", "font-size", "fill", "innerHTML"], _u = ["x", "y", "font-size", "fill", "innerHTML"], wu = ["x", "y", "font-size", "fill", "innerHTML"], Au = ["x", "y", "font-size", "fill", "innerHTML"], Su = { key: 0 }, $u = ["id"], Lu = ["fill", "stroke"], Mu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Tu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], zu = ["x", "y", "font-size", "fill", "stroke"], Iu = ["id"], Fu = ["stop-color"], Bu = ["stop-color"], Ou = ["x", "y", "width", "height", "fill", "onMouseenter"], Nu = ["font-size", "fill", "transform"], Du = ["x", "y", "font-size", "fill"], Vu = ["text-anchor", "font-size", "fill", "transform", "onClick"], Pu = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Ru = { key: 15 }, Eu = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Hu = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Wu = ["y", "x", "width", "height", "fill"], Yu = ["id", "x", "y", "font-size", "fill", "text-anchor"], Xu = {
   key: 16,
   style: { "pointer-events": "none" }
 }, Gu = ["x", "y"], Uu = ["innerHTML"], qu = ["cx", "cy", "r", "fill"], Zu = ["data-start", "data-end"], Ju = {
@@ -77,10 +77,10 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
   viewBox: "0 0 12 12",
   height: "1em",
   width: "1em"
-}, pn = {
+}, xn = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-dom-to-png-ignore": ""
-}, xn = ["innerHTML"], yn = {
+}, pn = ["innerHTML"], yn = {
   __name: "vue-ui-xy",
   props: {
     config: {
@@ -102,7 +102,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(la, { expose: to, emit: oo }) {
-    const F = la, ro = We(() => import("./DataTable-C2E28XF-.js")), so = We(() => import("./Tooltip-jUEeS8VT.js")), uo = We(() => import("./UserOptions-DV6hYCK6.js")), La = We(() => import("./BaseIcon-CJ7mD4nD.js")), no = We(() => import("./vue-ui-table-sparkline-brPOHGmn.js").then((a) => a.b)), io = We(() => import("./PackageVersion-CdPbb2sr.js")), co = We(() => import("./PenAndPaper-CDju85X_.js")), vo = We(() => import("./BaseDraggableDialog-DC6U5583.js")), aa = oo, Ma = cr(), ho = vr(), { vue_ui_xy: hl } = Tr(), { isThemeValid: fo, warnInvalidTheme: go } = Dr(), ze = b(null), fl = b(null), Ie = b(null), ol = b(null), gl = b(null), ml = b(null), mo = b(null), ta = b(null), oa = b(null), rl = b(null), ra = b(null), sa = b(null), Ve = b(null), ua = b(null), bo = b(0), z = b(null), Ta = b(!0), de = b(600), ee = b(1e3), Fl = b("0 0 1000 600"), po = b({ x: 0, y: 0 }), bl = b({ line: "line", bar: "bar", plot: "plot" }), pl = b(!1), Ue = b(!1), za = b(!1), qe = b(null), U = b([]), H = b(wa()), Ia = b(0), Fa = b(0), Ba = b(0), xl = b(!0), na = b(0), O = b(null), Oa = b(!1), ia = b(!0), Bl = b(!0), ne = b(null), De = b({}), Ol = b(null), Na = b(!1), sl = b(null), k = b(null), xo = g(() => ({
+    const F = la, ro = Ye(() => import("./DataTable-C2E28XF-.js")), so = Ye(() => import("./Tooltip-jUEeS8VT.js")), uo = Ye(() => import("./UserOptions-DV6hYCK6.js")), La = Ye(() => import("./BaseIcon-CJ7mD4nD.js")), no = Ye(() => import("./vue-ui-table-sparkline-dGPa0o9F.js").then((a) => a.b)), io = Ye(() => import("./PackageVersion-C1Ia4Osa.js")), co = Ye(() => import("./PenAndPaper-CDju85X_.js")), vo = Ye(() => import("./BaseDraggableDialog-DC6U5583.js")), aa = oo, Ma = cr(), ho = vr(), { vue_ui_xy: hl } = Tr(), { isThemeValid: fo, warnInvalidTheme: go } = Dr(), ze = b(null), fl = b(null), Ie = b(null), ol = b(null), gl = b(null), ml = b(null), mo = b(null), ta = b(null), oa = b(null), rl = b(null), ra = b(null), sa = b(null), Ve = b(null), ua = b(null), bo = b(0), z = b(null), Ta = b(!0), de = b(600), ee = b(1e3), Fl = b("0 0 1000 600"), xo = b({ x: 0, y: 0 }), bl = b({ line: "line", bar: "bar", plot: "plot" }), xl = b(!1), Ue = b(!1), za = b(!1), qe = b(null), U = b([]), H = b(wa()), Ia = b(0), Fa = b(0), Ba = b(0), pl = b(!0), na = b(0), O = b(null), Oa = b(!1), ia = b(!0), Bl = b(!0), ne = b(null), De = b({}), Ol = b(null), Na = b(!1), sl = b(null), k = b(null), po = g(() => ({
       height: de.value,
       width: ee.value
     }));
@@ -112,7 +112,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     function ca(a, r, e = 0) {
       return Number.isFinite(a) && Number.isFinite(r) && Math.abs(r) > 1e-9 ? a / r : e;
     }
-    const Va = b(!1), x = b({
+    const Va = b(!1), p = b({
       xAxis: 18,
       yAxis: 12,
       dataLabels: 20,
@@ -326,11 +326,11 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       const r = a - m.value.start;
       r < 0 || a >= m.value.end ? k.value = null : k.value = r ?? null;
     }, { immediate: !0 });
-    const { isPrinting: fa, isImaging: Ha, generatePdf: Ya, generateImage: Wa } = zr({
+    const { isPrinting: fa, isImaging: Ha, generatePdf: Wa, generateImage: Ya } = zr({
       elementId: `vue-ui-xy_${H.value}`,
       fileName: l.value.chart.title.text || "vue-ui-xy",
       options: l.value.chart.userOptions.print
-    }), _o = b(!1), Dl = g(() => pr(l.value.customPalette)), nl = g(() => {
+    }), _o = b(!1), Dl = g(() => xr(l.value.customPalette)), nl = g(() => {
       const a = l.value.chart.grid.labels.yAxis.scaleMin;
       if (a == null) return null;
       const r = Number(a);
@@ -395,7 +395,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         const o = u.getComputedTextLength();
         return (o > t ? o : t) + l.value.chart.grid.labels.yAxis.scaleValueOffsetX;
       }, 0));
-      const r = oa.value ? oa.value.getBoundingClientRect().width + l.value.chart.grid.labels.axis.yLabelOffsetX + x.value.yAxis : 0, e = l.value.chart.grid.labels.yAxis.crosshairSize;
+      const r = oa.value ? oa.value.getBoundingClientRect().width + l.value.chart.grid.labels.axis.yLabelOffsetX + p.value.yAxis : 0, e = l.value.chart.grid.labels.yAxis.crosshairSize;
       return a + r + e;
     }
     const ga = b(0), $o = Mr((a) => {
@@ -415,7 +415,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       let a = 0;
       ta.value && (a = ta.value.getBBox().height);
       let r = 0;
-      return rl.value && (r = ga.value), a + r + x.value.xAxis;
+      return rl.value && (r = ga.value), a + r + p.value.xAxis;
     }), Lo = g(() => ge.value.some((a) => a.useProgression)), c = g(() => {
       let a = 0;
       const r = 36;
@@ -437,7 +437,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         individualOffsetX: r
       };
     }), Mo = g(() => {
-      const a = l.value.chart.grid.position === "middle" ? 1 : 0, r = A.value + a, e = Y(c.value?.top), s = Y(c.value?.bottom);
+      const a = l.value.chart.grid.position === "middle" ? 1 : 0, r = A.value + a, e = W(c.value?.top), s = W(c.value?.bottom);
       return Array.from({ length: r }).map((t, u) => {
         const o = c.value.width / A.value * u + c.value?.left + q.value;
         return `M${o},${e} L${o},${s}`;
@@ -445,7 +445,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     }), To = g(() => {
       if (!l.value.chart.grid.labels.xAxis.showCrosshairs) return "";
       const a = c.value.width / A.value, r = l.value.chart.grid.labels.xAxis.crosshairSize, e = l.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
-      return pa.value.map((s, t) => {
+      return xa.value.map((s, t) => {
         if (!s || !s.text) return null;
         const u = c.value?.left + a * t + a / 2, o = e ? ie.value - (ie.value === c.value?.bottom ? 0 : r / 2) : c.value?.bottom, $ = e ? ie.value + r / (ie.value === c.value?.bottom ? 1 : 2) : c.value?.bottom + r;
         return `M${u},${o} L${u},${$}`;
@@ -473,7 +473,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       await Bt(), Qa.value = a, Oa.value && (Bl.value = a);
     }
     function ma() {
-      pl.value = !pl.value;
+      xl.value = !xl.value;
     }
     const he = g(() => {
       const a = Math.max(...ge.value.map((r) => $a({ data: r.series, threshold: l.value.downsample.threshold }).length));
@@ -496,9 +496,9 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     }), Io = g(() => {
       const a = l.value.chart.grid.labels.xAxisLabels.modulo;
       return he.value.length ? Math.min(a, [...new Set(he.value.map((r) => r.text))].length) : a;
-    }), pa = g(() => {
+    }), xa = g(() => {
       const a = l.value.chart.grid.labels.xAxisLabels, r = he.value || [], e = ba.value || [], s = m.value.start ?? 0, t = k.value, u = A.value, o = r.map((L) => L?.text ?? ""), $ = e.map((L) => L?.text ?? "");
-      return xr(
+      return pr(
         !!a.showOnlyFirstAndLast,
         !!a.showOnlyAtModulo,
         Math.max(1, Io.value || 1),
@@ -536,7 +536,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     function et() {
       f.value.isStacked = !f.value.isStacked, f.value.isStacked ? f.value.useIndividualScale = !0 : f.value.useIndividualScale = l.value.chart.grid.labels.yAxis.useIndividualScale;
     }
-    function xa(a) {
+    function pa(a) {
       yl.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 Bo(a, r) {
@@ -600,7 +600,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     function Ee() {
       return f.value.useIndividualScale && f.value.isStacked ? J.value.line - c.value.width / A.value * 0.1 : J.value.bar;
     }
-    function Yl(a) {
+    function Wl(a) {
       return f.value.useIndividualScale && f.value.isStacked ? a.x + c.value.width / A.value * 0.05 : a.x + J.value.bar / 2;
     }
     function st(a) {
@@ -616,9 +616,9 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       if (r.createSVGPoint && r.getScreenCTM) {
         const M = r.createSVGPoint();
         M.x = a.clientX, M.y = a.clientY;
-        const W = r.getScreenCTM();
-        if (W) {
-          const y = M.matrixTransform(W.inverse());
+        const Y = r.getScreenCTM();
+        if (Y) {
+          const y = M.matrixTransform(Y.inverse());
           return { x: y.x, y: y.y, ok: !0 };
         }
       }
@@ -627,23 +627,23 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     }
     let Je = 0;
     function Vo(a) {
-      pl.value || (Je && cancelAnimationFrame(Je), Je = requestAnimationFrame(() => {
+      xl.value || (Je && cancelAnimationFrame(Je), Je = requestAnimationFrame(() => {
         Je = 0;
         const r = nt(a);
         if (!r || !ne.value) {
-          Wl();
+          Yl();
           return;
         }
         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) {
-          Wl();
+          Yl();
           return;
         }
         const $ = r.x - e, L = o / A.value, I = Math.floor($ / L);
-        I >= 0 && I < A.value ? wl.value !== I && (wl.value = I, kt(!0, I)) : Wl();
+        I >= 0 && I < A.value ? wl.value !== I && (wl.value = I, kt(!0, I)) : Yl();
       }));
     }
-    function Wl() {
+    function Yl() {
       Je && (cancelAnimationFrame(Je), Je = 0), wl.value = null, kt(!1, null);
     }
     function it(a) {
@@ -725,11 +725,11 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       const r = vt(a);
       r !== null && U.value.includes(r.id) && Xl({ id: r.id });
     }
-    function Yo(a) {
+    function Wo(a) {
       const r = vt(a);
       r !== null && (U.value.includes(r.id) || Xl({ id: r.id }));
     }
-    const Wo = g(() => {
+    const Yo = g(() => {
       const a = l.value.chart.title.text || "Chart visualization", r = l.value.chart.title.subtitle.text || "";
       return `${a}. ${r}`;
     }), dt = g(() => ({
@@ -838,12 +838,12 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         return t - M * u;
       };
       return r.map((_) => {
-        const { yAxis: { yTop: M, yBottom: W, label: y } } = _, D = M != null && W != null && M !== W, T = M == null ? null : I(M), le = W == null ? null : I(W), ce = zo(y.fontSize);
+        const { yAxis: { yTop: M, yBottom: Y, label: y } } = _, D = M != null && Y != null && M !== Y, T = M == null ? null : I(M), le = Y == null ? null : I(Y), ce = zo(y.fontSize);
         ce.font = `${y.fontSize}px sans-serif`;
-        const Z = ce.measureText(y.text).width, _e = y.fontSize, Be = (y.position === "start" ? e + y.padding?.left : s - y.padding?.right) + y.offsetX, pe = (T != null && le != null ? Math.min(T, le) : T ?? le) - y.fontSize / 3 + y.offsetY - y.padding?.top;
+        const Z = ce.measureText(y.text).width, _e = y.fontSize, Be = (y.position === "start" ? e + y.padding?.left : s - y.padding?.right) + y.offsetX, xe = (T != null && le != null ? Math.min(T, le) : T ?? le) - 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 = pe - _e * 0.75 - y.padding?.top;
+        const E = xe - _e * 0.75 - y.padding?.top;
         return {
           show: ![T, le, E].includes(NaN),
           id: `annotation_y_${wa()}`,
@@ -854,7 +854,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           config: _.yAxis,
           x1: e,
           x2: s,
-          _text: { x: Be, y: pe },
+          _text: { x: Be, y: xe },
           _box: {
             x: R,
             y: E,
@@ -877,7 +877,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     const Me = g(() => {
       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, $) => {
-        xa(o);
+        pa(o);
         const L = S.value[o.scaleLabel].min, I = S.value[o.scaleLabel].max;
         o.absoluteValues.filter((V) => ![null, void 0].includes(V)).map((V) => (V - L) / (I - L));
         const _ = {
@@ -886,24 +886,24 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         }, M = {
           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)))
-        }, W = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, D = l.value.chart.grid.labels.yAxis.useNiceScale ? Tl(M.min, M.max === M.min ? M.max * y : M.max, W) : al(M.min, M.max === M.min ? M.max * y : M.max, W), T = l.value.chart.grid.labels.yAxis.useNiceScale ? Tl(_.valueMin, _.valueMax === _.valueMin ? _.valueMax * y : _.valueMax, W) : al(_.valueMin, _.valueMax === _.valueMin ? _.valueMax * y : _.valueMax, W), le = D.min >= 0 ? 0 : Math.abs(D.min), ce = 0, Z = D.max + le, _e = T.max + Math.abs(ce), Be = o.stackIndex, cl = r - 1 - Be, pe = s ? 1 - o.cumulatedStackRatio : 0, R = s ? u * pe + e * cl : 0, E = s ? u * o.stackRatio : c.value.height, Q = c.value?.bottom - R - E * le / Z, xe = c.value?.bottom - R - E * ce / _e, ve = oe.value.filter((V) => V.type === "bar").filter((V) => !U.value.includes(V.id)).length, $l = o.series.map((V, j) => {
-          const Ye = f.value.useIndividualScale ? (o.absoluteValues[j] + le) / Z : Ze(V), je = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / A.value * j : c.value?.left + J.value.bar * $ + J.value.bar * j * ve - Zo.value / 2 - $ * Gl.value;
+        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, D = l.value.chart.grid.labels.yAxis.useNiceScale ? Tl(M.min, M.max === M.min ? M.max * y : M.max, Y) : al(M.min, M.max === M.min ? M.max * y : M.max, Y), T = l.value.chart.grid.labels.yAxis.useNiceScale ? Tl(_.valueMin, _.valueMax === _.valueMin ? _.valueMax * y : _.valueMax, Y) : al(_.valueMin, _.valueMax === _.valueMin ? _.valueMax * y : _.valueMax, Y), le = D.min >= 0 ? 0 : Math.abs(D.min), ce = 0, Z = D.max + le, _e = T.max + Math.abs(ce), Be = o.stackIndex, cl = r - 1 - Be, xe = s ? 1 - o.cumulatedStackRatio : 0, R = s ? u * xe + e * cl : 0, E = s ? u * o.stackRatio : c.value.height, Q = c.value?.bottom - R - E * le / Z, pe = c.value?.bottom - R - E * ce / _e, ve = oe.value.filter((V) => V.type === "bar").filter((V) => !U.value.includes(V.id)).length, $l = o.series.map((V, j) => {
+          const We = f.value.useIndividualScale ? (o.absoluteValues[j] + le) / Z : Ze(V), je = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / A.value * j : c.value?.left + J.value.bar * $ + J.value.bar * j * ve - Zo.value / 2 - $ * Gl.value;
           return {
             yOffset: N(R),
             individualHeight: N(E),
             x: N(je),
-            y: c.value?.bottom - R - E * Ye,
+            y: c.value?.bottom - R - E * We,
             value: o.absoluteValues[j],
             zeroPosition: N(Q),
             individualMax: N(Z),
             comment: o.comments && o.comments.slice(m.value.start, m.value.end)[j] || ""
           };
         }), fe = o.absoluteValues.map((V) => T.min >= 0 ? (V - Math.abs(T.min)) / (T.max - Math.abs(T.min)) : (V + Math.abs(T.min)) / (T.max + Math.abs(T.min))), He = o.series.map((V, j) => {
-          const Ye = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / A.value * j : c.value?.left - J.value.bar / 2 + J.value.bar * $ + J.value.bar * j * oe.value.filter((je) => je.type === "bar").filter((je) => !U.value.includes(je.id)).length;
+          const We = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / A.value * j : c.value?.left - J.value.bar / 2 + J.value.bar * $ + J.value.bar * j * oe.value.filter((je) => je.type === "bar").filter((je) => !U.value.includes(je.id)).length;
           return {
             yOffset: N(R),
             individualHeight: N(E),
-            x: N(Ye),
+            x: N(We),
             y: N(c.value?.bottom - N(R) - (N(E) * fe[j] || 0)),
             value: o.absoluteValues[j],
             zeroPosition: N(Q),
@@ -919,14 +919,14 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         })), K = T.ticks.map((V) => {
           const j = (V - T.min) / (T.max - T.min);
           return {
-            y: V >= 0 ? xe - E * j : xe + E * j,
+            y: V >= 0 ? pe - E * j : pe + E * j,
             value: V,
             prefix: o.prefix || l.value.chart.labels.prefix,
             suffix: o.suffix || l.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        return S.value[o.scaleLabel].name = o.name, S.value[o.scaleLabel].groupName = o.scaleLabel, S.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, S.value[o.scaleLabel].color = o.color, S.value[o.scaleLabel].scaleYLabels = o.autoScaling ? K : X, S.value[o.scaleLabel].zeroPosition = o.autoScaling ? xe : Q, S.value[o.scaleLabel].individualMax = o.autoScaling ? _e : Z, S.value[o.scaleLabel].scaleLabel = o.scaleLabel, S.value[o.scaleLabel].id = o.id, S.value[o.scaleLabel].yOffset = R, S.value[o.scaleLabel].individualHeight = E, S.value[o.scaleLabel].autoScaleYLabels = K, S.value[o.scaleLabel].unique = Qe.value.filter((V) => V.scaleLabel === o.scaleLabel).length === 1, {
+        return S.value[o.scaleLabel].name = o.name, S.value[o.scaleLabel].groupName = o.scaleLabel, S.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, S.value[o.scaleLabel].color = o.color, S.value[o.scaleLabel].scaleYLabels = o.autoScaling ? K : X, S.value[o.scaleLabel].zeroPosition = o.autoScaling ? pe : Q, S.value[o.scaleLabel].individualMax = o.autoScaling ? _e : Z, S.value[o.scaleLabel].scaleLabel = o.scaleLabel, S.value[o.scaleLabel].id = o.id, S.value[o.scaleLabel].yOffset = R, S.value[o.scaleLabel].individualHeight = E, S.value[o.scaleLabel].autoScaleYLabels = K, S.value[o.scaleLabel].unique = Qe.value.filter((V) => V.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: R,
           autoScaleYLabels: K,
@@ -934,7 +934,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           scaleYLabels: o.autoScaling ? K : X,
           individualScale: o.autoScaling ? T : D,
           individualMax: o.autoScaling ? _e : Z,
-          zeroPosition: o.autoScaling ? xe : Q,
+          zeroPosition: o.autoScaling ? pe : Q,
           plots: o.autoScaling ? He : $l,
           groupId: S.value[o.scaleLabel].groupId
         };
@@ -942,7 +942,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     }), re = g(() => {
       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, $) => {
-        xa(o);
+        pa(o);
         const L = S.value[o.scaleLabel].min, I = S.value[o.scaleLabel].max;
         o.absoluteValues.filter((B) => ![null, void 0].includes(B)).map((B) => (B - L) / (I - L));
         const _ = {
@@ -951,7 +951,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         }, M = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
-        }, W = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, D = l.value.chart.grid.labels.yAxis.useNiceScale ? Tl(M.min, M.max === M.min ? M.max * y : M.max, W) : al(M.min, M.max === M.min ? M.max * y : M.max, W), T = l.value.chart.grid.labels.yAxis.useNiceScale ? Tl(_.valueMin, _.valueMax === _.valueMin ? _.valueMax * y : _.valueMax, W) : al(_.valueMin, _.valueMax === _.valueMin ? _.valueMax * y : _.valueMax, W), le = D.min >= 0 ? 0 : Math.abs(D.min), ce = 0, Z = D.max + Math.abs(le), _e = T.max + Math.abs(ce), Be = o.stackIndex, cl = r - 1 - Be, pe = s ? 1 - o.cumulatedStackRatio : 0, R = s ? u * pe + e * cl : 0, E = s ? u * o.stackRatio : c.value.height, Q = c.value?.bottom - R - E * le / Z, xe = c.value?.bottom - R - E * ce / _e, ve = o.series.map((B, se) => {
+        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, y = 1.0000001, D = l.value.chart.grid.labels.yAxis.useNiceScale ? Tl(M.min, M.max === M.min ? M.max * y : M.max, Y) : al(M.min, M.max === M.min ? M.max * y : M.max, Y), T = l.value.chart.grid.labels.yAxis.useNiceScale ? Tl(_.valueMin, _.valueMax === _.valueMin ? _.valueMax * y : _.valueMax, Y) : al(_.valueMin, _.valueMax === _.valueMin ? _.valueMax * y : _.valueMax, Y), le = D.min >= 0 ? 0 : Math.abs(D.min), ce = 0, Z = D.max + Math.abs(le), _e = T.max + Math.abs(ce), Be = o.stackIndex, cl = r - 1 - Be, xe = s ? 1 - o.cumulatedStackRatio : 0, R = s ? u * xe + e * cl : 0, E = s ? u * o.stackRatio : c.value.height, Q = c.value?.bottom - R - E * le / Z, pe = c.value?.bottom - R - E * ce / _e, ve = o.series.map((B, se) => {
           const ir = f.value.useIndividualScale ? (o.absoluteValues[se] + Math.abs(le)) / Z : Ze(B);
           return {
             x: N(c.value?.left + J.value.line / 2 + J.value.line * se),
@@ -975,20 +975,20 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           prefix: o.prefix || l.value.chart.labels.prefix,
           suffix: o.suffix || l.value.chart.labels.suffix,
           datapoint: o
-        })), Ye = T.ticks.map((B) => {
+        })), We = T.ticks.map((B) => {
           const se = (B - T.min) / (T.max - T.min);
           return {
-            y: B >= 0 ? xe - E * se : xe + E * se,
+            y: B >= 0 ? pe - E * se : pe + E * se,
             value: B,
             prefix: o.prefix || l.value.chart.labels.prefix,
             suffix: o.suffix || l.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        S.value[o.scaleLabel].name = o.name, S.value[o.scaleLabel].groupName = o.scaleLabel, S.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, S.value[o.scaleLabel].color = o.color, S.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Ye : j, S.value[o.scaleLabel].zeroPosition = o.autoScaling ? xe : Q, S.value[o.scaleLabel].individualMax = o.autoScaling ? _e : Z, S.value[o.scaleLabel].scaleLabel = o.scaleLabel, S.value[o.scaleLabel].id = o.id, S.value[o.scaleLabel].yOffset = R, S.value[o.scaleLabel].individualHeight = E, S.value[o.scaleLabel].autoScaleYLabels = Ye, S.value[o.scaleLabel].unique = Qe.value.filter((B) => B.scaleLabel === o.scaleLabel).length === 1;
-        const je = f.value.useIndividualScale ? o.autoScaling ? xe : Q : wo.value, Ll = Math.max(
+        S.value[o.scaleLabel].name = o.name, S.value[o.scaleLabel].groupName = o.scaleLabel, S.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, S.value[o.scaleLabel].color = o.color, S.value[o.scaleLabel].scaleYLabels = o.autoScaling ? We : j, S.value[o.scaleLabel].zeroPosition = o.autoScaling ? pe : Q, S.value[o.scaleLabel].individualMax = o.autoScaling ? _e : Z, S.value[o.scaleLabel].scaleLabel = o.scaleLabel, S.value[o.scaleLabel].id = o.id, S.value[o.scaleLabel].yOffset = R, S.value[o.scaleLabel].individualHeight = E, S.value[o.scaleLabel].autoScaleYLabels = We, S.value[o.scaleLabel].unique = Qe.value.filter((B) => B.scaleLabel === o.scaleLabel).length === 1;
+        const je = f.value.useIndividualScale ? o.autoScaling ? pe : Q : wo.value, Ll = Math.max(
           Math.max(
-            o.autoScaling ? xe : j.at(-1) ? j.at(-1).y : 0,
+            o.autoScaling ? pe : j.at(-1) ? j.at(-1).y : 0,
             c.value?.top
           ),
           je
@@ -996,21 +996,21 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         return {
           ...o,
           yOffset: R,
-          autoScaleYLabels: Ye,
+          autoScaleYLabels: We,
           individualHeight: E,
-          scaleYLabels: o.autoScaling ? Ye : j,
+          scaleYLabels: o.autoScaling ? We : j,
           individualScale: o.autoScaling ? T : D,
           individualMax: o.autoScaling ? _e : Z,
-          zeroPosition: o.autoScaling ? xe : Q,
+          zeroPosition: o.autoScaling ? pe : Q,
           curve: o.autoScaling ? X : He,
           plots: o.autoScaling ? fe : ve,
           area: o.useArea ? f.value.useIndividualScale ? l.value.line.cutNullValues ? Ht(
             o.autoScaling ? fe : ve,
             Ll
-          ) : Yt(
+          ) : Wt(
             o.autoScaling ? fe.filter((B) => B.value !== null) : ve.filter((B) => B.value !== null),
             Ll
-          ) : l.value.line.cutNullValues ? Ht(ve, Ll) : Yt(ve.filter((B) => B.value !== null), Ll) : "",
+          ) : l.value.line.cutNullValues ? Ht(ve, Ll) : Wt(ve.filter((B) => B.value !== null), Ll) : "",
           curveAreas: o.useArea ? kr(
             o.autoScaling ? l.value.line.cutNullValues ? fe : fe.filter((B) => B.value !== null) : l.value.line.cutNullValues ? ve : ve.filter((B) => B.value !== null),
             Ll,
@@ -1023,7 +1023,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     }), be = g(() => {
       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) => {
-        xa(o);
+        pa(o);
         const $ = S.value[o.scaleLabel].min, L = S.value[o.scaleLabel].max;
         o.absoluteValues.filter((X) => ![null, void 0].includes(X)).map((X) => (X - $) / (L - $));
         const I = {
@@ -1032,17 +1032,17 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         }, _ = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues)
-        }, M = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, W = 1.0000001, y = al(_.min, _.max === _.min ? _.max * W : _.max, M), D = al(I.valueMin, I.valueMax === I.valueMin ? I.valueMax * W : I.valueMax, M), T = y.min >= 0 ? 0 : Math.abs(y.min), le = 0, ce = y.max + T, Z = D.max + Math.abs(le), _e = o.stackIndex, Be = r - 1 - _e, cl = s ? 1 - o.cumulatedStackRatio : 0, pe = s ? u * cl + e * Be : 0, R = s ? u * o.stackRatio : c.value.height, E = c.value?.bottom - pe - R * T / ce, Q = c.value?.bottom - pe - R * le / Z, xe = o.series.map((X, K) => {
+        }, M = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, Y = 1.0000001, y = al(_.min, _.max === _.min ? _.max * Y : _.max, M), D = al(I.valueMin, I.valueMax === I.valueMin ? I.valueMax * Y : I.valueMax, M), T = y.min >= 0 ? 0 : Math.abs(y.min), le = 0, ce = y.max + T, Z = D.max + Math.abs(le), _e = o.stackIndex, Be = r - 1 - _e, cl = s ? 1 - o.cumulatedStackRatio : 0, xe = s ? u * cl + e * Be : 0, R = s ? u * o.stackRatio : c.value.height, E = c.value?.bottom - xe - R * T / ce, Q = c.value?.bottom - xe - R * le / Z, pe = o.series.map((X, K) => {
           const V = f.value.useIndividualScale ? (o.absoluteValues[K] + Math.abs(T)) / ce : Ze(X);
           return {
             x: N(c.value?.left + J.value.plot / 2 + J.value.plot * K),
-            y: N(c.value?.bottom - pe - R * V),
+            y: N(c.value?.bottom - xe - R * V),
             value: o.absoluteValues[K],
             comment: o.comments && o.comments.slice(m.value.start, m.value.end)[K] || ""
           };
         }), ve = o.absoluteValues.map((X) => D.min >= 0 ? (X - Math.abs(D.min)) / (D.max - Math.abs(D.min)) : (X + Math.abs(D.min)) / (D.max + Math.abs(D.min))), $l = o.series.map((X, K) => ({
           x: N(c.value?.left + J.value.plot / 2 + J.value.plot * K),
-          y: N(c.value?.bottom - pe - (R * ve[K] || 0)),
+          y: N(c.value?.bottom - xe - (R * ve[K] || 0)),
           value: o.absoluteValues[K],
           comment: o.comments && o.comments.slice(m.value.start, m.value.end)[K] || ""
         })), fe = y.ticks.map((X) => ({
@@ -1061,16 +1061,16 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             datapoint: o
           };
         });
-        return S.value[o.scaleLabel].name = o.name, S.value[o.scaleLabel].groupName = o.scaleLabel, S.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, S.value[o.scaleLabel].color = o.color, S.value[o.scaleLabel].scaleYLabels = o.autoScaling ? He : fe, S.value[o.scaleLabel].zeroPosition = o.autoScaling ? Q : E, S.value[o.scaleLabel].individualMax = o.autoScaling ? Z : ce, S.value[o.scaleLabel].scaleLabel = o.scaleLabel, S.value[o.scaleLabel].id = o.id, S.value[o.scaleLabel].yOffset = pe, S.value[o.scaleLabel].individualHeight = R, S.value[o.scaleLabel].autoScaleYLabels = He, S.value[o.scaleLabel].unique = Qe.value.filter((X) => X.scaleLabel === o.scaleLabel).length === 1, {
+        return S.value[o.scaleLabel].name = o.name, S.value[o.scaleLabel].groupName = o.scaleLabel, S.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, S.value[o.scaleLabel].color = o.color, S.value[o.scaleLabel].scaleYLabels = o.autoScaling ? He : fe, S.value[o.scaleLabel].zeroPosition = o.autoScaling ? Q : E, S.value[o.scaleLabel].individualMax = o.autoScaling ? Z : ce, S.value[o.scaleLabel].scaleLabel = o.scaleLabel, S.value[o.scaleLabel].id = o.id, S.value[o.scaleLabel].yOffset = xe, S.value[o.scaleLabel].individualHeight = R, S.value[o.scaleLabel].autoScaleYLabels = He, S.value[o.scaleLabel].unique = Qe.value.filter((X) => X.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
-          yOffset: pe,
+          yOffset: xe,
           autoScaleYLabels: He,
           individualHeight: R,
           scaleYLabels: o.autoScaling ? He : fe,
           individualScale: o.autoScaling ? D : y,
           individualMax: o.autoScaling ? Z : ce,
           zeroPosition: o.autoScaling ? Q : E,
-          plots: o.autoScaling ? $l : xe,
+          plots: o.autoScaling ? $l : pe,
           groupId: S.value[o.scaleLabel].groupId
         };
       });
@@ -1160,7 +1160,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           s.push({ ...y, key: `inter_${o}_${$}_${u}_${D}` });
         });
       }), s;
-    }), pt = g(() => ({
+    }), xt = g(() => ({
       datapoint: Ke.value,
       seriesIndex: k.value,
       series: oe.value,
@@ -1178,13 +1178,13 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         const u = l.value.chart.grid.labels.xAxisLabels.values?.[e];
         return u == null ? "" : r.formatDate(new Date(u), s);
       };
-    }), xt = g(() => (l.value.chart.grid.labels.xAxisLabels.values || []).map((r, e) => ({
+    }), pt = g(() => (l.value.chart.grid.labels.xAxisLabels.values || []).map((r, e) => ({
       text: il.value(e, l.value.chart.zoom.timeFormat),
       absoluteIndex: e
     }))), Ko = g(() => {
       let a = "", r = Ke.value.map((t) => t.value).filter((t) => Kl(t) && t !== null).reduce((t, u) => Math.abs(t) + Math.abs(u), 0);
       const e = he.value[k.value], s = l.value.chart.tooltip.customFormat;
-      if (Wt(s) && _r(() => s({
+      if (Yt(s) && _r(() => s({
         absoluteIndex: k.value + m.value.start,
         seriesIndex: k.value,
         datapoint: Ke.value,
@@ -1346,28 +1346,28 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     }
     function St() {
       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, Se.value.plot = l.value.plot.radius, Se.value.line = l.value.line.radius;
+        p.value.dataLabels = l.value.chart.grid.labels.fontSize, p.value.yAxis = l.value.chart.grid.labels.axis.fontSize, p.value.xAxis = l.value.chart.grid.labels.xAxisLabels.fontSize, p.value.plotLabels = l.value.chart.labels.fontSize, Se.value.plot = l.value.plot.radius, Se.value.line = l.value.line.radius;
         return;
       }
-      x.value.dataLabels = dl({
+      p.value.dataLabels = dl({
         relator: de.value,
         adjuster: 400,
         source: l.value.chart.grid.labels.fontSize,
         threshold: 10,
         fallback: 10
-      }), x.value.yAxis = dl({
+      }), p.value.yAxis = dl({
         relator: ee.value,
         adjuster: 1e3,
         source: l.value.chart.grid.labels.axis.fontSize,
         threshold: 10,
         fallback: 10
-      }), x.value.xAxis = dl({
+      }), p.value.xAxis = dl({
         relator: ee.value,
         adjuster: 1e3,
         source: l.value.chart.grid.labels.xAxisLabels.fontSize,
         threshold: 10,
         fallback: 10
-      }), x.value.plotLabels = dl({
+      }), p.value.plotLabels = dl({
         relator: ee.value,
         adjuster: 800,
         source: l.value.chart.labels.fontSize,
@@ -1420,20 +1420,20 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         l.value.chart.legend.show && ol.value && (I = ol.value, _ = I.getBoundingClientRect().height);
         let M = 0;
         gl.value && (M = gl.value.getBoundingClientRect().height);
-        let W = 0;
-        ml.value && (W = ml.value.getBoundingClientRect().height), de.value = s - o - _ - L - M - W - a, ee.value = t, Fl.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${de.value < 0 ? 10 : de.value}`, St();
+        let Y = 0;
+        ml.value && (Y = ml.value.getBoundingClientRect().height), de.value = s - o - _ - L - M - Y - a, ee.value = t, Fl.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${de.value < 0 ? 10 : de.value}`, St();
         const y = new ResizeObserver((D) => {
           for (const T of D)
-            l.value.chart.title.show && fl.value ? o = fl.value.getBoundingClientRect().height : o = 0, Ie.value && Ie.value.$el ? L = Ie.value.$el.getBoundingClientRect().height : L = 0, ol.value ? _ = ol.value.getBoundingClientRect().height : _ = 0, gl.value ? M = gl.value.getBoundingClientRect().height : M = 0, ml.value ? W = ml.value.getBoundingClientRect().height : W = 0, requestAnimationFrame(() => {
-              de.value = T.contentRect.height - o - _ - L - M - W - a, ee.value = T.contentBoxSize[0].inlineSize, Fl.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${de.value < 0 ? 10 : de.value}`, St();
+            l.value.chart.title.show && fl.value ? o = fl.value.getBoundingClientRect().height : o = 0, Ie.value && Ie.value.$el ? L = Ie.value.$el.getBoundingClientRect().height : L = 0, ol.value ? _ = ol.value.getBoundingClientRect().height : _ = 0, gl.value ? M = gl.value.getBoundingClientRect().height : M = 0, ml.value ? Y = ml.value.getBoundingClientRect().height : Y = 0, requestAnimationFrame(() => {
+              de.value = T.contentRect.height - o - _ - L - M - Y - a, ee.value = T.contentBoxSize[0].inlineSize, Fl.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${de.value < 0 ? 10 : de.value}`, St();
             });
         });
         Ve.value = y, ua.value = e, y.observe(e);
       } else
-        de.value = l.value.chart.height, ee.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, Se.value.plot = l.value.plot.radius, Se.value.line = l.value.line.radius, Fl.value = `0 0 ${ee.value} ${de.value}`;
+        de.value = l.value.chart.height, ee.value = l.value.chart.width, p.value.dataLabels = l.value.chart.grid.labels.fontSize, p.value.yAxis = l.value.chart.grid.labels.axis.fontSize, p.value.xAxis = l.value.chart.grid.labels.xAxisLabels.fontSize, p.value.plotLabels = l.value.chart.labels.fontSize, Se.value.plot = l.value.plot.radius, Se.value.line = l.value.line.radius, Fl.value = `0 0 ${ee.value} ${de.value}`;
     }
     function $t(a) {
-      po.value = {
+      xo.value = {
         x: a.clientX,
         y: a.clientY
       };
@@ -1492,7 +1492,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     const ar = g(() => {
       if ([null, void 0].includes(k.value) && [null, void 0].includes(O.value)) return "";
       const a = (k.value != null ? k.value : 0) || (O.value != null ? O.value : 0), r = l.value.chart.timeTag.customFormat;
-      if (Jl.value = !1, Wt(r))
+      if (Jl.value = !1, Yt(r))
         try {
           const e = r({
             absoluteIndex: a + m.value.start,
@@ -1595,11 +1595,11 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     return to({
       getData: Po,
       getImage: Ro,
-      generatePdf: Ya,
-      generateImage: Wa,
+      generatePdf: Wa,
+      generateImage: Ya,
       generateSvg: It,
       generateCsv: ya,
-      hideSeries: Yo,
+      hideSeries: Wo,
       showSeries: Ho,
       toggleStack: et,
       toggleTable: Ct,
@@ -1622,7 +1622,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         svgRef: ne.value,
         backgroundColor: l.value.chart.backgroundColor,
         color: l.value.chart.color,
-        active: pl.value,
+        active: xl.value,
         onClose: ma
       }, {
         "annotator-action-close": G(() => [
@@ -1673,7 +1673,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           }
         }, null, 8, ["config"]))
       ], 4)) : d("", !0),
-      p("div", {
+      x("div", {
         id: `legend-top-${H.value}`
       }, null, 8, Gr),
       l.value.chart.userOptions.show && (ia.value || Bl.value) ? (n(), we(v(uo), {
@@ -1701,14 +1701,14 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         isTooltip: f.value.showTooltip,
         titles: { ...l.value.chart.userOptions.buttonTitles },
         hasAnnotator: l.value.chart.userOptions.buttons.annotator,
-        isAnnotation: pl.value,
+        isAnnotation: xl.value,
         callbacks: l.value.chart.userOptions.callbacks,
         tableDialog: l.value.table.useDialog,
         printScale: l.value.chart.userOptions.print.scale,
         onToggleFullscreen: At,
-        onGeneratePdf: v(Ya),
+        onGeneratePdf: v(Wa),
         onGenerateCsv: ya,
-        onGenerateImage: v(Wa),
+        onGenerateImage: v(Ya),
         onGenerateSvg: It,
         onToggleTable: Ct,
         onToggleLabels: _t,
@@ -1809,15 +1809,15 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           color: l.value.chart.color,
           fontFamily: l.value.chart.fontFamily
         }),
-        "aria-label": Wo.value,
+        "aria-label": Yo.value,
         role: "img",
         "aria-live": "polite",
         preserveAspectRatio: "xMidYMid",
         onMousemove: Vo,
-        onMouseleave: Wl,
+        onMouseleave: Yl,
         onClick: it
       }, [
-        p("g", {
+        x("g", {
           ref_key: "G",
           ref: mo,
           class: "vue-data-ui-g"
@@ -1836,15 +1836,15 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             P(a.$slots, "chart-background", {}, void 0, !0)
           ], 8, qr)) : d("", !0),
           A.value > 0 ? (n(), i("g", Zr, [
-            p("g", Jr, [
+            x("g", Jr, [
               l.value.chart.grid.labels.xAxis.showBaseline ? (n(), i("line", {
                 key: 0,
                 stroke: l.value.chart.grid.stroke,
                 "stroke-width": "1",
                 x1: c.value?.left + q.value,
                 x2: c.value?.right - q.value,
-                y1: v(Y)(c.value?.bottom),
-                y2: v(Y)(c.value?.bottom),
+                y1: v(W)(c.value?.bottom),
+                y2: v(W)(c.value?.bottom),
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
               }, null, 8, Qr)) : d("", !0),
@@ -1852,8 +1852,8 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 e.id === z.value && e.yLabels.length ? (n(!0), i(h, { key: 0 }, C(e.yLabels, (s) => (n(), i("line", {
                   x1: c.value?.left + q.value,
                   x2: c.value?.right - q.value,
-                  y1: v(Y)(s.y),
-                  y2: v(Y)(s.y),
+                  y1: v(W)(s.y),
+                  y2: v(W)(s.y),
                   stroke: e.color,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
@@ -1861,8 +1861,8 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 }, null, 8, ls))), 256)) : e.yLabels.length ? (n(!0), i(h, { key: 1 }, C(e.yLabels, (s) => (n(), i("line", {
                   x1: c.value?.left + q.value,
                   x2: c.value?.right - q.value,
-                  y1: v(Y)(s.y),
-                  y2: v(Y)(s.y),
+                  y1: v(W)(s.y),
+                  y2: v(W)(s.y),
                   stroke: l.value.chart.grid.stroke,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
@@ -1875,8 +1875,8 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-width": "1",
                   x1: c.value?.left + q.value,
                   x2: c.value?.left + q.value,
-                  y1: v(Y)(c.value?.top),
-                  y2: v(Y)(c.value?.bottom),
+                  y1: v(W)(c.value?.top),
+                  y2: v(W)(c.value?.bottom),
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, null, 8, Kr)) : d("", !0),
@@ -1884,8 +1884,8 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   (n(!0), i(h, null, C(ft.value, (e) => (n(), i("line", {
                     x1: c.value?.left + q.value,
                     x2: c.value?.right,
-                    y1: v(Y)(e.y),
-                    y2: v(Y)(e.y),
+                    y1: v(W)(e.y),
+                    y2: v(W)(e.y),
                     stroke: l.value.chart.grid.stroke,
                     "stroke-width": 0.5,
                     "stroke-linecap": "round",
@@ -1894,7 +1894,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 ])) : d("", !0)
               ], 64)),
               l.value.chart.grid.showVerticalLines ? (n(), i("g", ts, [
-                p("path", {
+                x("path", {
                   d: Mo.value,
                   "stroke-width": 0.5,
                   stroke: l.value.chart.grid.stroke,
@@ -1903,7 +1903,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 }, null, 8, os)
               ])) : d("", !0),
               l.value.chart.grid.labels.xAxisLabels.show ? (n(), i("g", rs, [
-                p("path", {
+                x("path", {
                   d: To.value,
                   stroke: l.value.chart.grid.stroke,
                   "stroke-width": 1,
@@ -1919,38 +1919,38 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 key: 0,
                 ref_for: !0
               }, { series: e, positiveId: `rectGradient_pos_${s}_${H.value}`, negativeId: `rectGradient_neg_${s}_${H.value}` }), void 0, !0) : (n(), i(h, { key: 1 }, [
-                p("linearGradient", {
+                x("linearGradient", {
                   id: `rectGradient_pos_${s}_${H.value}`,
                   x2: "0%",
                   y2: "100%"
                 }, [
-                  p("stop", {
+                  x("stop", {
                     offset: "0%",
                     "stop-color": e.color
                   }, null, 8, ns),
-                  p("stop", {
+                  x("stop", {
                     offset: "62%",
                     "stop-color": `${v(tl)(e.color, 0.02)}`
                   }, null, 8, is),
-                  p("stop", {
+                  x("stop", {
                     offset: "100%",
                     "stop-color": `${v(tl)(e.color, 0.05)}`
                   }, null, 8, cs)
                 ], 8, us),
-                p("linearGradient", {
+                x("linearGradient", {
                   id: `rectGradient_neg_${s}_${H.value}`,
                   x2: "0%",
                   y2: "100%"
                 }, [
-                  p("stop", {
+                  x("stop", {
                     offset: "0%",
                     "stop-color": `${v(tl)(e.color, 0.05)}`
                   }, null, 8, ds),
-                  p("stop", {
+                  x("stop", {
                     offset: "38%",
                     "stop-color": `${v(tl)(e.color, 0.02)}`
                   }, null, 8, hs),
-                  p("stop", {
+                  x("stop", {
                     offset: "100%",
                     "stop-color": e.color
                   }, null, 8, fs)
@@ -1960,7 +1960,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             (n(!0), i(h, null, C(be.value, (e, s) => (n(), i("defs", {
               key: `def_plot_${s}`
             }, [
-              p("radialGradient", {
+              x("radialGradient", {
                 id: `plotGradient_${s}_${H.value}`,
                 cx: "50%",
                 cy: "50%",
@@ -1968,11 +1968,11 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 fx: "50%",
                 fy: "50%"
               }, [
-                p("stop", {
+                x("stop", {
                   offset: "0%",
                   "stop-color": `${v(tl)(e.color, 0.05)}`
                 }, null, 8, ms),
-                p("stop", {
+                x("stop", {
                   offset: "100%",
                   "stop-color": e.color
                 }, null, 8, bs)
@@ -1981,7 +1981,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             (n(!0), i(h, null, C(re.value, (e, s) => (n(), i("defs", {
               key: `def_line_${e.id}`
             }, [
-              p("radialGradient", {
+              x("radialGradient", {
                 id: `lineGradient_${s}_${H.value}`,
                 cx: "50%",
                 cy: "50%",
@@ -1989,15 +1989,15 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 fx: "50%",
                 fy: "50%"
               }, [
-                p("stop", {
+                x("stop", {
                   offset: "0%",
                   "stop-color": `${v(tl)(e.color, 0.05)}`
-                }, null, 8, xs),
-                p("stop", {
+                }, null, 8, ps),
+                x("stop", {
                   offset: "100%",
                   "stop-color": e.color
                 }, null, 8, ys)
-              ], 8, ps),
+              ], 8, xs),
               a.$slots["area-gradient"] ? P(a.$slots, "area-gradient", ll({
                 key: 0,
                 ref_for: !0
@@ -2009,11 +2009,11 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 y1: "0%",
                 y2: "0%"
               }, [
-                p("stop", {
+                x("stop", {
                   offset: "0%",
                   "stop-color": `${v(Te)(v(tl)(e.color, 0.03), l.value.line.area.opacity)}`
                 }, null, 8, Cs),
-                p("stop", {
+                x("stop", {
                   offset: "100%",
                   "stop-color": `${v(Te)(e.color, l.value.line.area.opacity)}`
                 }, null, 8, _s)
@@ -2022,7 +2022,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             (n(!0), i(h, null, C(Go.value, (e) => (n(), i("g", null, [
               e.show ? (n(), i(h, { key: 0 }, [
                 (n(!0), i(h, null, C(e.span, (s, t) => (n(), i("g", null, [
-                  p("rect", {
+                  x("rect", {
                     style: w({
                       transition: "none",
                       opacity: e.from + t >= m.value.start && e.from + t <= m.value.end - 1 ? 1 : 0
@@ -2046,7 +2046,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     height: "1",
                     width: e.caption.width === "auto" ? c.value.width / A.value * e.span : e.caption.width
                   }, [
-                    p("div", {
+                    x("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"}`)
                     }, ae(e.caption.text), 5)
                   ], 12, As)) : d("", !0)
@@ -2057,7 +2057,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               (n(!0), i(h, null, C(A.value, (e, s) => (n(), i("g", {
                 key: `tooltip_trap_highlighter_${s}`
               }, [
-                p("rect", {
+                x("rect", {
                   x: c.value?.left + c.value.width / A.value * s,
                   y: c.value?.top,
                   height: c.value.height < 0 ? 10 : c.value.height,
@@ -2077,7 +2077,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               }, [
                 me(t.value) ? (n(), i("rect", {
                   key: 0,
-                  x: Yl(t) + ql.value / 2,
+                  x: Wl(t) + ql.value / 2,
                   y: f.value.useIndividualScale ? ut(t) : st(t),
                   height: f.value.useIndividualScale ? Math.abs(rt(t)) : Math.abs(ot(t)),
                   width: Ul.value - ql.value,
@@ -2091,7 +2091,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 }, null, 12, Ls)) : d("", !0),
                 me(t.value) && a.$slots.pattern ? (n(), i("rect", {
                   key: 1,
-                  x: Yl(t) - ql.value / 2,
+                  x: Wl(t) - ql.value / 2,
                   y: f.value.useIndividualScale ? ut(t) : st(t),
                   height: f.value.useIndividualScale ? Math.abs(rt(t)) : Math.abs(ot(t)),
                   width: Ul.value - ql.value,
@@ -2106,7 +2106,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   style: { overflow: "visible" },
                   height: "12",
                   width: Ul.value + l.value.chart.comments.width,
-                  x: Yl(t) - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
+                  x: Wl(t) - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
                   y: v(N)(t.y) + l.value.chart.comments.offsetY + 6
                 }, [
                   P(a.$slots, "plot-comment", {
@@ -2121,17 +2121,17 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               "stroke-width": "1",
               x1: c.value?.left + q.value,
               x2: c.value?.right,
-              y1: v(Y)(ie.value),
-              y2: v(Y)(ie.value),
+              y1: v(W)(ie.value),
+              y2: v(W)(ie.value),
               "stroke-linecap": "round",
               style: { animation: "none !important" }
             }, null, 8, zs)) : d("", !0),
             l.value.chart.highlighter.useLine && (![null, void 0].includes(k.value) || ![null, void 0].includes(O.value)) ? (n(), i("g", Is, [
-              p("line", {
+              x("line", {
                 x1: c.value?.left + c.value.width / A.value * ((k.value !== null ? k.value : 0) || (O.value !== null ? O.value : 0)) + c.value.width / A.value / 2,
                 x2: c.value?.left + c.value.width / A.value * ((k.value !== null ? k.value : 0) || (O.value !== null ? O.value : 0)) + c.value.width / A.value / 2,
-                y1: v(Y)(c.value?.top),
-                y2: v(Y)(c.value?.bottom),
+                y1: v(W)(c.value?.top),
+                y2: v(W)(c.value?.bottom),
                 stroke: l.value.chart.highlighter.color,
                 "stroke-width": l.value.chart.highlighter.lineWidth,
                 "stroke-dasharray": l.value.chart.highlighter.lineDasharray,
@@ -2160,11 +2160,11 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             }, [
               f.value.useIndividualScale ? (n(), i(h, { key: 0 }, [
                 (n(!0), i(h, null, C(Al.value, (e) => (n(), i("g", null, [
-                  p("line", {
+                  x("line", {
                     x1: e.x + q.value - c.value.individualOffsetX,
                     x2: e.x + q.value - c.value.individualOffsetX,
-                    y1: f.value.isStacked ? v(Y)(c.value?.bottom - e.yOffset - e.individualHeight) : v(Y)(c.value?.top),
-                    y2: f.value.isStacked ? v(Y)(c.value?.bottom - e.yOffset) : v(Y)(c.value?.bottom),
+                    y1: f.value.isStacked ? v(W)(c.value?.bottom - e.yOffset - e.individualHeight) : v(W)(c.value?.top),
+                    y2: f.value.isStacked ? v(W)(c.value?.bottom - e.yOffset) : v(W)(c.value?.bottom),
                     stroke: e.color,
                     "stroke-width": l.value.chart.grid.stroke,
                     "stroke-linecap": "round",
@@ -2174,11 +2174,11 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 (n(!0), i(h, null, C(Al.value, (e) => (n(), i("g", {
                   style: w(`opacity:${z.value ? z.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
-                  p("text", {
+                  x("text", {
                     fill: e.color,
-                    "font-size": x.value.dataLabels * 0.8,
+                    "font-size": p.value.dataLabels * 0.8,
                     "text-anchor": "middle",
-                    transform: `translate(${e.x - x.value.dataLabels * 0.8 / 2 + q.value}, ${f.value.isStacked ? c.value?.bottom - e.yOffset - e.individualHeight / 2 : c.value?.top + c.value.height / 2}) rotate(-90)`
+                    transform: `translate(${e.x - p.value.dataLabels * 0.8 / 2 + q.value}, ${f.value.isStacked ? c.value?.bottom - e.yOffset - e.individualHeight / 2 : c.value?.top + c.value.height / 2}) rotate(-90)`
                   }, ae(e.name) + " " + ae(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
                                     ${e.scaleLabel}` : ""), 9, Ns),
                   (n(!0), i(h, null, C(e.yLabels, (s, t) => (n(), i(h, null, [
@@ -2186,8 +2186,8 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       key: 0,
                       x1: e.x + 3 + q.value - l.value.chart.grid.labels.yAxis.crosshairSize - c.value.individualOffsetX,
                       x2: e.x + q.value - c.value.individualOffsetX,
-                      y1: v(Y)(s.y),
-                      y2: v(Y)(s.y),
+                      y1: v(W)(s.y),
+                      y2: v(W)(s.y),
                       stroke: e.color,
                       "stroke-width": 1,
                       "stroke-linecap": "round",
@@ -2196,8 +2196,8 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   ], 64))), 256)),
                   (n(!0), i(h, null, C(e.yLabels, (s, t) => (n(), i("text", {
                     x: e.x - 5 + q.value - c.value.individualOffsetX,
-                    y: v(Y)(s.y) + x.value.dataLabels / 3,
-                    "font-size": x.value.dataLabels,
+                    y: v(W)(s.y) + p.value.dataLabels / 3,
+                    "font-size": p.value.dataLabels,
                     "text-anchor": "end",
                     fill: e.color
                   }, ae(v(ue)(
@@ -2219,8 +2219,8 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   key: 0,
                   x1: c.value?.left + q.value,
                   x2: c.value?.left + q.value - l.value.chart.grid.labels.yAxis.crosshairSize,
-                  y1: v(Y)(e.y),
-                  y2: v(Y)(e.y),
+                  y1: v(W)(e.y),
+                  y2: v(W)(e.y),
                   stroke: l.value.chart.grid.stroke,
                   "stroke-width": "1",
                   "stroke-linecap": "round",
@@ -2229,8 +2229,8 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 e.value >= Le.value.min && e.value <= Le.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),
-                  "font-size": x.value.dataLabels,
+                  y: v(N)(e.y + p.value.dataLabels / 3),
+                  "font-size": p.value.dataLabels,
                   "text-anchor": "end",
                   fill: l.value.chart.grid.labels.color
                 }, ae(me(e.value) ? v(ue)(
@@ -2271,7 +2271,7 @@ const qt = { 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", Hs, [
+                  x("div", Hs, [
                     P(a.$slots, "plot-comment", {
                       plot: { ...t, color: e.color, seriesIndex: s, datapointIndex: u }
                     }, void 0, !0)
@@ -2292,7 +2292,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 "stroke-dasharray": e.dashed ? l.value.line.strokeWidth * 2 : 0,
                 fill: "none",
                 style: w({ transition: v(te) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Ys)) : e.plots.length > 1 && e.straight ? (n(), i("path", {
+              }, null, 12, Ws)) : e.plots.length > 1 && e.straight ? (n(), i("path", {
                 key: 1,
                 d: `M${e.straight}`,
                 stroke: l.value.chart.backgroundColor,
@@ -2302,7 +2302,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 style: w({ transition: v(te) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Ws)) : d("", !0)
+              }, null, 12, Ys)) : d("", !0)
             ], 6))), 128)),
             a.$slots.pattern ? (n(), i("defs", Xs, [
               (n(!0), i(h, null, C(Re.value, (e, s) => P(a.$slots, "pattern", ll({
@@ -2395,7 +2395,7 @@ const qt = { 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", au, [
+                  x("div", au, [
                     P(a.$slots, "plot-comment", {
                       plot: { ...t, color: e.color, seriesIndex: s, datapointIndex: u }
                     }, void 0, !0)
@@ -2412,10 +2412,10 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 }, [
                   t && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || k.value !== null && k.value === u || O.value !== null && O.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 : Yl(t) + Ee() / 2 - Gl.value / 2,
+                    x: f.value.useIndividualScale && f.value.isStacked ? t.x + J.value.line / 2 : Wl(t) + Ee() / 2 - Gl.value / 2,
                     y: v(N)(t.y) + (t.value >= 0 ? l.value.bar.labels.offsetY : -l.value.bar.labels.offsetY * 3),
                     "text-anchor": "middle",
-                    "font-size": x.value.plotLabels,
+                    "font-size": p.value.plotLabels,
                     fill: l.value.bar.labels.color,
                     style: w(`opacity:${z.value ? z.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                   }, ae(me(t.value) ? v(ue)(
@@ -2437,7 +2437,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     x: f.value.useIndividualScale && f.value.isStacked ? t.x + J.value.line / 2 : t.x + Ee() * 1.1,
                     y: t.y + (t.value > 0 ? l.value.bar.serieName.offsetY : -l.value.bar.serieName.offsetY * 3),
                     "text-anchor": "middle",
-                    "font-size": x.value.plotLabels,
+                    "font-size": p.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:${z.value ? z.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -2460,7 +2460,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     x: t.x,
                     y: t.y + l.value.plot.labels.offsetY,
                     "text-anchor": "middle",
-                    "font-size": x.value.plotLabels,
+                    "font-size": p.value.plotLabels,
                     fill: l.value.plot.labels.color,
                     style: w(`opacity:${z.value ? z.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                   }, ae(me(t.value) ? v(ue)(
@@ -2508,8 +2508,8 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       width: "150",
                       style: w(`overflow: visible; opacity:${z.value ? z.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
-                      p("div", {
-                        style: w(`padding: 3px; background:${v(Te)(e.color, 80)};color:${v(Xe)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
+                      x("div", {
+                        style: w(`padding: 3px; background:${v(Te)(e.color, 80)};color:${v(Xe)(e.color)};width:fit-content;font-size:${p.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(ue)(
                           l.value.plot.tag.formatter,
                           t.value,
@@ -2524,14 +2524,14 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     ], 12, iu)) : d("", !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),
+                      x: t.x - e.name.length * (p.value.plotLabels / 2),
                       y: t.y - 20,
                       height: 24,
                       width: "150",
                       style: w(`overflow: visible; opacity:${z.value ? z.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
-                      p("div", {
-                        style: w(`padding: 3px; background:${v(Te)(e.color, 80)};color:${v(Xe)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
+                      x("div", {
+                        style: w(`padding: 3px; background:${v(Te)(e.color, 80)};color:${v(Xe)(e.color)};width:fit-content;font-size:${p.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(ue)(
                           l.value.plot.tag.formatter,
                           t.value,
@@ -2560,7 +2560,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     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,
+                    "font-size": p.value.plotLabels,
                     fill: l.value.line.labels.color,
                     style: w(`opacity:${z.value ? z.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                   }, ae(me(t.value) ? v(ue)(
@@ -2608,8 +2608,8 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       width: "150",
                       style: w(`overflow: visible; opacity:${z.value ? z.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
-                      p("div", {
-                        style: w(`padding: 3px; background:${v(Te)(e.color, 80)};color:${v(Xe)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
+                      x("div", {
+                        style: w(`padding: 3px; background:${v(Te)(e.color, 80)};color:${v(Xe)(e.color)};width:fit-content;font-size:${p.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(ue)(
                           l.value.line.tag.formatter,
                           t.value,
@@ -2620,7 +2620,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                             serieName: e.name
                           }
                         )
-                      }, null, 12, pu)
+                      }, null, 12, xu)
                     ], 12, bu)) : d("", !0),
                     t && u === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), i("foreignObject", {
                       key: 1,
@@ -2630,8 +2630,8 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       width: "150",
                       style: w(`overflow: visible; opacity:${z.value ? z.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
-                      p("div", {
-                        style: w(`padding: 3px; background:${v(Te)(e.color, 80)};color:${v(Xe)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
+                      x("div", {
+                        style: w(`padding: 3px; background:${v(Te)(e.color, 80)};color:${v(Xe)(e.color)};width:fit-content;font-size:${p.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(ue)(
                           l.value.line.tag.formatter,
                           t.value,
@@ -2643,7 +2643,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                           }
                         )
                       }, null, 12, yu)
-                    ], 12, xu)) : d("", !0)
+                    ], 12, pu)) : d("", !0)
                   ], 64))
                 ], 64))), 128))
               ], 64))), 128))
@@ -2656,16 +2656,16 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               }, [
                 t && u === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), i("text", {
                   key: 0,
-                  x: t.x - x.value.plotLabels,
+                  x: t.x - p.value.plotLabels,
                   y: t.y,
-                  "font-size": x.value.plotLabels,
+                  "font-size": p.value.plotLabels,
                   "text-anchor": "end",
                   fill: e.color,
                   innerHTML: v(jl)({
                     content: e.name,
-                    fontSize: x.value.plotLabels,
+                    fontSize: p.value.plotLabels,
                     fill: e.color,
-                    x: t.x - x.value.plotLabels,
+                    x: t.x - p.value.plotLabels,
                     y: t.y,
                     maxWords: 2
                   }),
@@ -2673,16 +2673,16 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 }, null, 12, Cu)) : d("", !0),
                 t && u === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), i("text", {
                   key: 1,
-                  x: t.x + x.value.plotLabels,
+                  x: t.x + p.value.plotLabels,
                   y: t.y,
-                  "font-size": x.value.plotLabels,
+                  "font-size": p.value.plotLabels,
                   "text-anchor": "start",
                   fill: e.color,
                   innerHTML: v(jl)({
                     content: e.name,
-                    fontSize: x.value.plotLabels,
+                    fontSize: p.value.plotLabels,
                     fill: e.color,
-                    x: t.x + x.value.plotLabels,
+                    x: t.x + p.value.plotLabels,
                     y: t.y,
                     maxWords: 2
                   }),
@@ -2698,16 +2698,16 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               }, [
                 t && u === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), i("text", {
                   key: 0,
-                  x: t.x - x.value.plotLabels,
+                  x: t.x - p.value.plotLabels,
                   y: t.y,
-                  "font-size": x.value.plotLabels,
+                  "font-size": p.value.plotLabels,
                   "text-anchor": "end",
                   fill: e.color,
                   innerHTML: v(jl)({
                     content: e.name,
-                    fontSize: x.value.plotLabels,
+                    fontSize: p.value.plotLabels,
                     fill: e.color,
-                    x: t.x - x.value.plotLabels,
+                    x: t.x - p.value.plotLabels,
                     y: t.y,
                     maxWords: 2
                   }),
@@ -2715,16 +2715,16 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 }, null, 12, wu)) : d("", !0),
                 t && u === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), i("text", {
                   key: 1,
-                  x: t.x + x.value.plotLabels,
+                  x: t.x + p.value.plotLabels,
                   y: t.y,
-                  "font-size": x.value.plotLabels,
+                  "font-size": p.value.plotLabels,
                   "text-anchor": "start",
                   fill: e.color,
                   innerHTML: v(jl)({
                     content: e.name,
-                    fontSize: x.value.plotLabels,
+                    fontSize: p.value.plotLabels,
                     fill: e.color,
-                    x: t.x + x.value.plotLabels,
+                    x: t.x + p.value.plotLabels,
                     y: t.y,
                     maxWords: 2
                   }),
@@ -2736,8 +2736,8 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               key: `progression-${s}`
             }, [
               Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(Ae)(e.plots).trend) ? (n(), i("g", Su, [
-                p("defs", null, [
-                  p("marker", {
+                x("defs", null, [
+                  x("marker", {
                     id: `progression_arrow_${s}`,
                     markerWidth: "9",
                     markerHeight: "9",
@@ -2748,7 +2748,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     orient: "auto",
                     overflow: "visible"
                   }, [
-                    p("polygon", {
+                    x("polygon", {
                       points: "0,0 7,3.5 0,7",
                       fill: e.color,
                       stroke: l.value.chart.backgroundColor,
@@ -2761,8 +2761,8 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   key: 0,
                   x1: v(Ae)(e.plots).x1 + (e.type === "bar" ? Ee() : 0),
                   x2: v(Ae)(e.plots).x2 + (e.type === "bar" ? Ee() : 0),
-                  y1: v(Y)(v(Ae)(e.plots).y1),
-                  y2: v(Y)(v(Ae)(e.plots).y2),
+                  y1: v(W)(v(Ae)(e.plots).y1),
+                  y2: v(W)(v(Ae)(e.plots).y2),
                   "stroke-width": 1,
                   stroke: l.value.chart.backgroundColor,
                   "stroke-dasharray": 2,
@@ -2774,8 +2774,8 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   key: 1,
                   x1: v(Ae)(e.plots).x1 + (e.type === "bar" ? Ee() : 0),
                   x2: v(Ae)(e.plots).x2 + (e.type === "bar" ? Ee() : 0),
-                  y1: v(Y)(v(Ae)(e.plots).y1),
-                  y2: v(Y)(v(Ae)(e.plots).y2),
+                  y1: v(W)(v(Ae)(e.plots).y1),
+                  y2: v(W)(v(Ae)(e.plots).y2),
                   "stroke-width": 1,
                   stroke: e.color,
                   "stroke-dasharray": 2,
@@ -2788,7 +2788,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "text-anchor": "middle",
                   x: v(Ae)(e.plots).x2 + (e.type === "bar" ? Ee() : 0),
                   y: v(Ae)(e.plots).y2 - 12,
-                  "font-size": x.value.plotLabels,
+                  "font-size": p.value.plotLabels,
                   fill: e.color,
                   stroke: l.value.chart.backgroundColor,
                   "stroke-width": 4,
@@ -2803,7 +2803,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               ])) : d("", !0)
             ], 64))), 128)),
             f.value.useIndividualScale && !f.value.isStacked ? (n(), i(h, { key: 13 }, [
-              p("defs", null, [
+              x("defs", null, [
                 (n(!0), i(h, null, C(Al.value, (e, s) => (n(), i("linearGradient", {
                   id: `individual_scale_gradient_${H.value}_${s}`,
                   x1: "0%",
@@ -2811,12 +2811,12 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   y1: "0%",
                   y2: "0%"
                 }, [
-                  p("stop", {
+                  x("stop", {
                     offset: "0%",
                     "stop-color": l.value.chart.backgroundColor,
                     "stop-opacity": "0"
                   }, null, 8, Fu),
-                  p("stop", {
+                  x("stop", {
                     offset: "100%",
                     "stop-color": e.color,
                     "stop-opacity": "0.2"
@@ -2833,12 +2833,12 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 onMouseleave: r[0] || (r[0] = (t) => z.value = null)
               }, null, 40, Ou))), 256))
             ], 64)) : d("", !0),
-            p("g", null, [
+            x("g", null, [
               l.value.chart.grid.labels.axis.yLabel && !f.value.useIndividualScale ? (n(), i("text", {
                 key: 0,
                 ref_key: "yAxisLabel",
                 ref: oa,
-                "font-size": x.value.yAxis,
+                "font-size": p.value.yAxis,
                 fill: l.value.chart.grid.labels.color,
                 transform: `translate(${l.value.chart.grid.labels.axis.fontSize}, ${c.value?.top + c.value.height / 2}) rotate(-90)`,
                 "text-anchor": "middle",
@@ -2851,7 +2851,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 "text-anchor": "middle",
                 x: ee.value / 2,
                 y: de.value - 3,
-                "font-size": x.value.yAxis,
+                "font-size": p.value.yAxis,
                 fill: l.value.chart.grid.labels.color
               }, ae(l.value.chart.grid.labels.axis.xLabel), 9, Du)) : d("", !0)
             ]),
@@ -2860,20 +2860,20 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               ref_key: "timeLabelsEls",
               ref: rl
             }, [
-              a.$slots["time-label"] ? (n(!0), i(h, { key: 0 }, C(pa.value, (e, s) => P(a.$slots, "time-label", ll({
+              a.$slots["time-label"] ? (n(!0), i(h, { key: 0 }, C(xa.value, (e, s) => P(a.$slots, "time-label", ll({
                 key: `time_label_${e.id}`,
                 ref_for: !0
               }, {
                 x: c.value?.left + c.value.width / A.value * s + c.value.width / A.value / 2,
                 y: c.value?.bottom,
-                fontSize: x.value.xAxis,
+                fontSize: p.value.xAxis,
                 fill: l.value.chart.grid.labels.xAxisLabels.color,
-                transform: `translate(${c.value?.left + c.value.width / A.value * s + c.value.width / A.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.3 + l.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
+                transform: `translate(${c.value?.left + c.value.width / A.value * s + c.value.width / A.value / 2}, ${c.value?.bottom + p.value.xAxis * 1.3 + l.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
                 absoluteIndex: e.absoluteIndex,
                 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)) : (n(!0), i(h, { key: 1 }, C(pa.value, (e, s) => (n(), i("g", {
+              }), void 0, !0)), 128)) : (n(!0), i(h, { key: 1 }, C(xa.value, (e, s) => (n(), i("g", {
                 key: `time_label_${s}`
               }, [
                 e && e.text ? (n(), i(h, { key: 0 }, [
@@ -2882,15 +2882,15 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     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,
+                    "font-size": p.value.xAxis,
                     fill: l.value.chart.grid.labels.xAxisLabels.color,
-                    transform: `translate(${c.value?.left + c.value.width / A.value * s + c.value.width / A.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
+                    transform: `translate(${c.value?.left + c.value.width / A.value * s + c.value.width / A.value / 2}, ${c.value?.bottom + p.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
                     style: w({
                       cursor: Za() ? "pointer" : "default"
                     }),
                     innerHTML: v(Ar)({
                       content: String(e.text),
-                      fontSize: x.value.xAxis,
+                      fontSize: p.value.xAxis,
                       fill: l.value.chart.grid.labels.xAxisLabels.color,
                       x: 0,
                       y: 0
@@ -2900,9 +2900,9 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     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,
+                    "font-size": p.value.xAxis,
                     fill: l.value.chart.grid.labels.xAxisLabels.color,
-                    transform: `translate(${c.value?.left + c.value.width / A.value * s + c.value.width / A.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
+                    transform: `translate(${c.value?.left + c.value.width / A.value * s + c.value.width / A.value / 2}, ${c.value?.bottom + p.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
                     style: w({
                       cursor: Za() ? "pointer" : "default"
                     }),
@@ -2947,7 +2947,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   height: v(N)(e.areaHeight, 0),
                   fill: v(Te)(e.config.area.fill, e.config.area.opacity),
                   style: { animation: "none !important" }
-                }, null, 8, Yu)) : d("", !0),
+                }, null, 8, Wu)) : d("", !0),
                 e.config.label.text && e.show && isFinite(e._box.y) ? (n(), i("rect", ll({
                   key: 3,
                   class: "vue-ui-xy-annotation-label-box"
@@ -2961,7 +2961,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "font-size": e.config.label.fontSize,
                   fill: e.config.label.color,
                   "text-anchor": e.config.label.textAnchor
-                }, ae(e.config.label.text), 9, Wu)) : d("", !0)
+                }, ae(e.config.label.text), 9, Yu)) : d("", !0)
               ]))), 128))
             ])) : d("", !0),
             l.value.chart.timeTag.show && (![null, void 0].includes(k.value) || ![null, void 0].includes(O.value)) ? (n(), i("g", Xu, [
@@ -2972,7 +2972,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 height: "40",
                 style: { overflow: "visible !important" }
               }, [
-                p("div", {
+                x("div", {
                   ref_key: "timeTagEl",
                   ref: Lt,
                   class: "vue-ui-xy-time-tag",
@@ -2980,7 +2980,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   innerHTML: ar.value
                 }, null, 12, Uu)
               ], 8, Gu)),
-              p("circle", {
+              x("circle", {
                 cx: c.value?.left + c.value.width / A.value * ((k.value !== null ? k.value : 0) || (O.value !== null ? O.value : 0)) + c.value.width / A.value / 2,
                 cy: c.value?.bottom,
                 r: l.value.chart.timeTag.circleMarker.radius,
@@ -2994,7 +2994,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           }), null, 16, Zu)) : d("", !0),
           P(a.$slots, "svg", {
             svg: {
-              ...xo.value,
+              ...po.value,
               data: [...re.value, ...Me.value, ...be.value],
               drawingArea: c.value
             }
@@ -3042,13 +3042,13 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             })
           }, [
             (n(), i("svg", Qu, [
-              p("path", {
+              x("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
                 stroke: "none"
               }, null, 8, Ku)
             ])),
-            p("div", {
+            x("div", {
               class: "vue-ui-xy-tag-content",
               innerHTML: v(ue)(
                 l.value.line.tag.formatter,
@@ -3094,13 +3094,13 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             })
           }, [
             (n(), i("svg", en, [
-              p("path", {
+              x("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
                 stroke: "none"
               }, null, 8, ln)
             ])),
-            p("div", {
+            x("div", {
               class: "vue-ui-xy-tag-content",
               innerHTML: v(ue)(
                 l.value.line.tag.formatter,
@@ -3154,13 +3154,13 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             })
           }, [
             (n(), i("svg", tn, [
-              p("path", {
+              x("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
                 stroke: "none"
               }, null, 8, on)
             ])),
-            p("div", {
+            x("div", {
               class: "vue-ui-xy-tag-content",
               innerHTML: v(ue)(
                 l.value.plot.tag.formatter,
@@ -3206,13 +3206,13 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             })
           }, [
             (n(), i("svg", sn, [
-              p("path", {
+              x("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
                 stroke: "none"
               }, null, 8, un)
             ])),
-            p("div", {
+            x("div", {
               class: "vue-ui-xy-tag-content",
               innerHTML: v(ue)(
                 l.value.plot.tag.formatter,
@@ -3261,7 +3261,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         minimapSelectedColorOpacity: l.value.chart.zoom.minimap.selectedColorOpacity,
         minimapSelectedIndex: k.value,
         minimapSelectionRadius: l.value.chart.zoom.minimap.selectionRadius,
-        preciseLabels: xt.value.length ? xt.value : ba.value,
+        preciseLabels: pt.value.length ? pt.value : ba.value,
         refreshEndPoint: l.value.chart.zoom.endIndex !== null ? l.value.chart.zoom.endIndex + 1 : Math.max(...la.dataset.map((e) => Pe(e.series).length)),
         refreshStartPoint: l.value.chart.zoom.startIndex !== null ? l.value.chart.zoom.startIndex : 0,
         selectColor: l.value.chart.zoom.highlightColor,
@@ -3276,6 +3276,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         verticalHandles: l.value.chart.zoom.minimap.verticalHandles,
         minScale: l.value.chart.grid.labels.yAxis.scaleMin,
         maxScale: l.value.chart.grid.labels.yAxis.scaleMax,
+        maxWidth: l.value.chart.zoom.maxWidth,
         onFutureEnd: r[1] || (r[1] = (e) => Ea("end", e)),
         onFutureStart: r[2] || (r[2] = (e) => Ea("start", e)),
         onReset: Do,
@@ -3287,8 +3288,8 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           P(a.$slots, "reset-action", ye(ke({ 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"])) : d("", !0),
-      p("div", {
+      }, 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"])) : d("", !0),
+      x("div", {
         id: `legend-bottom-${H.value}`
       }, null, 8, cn),
       Na.value ? (n(), we(hr, {
@@ -3304,7 +3305,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             fontSize: `var(--legend-font-size, ${l.value.chart.legend.fontSize ?? 14}px)`
           })
         }, [
-          l.value.chart.legend.selectAllToggle.show && oe.value.length > 2 && !v(te) ? (n(), we(Yr, {
+          l.value.chart.legend.selectAllToggle.show && oe.value.length > 2 && !v(te) ? (n(), we(Wr, {
             key: 0,
             backgroundColor: l.value.chart.legend.selectAllToggle.backgroundColor,
             color: l.value.chart.legend.selectAllToggle.color,
@@ -3318,7 +3319,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             class: el({ "vue-ui-xy-legend-item-alone": oe.value.length === 1, "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": U.value.includes(e.id) })
           }, [
             bl.value[e.type] === "line" ? (n(), i("svg", dn, [
-              p("rect", {
+              x("rect", {
                 x: "0",
                 y: "7.5",
                 rx: "1.5",
@@ -3365,7 +3366,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle"
               }, null, 8, ["color", "shape"])
             ])),
-            p("span", {
+            x("span", {
               style: w(`color:${l.value.chart.legend.color}`)
             }, ae(e.name), 5)
           ], 10, vn))), 128))
@@ -3407,10 +3408,10 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         smoothSnapThreshold: l.value.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": G(() => [
-          P(a.$slots, "tooltip-before", ye(ke({ ...pt.value })), void 0, !0)
+          P(a.$slots, "tooltip-before", ye(ke({ ...xt.value })), void 0, !0)
         ]),
         "tooltip-after": G(() => [
-          P(a.$slots, "tooltip-after", ye(ke({ ...pt.value })), void 0, !0)
+          P(a.$slots, "tooltip-after", ye(ke({ ...xt.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"]),
@@ -3420,18 +3421,18 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         onClose: zt
       }), Ot({
         content: G(() => [
-          p("div", {
+          x("div", {
             style: w(`${v(fa) || 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", pn, [
-              gr(p("input", {
+            x("div", xn, [
+              gr(x("input", {
                 type: "checkbox",
-                "onUpdate:modelValue": r[4] || (r[4] = (e) => xl.value = e)
+                "onUpdate:modelValue": r[4] || (r[4] = (e) => pl.value = e)
               }, null, 512), [
-                [mr, xl.value]
+                [mr, pl.value]
               ]),
-              p("div", {
-                onClick: r[5] || (r[5] = (e) => xl.value = !xl.value),
+              x("div", {
+                onClick: r[5] || (r[5] = (e) => pl.value = !pl.value),
                 style: { cursor: "pointer" }
               }, [
                 vl(v(La), {
@@ -3441,7 +3442,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 }, null, 8, ["stroke"])
               ])
             ]),
-            xl.value ? (n(), we(v(no), {
+            pl.value ? (n(), we(v(no), {
               key: `sparkline_${na.value}`,
               dataset: Uo.value,
               config: qo.value
@@ -3456,7 +3457,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               onClose: zt
             }, {
               th: G(({ th: e }) => [
-                p("div", { innerHTML: e }, null, 8, xn)
+                x("div", { innerHTML: e }, null, 8, pn)
               ]),
               td: G(({ td: e }) => [
                 Nt(ae(isNaN(Number(e)) ? e : v(Ne)({
@@ -3482,7 +3483,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         l.value.table.useDialog ? {
           name: "actions",
           fn: G(() => [
-            p("button", {
+            x("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: r[3] || (r[3] = (e) => ya(l.value.chart.userOptions.callbacks.csv))
@@ -3499,7 +3500,7 @@ const qt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       v(te) ? (n(), we(Fr, { key: 9 })) : d("", !0)
     ], 46, Xr));
   }
-}, kn = /* @__PURE__ */ Wr(yn, [["__scopeId", "data-v-dec5f065"]]), Rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, kn = /* @__PURE__ */ Yr(yn, [["__scopeId", "data-v-f838bd95"]]), Rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: kn
 }, Symbol.toStringTag, { value: "Module" }));