vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-scatter-QISpPygj.js → vue-ui-scatter-BhJkoRBS.js}

@@ -1,65 +1,69 @@
-import { defineAsyncComponent as ue, computed as D, ref as $, toRefs as _l, watch as Fe, shallowRef as Dt, onMounted as Ml, onBeforeUnmount as Bl, createElementBlock as c, openBlock as i, unref as y, normalizeStyle as ie, normalizeClass as Ft, createBlock as se, createCommentVNode as b, createElementVNode as C, createVNode as we, withCtx as T, renderSlot as F, normalizeProps as K, guardReactiveProps as Q, createSlots as zt, Fragment as Z, renderList as le, toDisplayString as G, Teleport as Sl, resolveDynamicComponent as Ll, mergeProps as Tl, createTextVNode as Et, nextTick as Dl } from "vue";
-import { c as Fl, t as zl, i as El, j as de, o as Pt, g as Ke, k as Pl, l as Ot, ai as Ol, m as Qe, ak as Nl, A as Wl, s as ze, X as Il, aj as Xl, a as ve, U as q, d as oe, v as Yl, r as Rl, y as jl, _ as Ul } from "./lib-2iaAPQ_c.js";
-import { t as Vl, u as Gl } from "./useResponsive-DfdjqQps.js";
-import { u as ql, a as et } from "./useNestedProp-BCt4DMkT.js";
-import { u as Hl, B as Zl } from "./BaseScanner-BMpwQAfz.js";
-import { u as Jl } from "./usePrinter-ChVMpU2f.js";
-import { u as Kl } from "./useSvgExport-ByUukOZt.js";
-import { u as Ql } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as eo } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as to } from "./useChartAccessibility-9icAAmYg.js";
-import lo from "./Legend-D2xmnFPH.js";
-import oo from "./Title-B5L2jweB.js";
-import { _ as tt } from "./Shape-12_eh8zD.js";
-import ao from "./img-CqYIrJ8I.js";
-import { _ as so } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { axis: { stroke: "#5A5A5A" }, marginalBars: { fill: "#5A5A5A" }, plots: { stroke: "#1A1A1A", selectors: { stroke: "#5A5A5A", labels: { color: "#CCCCCC" }, markers: { stroke: "#1A1A1A", fill: "#5A5A5A" } } }, correlation: { label: { color: "#CCCCCC" } }, dataLabels: { xAxis: { color: "#CCCCCC" }, yAxis: { color: "#CCCCCC" } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Wt = { style: { backgroundColor: "#FFF8E1", color: "#424242", layout: { axis: { stroke: "#5D403790" }, marginalBars: { fill: "#5D4037" }, plots: { stroke: "#FFF8E1", selectors: { stroke: "#5D4037", labels: { color: "#424242" }, markers: { stroke: "#FFF8E1", fill: "#D32F2F" } } }, correlation: { label: { color: "#424242" } }, dataLabels: { xAxis: { color: "#424242" }, yAxis: { color: "#424242" } } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, It = { style: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { axis: { stroke: "#5D4037" }, marginalBars: { fill: "#D32F2F" }, plots: { stroke: "#1E1E1E", selectors: { stroke: "#BDBDBD", labels: { color: "#BDBDBD" }, markers: { stroke: "#BDBDBD", fill: "#D32F2F" } } }, correlation: { label: { color: "#BDBDBD" } }, dataLabels: { xAxis: { color: "#BDBDBD" }, yAxis: { color: "#BDBDBD" } } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Xt = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { axis: { stroke: "#334C33" }, marginalBars: { fill: "#66CC66" }, plots: { stroke: "#1A1A1A", selectors: { stroke: "#66CC66", labels: { color: "#AACCAA" }, markers: { stroke: "#66CC66", fill: "#1A1A1A" } } }, correlation: { label: { color: "#AACCAA" } }, dataLabels: { xAxis: { color: "#AACCAA" }, yAxis: { color: "#AACCAA" } } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Yt = { style: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { axis: { stroke: "transparent" }, marginalBars: { fill: "#B0B9A8" }, plots: { stroke: "#fbfafa", selectors: { stroke: "#4F5B75", labels: { color: "#928A98" }, markers: { stroke: "#4F5B75", fill: "#fbfafa" } } }, correlation: { label: { color: "#928A98" } }, dataLabels: { xAxis: { color: "#928A98" }, yAxis: { color: "#928A98" } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Rt = { style: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { axis: { stroke: "#92B0B5" }, marginalBars: { fill: "#ABB1BC" }, plots: { stroke: "#fbfafa", selectors: { stroke: "#4F5B75", labels: { color: "#404C4D" }, markers: { stroke: "#4F5B75", fill: "#f6f6fb" } } }, correlation: { label: { color: "#61747E" } }, dataLabels: { xAxis: { color: "#61747E" }, yAxis: { color: "#61747E" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, jt = {
+import { defineAsyncComponent as ue, computed as D, ref as $, toRefs as Bl, watch as Fe, shallowRef as Dt, onMounted as Sl, onBeforeUnmount as Ll, createElementBlock as c, openBlock as i, unref as y, normalizeStyle as ie, normalizeClass as Ft, createBlock as se, createCommentVNode as m, createElementVNode as C, createVNode as we, withCtx as T, renderSlot as F, normalizeProps as K, guardReactiveProps as Q, createSlots as zt, Fragment as Z, renderList as le, toDisplayString as G, Teleport as Tl, resolveDynamicComponent as Dl, mergeProps as Fl, createTextVNode as Et, nextTick as zl } from "vue";
+import { c as El, t as Pl, i as Ol, j as de, o as Pt, g as Ke, k as Nl, l as Ot, ai as Wl, m as Qe, ak as Il, A as Xl, s as ze, X as Yl, aj as Rl, a as ve, U as q, d as oe, v as jl, r as Ul, y as Vl, _ as Gl } from "./lib-CVHM9FhP.js";
+import { t as ql, u as Hl } from "./useResponsive-DfdjqQps.js";
+import { u as Zl, a as et } from "./useNestedProp-Ckf_2P_V.js";
+import { u as Jl, B as Kl } from "./BaseScanner-BMpwQAfz.js";
+import { u as Ql } from "./usePrinter-1NmjuP-i.js";
+import { u as eo } from "./useSvgExport-ByUukOZt.js";
+import { u as to } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as lo } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as oo } from "./useChartAccessibility-9icAAmYg.js";
+import ao from "./Legend-DN5UJOBH.js";
+import so from "./Title-NgeRXqRA.js";
+import { _ as tt } from "./Shape-PzdCMGsP.js";
+import ro from "./img-6fNF_rG0.js";
+import { _ as no } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Nt = { userOptions: { show: !1 }, style: { legend: { show: !1 } } }, Wt = { userOptions: { show: !1 }, style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { axis: { stroke: "#5A5A5A" }, marginalBars: { fill: "#5A5A5A" }, plots: { stroke: "#1A1A1A", selectors: { stroke: "#5A5A5A", labels: { color: "#CCCCCC" }, markers: { stroke: "#1A1A1A", fill: "#5A5A5A" } } }, correlation: { label: { color: "#CCCCCC" } }, dataLabels: { xAxis: { color: "#CCCCCC" }, yAxis: { color: "#CCCCCC" } } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, It = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { axis: { stroke: "#5A5A5A" }, marginalBars: { fill: "#5A5A5A" }, plots: { stroke: "#1A1A1A", selectors: { stroke: "#5A5A5A", labels: { color: "#CCCCCC" }, markers: { stroke: "#1A1A1A", fill: "#5A5A5A" } } }, correlation: { label: { color: "#CCCCCC" } }, dataLabels: { xAxis: { color: "#CCCCCC" }, yAxis: { color: "#CCCCCC" } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Xt = { style: { backgroundColor: "#FFF8E1", color: "#424242", layout: { axis: { stroke: "#5D403790" }, marginalBars: { fill: "#5D4037" }, plots: { stroke: "#FFF8E1", selectors: { stroke: "#5D4037", labels: { color: "#424242" }, markers: { stroke: "#FFF8E1", fill: "#D32F2F" } } }, correlation: { label: { color: "#424242" } }, dataLabels: { xAxis: { color: "#424242" }, yAxis: { color: "#424242" } } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Yt = { style: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { axis: { stroke: "#5D4037" }, marginalBars: { fill: "#D32F2F" }, plots: { stroke: "#1E1E1E", selectors: { stroke: "#BDBDBD", labels: { color: "#BDBDBD" }, markers: { stroke: "#BDBDBD", fill: "#D32F2F" } } }, correlation: { label: { color: "#BDBDBD" } }, dataLabels: { xAxis: { color: "#BDBDBD" }, yAxis: { color: "#BDBDBD" } } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Rt = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { axis: { stroke: "#334C33" }, marginalBars: { fill: "#66CC66" }, plots: { stroke: "#1A1A1A", selectors: { stroke: "#66CC66", labels: { color: "#AACCAA" }, markers: { stroke: "#66CC66", fill: "#1A1A1A" } } }, correlation: { label: { color: "#AACCAA" } }, dataLabels: { xAxis: { color: "#AACCAA" }, yAxis: { color: "#AACCAA" } } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, jt = { style: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { axis: { stroke: "transparent" }, marginalBars: { fill: "#B0B9A8" }, plots: { stroke: "#fbfafa", selectors: { stroke: "#4F5B75", labels: { color: "#928A98" }, markers: { stroke: "#4F5B75", fill: "#fbfafa" } } }, correlation: { label: { color: "#928A98" } }, dataLabels: { xAxis: { color: "#928A98" }, yAxis: { color: "#928A98" } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Ut = { style: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { axis: { stroke: "#92B0B5" }, marginalBars: { fill: "#ABB1BC" }, plots: { stroke: "#fbfafa", selectors: { stroke: "#4F5B75", labels: { color: "#404C4D" }, markers: { stroke: "#4F5B75", fill: "#f6f6fb" } } }, correlation: { label: { color: "#61747E" } }, dataLabels: { xAxis: { color: "#61747E" }, yAxis: { color: "#61747E" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Vt = {
   default: {},
-  dark: Nt,
-  celebration: Wt,
-  celebrationNight: It,
-  hack: Xt,
-  zen: Yt,
-  concrete: Rt
-}, Pa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: Nt,
+  minimalDark: Wt,
+  dark: It,
+  celebration: Xt,
+  celebrationNight: Yt,
+  hack: Rt,
+  zen: jt,
+  concrete: Ut
+}, Na = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: Wt,
-  celebrationNight: It,
-  concrete: Rt,
-  dark: Nt,
-  default: jt,
-  hack: Xt,
-  zen: Yt
-}, Symbol.toStringTag, { value: "Module" })), no = ["id"], ro = ["id"], uo = ["xmlns", "viewBox"], io = ["width", "height"], vo = { key: 1 }, co = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], yo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ho = { key: 2 }, fo = ["id"], go = ["stop-color"], po = ["stop-color"], mo = ["id"], bo = ["stop-color"], ko = ["stop-color"], xo = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "rx"], Co = ["x", "y", "width", "height", "onMouseenter"], Ao = {
+  celebration: Xt,
+  celebrationNight: Yt,
+  concrete: Ut,
+  dark: It,
+  default: Vt,
+  hack: Rt,
+  minimal: Nt,
+  minimalDark: Wt,
+  zen: jt
+}, Symbol.toStringTag, { value: "Module" })), uo = ["id"], io = ["id"], vo = ["xmlns", "viewBox"], co = ["width", "height"], yo = { key: 1 }, ho = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], go = { key: 2 }, po = ["id"], bo = ["stop-color"], mo = ["stop-color"], ko = ["id"], xo = ["stop-color"], Co = ["stop-color"], Ao = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "rx"], wo = ["x", "y", "width", "height", "onMouseenter"], $o = {
   key: 2,
   style: { "pointer-events": "none" }
-}, wo = ["x", "y", "width", "height", "fill", "fill-opacity"], $o = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], _o = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], Mo = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Bo = ["x", "y", "width", "height", "onMouseenter"], So = {
+}, _o = ["x", "y", "width", "height", "fill", "fill-opacity"], Mo = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], Bo = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], So = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Lo = ["x", "y", "width", "height", "onMouseenter"], To = {
   key: 2,
   style: { "pointer-events": "none" }
-}, Lo = ["x", "y", "width", "height", "fill", "fill-opacity"], To = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], Do = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], Fo = {
+}, Do = ["x", "y", "width", "height", "fill", "fill-opacity"], Fo = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], zo = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], Eo = {
   key: 0,
   style: { "pointer-events": "none" }
-}, zo = ["d", "stroke", "stroke-width"], Eo = ["d", "stroke", "stroke-width"], Po = ["d", "stroke", "stroke-width"], Oo = ["d", "stroke", "stroke-width"], No = { key: 3 }, Wo = ["points", "fill", "stroke-width", "stroke-dasharray", "stroke"], Io = { key: 0 }, Xo = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseover", "onMouseleave", "onClick"], Yo = { key: 1 }, Ro = ["clip-path"], jo = ["d", "fill", "stroke", "stroke-width", "stroke-opacity"], Uo = {
+}, Po = ["d", "stroke", "stroke-width"], Oo = ["d", "stroke", "stroke-width"], No = ["d", "stroke", "stroke-width"], Wo = ["d", "stroke", "stroke-width"], Io = { key: 3 }, Xo = ["points", "fill", "stroke-width", "stroke-dasharray", "stroke"], Yo = { key: 0 }, Ro = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseover", "onMouseleave", "onClick"], jo = { key: 1 }, Uo = ["clip-path"], Vo = ["d", "fill", "stroke", "stroke-width", "stroke-opacity"], Go = {
   key: 0,
   style: { "pointer-events": "none" }
-}, Vo = ["x", "y", "width", "height"], Go = {
+}, qo = ["x", "y", "width", "height"], Ho = {
   key: 6,
   style: { "pointer-events": "none !important" }
-}, qo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ho = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Zo = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Jo = ["x", "y", "font-size", "fill", "font-weight"], Ko = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Qo = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ea = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], ta = ["id", "transform", "font-size", "font-weight", "fill"], la = ["font-size", "fill", "transform"], oa = ["transform", "font-size", "fill"], aa = ["x", "y", "font-size", "fill"], sa = ["x", "y", "font-size", "fill"], na = ["font-size", "font-weight", "fill", "x", "y"], ra = ["id"], ua = ["x", "y", "width", "height"], ia = {
+}, Zo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Jo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ko = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Qo = ["x", "y", "font-size", "fill", "font-weight"], ea = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ta = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], la = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], oa = ["id", "transform", "font-size", "font-weight", "fill"], aa = ["font-size", "fill", "transform"], sa = ["transform", "font-size", "fill"], ra = ["x", "y", "font-size", "fill"], na = ["x", "y", "font-size", "fill"], ua = ["font-size", "font-weight", "fill", "x", "y"], ia = ["id"], va = ["x", "y", "width", "height"], ca = {
   key: 11,
   style: { pointerEvents: "none" }
-}, va = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], ca = ["x", "y", "fill", "font-size", "font-weight"], ya = {
+}, ya = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], da = ["x", "y", "fill", "font-size", "font-weight"], ha = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, da = ["id"], ha = ["onClick"], fa = {
+}, fa = ["id"], ga = ["onClick"], pa = {
   key: 0,
   style: { width: "100%", display: "flex", "align-items": "center", "justify-content": "center" }
-}, ga = {
+}, ba = {
   viewBox: "0 0 20 20",
   height: "20",
   width: "20",
   style: { overflow: "hidden", background: "transparent" }
-}, pa = { key: 0 }, ma = ["innerHTML"], ba = {
+}, ma = { key: 0 }, ka = ["innerHTML"], xa = {
   __name: "vue-ui-scatter",
   props: {
     config: {
@@ -75,41 +79,41 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
       }
     }
   },
-  setup(Ut, { expose: Vt }) {
-    const Gt = ue(() => import("./Tooltip-DpfUZbt7.js")), qt = ue(() => import("./BaseIcon-B9bGT7HU.js")), Ht = ue(() => import("./vue-ui-accordion-CAXPDm31.js")), Zt = ue(() => import("./DataTable-DEwh__D8.js")), Jt = ue(() => import("./PenAndPaper-CulSakut.js")), Kt = ue(() => import("./UserOptions-5pXc4J-c.js")), Qt = ue(() => import("./PackageVersion-C-JOGZBL.js")), el = ue(() => import("./BaseDraggableDialog-O2XSymlZ.js")), { vue_ui_scatter: tl } = ql(), { isThemeValid: ll, warnInvalidTheme: ol } = Ql(), ee = Ut, lt = D(() => !!ee.dataset && ee.dataset.length), X = $(Fl()), Ee = $(!1), Pe = $(""), ot = $(0), ae = $(null), at = $(null), st = $(null), nt = $(null), rt = $(null), ut = $(0), it = $(0), vt = $(0), W = $([]), ct = $(!1), pe = $(null), me = $(null), be = $(null), Oe = $(null), Ne = $(null), al = $(null), sl = $(null), We = $(null), e = $(Re());
-    function nl(l = 100, o = 0.8, t = {}) {
-      const { meanX: a = 0, sdX: s = 1, meanY: r = 0, sdY: u = 1, seed: f } = t;
+  setup(Gt, { expose: qt }) {
+    const Ht = ue(() => import("./Tooltip-B6qvABDL.js")), Zt = ue(() => import("./BaseIcon-4uOct8re.js")), Jt = ue(() => import("./vue-ui-accordion-DFKaB_05.js")), Kt = ue(() => import("./DataTable-DyoDzNNY.js")), Qt = ue(() => import("./PenAndPaper-LTuSTmWE.js")), el = ue(() => import("./UserOptions-CX7Xsusk.js")), tl = ue(() => import("./PackageVersion-CQxJyGQr.js")), ll = ue(() => import("./BaseDraggableDialog-BQYfVNu8.js")), { vue_ui_scatter: ol } = Zl(), { isThemeValid: al, warnInvalidTheme: sl } = to(), ee = Gt, lt = D(() => !!ee.dataset && ee.dataset.length), X = $(El()), Ee = $(!1), Pe = $(""), ot = $(0), ae = $(null), at = $(null), st = $(null), rt = $(null), nt = $(null), ut = $(0), it = $(0), vt = $(0), W = $([]), ct = $(!1), pe = $(null), be = $(null), me = $(null), Oe = $(null), Ne = $(null), rl = $(null), nl = $(null), We = $(null), e = $(Re());
+    function ul(l = 100, o = 0.8, t = {}) {
+      const { meanX: a = 0, sdX: s = 1, meanY: n = 0, sdY: u = 1, seed: f } = t;
       let v = (f ?? Math.floor(Math.random() * 2 ** 31)) >>> 0;
       const p = () => (v = v * 1664525 + 1013904223 >>> 0, v / 2 ** 32), S = () => {
-        let m = 0, N = 0;
-        for (; m === 0; ) m = p();
+        let b = 0, N = 0;
+        for (; b === 0; ) b = p();
         for (; N === 0; ) N = p();
-        return Math.sqrt(-2 * Math.log(m)) * Math.cos(2 * Math.PI * N);
-      }, d = l / 2, w = Array.from({ length: d }, S), O = Array.from({ length: d }, S), _ = (m) => m.reduce((N, Ae) => N + Ae, 0) / m.length, z = _(w), Y = _(O);
-      for (let m = 0; m < d; m += 1)
-        w[m] -= z, O[m] -= Y;
-      const L = (m, N) => m.reduce((Ae, De, Je) => Ae + De * N[Je], 0), A = (m) => L(m, m), h = L(O, w) / A(w), B = O.map((m, N) => m - h * w[N]), V = A(w) / d, J = A(B) / d, re = Math.sqrt((1 - o * o) * V / J), j = w.map((m, N) => o * m + re * B[N]), ye = w.concat(w.map((m) => -m)), Ze = j.concat(j.map((m) => -m)), xe = (m) => Math.sqrt(A(m) / m.length), fe = (m, N, Ae) => {
-        const De = xe(m);
-        return m.map((Je) => Ae + (De ? Je / De * N : 0));
-      }, ge = fe(ye, s, a), Ce = fe(Ze, u, r);
-      for (let m = ge.length - 1; m > 0; m -= 1) {
-        const N = Math.floor(p() * (m + 1));
-        [ge[m], ge[N]] = [ge[N], ge[m]], [Ce[m], Ce[N]] = [Ce[N], Ce[m]];
+        return Math.sqrt(-2 * Math.log(b)) * Math.cos(2 * Math.PI * N);
+      }, d = l / 2, w = Array.from({ length: d }, S), O = Array.from({ length: d }, S), _ = (b) => b.reduce((N, Ae) => N + Ae, 0) / b.length, z = _(w), Y = _(O);
+      for (let b = 0; b < d; b += 1)
+        w[b] -= z, O[b] -= Y;
+      const L = (b, N) => b.reduce((Ae, De, Je) => Ae + De * N[Je], 0), A = (b) => L(b, b), h = L(O, w) / A(w), B = O.map((b, N) => b - h * w[N]), V = A(w) / d, J = A(B) / d, ne = Math.sqrt((1 - o * o) * V / J), j = w.map((b, N) => o * b + ne * B[N]), ye = w.concat(w.map((b) => -b)), Ze = j.concat(j.map((b) => -b)), xe = (b) => Math.sqrt(A(b) / b.length), fe = (b, N, Ae) => {
+        const De = xe(b);
+        return b.map((Je) => Ae + (De ? Je / De * N : 0));
+      }, ge = fe(ye, s, a), Ce = fe(Ze, u, n);
+      for (let b = ge.length - 1; b > 0; b -= 1) {
+        const N = Math.floor(p() * (b + 1));
+        [ge[b], ge[N]] = [ge[N], ge[b]], [Ce[b], Ce[N]] = [Ce[N], Ce[b]];
       }
-      return ge.map((m, N) => ({ x: m, y: Ce[N] }));
+      return ge.map((b, N) => ({ x: b, y: Ce[N] }));
     }
-    const { loading: yt, FINAL_DATASET: Ie, manualLoading: Xe } = Hl({
-      ..._l(ee),
+    const { loading: yt, FINAL_DATASET: Ie, manualLoading: Xe } = Jl({
+      ...Bl(ee),
       FINAL_CONFIG: e,
       prepareConfig: Re,
       skeletonDataset: [
         {
           name: "",
           color: "#999999",
-          values: nl(100, 0.5, { seed: 42 })
+          values: ul(100, 0.5, { seed: 42 })
         }
       ],
-      skeletonConfig: zl({
+      skeletonConfig: Pl({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -142,17 +146,17 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
           }
         }
       })
-    }), { userOptionsVisible: Ye, setUserOptionsVisibility: dt, keepUserOptionState: ht } = eo({ config: e.value }), { svgRef: $e } = to({ config: e.value.style.title });
+    }), { userOptionsVisible: Ye, setUserOptionsVisibility: dt, keepUserOptionState: ht } = lo({ config: e.value }), { svgRef: $e } = oo({ config: e.value.style.title });
     function Re() {
       const l = et({
         userConfig: ee.config,
-        defaultConfig: tl
+        defaultConfig: ol
       }), o = l.theme;
       if (!o) return l;
-      if (!ll.value(l))
-        return ol(l), l;
+      if (!al.value(l))
+        return sl(l), l;
       const t = et({
-        userConfig: jt[o] || ee.config,
+        userConfig: Vt[o] || ee.config,
         defaultConfig: l
       }), a = et({
         userConfig: ee.config,
@@ -160,7 +164,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
       });
       return {
         ...a,
-        customPalette: a.customPalette.length ? a.customPalette : El[o] || de
+        customPalette: a.customPalette.length ? a.customPalette : Ol[o] || de
       };
     }
     Fe(() => ee.config, (l) => {
@@ -176,8 +180,8 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
     }, { deep: !0 }), Fe(() => ee.dataset, (l) => {
       Array.isArray(l) && l.length > 0 && (Xe.value = !1);
     }, { deep: !0 });
-    const ne = Dt(null), he = Dt(null);
-    Ml(() => {
+    const re = Dt(null), he = Dt(null);
+    Sl(() => {
       ct.value = !0, gt();
     });
     const ft = D(() => !!e.value.debug);
@@ -187,29 +191,29 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
         type: "dataset",
         debug: ft.value
       }), Xe.value = !0), Pt(ee.dataset) || (Xe.value = e.value.loading), e.value.responsive) {
-        const l = Vl(() => {
-          const { width: o, height: t } = Gl({
+        const l = ql(() => {
+          const { width: o, height: t } = Hl({
             chart: ae.value,
             title: e.value.style.title.text ? at.value : null,
             legend: e.value.style.legend.show ? st.value : null,
-            source: nt.value,
-            noTitle: rt.value
+            source: rt.value,
+            noTitle: nt.value
           });
           requestAnimationFrame(() => {
             I.value.width = o, I.value.height = t;
           });
         });
-        ne.value && (he.value && ne.value.unobserve(he.value), ne.value.disconnect()), ne.value = new ResizeObserver(l), he.value = ae.value.parentNode, ne.value.observe(he.value);
+        re.value && (he.value && re.value.unobserve(he.value), re.value.disconnect()), re.value = new ResizeObserver(l), he.value = ae.value.parentNode, re.value.observe(he.value);
       }
     }
-    Bl(() => {
-      ne.value && (he.value && ne.value.unobserve(he.value), ne.value.disconnect());
+    Ll(() => {
+      re.value && (he.value && re.value.unobserve(he.value), re.value.disconnect());
     });
-    const { isPrinting: pt, isImaging: mt, generatePdf: bt, generateImage: kt } = Jl({
+    const { isPrinting: pt, isImaging: bt, generatePdf: mt, generateImage: kt } = Ql({
       elementId: `vue-ui-scatter_${X.value}`,
       fileName: e.value.style.title.text || "vue-ui-scatter",
       options: e.value.userOptions.print
-    }), rl = D(() => e.value.userOptions.show && !e.value.style.title.text), xt = D(() => Pl(e.value.customPalette)), H = $({
+    }), il = D(() => e.value.userOptions.show && !e.value.style.title.text), xt = D(() => Nl(e.value.customPalette)), H = $({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
@@ -222,7 +226,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
     const I = $({
       height: e.value.style.layout.height,
       width: e.value.style.layout.width
-    }), _e = D(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0), n = D(() => {
+    }), _e = D(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0), r = D(() => {
       let l = 0, o = 0;
       return Ne.value && (l = Ne.value.getBBox().width + 6), We.value && (o = We.value.getBBox().height + 6), {
         top: e.value.style.layout.padding.top + _e.value + e.value.style.layout.dataLabels.yAxis.fontSize * 2,
@@ -233,7 +237,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
         width: I.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - _e.value - l - 6
       };
     }), E = D(() => {
-      Ie.value.forEach((s, r) => {
+      Ie.value.forEach((s, n) => {
         Ot({
           datasetObject: s,
           requiredAttributes: ["values"]
@@ -242,7 +246,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
             componentName: "VueUiScatter",
             type: "datasetSerieAttribute",
             property: u,
-            index: r
+            index: n
           });
         }), s.values && s.values.forEach((u, f) => {
           Ot({
@@ -253,21 +257,21 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
               componentName: "VueUiScatter",
               type: "datasetSerieAttribute",
               property: `values.${v}`,
-              index: `${r} - ${f}`
+              index: `${n} - ${f}`
             });
           });
         });
       });
-      const l = Math.min(...te.value.filter((s) => !W.value.includes(s.id)).flatMap((s) => s.values.map((r) => r.x))), o = Math.max(...te.value.filter((s) => !W.value.includes(s.id)).flatMap((s) => s.values.map((r) => r.x))), t = Math.min(...te.value.filter((s) => !W.value.includes(s.id)).flatMap((s) => s.values.map((r) => r.y))), a = Math.max(...te.value.filter((s) => !W.value.includes(s.id)).flatMap((s) => s.values.map((r) => r.y)));
+      const l = Math.min(...te.value.filter((s) => !W.value.includes(s.id)).flatMap((s) => s.values.map((n) => n.x))), o = Math.max(...te.value.filter((s) => !W.value.includes(s.id)).flatMap((s) => s.values.map((n) => n.x))), t = Math.min(...te.value.filter((s) => !W.value.includes(s.id)).flatMap((s) => s.values.map((n) => n.y))), a = Math.max(...te.value.filter((s) => !W.value.includes(s.id)).flatMap((s) => s.values.map((n) => n.y)));
       return { xMin: l >= 0 ? 0 : l, xMax: o, yMin: t >= 0 ? 0 : t, yMax: a };
     }), P = D(() => ({
-      x: n.value.left + Math.abs(E.value.xMin) / (E.value.xMax + Math.abs(E.value.xMin)) * n.value.width,
-      y: n.value.bottom - Math.abs(E.value.yMin) / (E.value.yMax + Math.abs(E.value.yMin)) * n.value.height
+      x: r.value.left + Math.abs(E.value.xMin) / (E.value.xMax + Math.abs(E.value.xMin)) * r.value.width,
+      y: r.value.bottom - Math.abs(E.value.yMin) / (E.value.yMax + Math.abs(E.value.yMin)) * r.value.height
     })), te = D(() => Ie.value.map((l, o) => {
       const t = `cluster_${X.value}_${o}`;
       return {
         ...l,
-        values: Ol({
+        values: Wl({
           data: l.values,
           threshold: e.value.usePerformanceMode ? l.values.length + 1 : e.value.downsample.threshold
         }),
@@ -278,7 +282,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
         segregate: () => Se(t),
         isSegregated: W.value.includes(t)
       };
-    })), ul = D(() => ({
+    })), vl = D(() => ({
       cy: "scatter-div-legend",
       backgroundColor: e.value.style.legend.backgroundColor,
       color: e.value.style.legend.color,
@@ -288,8 +292,8 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
     })), Me = D(() => te.value.map((l, o) => ({
       ...l,
       plots: l.values.map((t) => ({
-        x: n.value.left + (t.x + Math.abs(E.value.xMin)) / (E.value.xMax + Math.abs(E.value.xMin)) * n.value.width,
-        y: n.value.bottom - (t.y + Math.abs(E.value.yMin)) / (E.value.yMax + Math.abs(E.value.yMin)) * n.value.height,
+        x: r.value.left + (t.x + Math.abs(E.value.xMin)) / (E.value.xMax + Math.abs(E.value.xMin)) * r.value.width,
+        y: r.value.bottom - (t.y + Math.abs(E.value.yMin)) / (E.value.yMax + Math.abs(E.value.yMin)) * r.value.height,
         v: {
           ...t,
           name: t.name || ""
@@ -300,11 +304,11 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
         weight: t.weight ?? e.value.style.layout.plots.radius
       }))
     })).filter((l) => !W.value.includes(l.id))), U = D(() => {
-      const o = ({ m: t, b: a, rect: s, verticalX: r = null }) => {
+      const o = ({ m: t, b: a, rect: s, verticalX: n = null }) => {
         const { left: u, right: f, top: v, bottom: p } = s, S = [], d = (A, h) => {
           Number.isFinite(A) && Number.isFinite(h) && S.push({ x: A, y: h });
         }, w = ({ x: A, y: h }) => A >= u - 1e-9 && A <= f + 1e-9 && h >= v - 1e-9 && h <= p + 1e-9;
-        r !== null ? r >= u - 1e-9 && r <= f + 1e-9 && (d(r, v), d(r, p)) : Number.isFinite(t) && (d(u, t * u + a), d(f, t * f + a), Math.abs(t) > 1e-9 ? (d((v - a) / t, v), d((p - a) / t, p)) : a >= v - 1e-9 && a <= p + 1e-9 && (d(u, a), d(f, a)));
+        n !== null ? n >= u - 1e-9 && n <= f + 1e-9 && (d(n, v), d(n, p)) : Number.isFinite(t) && (d(u, t * u + a), d(f, t * f + a), Math.abs(t) > 1e-9 ? (d((v - a) / t, v), d((p - a) / t, p)) : a >= v - 1e-9 && a <= p + 1e-9 && (d(u, a), d(f, a)));
         const O = S.filter(w), _ = [];
         for (const A of O)
           _.some((h) => Math.abs(h.x - A.x) < 1e-6 && Math.abs(h.y - A.y) < 1e-6) || _.push(A);
@@ -318,32 +322,32 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
         return { x1: z.x, y1: z.y, x2: Y.x, y2: Y.y };
       };
       return Me.value.map((t) => {
-        const a = t.plots.length, s = t.plots.reduce((h, B) => h + B.x, 0) / a, r = t.plots.reduce((h, B) => h + B.y, 0) / a;
+        const a = t.plots.length, s = t.plots.reduce((h, B) => h + B.x, 0) / a, n = t.plots.reduce((h, B) => h + B.y, 0) / a;
         let u = 0, f = 0;
         for (const h of t.plots) {
-          const B = h.x - s, V = h.y - r;
+          const B = h.x - s, V = h.y - n;
           u += B * V, f += B * B;
         }
         let v, p, S = null;
-        f < 1e-9 ? (S = s, v = 1 / 0, p = null) : (v = u / f, p = r - v * s);
+        f < 1e-9 ? (S = s, v = 1 / 0, p = null) : (v = u / f, p = n - v * s);
         let d, w;
         S !== null ? (d = 1 / 0, w = null) : (d = v, w = p);
         const O = t.plots.every((h) => h.v && typeof h.v.x == "number" && typeof h.v.y == "number");
         let _ = NaN;
         if (a >= 2) {
           let h = 0, B = 0;
-          O ? (h = t.plots.reduce((j, ye) => j + ye.v.x, 0) / a, B = t.plots.reduce((j, ye) => j + ye.v.y, 0) / a) : (h = s, B = -r);
-          let V = 0, J = 0, re = 0;
+          O ? (h = t.plots.reduce((j, ye) => j + ye.v.x, 0) / a, B = t.plots.reduce((j, ye) => j + ye.v.y, 0) / a) : (h = s, B = -n);
+          let V = 0, J = 0, ne = 0;
           for (const j of t.plots) {
             const ye = O ? j.v.x : j.x, Ze = O ? j.v.y : -j.y, xe = ye - h, fe = Ze - B;
-            V += xe * fe, J += xe * xe, re += fe * fe;
+            V += xe * fe, J += xe * xe, ne += fe * fe;
           }
-          if (J >= 1e-9 && re >= 1e-9) {
-            const j = V / Math.sqrt(J * re);
+          if (J >= 1e-9 && ne >= 1e-9) {
+            const j = V / Math.sqrt(J * ne);
             _ = Math.max(-1, Math.min(1, j));
           }
         }
-        const z = o({ m: d, b: w, rect: n.value, verticalX: S });
+        const z = o({ m: d, b: w, rect: r.value, verticalX: S });
         if (!z)
           return {
             ...t,
@@ -368,7 +372,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
           plots: t.plots.map((h) => {
             let B, V;
             S !== null ? (B = S, V = h.y) : Math.abs(d) < 1e-9 ? (B = h.x, V = w) : (B = (h.x + d * h.y - d * w) / (1 + d * d), V = (d * h.x + d * d * h.y + w) / (1 + d * d));
-            const J = h.x - B, re = h.y - V, j = Math.sqrt(J * J + re * re);
+            const J = h.x - B, ne = h.y - V, j = Math.sqrt(J * J + ne * ne);
             return {
               ...h,
               deviation: j,
@@ -379,7 +383,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
         };
       });
     }), Ct = D(() => Math.max(...U.value.flatMap((l) => l.plots.map((o) => Math.abs(o.deviation)))));
-    function il() {
+    function cl() {
       return U.value;
     }
     function At(l, o) {
@@ -390,34 +394,34 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
         x: L.x,
         y: L.y
       }));
-      let a = 1 / 0, s = -1 / 0, r = 1 / 0, u = -1 / 0;
+      let a = 1 / 0, s = -1 / 0, n = 1 / 0, u = -1 / 0;
       t.forEach(({ x: L, y: A }) => {
-        a = Math.min(a, L), s = Math.max(s, L), r = Math.min(r, A), u = Math.max(u, A);
+        a = Math.min(a, L), s = Math.max(s, L), n = Math.min(n, A), u = Math.max(u, A);
       });
-      const f = s - a, v = u - r, p = f / o, S = v / o, d = Array(o).fill(0), w = Array(o).fill(0);
+      const f = s - a, v = u - n, p = f / o, S = v / o, d = Array(o).fill(0), w = Array(o).fill(0);
       t.forEach(({ x: L, y: A }) => {
-        const h = Math.floor((L - a) / p), B = Math.floor((A - r) / S);
+        const h = Math.floor((L - a) / p), B = Math.floor((A - n) / S);
         d[h] || (d[h] = 0), w[B] || (w[B] = 0), d[h] += 1, w[B] += 1;
       });
       const O = [], _ = [];
       for (let L = 0; L < o; L += 1)
-        O.push(a + (L + 0.5) * p), _.push(r + (L + 0.5) * S);
+        O.push(a + (L + 0.5) * p), _.push(n + (L + 0.5) * S);
       const z = Math.max(...d), Y = Math.max(...w);
       return { x: d, y: w, avgX: O, avgY: _, maxX: z, maxY: Y };
     }
-    const k = D(() => e.value.style.layout.marginalBars.tranches), M = D(() => At(Me.value, k.value)), vl = D(() => {
-      const l = n.value.top - e.value.style.layout.marginalBars.offset, o = n.value.right + e.value.style.layout.marginalBars.offset;
+    const k = D(() => e.value.style.layout.marginalBars.tranches), M = D(() => At(Me.value, k.value)), yl = D(() => {
+      const l = r.value.top - e.value.style.layout.marginalBars.offset, o = r.value.right + e.value.style.layout.marginalBars.offset;
       return Me.value.map((t) => {
         const a = At(t, k.value);
         return {
           coords: a,
-          dX: Wl(a.avgX.map((s, r) => ({
+          dX: Xl(a.avgX.map((s, n) => ({
             x: s,
-            y: l - a.x[r] / a.maxX * e.value.style.layout.marginalBars.size
+            y: l - a.x[n] / a.maxX * e.value.style.layout.marginalBars.size
           }))),
-          dY: Nl(a.avgY.map((s, r) => ({
+          dY: Il(a.avgY.map((s, n) => ({
             y: s,
-            x: o + e.value.style.layout.marginalBars.size * a.y[r] / a.maxY
+            x: o + e.value.style.layout.marginalBars.size * a.y[n] / a.maxY
           }))),
           color: t.color,
           id: t.id
@@ -434,7 +438,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
         config: e.value
       };
       const a = e.value.style.tooltip.customFormat;
-      jl(a) && Ul(() => a({
+      Vl(a) && Gl(() => a({
         datapoint: l,
         seriesIndex: o,
         series: U.value,
@@ -484,24 +488,24 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
       const o = te.value.find((t) => t.name === l);
       return o || (e.value.debug && console.warn(`VueUiScatter - Series name not found "${l}"`), null);
     }
-    function cl(l) {
+    function dl(l) {
       const o = wt(l);
       o !== null && W.value.includes(o.id) && Se(o.id);
     }
-    function yl(l) {
+    function hl(l) {
       const o = wt(l);
       o !== null && (W.value.includes(o.id) || Se(o.id));
     }
     function Ge(l = null) {
-      Dl(() => {
-        const o = ["", e.value.table.translations.correlationCoefficient, e.value.table.translations.nbrPlots, `${e.value.style.layout.dataLabels.xAxis.name} ${e.value.table.translations.average}`, `${e.value.style.layout.dataLabels.yAxis.name} ${e.value.table.translations.average}`], t = U.value.map((r) => [
-          r.name,
-          r.correlation.coefficient,
-          r.plots.length,
-          r.plots.map((u) => u.v.x).reduce((u, f) => u + f, 0) / r.plots.length,
-          r.plots.map((u) => u.v.y).reduce((u, f) => u + f, 0) / r.plots.length
-        ]), a = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([o]).concat(t), s = Yl(a);
-        l ? l(s) : Rl({ csvContent: s, title: e.value.style.title.text || "vue-ui-heatmap" });
+      zl(() => {
+        const o = ["", e.value.table.translations.correlationCoefficient, e.value.table.translations.nbrPlots, `${e.value.style.layout.dataLabels.xAxis.name} ${e.value.table.translations.average}`, `${e.value.style.layout.dataLabels.yAxis.name} ${e.value.table.translations.average}`], t = U.value.map((n) => [
+          n.name,
+          n.correlation.coefficient,
+          n.plots.length,
+          n.plots.map((u) => u.v.x).reduce((u, f) => u + f, 0) / n.plots.length,
+          n.plots.map((u) => u.v.y).reduce((u, f) => u + f, 0) / n.plots.length
+        ]), a = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([o]).concat(t), s = jl(a);
+        l ? l(s) : Ul({ csvContent: s, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
     const Le = D(() => {
@@ -519,8 +523,8 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
         },
         Number((a.correlation.coefficient ?? 0).toFixed(e.value.table.td.roundingValue)).toLocaleString(),
         a.plots.length.toLocaleString(),
-        Number((a.plots.map((s) => s.v.x ?? 0).reduce((s, r) => s + r, 0) / a.plots.length).toFixed(e.value.table.td.roundingAverage)).toLocaleString(),
-        Number((a.plots.map((s) => s.v.y ?? 0).reduce((s, r) => s + r, 0) / a.plots.length).toFixed(e.value.table.td.roundingAverage)).toLocaleString()
+        Number((a.plots.map((s) => s.v.x ?? 0).reduce((s, n) => s + n, 0) / a.plots.length).toFixed(e.value.table.td.roundingAverage)).toLocaleString(),
+        Number((a.plots.map((s) => s.v.y ?? 0).reduce((s, n) => s + n, 0) / a.plots.length).toFixed(e.value.table.td.roundingAverage)).toLocaleString()
       ]), t = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -549,26 +553,26 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
     function qe() {
       Te.value = !Te.value;
     }
-    async function dl({ scale: l = 2 } = {}) {
+    async function fl({ scale: l = 2 } = {}) {
       if (!ae.value) return;
-      const { width: o, height: t } = ae.value.getBoundingClientRect(), a = o / t, { imageUri: s, base64: r } = await ao({ domElement: ae.value, base64: !0, img: !0, scale: l });
+      const { width: o, height: t } = ae.value.getBoundingClientRect(), a = o / t, { imageUri: s, base64: n } = await ro({ domElement: ae.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: s,
-        base64: r,
+        base64: n,
         title: e.value.style.title.text,
         width: o,
         height: t,
         aspectRatio: a
       };
     }
-    function hl(l) {
-      pe.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (me.value = M.value.y.length - 2 - l);
+    function gl(l) {
+      pe.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (be.value = M.value.y.length - 2 - l);
     }
-    function fl(l) {
-      me.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (pe.value = l);
+    function pl(l) {
+      be.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (pe.value = l);
     }
     function He() {
-      pe.value = null, me.value = null;
+      pe.value = null, be.value = null;
     }
     const Bt = {
       circle: 1,
@@ -579,30 +583,30 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
       pentagon: 1.3,
       hexagon: 1.3
     }, x = (l) => l.toFixed(3);
-    function gl({ shape: l = "circle", cx: o, cy: t, r: a }) {
+    function bl({ shape: l = "circle", cx: o, cy: t, r: a }) {
       if (!e.value.usePerformanceMode) return "";
       const s = Bt[l] * a;
       switch (l) {
         case "circle": {
-          const r = x(o - s), u = x(t), f = x(o + s), v = x(s);
-          return `M ${r} ${u} A ${v} ${v} 0 1 0 ${f} ${u} A ${v} ${v} 0 1 0 ${r} ${u} Z`;
+          const n = x(o - s), u = x(t), f = x(o + s), v = x(s);
+          return `M ${n} ${u} A ${v} ${v} 0 1 0 ${f} ${u} A ${v} ${v} 0 1 0 ${n} ${u} Z`;
         }
         case "square": {
-          const r = x(o - s), u = x(t - s), f = x(o + s), v = x(t + s);
-          return `M ${r} ${u} L ${f} ${u} L ${f} ${v} L ${r} ${v} Z`;
+          const n = x(o - s), u = x(t - s), f = x(o + s), v = x(t + s);
+          return `M ${n} ${u} L ${f} ${u} L ${f} ${v} L ${n} ${v} Z`;
         }
         case "diamond": {
-          const r = x(o), u = x(t);
-          return `M ${r} ${x(t - s)} L ${x(o + s)} ${u} L ${r} ${x(t + s)} L ${x(o - s)} ${u} Z`;
+          const n = x(o), u = x(t);
+          return `M ${n} ${x(t - s)} L ${x(o + s)} ${u} L ${n} ${x(t + s)} L ${x(o - s)} ${u} Z`;
         }
         case "triangle": {
-          const r = s * Math.sqrt(3), u = o, f = t - 2 / 3 * r, v = o - s, p = t + 1 / 3 * r, S = o + s, d = p;
+          const n = s * Math.sqrt(3), u = o, f = t - 2 / 3 * n, v = o - s, p = t + 1 / 3 * n, S = o + s, d = p;
           return `M ${x(u)} ${x(f)} L ${x(v)} ${x(p)} L ${x(S)} ${x(d)} Z`;
         }
         case "star": {
-          const r = s, u = s * 0.5, f = [];
+          const n = s, u = s * 0.5, f = [];
           for (let p = 0; p < 10; p += 1) {
-            const S = (-90 + p * 36) * Math.PI / 180, d = p % 2 === 0 ? r : u;
+            const S = (-90 + p * 36) * Math.PI / 180, d = p % 2 === 0 ? n : u;
             f.push([o + d * Math.cos(S), t + d * Math.sin(S)]);
           }
           let v = `M ${x(f[0][0])} ${x(f[0][1])}`;
@@ -631,21 +635,21 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
           return f + " Z";
         }
         default: {
-          const r = x(o - s), u = x(t), f = x(o + s), v = x(s);
-          return `M ${r} ${u} A ${v} ${v} 0 1 0 ${f} ${u} A ${v} ${v} 0 1 0 ${r} ${u} Z`;
+          const n = x(o - s), u = x(t), f = x(o + s), v = x(s);
+          return `M ${n} ${u} A ${v} ${v} 0 1 0 ${f} ${u} A ${v} ${v} 0 1 0 ${n} ${u} Z`;
         }
       }
     }
-    const pl = D(() => {
+    const ml = D(() => {
       if (!e.value.usePerformanceMode) return [""];
-      const { left: l, right: o, top: t, bottom: a } = n.value, s = Math.max(1, (o - l) * (a - t)), r = (d) => d / s * 1e4, u = 2.5, f = 1e3, v = e.value.style.layout.plots.stroke, p = e.value.style.layout.plots.strokeWidth, S = e.value.style.layout.plots.opacity;
+      const { left: l, right: o, top: t, bottom: a } = r.value, s = Math.max(1, (o - l) * (a - t)), n = (d) => d / s * 1e4, u = 2.5, f = 1e3, v = e.value.style.layout.plots.stroke, p = e.value.style.layout.plots.strokeWidth, S = e.value.style.layout.plots.opacity;
       return U.value.map((d) => {
         const w = [];
         for (const _ of d.plots) {
           const z = _.x, Y = _.y;
           if (z < l || z > o || Y < t || Y > a) continue;
           const L = Math.max(e.value.style.layout.plots.radius, _.weight);
-          w.push(gl({
+          w.push(bl({
             shape: d.shape || "circle",
             cx: z,
             cy: Y,
@@ -653,7 +657,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
           }));
         }
         if (!w.length) return null;
-        const O = r(d.plots.length) > u || d.plots.length > f;
+        const O = n(d.plots.length) > u || d.plots.length > f;
         return {
           id: d.id,
           d: w.join(""),
@@ -664,7 +668,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
         };
       }).filter(Boolean);
     });
-    function ml() {
+    function kl() {
       return e.value.usePerformanceMode ? (l) => {
         const o = $e.value;
         if (!o) return;
@@ -672,11 +676,11 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
         t.x = l.clientX, t.y = l.clientY;
         const a = o.getScreenCTM();
         if (!a) return;
-        const s = a.inverse(), r = t.matrixTransform(s), u = 8, f = u * u;
+        const s = a.inverse(), n = t.matrixTransform(s), u = 8, f = u * u;
         let v = null, p = 1 / 0, S = -1;
         if (U.value.forEach((d, w) => {
           d.plots.forEach((O) => {
-            const _ = O.x - r.x, z = O.y - r.y, Y = _ * _ + z * z;
+            const _ = O.x - n.x, z = O.y - n.y, Y = _ * _ + z * z;
             Y <= f && Y < p && (p = Y, v = O, S = w);
           });
         }), v)
@@ -687,14 +691,14 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
         }
       } : () => null;
     }
-    const St = ml();
-    function bl() {
+    const St = kl();
+    function xl() {
       if (R.value) {
         const l = g.value;
         R.value = void 0, Be(l, null);
       }
     }
-    function kl(l) {
+    function Cl(l) {
       const o = g.value;
       if (o) {
         const t = U.value.findIndex((a) => a.id === o.clusterId);
@@ -704,7 +708,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
     const ke = D(() => {
       const l = e.value.table.useDialog && !e.value.table.show, o = H.value.showTable;
       return {
-        component: l ? el : Ht,
+        component: l ? ll : Jt,
         title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? `: ${e.value.style.title.subtitle.text}` : ""}`,
         props: l ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -732,34 +736,34 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
       };
     });
     Fe(() => H.value.showTable, (l) => {
-      e.value.table.show || (l && e.value.table.useDialog && be.value ? be.value.open() : "close" in be.value && be.value.close());
+      e.value.table.show || (l && e.value.table.useDialog && me.value ? me.value.open() : "close" in me.value && me.value.close());
     });
     function Lt() {
       H.value.showTable = !1, Oe.value && Oe.value.setTableIconState(!1);
     }
-    const xl = D(() => e.value.style.backgroundColor), Cl = D(() => e.value.style.legend), Al = D(() => e.value.style.title), { exportSvg: wl, getSvg: $l } = Kl({
+    const Al = D(() => e.value.style.backgroundColor), wl = D(() => e.value.style.legend), $l = D(() => e.value.style.title), { exportSvg: _l, getSvg: Ml } = eo({
       svg: $e,
-      title: Al,
-      legend: Cl,
+      title: $l,
+      legend: wl,
       legendItems: te,
-      backgroundColor: xl
+      backgroundColor: Al
     });
     async function Tt({ isCb: l }) {
       if (l) {
-        const { blob: o, url: t, text: a, dataUrl: s } = await $l();
+        const { blob: o, url: t, text: a, dataUrl: s } = await Ml();
         e.value.userOptions.callbacks.svg({ blob: o, url: t, text: a, dataUrl: s });
       } else
-        wl();
+        _l();
     }
-    return Vt({
-      getData: il,
-      getImage: dl,
-      generatePdf: bt,
+    return qt({
+      getData: cl,
+      getImage: fl,
+      generatePdf: mt,
       generateCsv: Ge,
       generateImage: kt,
       generateSvg: Tt,
-      hideSeries: yl,
-      showSeries: cl,
+      hideSeries: hl,
+      showSeries: dl,
       toggleTable: _t,
       toggleTooltip: Mt,
       toggleAnnotator: qe,
@@ -773,7 +777,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
       onMouseenter: o[5] || (o[5] = () => y(dt)(!0)),
       onMouseleave: o[6] || (o[6] = () => y(dt)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (i(), se(y(Jt), {
+      e.value.userOptions.buttons.annotator ? (i(), se(y(Qt), {
         key: 0,
         svgRef: y($e),
         backgroundColor: e.value.style.backgroundColor,
@@ -800,21 +804,21 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
           F(l.$slots, "annotator-action-delete", K(Q({ disabled: t })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : b("", !0),
-      rl.value ? (i(), c("div", {
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : m("", !0),
+      il.value ? (i(), c("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: rt,
+        ref: nt,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : b("", !0),
+      }, null, 512)) : m("", !0),
       e.value.style.title.text ? (i(), c("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: at,
         style: "width:100%;background:transparent"
       }, [
-        (i(), se(oo, {
+        (i(), se(so, {
           key: `title_${ut.value}`,
           config: {
             title: {
@@ -827,17 +831,17 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : b("", !0),
+      ], 512)) : m("", !0),
       C("div", {
         id: `legend-top-${X.value}`
-      }, null, 8, ro),
-      e.value.userOptions.show && lt.value && (y(ht) || y(Ye)) ? (i(), se(y(Kt), {
+      }, null, 8, io),
+      e.value.userOptions.show && lt.value && (y(ht) || y(Ye)) ? (i(), se(y(el), {
         ref_key: "userOptionsRef",
         ref: Oe,
         key: `user_options_${ot.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: y(mt),
+        isImaging: y(bt),
         isPrinting: y(pt),
         uid: X.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
@@ -858,7 +862,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: $t,
-        onGeneratePdf: y(bt),
+        onGeneratePdf: y(mt),
         onGenerateCsv: Ge,
         onGenerateImage: y(kt),
         onGenerateSvg: Tt,
@@ -932,17 +936,17 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
           ]),
           key: "8"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : b("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : m("", !0),
       (i(), c("svg", {
         ref_key: "svgRef",
         ref: $e,
-        xmlns: y(Il),
+        xmlns: y(Yl),
         class: Ft({ "vue-data-ui-fullscreen--on": ce.value, "vue-data-ui-fulscreen--off": !ce.value, animated: e.value.useCssAnimation }),
         viewBox: `0 0 ${I.value.width <= 0 ? 10 : I.value.width} ${I.value.height <= 0 ? 10 : I.value.height}`,
         style: ie(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
         onMouseleave: He
       }, [
-        we(y(Qt)),
+        we(y(tl)),
         l.$slots["chart-background"] ? (i(), c("foreignObject", {
           key: 0,
           x: 0,
@@ -954,28 +958,28 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
           }
         }, [
           F(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, io)) : b("", !0),
-        e.value.style.layout.axis.show ? (i(), c("g", vo, [
+        ], 8, co)) : m("", !0),
+        e.value.style.layout.axis.show ? (i(), c("g", yo, [
           C("line", {
             x1: P.value.x,
             x2: P.value.x,
-            y1: n.value.top,
-            y2: n.value.bottom,
+            y1: r.value.top,
+            y2: r.value.bottom,
             stroke: e.value.style.layout.axis.stroke,
             "stroke-width": e.value.style.layout.axis.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, co),
+          }, null, 8, ho),
           C("line", {
-            x1: n.value.left,
-            x2: n.value.right,
+            x1: r.value.left,
+            x2: r.value.right,
             y1: P.value.y,
             y2: P.value.y,
             stroke: e.value.style.layout.axis.stroke,
             "stroke-width": e.value.style.layout.axis.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, yo)
-        ])) : b("", !0),
-        e.value.style.layout.marginalBars.show ? (i(), c("g", ho, [
+          }, null, 8, fo)
+        ])) : m("", !0),
+        e.value.style.layout.marginalBars.show ? (i(), c("g", go, [
           C("defs", null, [
             C("linearGradient", {
               id: `marginal_x_${X.value}`,
@@ -987,12 +991,12 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
               C("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.marginalBars.fill
-              }, null, 8, go),
+              }, null, 8, bo),
               C("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.backgroundColor
-              }, null, 8, po)
-            ], 8, fo),
+              }, null, 8, mo)
+            ], 8, po),
             C("linearGradient", {
               id: `marginal_y_${X.value}`,
               x1: "0%",
@@ -1003,124 +1007,124 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
               C("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.backgroundColor
-              }, null, 8, bo),
+              }, null, 8, xo),
               C("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.layout.marginalBars.fill
-              }, null, 8, ko)
-            ], 8, mo)
+              }, null, 8, Co)
+            ], 8, ko)
           ]),
           (i(!0), c(Z, null, le(M.value.x, (t, a) => (i(), c("g", null, [
             t && M.value.avgX[a] ? (i(), c("rect", {
               key: 0,
-              x: M.value.avgX[a] - n.value.width / k.value / 2,
-              y: n.value.top - e.value.style.layout.marginalBars.offset - t / M.value.maxX * e.value.style.layout.marginalBars.size,
-              width: n.value.width / k.value <= 0 ? 1e-4 : n.value.width / k.value,
+              x: M.value.avgX[a] - r.value.width / k.value / 2,
+              y: r.value.top - e.value.style.layout.marginalBars.offset - t / M.value.maxX * e.value.style.layout.marginalBars.size,
+              width: r.value.width / k.value <= 0 ? 1e-4 : r.value.width / k.value,
               height: t / M.value.maxX * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / M.value.maxX * e.value.style.layout.marginalBars.size,
               fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_x_${X.value})` : e.value.style.layout.marginalBars.fill,
               style: ie([`opacity:${e.value.style.layout.marginalBars.opacity}`, { "pointer-events": "none" }]),
               stroke: e.value.style.backgroundColor,
               "stroke-width": e.value.style.layout.marginalBars.strokeWidth,
               rx: e.value.style.layout.marginalBars.borderRadius
-            }, null, 12, xo)) : b("", !0),
+            }, null, 12, Ao)) : m("", !0),
             M.value.avgX[a] ? (i(), c("rect", {
               key: 1,
-              x: M.value.avgX[a] - n.value.width / k.value / 2,
-              y: n.value.top - e.value.style.layout.marginalBars.offset - e.value.style.layout.marginalBars.size,
-              width: n.value.width / k.value <= 0 ? 1e-4 : n.value.width / k.value,
+              x: M.value.avgX[a] - r.value.width / k.value / 2,
+              y: r.value.top - e.value.style.layout.marginalBars.offset - e.value.style.layout.marginalBars.size,
+              width: r.value.width / k.value <= 0 ? 1e-4 : r.value.width / k.value,
               height: Math.max(0.1, e.value.style.layout.marginalBars.size),
               fill: "transparent",
-              onMouseenter: (s) => hl(a),
+              onMouseenter: (s) => gl(a),
               onMouseleave: o[0] || (o[0] = (s) => He())
-            }, null, 40, Co)) : b("", !0),
-            M.value.avgX[a] && pe.value != null && pe.value === a ? (i(), c("g", Ao, [
+            }, null, 40, wo)) : m("", !0),
+            M.value.avgX[a] && pe.value != null && pe.value === a ? (i(), c("g", $o, [
               C("rect", {
-                x: M.value.avgX[a] - n.value.width / k.value / 2,
-                y: n.value.top,
-                width: n.value.width / k.value <= 0 ? 1e-4 : n.value.width / k.value,
-                height: n.value.height,
+                x: M.value.avgX[a] - r.value.width / k.value / 2,
+                y: r.value.top,
+                width: r.value.width / k.value <= 0 ? 1e-4 : r.value.width / k.value,
+                height: r.value.height,
                 fill: e.value.style.layout.marginalBars.highlighter.color,
                 "fill-opacity": e.value.style.layout.marginalBars.highlighter.opacity
-              }, null, 8, wo),
+              }, null, 8, _o),
               C("line", {
-                x1: M.value.avgX[a] - n.value.width / k.value / 2,
-                x2: M.value.avgX[a] - n.value.width / k.value / 2,
+                x1: M.value.avgX[a] - r.value.width / k.value / 2,
+                x2: M.value.avgX[a] - r.value.width / k.value / 2,
                 y1: 0,
-                y2: n.value.top + n.value.height,
+                y2: r.value.top + r.value.height,
                 stroke: e.value.style.layout.marginalBars.highlighter.stroke,
                 "stroke-dasharray": e.value.style.layout.marginalBars.highlighter.strokeDasharray,
                 "stroke-width": e.value.style.layout.marginalBars.highlighter.strokeWidth,
                 style: { transition: "none !important", animation: "none !important" }
-              }, null, 8, $o),
+              }, null, 8, Mo),
               C("line", {
-                x1: M.value.avgX[a] - n.value.width / k.value / 2 + (n.value.width / k.value <= 0 ? 1e-4 : n.value.width / k.value),
-                x2: M.value.avgX[a] - n.value.width / k.value / 2 + (n.value.width / k.value <= 0 ? 1e-4 : n.value.width / k.value),
+                x1: M.value.avgX[a] - r.value.width / k.value / 2 + (r.value.width / k.value <= 0 ? 1e-4 : r.value.width / k.value),
+                x2: M.value.avgX[a] - r.value.width / k.value / 2 + (r.value.width / k.value <= 0 ? 1e-4 : r.value.width / k.value),
                 y1: 0,
-                y2: n.value.top + n.value.height,
+                y2: r.value.top + r.value.height,
                 stroke: e.value.style.layout.marginalBars.highlighter.stroke,
                 "stroke-dasharray": e.value.style.layout.marginalBars.highlighter.strokeDasharray,
                 "stroke-width": e.value.style.layout.marginalBars.highlighter.strokeWidth,
                 style: { transition: "none !important", animation: "none !important" }
-              }, null, 8, _o)
-            ])) : b("", !0)
+              }, null, 8, Bo)
+            ])) : m("", !0)
           ]))), 256)),
           (i(!0), c(Z, null, le(M.value.y, (t, a) => (i(), c("g", null, [
             t && M.value.avgY[a] ? (i(), c("rect", {
               key: 0,
-              x: n.value.right + e.value.style.layout.marginalBars.offset,
-              y: M.value.avgY[a] - n.value.height / k.value / 2,
-              height: n.value.height / k.value <= 0 ? 1e-4 : n.value.height / k.value,
+              x: r.value.right + e.value.style.layout.marginalBars.offset,
+              y: M.value.avgY[a] - r.value.height / k.value / 2,
+              height: r.value.height / k.value <= 0 ? 1e-4 : r.value.height / k.value,
               width: t / M.value.maxY * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / M.value.maxY * e.value.style.layout.marginalBars.size,
               fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_y_${X.value})` : e.value.style.layout.marginalBars.fill,
               style: ie([`opacity:${e.value.style.layout.marginalBars.opacity}`, { "pointer-events": "none" }]),
               stroke: e.value.style.backgroundColor,
               "stroke-width": e.value.style.layout.marginalBars.strokeWidth,
               rx: e.value.style.layout.marginalBars.borderRadius
-            }, null, 12, Mo)) : b("", !0),
+            }, null, 12, So)) : m("", !0),
             M.value.avgY[a] ? (i(), c("rect", {
               key: 1,
-              x: n.value.right + e.value.style.layout.marginalBars.offset,
-              y: M.value.avgY[a] - n.value.height / k.value / 2,
+              x: r.value.right + e.value.style.layout.marginalBars.offset,
+              y: M.value.avgY[a] - r.value.height / k.value / 2,
               width: Math.max(0.1, e.value.style.layout.marginalBars.size),
-              height: n.value.height / k.value <= 0 ? 1e-4 : n.value.height / k.value,
+              height: r.value.height / k.value <= 0 ? 1e-4 : r.value.height / k.value,
               fill: "transparent",
-              onMouseenter: (s) => fl(a),
+              onMouseenter: (s) => pl(a),
               onMouseleave: o[1] || (o[1] = (s) => He())
-            }, null, 40, Bo)) : b("", !0),
-            M.value.avgY[a] && me.value != null && me.value === a ? (i(), c("g", So, [
+            }, null, 40, Lo)) : m("", !0),
+            M.value.avgY[a] && be.value != null && be.value === a ? (i(), c("g", To, [
               C("rect", {
-                x: n.value.left,
-                y: M.value.avgY[a] - n.value.height / k.value / 2,
-                width: n.value.width,
-                height: n.value.height / k.value <= 0 ? 1e-4 : n.value.height / k.value,
+                x: r.value.left,
+                y: M.value.avgY[a] - r.value.height / k.value / 2,
+                width: r.value.width,
+                height: r.value.height / k.value <= 0 ? 1e-4 : r.value.height / k.value,
                 fill: e.value.style.layout.marginalBars.highlighter.color,
                 "fill-opacity": e.value.style.layout.marginalBars.highlighter.opacity
-              }, null, 8, Lo),
+              }, null, 8, Do),
               C("line", {
-                x1: n.value.left,
+                x1: r.value.left,
                 x2: I.value.width,
-                y1: M.value.avgY[a] - n.value.height / k.value / 2,
-                y2: M.value.avgY[a] - n.value.height / k.value / 2,
+                y1: M.value.avgY[a] - r.value.height / k.value / 2,
+                y2: M.value.avgY[a] - r.value.height / k.value / 2,
                 stroke: e.value.style.layout.marginalBars.highlighter.stroke,
                 "stroke-dasharray": e.value.style.layout.marginalBars.highlighter.strokeDasharray,
                 "stroke-width": e.value.style.layout.marginalBars.highlighter.strokeWidth,
                 style: { transition: "none !important", animation: "none !important" }
-              }, null, 8, To),
+              }, null, 8, Fo),
               C("line", {
-                x1: n.value.left,
+                x1: r.value.left,
                 x2: I.value.width,
-                y1: M.value.avgY[a] - n.value.height / k.value / 2 + (n.value.height / k.value <= 0 ? 1e-4 : n.value.height / k.value),
-                y2: M.value.avgY[a] - n.value.height / k.value / 2 + (n.value.height / k.value <= 0 ? 1e-4 : n.value.height / k.value),
+                y1: M.value.avgY[a] - r.value.height / k.value / 2 + (r.value.height / k.value <= 0 ? 1e-4 : r.value.height / k.value),
+                y2: M.value.avgY[a] - r.value.height / k.value / 2 + (r.value.height / k.value <= 0 ? 1e-4 : r.value.height / k.value),
                 stroke: e.value.style.layout.marginalBars.highlighter.stroke,
                 "stroke-dasharray": e.value.style.layout.marginalBars.highlighter.strokeDasharray,
                 "stroke-width": e.value.style.layout.marginalBars.highlighter.strokeWidth,
                 style: { transition: "none !important", animation: "none !important" }
-              }, null, 8, Do)
-            ])) : b("", !0)
+              }, null, 8, zo)
+            ])) : m("", !0)
           ]))), 256)),
-          e.value.style.layout.marginalBars.showLines ? (i(), c("g", Fo, [
-            (i(!0), c(Z, null, le(vl.value, (t) => (i(), c(Z, null, [
-              W.value.includes(t.id) ? b("", !0) : (i(), c("path", {
+          e.value.style.layout.marginalBars.showLines ? (i(), c("g", Eo, [
+            (i(!0), c(Z, null, le(yl.value, (t) => (i(), c(Z, null, [
+              W.value.includes(t.id) ? m("", !0) : (i(), c("path", {
                 key: 0,
                 d: `M ${t.dX}`,
                 stroke: e.value.style.backgroundColor,
@@ -1128,8 +1132,8 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, zo)),
-              W.value.includes(t.id) ? b("", !0) : (i(), c("path", {
+              }, null, 8, Po)),
+              W.value.includes(t.id) ? m("", !0) : (i(), c("path", {
                 key: 1,
                 d: `M ${t.dX}`,
                 stroke: t.color,
@@ -1137,8 +1141,8 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, Eo)),
-              W.value.includes(t.id) ? b("", !0) : (i(), c("path", {
+              }, null, 8, Oo)),
+              W.value.includes(t.id) ? m("", !0) : (i(), c("path", {
                 key: 2,
                 d: `M ${t.dY}`,
                 stroke: e.value.style.backgroundColor,
@@ -1146,8 +1150,8 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, Po)),
-              W.value.includes(t.id) ? b("", !0) : (i(), c("path", {
+              }, null, 8, No)),
+              W.value.includes(t.id) ? m("", !0) : (i(), c("path", {
                 key: 3,
                 d: `M ${t.dY}`,
                 stroke: t.color,
@@ -1155,27 +1159,27 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, Oo))
+              }, null, 8, Wo))
             ], 64))), 256))
-          ])) : b("", !0)
-        ])) : b("", !0),
-        e.value.style.layout.plots.giftWrap.show ? (i(), c("g", No, [
+          ])) : m("", !0)
+        ])) : m("", !0),
+        e.value.style.layout.plots.giftWrap.show ? (i(), c("g", Io, [
           (i(!0), c(Z, null, le(U.value, (t, a) => (i(), c("g", null, [
             t.plots.length > 2 ? (i(), c("polygon", {
               key: 0,
-              points: y(Xl)({ series: t.plots }),
+              points: y(Rl)({ series: t.plots }),
               fill: y(ze)(t.color, e.value.style.layout.plots.giftWrap.fillOpacity * 100),
               "stroke-width": e.value.style.layout.plots.giftWrap.strokeWidth,
               "stroke-dasharray": e.value.style.layout.plots.giftWrap.strokeDasharray,
               stroke: t.color,
               "stroke-linejoin": "round",
               "stroke-linecap": "round"
-            }, null, 8, Wo)) : b("", !0)
+            }, null, 8, Xo)) : m("", !0)
           ]))), 256))
-        ])) : b("", !0),
-        e.value.usePerformanceMode ? b("", !0) : (i(!0), c(Z, { key: 4 }, le(U.value, (t, a) => (i(), c("g", null, [
-          !t.shape || t.shape === "circle" ? (i(), c("g", Io, [
-            (i(!0), c(Z, null, le(t.plots, (s, r) => (i(), c("circle", {
+        ])) : m("", !0),
+        e.value.usePerformanceMode ? m("", !0) : (i(!0), c(Z, { key: 4 }, le(U.value, (t, a) => (i(), c("g", null, [
+          !t.shape || t.shape === "circle" ? (i(), c("g", Yo, [
+            (i(!0), c(Z, null, le(t.plots, (s, n) => (i(), c("circle", {
               cx: s.x,
               cy: s.y,
               r: R.value && R.value === s.id ? s.weight * 2 : s.weight,
@@ -1186,9 +1190,9 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
               onMouseover: (u) => Ue(s, a),
               onMouseleave: (u) => Be(s, a),
               onClick: (u) => Ve(s, a)
-            }, null, 44, Xo))), 256))
-          ])) : (i(), c("g", Yo, [
-            (i(!0), c(Z, null, le(t.plots, (s, r) => (i(), se(tt, {
+            }, null, 44, Ro))), 256))
+          ])) : (i(), c("g", jo, [
+            (i(!0), c(Z, null, le(t.plots, (s, n) => (i(), se(tt, {
               plot: { x: s.x, y: s.y },
               radius: R.value && R.value === s.id ? s.weight * 2 : s.weight,
               shape: t.shape,
@@ -1206,7 +1210,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
           C("g", {
             "clip-path": `url(#clip_path_${X.value})`
           }, [
-            (i(!0), c(Z, null, le(pl.value, (t) => (i(), c("path", {
+            (i(!0), c(Z, null, le(ml.value, (t) => (i(), c("path", {
               key: t.id,
               d: t.d,
               fill: t.fill,
@@ -1215,9 +1219,9 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
               "stroke-opacity": t.strokeOpacity,
               "vector-effect": "non-scaling-stroke",
               "paint-order": "fill"
-            }, null, 8, jo))), 128))
-          ], 8, Ro),
-          g.value && e.value.style.layout.plots.selectors.show ? (i(), c("g", Uo, [
+            }, null, 8, Vo))), 128))
+          ], 8, Uo),
+          g.value && e.value.style.layout.plots.selectors.show ? (i(), c("g", Go, [
             we(tt, {
               shape: g.value.shape || "circle",
               color: g.value.color,
@@ -1226,19 +1230,19 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
               stroke: e.value.style.layout.plots.stroke,
               strokeWidth: e.value.style.layout.plots.strokeWidth
             }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])
-          ])) : b("", !0),
+          ])) : m("", !0),
           C("rect", {
-            x: n.value.left,
-            y: n.value.top,
-            width: Math.max(1e-4, n.value.width),
-            height: Math.max(1e-4, n.value.height),
+            x: r.value.left,
+            y: r.value.top,
+            width: Math.max(1e-4, r.value.width),
+            height: Math.max(1e-4, r.value.height),
             fill: "transparent",
             onMousemove: o[2] || (o[2] = (...t) => y(St) && y(St)(...t)),
-            onMouseleave: bl,
-            onClick: kl
-          }, null, 40, Vo)
-        ], 64)) : b("", !0),
-        g.value && e.value.style.layout.plots.selectors.show ? (i(), c("g", Go, [
+            onMouseleave: xl,
+            onClick: Cl
+          }, null, 40, qo)
+        ], 64)) : m("", !0),
+        g.value && e.value.style.layout.plots.selectors.show ? (i(), c("g", Ho, [
           C("line", {
             x1: P.value.x,
             x2: g.value.x,
@@ -1249,7 +1253,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
             "stroke-dasharray": e.value.style.layout.plots.selectors.strokeDasharray,
             "stroke-linecap": "round",
             class: "line-pointer"
-          }, null, 8, qo),
+          }, null, 8, Zo),
           C("line", {
             x1: g.value.x,
             x2: g.value.x,
@@ -1260,7 +1264,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
             "stroke-dasharray": e.value.style.layout.plots.selectors.strokeDasharray,
             "stroke-linecap": "round",
             class: "line-pointer"
-          }, null, 8, Ho),
+          }, null, 8, Jo),
           C("text", {
             x: P.value.x + (g.value.x > P.value.x ? -6 : 6),
             y: g.value.y + e.value.style.layout.plots.selectors.labels.fontSize / 3,
@@ -1278,7 +1282,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
               r: e.value.style.layout.plots.selectors.labels.rounding
             }),
             { datapoint: g.value }
-          )), 9, Zo),
+          )), 9, Ko),
           C("text", {
             x: g.value.x,
             y: P.value.y + (g.value.y > P.value.y ? -6 : e.value.style.layout.plots.selectors.labels.fontSize + 6),
@@ -1296,7 +1300,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
               r: e.value.style.layout.plots.selectors.labels.rounding
             }),
             { datapoint: g.value }
-          )), 9, Jo),
+          )), 9, Qo),
           C("circle", {
             cx: P.value.x,
             cy: g.value.y,
@@ -1305,7 +1309,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
             stroke: e.value.style.layout.plots.selectors.markers.stroke,
             "stroke-width": e.value.style.layout.plots.selectors.markers.strokeWidth,
             class: "line-pointer"
-          }, null, 8, Ko),
+          }, null, 8, ea),
           C("circle", {
             cx: g.value.x,
             cy: P.value.y,
@@ -1314,7 +1318,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
             stroke: e.value.style.layout.plots.selectors.markers.stroke,
             "stroke-width": e.value.style.layout.plots.selectors.markers.strokeWidth,
             class: "line-pointer"
-          }, null, 8, Qo),
+          }, null, 8, ta),
           e.value.style.layout.plots.selectors.labels.showName ? (i(), c("text", {
             key: 0,
             x: g.value.x,
@@ -1322,9 +1326,9 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
             "font-size": e.value.style.layout.plots.selectors.labels.fontSize,
             fill: e.value.style.layout.plots.selectors.labels.color,
             "font-weight": e.value.style.layout.plots.selectors.labels.bold ? "bold" : "normal",
-            "text-anchor": g.value.x < n.value.left + 100 ? "start" : g.value.x > n.value.right - 100 ? "end" : g.value.x > P.value.x ? "start" : "end"
-          }, G(g.value.v.name), 9, ea)) : b("", !0)
-        ])) : b("", !0),
+            "text-anchor": g.value.x < r.value.left + 100 ? "start" : g.value.x > r.value.right - 100 ? "end" : g.value.x > P.value.x ? "start" : "end"
+          }, G(g.value.v.name), 9, la)) : m("", !0)
+        ])) : m("", !0),
         e.value.style.layout.dataLabels.xAxis.show ? (i(), c("g", {
           key: 7,
           ref_key: "xAxisLabelLeft",
@@ -1332,12 +1336,12 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
         }, [
           C("text", {
             id: `vue-ui-scatter-xAxis-label-${X.value}`,
-            transform: `translate(${e.value.style.layout.dataLabels.xAxis.fontSize}, ${n.value.top + n.value.height / 2}), rotate(-90)`,
+            transform: `translate(${e.value.style.layout.dataLabels.xAxis.fontSize}, ${r.value.top + r.value.height / 2}), rotate(-90)`,
             "text-anchor": "middle",
             "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
             "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal",
             fill: e.value.style.layout.dataLabels.xAxis.color
-          }, G(e.value.style.layout.dataLabels.xAxis.name), 9, ta),
+          }, G(e.value.style.layout.dataLabels.xAxis.name), 9, oa),
           C("text", {
             "text-anchor": "middle",
             "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
@@ -1352,14 +1356,14 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.xAxis.rounding
             })
-          )), 9, la)
-        ], 512)) : b("", !0),
+          )), 9, aa)
+        ], 512)) : m("", !0),
         e.value.style.layout.dataLabels.xAxis.show ? (i(), c("text", {
           key: 8,
           ref_key: "xAxisLabelRight",
-          ref: al,
+          ref: rl,
           "text-anchor": "middle",
-          transform: `translate(${n.value.right + e.value.style.layout.padding.right + 6}, ${P.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`,
+          transform: `translate(${r.value.right + e.value.style.layout.padding.right + 6}, ${P.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`,
           "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
           fill: e.value.style.layout.dataLabels.xAxis.color
         }, G(y(ve)(
@@ -1371,13 +1375,13 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
             s: e.value.style.layout.plots.selectors.labels.suffix,
             r: e.value.style.layout.dataLabels.xAxis.rounding
           })
-        )), 9, oa)) : b("", !0),
+        )), 9, sa)) : m("", !0),
         e.value.style.layout.dataLabels.yAxis.show ? (i(), c("text", {
           key: 9,
           ref_key: "yAxisLabelTop",
-          ref: sl,
+          ref: nl,
           x: P.value.x,
-          y: n.value.top - e.value.style.layout.dataLabels.yAxis.fontSize,
+          y: r.value.top - e.value.style.layout.dataLabels.yAxis.fontSize,
           "text-anchor": "middle",
           "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
           fill: e.value.style.layout.dataLabels.yAxis.color
@@ -1390,7 +1394,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
             s: e.value.style.layout.plots.selectors.labels.suffix,
             r: e.value.style.layout.dataLabels.yAxis.rounding
           })
-        )), 9, aa)) : b("", !0),
+        )), 9, ra)) : m("", !0),
         e.value.style.layout.dataLabels.yAxis.show ? (i(), c("g", {
           key: 10,
           ref_key: "yAxisLabelBottom",
@@ -1411,27 +1415,27 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.yAxis.rounding
             })
-          )), 9, sa),
+          )), 9, na),
           C("text", {
             "text-anchor": "middle",
             "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
             "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal",
             fill: e.value.style.layout.dataLabels.yAxis.color,
-            x: n.value.left + n.value.width / 2,
+            x: r.value.left + r.value.width / 2,
             y: I.value.height
-          }, G(e.value.style.layout.dataLabels.yAxis.name), 9, na)
-        ], 512)) : b("", !0),
+          }, G(e.value.style.layout.dataLabels.yAxis.name), 9, ua)
+        ], 512)) : m("", !0),
         C("clipPath", {
           id: `clip_path_${X.value}`
         }, [
           C("rect", {
-            x: n.value.left,
-            y: n.value.top,
-            width: n.value.width <= 0 ? 1e-4 : n.value.width,
-            height: n.value.height <= 0 ? 1e-4 : n.value.height
-          }, null, 8, ua)
-        ], 8, ra),
-        e.value.style.layout.correlation.show ? (i(), c("g", ia, [
+            x: r.value.left,
+            y: r.value.top,
+            width: r.value.width <= 0 ? 1e-4 : r.value.width,
+            height: r.value.height <= 0 ? 1e-4 : r.value.height
+          }, null, 8, va)
+        ], 8, ia),
+        e.value.style.layout.correlation.show ? (i(), c("g", ca, [
           (i(!0), c(Z, null, le(U.value, (t, a) => (i(), c("line", {
             x1: t.correlation.x1,
             x2: t.correlation.x2,
@@ -1441,7 +1445,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
             stroke: t.color,
             "stroke-width": e.value.style.layout.correlation.strokeWidth,
             "clip-path": `url(#clip_path_${X.value})`
-          }, null, 8, va))), 256)),
+          }, null, 8, ya))), 256)),
           (i(!0), c(Z, null, le(U.value, (t, a) => (i(), c("g", null, [
             e.value.style.layout.correlation.label.show ? (i(), c("text", {
               key: 0,
@@ -1454,27 +1458,27 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
             }, G(y(oe)({
               v: y(q)(t.correlation.coefficient),
               r: e.value.style.layout.correlation.label.roundingValue
-            })), 9, ca)) : b("", !0)
+            })), 9, da)) : m("", !0)
           ]))), 256))
-        ])) : b("", !0),
+        ])) : m("", !0),
         F(l.$slots, "svg", {
           svg: {
             ...I.value,
             drawingArea: {
-              ...n.value,
+              ...r.value,
               zero: P.value
             },
             data: Me.value
           }
         }, void 0, !0)
-      ], 46, uo)),
-      l.$slots.watermark ? (i(), c("div", ya, [
-        F(l.$slots, "watermark", K(Q({ isPrinting: y(pt) || y(mt) })), void 0, !0)
-      ])) : b("", !0),
+      ], 46, vo)),
+      l.$slots.watermark ? (i(), c("div", ha, [
+        F(l.$slots, "watermark", K(Q({ isPrinting: y(pt) || y(bt) })), void 0, !0)
+      ])) : m("", !0),
       C("div", {
         id: `legend-bottom-${X.value}`
-      }, null, 8, da),
-      ct.value ? (i(), se(Sl, {
+      }, null, 8, fa),
+      ct.value ? (i(), se(Tl, {
         key: 5,
         to: e.value.style.legend.position === "top" ? `#legend-top-${X.value}` : `#legend-bottom-${X.value}`
       }, [
@@ -1482,17 +1486,17 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
           ref_key: "chartLegend",
           ref: st
         }, [
-          e.value.style.legend.show ? (i(), se(lo, {
+          e.value.style.legend.show ? (i(), se(ao, {
             key: `legend_${vt.value}`,
             legendSet: te.value,
-            config: ul.value,
+            config: vl.value,
             onClickMarker: o[3] || (o[3] = ({ legend: t }) => Se(t.id))
           }, {
             item: T(({ legend: t }) => [
               C("div", {
                 onClick: (a) => t.segregate(),
                 style: ie(`opacity:${W.value.includes(t.id) ? 0.5 : 1}`)
-              }, G(t.name), 13, ha)
+              }, G(t.name), 13, ga)
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : F(l.$slots, "legend", {
@@ -1500,16 +1504,16 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
             legend: te.value
           }, void 0, !0)
         ], 512)
-      ], 8, ["to"])) : b("", !0),
+      ], 8, ["to"])) : m("", !0),
       l.$slots.source ? (i(), c("div", {
         key: 6,
         ref_key: "source",
-        ref: nt,
+        ref: rt,
         dir: "auto"
       }, [
         F(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : b("", !0),
-      we(y(Gt), {
+      ], 512)) : m("", !0),
+      we(y(Ht), {
         teleportTo: e.value.style.tooltip.teleportTo,
         show: H.value.showTooltip && Ee.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
@@ -1537,8 +1541,8 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
           F(l.$slots, "tooltip-after", K(Q({ ...je.value })), void 0, !0)
         ]),
         default: T(() => [
-          e.value.style.tooltip.showShape ? (i(), c("div", fa, [
-            (i(), c("svg", ga, [
+          e.value.style.tooltip.showShape ? (i(), c("div", pa, [
+            (i(), c("svg", ba, [
               we(tt, {
                 shape: g.value.shape,
                 color: g.value.color,
@@ -1546,17 +1550,17 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
                 radius: 7
               }, null, 8, ["shape", "color"])
             ]))
-          ])) : b("", !0)
+          ])) : m("", !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      lt.value && e.value.userOptions.buttons.table ? (i(), se(Ll(ke.value.component), Tl({ key: 7 }, ke.value.props, {
+      lt.value && e.value.userOptions.buttons.table ? (i(), se(Dl(ke.value.component), Fl({ key: 7 }, ke.value.props, {
         ref_key: "tableUnit",
-        ref: be,
+        ref: me,
         onClose: Lt
       }), zt({
         content: T(() => [
-          (i(), se(y(Zt), {
+          (i(), se(y(Kt), {
             key: `table_${it.value}`,
             colNames: Le.value.colNames,
             head: Le.value.head,
@@ -1570,12 +1574,12 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
               Et(G(t), 1)
             ]),
             td: T(({ td: t }) => [
-              t.shape ? (i(), c("div", pa, [
+              t.shape ? (i(), c("div", ma, [
                 C("span", null, G(t.content), 1)
               ])) : (i(), c("div", {
                 key: 1,
                 innerHTML: t
-              }, null, 8, ma))
+              }, null, 8, ka))
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1597,7 +1601,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
               class: "vue-ui-user-options-button",
               onClick: o[4] || (o[4] = (t) => Ge(e.value.userOptions.callbacks.csv))
             }, [
-              we(y(qt), {
+              we(y(Zt), {
                 name: "excel",
                 stroke: ke.value.props.color
               }, null, 8, ["stroke"])
@@ -1605,16 +1609,16 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : b("", !0),
-      y(yt) ? (i(), se(Zl, { key: 8 })) : b("", !0)
-    ], 46, no));
+      ]), 1040)) : m("", !0),
+      y(yt) ? (i(), se(Kl, { key: 8 })) : m("", !0)
+    ], 46, uo));
   }
-}, ka = /* @__PURE__ */ so(ba, [["__scopeId", "data-v-8eb1bada"]]), Oa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ca = /* @__PURE__ */ no(xa, [["__scopeId", "data-v-8eb1bada"]]), Wa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ka
+  default: Ca
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Pa as a,
-  Oa as b,
-  ka as v
+  Na as a,
+  Wa as b,
+  Ca as v
 };