vue-data-ui 3.5.2 → 3.7.0

package/dist/vue-ui-scatter-CtvOXUnx.js

@@ -1,1590 +0,0 @@
-import { defineAsyncComponent as ie, computed as z, ref as M, toRefs as gl, watch as Pe, shallowRef as Tt, onMounted as ml, onBeforeUnmount as xl, createElementBlock as c, openBlock as r, unref as y, normalizeStyle as re, normalizeClass as zt, createBlock as se, createCommentVNode as x, createElementVNode as w, createVNode as _e, withCtx as T, renderSlot as P, normalizeProps as J, guardReactiveProps as K, createSlots as Pt, Fragment as Z, renderList as te, toDisplayString as G, Teleport as bl, resolveDynamicComponent as kl, mergeProps as wl, createTextVNode as Ot, nextTick as $l } from "vue";
-import { c as _l, t as Ml, b as Sl, p as de, o as Dt, f as Je, e as Cl, g as Et, aa as Al, h as Ke, ac as Ll, z as Bl, s as Oe, X as Tl, ab as zl, a as ve, x as q, d as le, P as Pl, Q as Ol, G as Dl, H as El } from "./lib-C_mNZmhD.js";
-import { t as Fl, u as Wl } from "./useResponsive-DfdjqQps.js";
-import { u as Nl, a as Ft } from "./useNestedProp-CReNavA0.js";
-import { u as Il, B as Xl } from "./BaseScanner-BgWxam9d.js";
-import { u as Yl } from "./usePrinter-DTzqpYKF.js";
-import { u as Rl } from "./useSvgExport-DrjCWun4.js";
-import { u as Ul } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Vl } from "./useChartAccessibility-9icAAmYg.js";
-import { t as jl } from "./themes-AUNCOb2G.js";
-import Gl from "./Legend-G6GMcdAc.js";
-import ql from "./Title-BzH_LEA3.js";
-import { _ as et } from "./Shape-CNXKB8O0.js";
-import Hl from "./img-BecE5qXd.js";
-import { _ as Zl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "height"], ta = { key: 1 }, la = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], aa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], oa = { key: 2 }, sa = ["id"], na = ["stop-color"], ua = ["stop-color"], ia = ["id"], ra = ["stop-color"], va = ["stop-color"], ca = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "rx"], ya = ["x", "y", "width", "height", "onMouseenter"], da = {
-  key: 2,
-  style: { "pointer-events": "none" }
-}, ha = ["x", "y", "width", "height", "fill", "fill-opacity"], fa = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], pa = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], ga = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], ma = ["x", "y", "width", "height", "onMouseenter"], xa = {
-  key: 2,
-  style: { "pointer-events": "none" }
-}, ba = ["x", "y", "width", "height", "fill", "fill-opacity"], ka = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], wa = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], $a = {
-  key: 0,
-  style: { "pointer-events": "none" }
-}, _a = ["d", "stroke", "stroke-width"], Ma = ["d", "stroke", "stroke-width"], Sa = ["d", "stroke", "stroke-width"], Ca = ["d", "stroke", "stroke-width"], Aa = { key: 3 }, La = ["points", "fill", "stroke-width", "stroke-dasharray", "stroke"], Ba = { key: 0 }, Ta = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseover", "onMouseleave", "onClick"], za = { key: 1 }, Pa = ["clip-path"], Oa = ["d", "fill", "stroke", "stroke-width", "stroke-opacity"], Da = {
-  key: 0,
-  style: { "pointer-events": "none" }
-}, Ea = ["x", "y", "width", "height"], Fa = {
-  key: 6,
-  style: { "pointer-events": "none !important" }
-}, Wa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Na = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ia = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Xa = ["x", "y", "font-size", "fill", "font-weight"], Ya = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ra = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ua = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Va = ["id", "transform", "font-size", "font-weight", "fill"], ja = ["font-size", "fill", "transform"], Ga = ["transform", "font-size", "fill"], qa = ["x", "y", "font-size", "fill"], Ha = ["x", "y", "font-size", "fill"], Za = ["font-size", "font-weight", "fill", "x", "y"], Qa = ["id"], Ja = ["x", "y", "width", "height"], Ka = {
-  key: 11,
-  style: { pointerEvents: "none" }
-}, eo = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], to = ["x", "y", "fill", "font-size", "font-weight"], lo = {
-  key: 4,
-  class: "vue-data-ui-watermark"
-}, ao = ["id"], oo = ["onClick"], so = {
-  key: 0,
-  style: { width: "100%", display: "flex", "align-items": "center", "justify-content": "center" }
-}, no = {
-  viewBox: "0 0 20 20",
-  height: "20",
-  width: "20",
-  style: { overflow: "hidden", background: "transparent" }
-}, uo = { key: 0 }, io = ["innerHTML"], ro = {
-  __name: "vue-ui-scatter",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  setup(Wt, { expose: Nt }) {
-    const It = ie(() => import("./Tooltip-oWCO1HKy.js")), Xt = ie(() => import("./BaseIcon-BmMbm4d0.js")), Yt = ie(() => import("./vue-ui-accordion-BmFTVF1a.js")), Rt = ie(() => import("./DataTable-BT7VF2ua.js")), Ut = ie(() => import("./PenAndPaper-SZQIAgkg.js")), Vt = ie(() => import("./UserOptions-CGnQt6Fd.js")), jt = ie(() => import("./PackageVersion-Y7t79Jtq.js")), Gt = ie(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_scatter: qt } = Nl(), ae = Wt, tt = z(() => !!ae.dataset && ae.dataset.length), X = M(_l()), De = M(!1), Ee = M(""), lt = M(0), oe = M(null), at = M(null), ot = M(null), st = M(null), nt = M(null), ut = M(0), it = M(0), rt = M(0), N = M([]), vt = M(!1), ge = M(null), me = M(null), xe = M(null), Fe = M(null), We = M(null), Ht = M(null), Zt = M(null), Ne = M(null), e = M(Re());
-    function Qt(l = 100, a = 0.8, t = {}) {
-      const { meanX: s = 0, sdX: o = 1, meanY: u = 0, sdY: i = 1, seed: f } = t;
-      let v = (f ?? Math.floor(Math.random() * 2 ** 31)) >>> 0;
-      const g = () => (v = v * 1664525 + 1013904223 >>> 0, v / 2 ** 32), L = () => {
-        let m = 0, W = 0;
-        for (; m === 0; ) m = g();
-        for (; W === 0; ) W = g();
-        return Math.sqrt(-2 * Math.log(m)) * Math.cos(2 * Math.PI * W);
-      }, d = l / 2, _ = Array.from({ length: d }, L), F = Array.from({ length: d }, L), S = (m) => m.reduce((W, $e) => W + $e, 0) / m.length, O = S(_), Y = S(F);
-      for (let m = 0; m < d; m += 1)
-        _[m] -= O, F[m] -= Y;
-      const B = (m, W) => m.reduce(($e, ze, Qe) => $e + ze * W[Qe], 0), $ = (m) => B(m, m), h = B(F, _) / $(_), A = F.map((m, W) => m - h * _[W]), j = $(_) / d, Q = $(A) / d, ue = Math.sqrt((1 - a * a) * j / Q), U = _.map((m, W) => a * m + ue * A[W]), ye = _.concat(_.map((m) => -m)), Ze = U.concat(U.map((m) => -m)), ke = (m) => Math.sqrt($(m) / m.length), fe = (m, W, $e) => {
-        const ze = ke(m);
-        return m.map((Qe) => $e + (ze ? Qe / ze * W : 0));
-      }, pe = fe(ye, o, s), we = fe(Ze, i, u);
-      for (let m = pe.length - 1; m > 0; m -= 1) {
-        const W = Math.floor(g() * (m + 1));
-        [pe[m], pe[W]] = [pe[W], pe[m]], [we[m], we[W]] = [we[W], we[m]];
-      }
-      return pe.map((m, W) => ({ x: m, y: we[W] }));
-    }
-    const { loading: ct, FINAL_DATASET: Ie, manualLoading: Xe } = Il({
-      ...gl(ae),
-      FINAL_CONFIG: e,
-      prepareConfig: Re,
-      skeletonDataset: [
-        {
-          name: "",
-          color: "#999999",
-          values: Qt(100, 0.5, { seed: 42 })
-        }
-      ],
-      skeletonConfig: Ml({
-        defaultConfig: e.value,
-        userConfig: {
-          userOptions: { show: !1 },
-          table: { show: !1 },
-          useCssAnimation: !1,
-          style: {
-            backgroundColor: "#99999930",
-            layout: {
-              axis: {
-                stroke: "#6A6A6A"
-              },
-              correlation: {
-                label: { show: !1 }
-              },
-              dataLabels: {
-                xAxis: { show: !1 },
-                yAxis: { show: !1 }
-              },
-              marginalBars: {
-                fill: "#99999960"
-              },
-              padding: { top: 12, right: 12, bottom: 12, left: 12 },
-              plots: {
-                stroke: "#6A6A6A"
-              }
-            },
-            legend: {
-              backgroundColor: "transparent"
-            }
-          }
-        }
-      })
-    }), { userOptionsVisible: Ye, setUserOptionsVisibility: yt, keepUserOptionState: dt } = Ul({ config: e.value }), { svgRef: Me } = Vl({ config: e.value.style.title });
-    function Re() {
-      const l = Ft({
-        userConfig: ae.config,
-        defaultConfig: qt
-      });
-      return l.theme ? {
-        ...Ft({
-          userConfig: jl.vue_ui_scatter[l.theme] || ae.config,
-          defaultConfig: l
-        }),
-        customPalette: Sl[l.theme] || de
-      } : l;
-    }
-    Pe(() => ae.config, (l) => {
-      ct.value || (e.value = Re()), Ye.value = !e.value.userOptions.showOnChartHover, ft(), ut.value += 1, it.value += 1, rt.value += 1, H.value.showTable = e.value.table.show, H.value.showTooltip = e.value.style.tooltip.show, ht.value && e.value.usePerformanceMode && console.warn(`VueUiScatter : You are using performance mode
-
-- downsampling is disabled in this mode, all plots are rendered
-
-- plot significance is not active in this mode (all plots have the same opacity) 
-
-- Depending on plot density, shapes might not display a border (stroke) to avoid fuzziness 
-
-ℹ️ To remove this warning, set config.debug to false.`);
-    }, { deep: !0 }), Pe(() => ae.dataset, (l) => {
-      Array.isArray(l) && l.length > 0 && (Xe.value = !1);
-    }, { deep: !0 });
-    const ne = Tt(null), he = Tt(null);
-    ml(() => {
-      vt.value = !0, ft();
-    });
-    const ht = z(() => !!e.value.debug);
-    function ft() {
-      if (Dt(ae.dataset) && (Je({
-        componentName: "VueUiScatter",
-        type: "dataset",
-        debug: ht.value
-      }), Xe.value = !0), Dt(ae.dataset) || (Xe.value = e.value.loading), e.value.responsive) {
-        const l = Fl(() => {
-          const { width: a, height: t } = Wl({
-            chart: oe.value,
-            title: e.value.style.title.text ? at.value : null,
-            legend: e.value.style.legend.show ? ot.value : null,
-            source: st.value,
-            noTitle: nt.value
-          });
-          requestAnimationFrame(() => {
-            I.value.width = a, I.value.height = t;
-          });
-        });
-        ne.value && (he.value && ne.value.unobserve(he.value), ne.value.disconnect()), ne.value = new ResizeObserver(l), he.value = oe.value.parentNode, ne.value.observe(he.value);
-      }
-    }
-    xl(() => {
-      ne.value && (he.value && ne.value.unobserve(he.value), ne.value.disconnect());
-    });
-    const { isPrinting: pt, isImaging: gt, generatePdf: mt, generateImage: xt } = Yl({
-      elementId: `vue-ui-scatter_${X.value}`,
-      fileName: e.value.style.title.text || "vue-ui-scatter",
-      options: e.value.userOptions.print
-    }), Jt = z(() => e.value.userOptions.show && !e.value.style.title.text), bt = z(() => Cl(e.value.customPalette)), H = M({
-      showTable: e.value.table.show,
-      showTooltip: e.value.style.tooltip.show
-    });
-    Pe(e, () => {
-      H.value = {
-        showTable: e.value.table.show,
-        showTooltip: e.value.style.tooltip.show
-      };
-    }, { immediate: !0 });
-    const I = M({
-      height: e.value.style.layout.height,
-      width: e.value.style.layout.width
-    }), Se = z(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0), n = z(() => {
-      let l = 0, a = 0;
-      return We.value && (l = We.value.getBBox().width + 6), Ne.value && (a = Ne.value.getBBox().height + 6), {
-        top: e.value.style.layout.padding.top + Se.value + e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        right: I.value.width - e.value.style.layout.padding.right - Se.value - 6,
-        bottom: I.value.height - e.value.style.layout.padding.bottom - a,
-        left: e.value.style.layout.padding.left + l,
-        height: I.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - Se.value - a - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        width: I.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - Se.value - l - 6
-      };
-    }), D = z(() => {
-      Ie.value.forEach((o, u) => {
-        Et({
-          datasetObject: o,
-          requiredAttributes: ["values"]
-        }).forEach((i) => {
-          Je({
-            componentName: "VueUiScatter",
-            type: "datasetSerieAttribute",
-            property: i,
-            index: u
-          });
-        }), o.values && o.values.forEach((i, f) => {
-          Et({
-            datasetObject: i,
-            requiredAttributes: ["x", "y"]
-          }).forEach((v) => {
-            Je({
-              componentName: "VueUiScatter",
-              type: "datasetSerieAttribute",
-              property: `values.${v}`,
-              index: `${u} - ${f}`
-            });
-          });
-        });
-      });
-      const l = Math.min(...ee.value.filter((o) => !N.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.x))), a = Math.max(...ee.value.filter((o) => !N.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.x))), t = Math.min(...ee.value.filter((o) => !N.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.y))), s = Math.max(...ee.value.filter((o) => !N.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.y)));
-      return { xMin: l >= 0 ? 0 : l, xMax: a, yMin: t >= 0 ? 0 : t, yMax: s };
-    }), E = z(() => ({
-      x: n.value.left + Math.abs(D.value.xMin) / (D.value.xMax + Math.abs(D.value.xMin)) * n.value.width,
-      y: n.value.bottom - Math.abs(D.value.yMin) / (D.value.yMax + Math.abs(D.value.yMin)) * n.value.height
-    })), ee = z(() => Ie.value.map((l, a) => {
-      const t = `cluster_${X.value}_${a}`;
-      return {
-        ...l,
-        values: Al({
-          data: l.values,
-          threshold: e.value.usePerformanceMode ? l.values.length + 1 : e.value.downsample.threshold
-        }),
-        id: t,
-        color: l.color ? l.color : bt.value[a] || de[a] || de[a % de.length],
-        opacity: N.value.includes(t) ? 0.5 : 1,
-        shape: l.shape ?? "circle",
-        segregate: () => Le(t),
-        isSegregated: N.value.includes(t)
-      };
-    })), Kt = z(() => ({
-      cy: "scatter-div-legend",
-      backgroundColor: e.value.style.legend.backgroundColor,
-      color: e.value.style.legend.color,
-      fontSize: e.value.style.legend.fontSize,
-      paddingBottom: 12,
-      fontWeight: e.value.style.legend.bold ? "bold" : ""
-    })), Ce = z(() => ee.value.map((l, a) => ({
-      ...l,
-      plots: l.values.map((t) => ({
-        x: n.value.left + (t.x + Math.abs(D.value.xMin)) / (D.value.xMax + Math.abs(D.value.xMin)) * n.value.width,
-        y: n.value.bottom - (t.y + Math.abs(D.value.yMin)) / (D.value.yMax + Math.abs(D.value.yMin)) * n.value.height,
-        v: {
-          ...t,
-          name: t.name || ""
-        },
-        clusterName: l.name,
-        color: l.color ? l.color : bt.value[a] || de[a] || de[a % de.length],
-        id: `plot_${X.value}_${Math.random()}`,
-        weight: t.weight ?? e.value.style.layout.plots.radius
-      }))
-    })).filter((l) => !N.value.includes(l.id))), V = z(() => {
-      const a = ({ m: t, b: s, rect: o, verticalX: u = null }) => {
-        const { left: i, right: f, top: v, bottom: g } = o, L = [], d = ($, h) => {
-          Number.isFinite($) && Number.isFinite(h) && L.push({ x: $, y: h });
-        }, _ = ({ x: $, y: h }) => $ >= i - 1e-9 && $ <= f + 1e-9 && h >= v - 1e-9 && h <= g + 1e-9;
-        u !== null ? u >= i - 1e-9 && u <= f + 1e-9 && (d(u, v), d(u, g)) : Number.isFinite(t) && (d(i, t * i + s), d(f, t * f + s), Math.abs(t) > 1e-9 ? (d((v - s) / t, v), d((g - s) / t, g)) : s >= v - 1e-9 && s <= g + 1e-9 && (d(i, s), d(f, s)));
-        const F = L.filter(_), S = [];
-        for (const $ of F)
-          S.some((h) => Math.abs(h.x - $.x) < 1e-6 && Math.abs(h.y - $.y) < 1e-6) || S.push($);
-        if (S.length < 2) return null;
-        let O = S[0], Y = S[1], B = 0;
-        for (let $ = 0; $ < S.length; $ += 1)
-          for (let h = $ + 1; h < S.length; h += 1) {
-            const A = S[$].x - S[h].x, j = S[$].y - S[h].y, Q = A * A + j * j;
-            Q > B && (B = Q, O = S[$], Y = S[h]);
-          }
-        return { x1: O.x, y1: O.y, x2: Y.x, y2: Y.y };
-      };
-      return Ce.value.map((t) => {
-        const s = t.plots.length, o = t.plots.reduce((h, A) => h + A.x, 0) / s, u = t.plots.reduce((h, A) => h + A.y, 0) / s;
-        let i = 0, f = 0;
-        for (const h of t.plots) {
-          const A = h.x - o, j = h.y - u;
-          i += A * j, f += A * A;
-        }
-        let v, g, L = null;
-        f < 1e-9 ? (L = o, v = 1 / 0, g = null) : (v = i / f, g = u - v * o);
-        let d, _;
-        L !== null ? (d = 1 / 0, _ = null) : (d = v, _ = g);
-        const F = t.plots.every((h) => h.v && typeof h.v.x == "number" && typeof h.v.y == "number");
-        let S = NaN;
-        if (s >= 2) {
-          let h = 0, A = 0;
-          F ? (h = t.plots.reduce((U, ye) => U + ye.v.x, 0) / s, A = t.plots.reduce((U, ye) => U + ye.v.y, 0) / s) : (h = o, A = -u);
-          let j = 0, Q = 0, ue = 0;
-          for (const U of t.plots) {
-            const ye = F ? U.v.x : U.x, Ze = F ? U.v.y : -U.y, ke = ye - h, fe = Ze - A;
-            j += ke * fe, Q += ke * ke, ue += fe * fe;
-          }
-          if (Q >= 1e-9 && ue >= 1e-9) {
-            const U = j / Math.sqrt(Q * ue);
-            S = Math.max(-1, Math.min(1, U));
-          }
-        }
-        const O = a({ m: d, b: _, rect: n.value, verticalX: L });
-        if (!O)
-          return {
-            ...t,
-            correlation: null,
-            label: null,
-            plots: t.plots.map((h) => ({
-              ...h,
-              deviation: 0,
-              shape: t.shape,
-              color: Ke(t.color)
-            }))
-          };
-        const Y = (O.x1 + O.x2) / 2, B = (O.y1 + O.y2) / 2, $ = { x: Y, y: B };
-        return {
-          ...t,
-          color: Ke(t.color),
-          correlation: {
-            ...O,
-            coefficient: S
-          },
-          label: $,
-          plots: t.plots.map((h) => {
-            let A, j;
-            L !== null ? (A = L, j = h.y) : Math.abs(d) < 1e-9 ? (A = h.x, j = _) : (A = (h.x + d * h.y - d * _) / (1 + d * d), j = (d * h.x + d * d * h.y + _) / (1 + d * d));
-            const Q = h.x - A, ue = h.y - j, U = Math.sqrt(Q * Q + ue * ue);
-            return {
-              ...h,
-              deviation: U,
-              shape: t.shape,
-              color: Ke(t.color)
-            };
-          })
-        };
-      });
-    }), kt = z(() => Math.max(...V.value.flatMap((l) => l.plots.map((a) => Math.abs(a.deviation)))));
-    function el() {
-      return V.value;
-    }
-    function wt(l, a) {
-      const t = Array.isArray(l) ? l.flatMap((B) => B.plots.map(($) => ({
-        x: $.x,
-        y: $.y
-      }))) : l.plots.map((B) => ({
-        x: B.x,
-        y: B.y
-      }));
-      let s = 1 / 0, o = -1 / 0, u = 1 / 0, i = -1 / 0;
-      t.forEach(({ x: B, y: $ }) => {
-        s = Math.min(s, B), o = Math.max(o, B), u = Math.min(u, $), i = Math.max(i, $);
-      });
-      const f = o - s, v = i - u, g = f / a, L = v / a, d = Array(a).fill(0), _ = Array(a).fill(0);
-      t.forEach(({ x: B, y: $ }) => {
-        const h = Math.floor((B - s) / g), A = Math.floor(($ - u) / L);
-        d[h] || (d[h] = 0), _[A] || (_[A] = 0), d[h] += 1, _[A] += 1;
-      });
-      const F = [], S = [];
-      for (let B = 0; B < a; B += 1)
-        F.push(s + (B + 0.5) * g), S.push(u + (B + 0.5) * L);
-      const O = Math.max(...d), Y = Math.max(..._);
-      return { x: d, y: _, avgX: F, avgY: S, maxX: O, maxY: Y };
-    }
-    const b = z(() => e.value.style.layout.marginalBars.tranches), C = z(() => wt(Ce.value, b.value)), tl = z(() => {
-      const l = n.value.top - e.value.style.layout.marginalBars.offset, a = n.value.right + e.value.style.layout.marginalBars.offset;
-      return Ce.value.map((t) => {
-        const s = wt(t, b.value);
-        return {
-          coords: s,
-          dX: Bl(s.avgX.map((o, u) => ({
-            x: o,
-            y: l - s.x[u] / s.maxX * e.value.style.layout.marginalBars.size
-          }))),
-          dY: Ll(s.avgY.map((o, u) => ({
-            y: o,
-            x: a + e.value.style.layout.marginalBars.size * s.y[u] / s.maxY
-          }))),
-          color: t.color,
-          id: t.id
-        };
-      });
-    }), R = M(void 0), p = M(null), Ue = M(null);
-    function Ve(l, a) {
-      R.value = l.id, p.value = l;
-      let t = "";
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: a }), Ue.value = {
-        datapoint: l,
-        seriesIndex: a,
-        series: V.value,
-        config: e.value
-      };
-      const s = e.value.style.tooltip.customFormat;
-      Dl(s) && El(() => s({
-        datapoint: l,
-        seriesIndex: a,
-        series: V.value,
-        config: e.value
-      })) ? Ee.value = s({
-        datapoint: l,
-        seriesIndex: a,
-        series: V.value,
-        config: e.value
-      }) : (l.clusterName && (t += `<div style="display:flex;gap:3px;align-items:center">${l.clusterName}</div>`), l.v.name && (t += `<div>${l.v.name}</div>`), t += `<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`, t += `<div>${e.value.style.layout.dataLabels.xAxis.name}: <b>${isNaN(l.v.x) ? "-" : ve(
-        e.value.style.layout.plots.selectors.labels.x.formatter,
-        l.v.x,
-        le({
-          p: e.value.style.tooltip.prefix,
-          v: l.v.x,
-          s: e.value.style.tooltip.suffix,
-          r: e.value.style.tooltip.roundingValue
-        }),
-        { datapoint: l, seriesIndex: a }
-      )}</b></div>`, t += `<div>${e.value.style.layout.dataLabels.yAxis.name}: <b>${isNaN(l.v.y) ? "-" : ve(
-        e.value.style.layout.plots.selectors.labels.y.formatter,
-        l.v.y,
-        le({
-          p: e.value.style.tooltip.prefix,
-          v: l.v.y,
-          s: e.value.style.tooltip.suffix,
-          r: e.value.style.tooltip.roundingValue
-        }),
-        { datapoint: l, seriesIndex: a }
-      )}</b></div>`, t += `${e.value.style.layout.plots.deviation.translation}: <b>${le({
-        v: l.deviation,
-        r: e.value.style.layout.plots.deviation.roundingValue
-      })}</b>`, t += "</div>", Ee.value = `<div>${t}</div>`), De.value = !0;
-    }
-    function Ae(l, a) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: a }), De.value = !1, R.value = void 0, p.value = null;
-    }
-    function je(l, a) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: a });
-    }
-    function Le(l) {
-      N.value.includes(l) ? N.value = N.value.filter((a) => a !== l) : N.value.length < Ie.value.length - 1 && N.value.push(l);
-    }
-    function $t(l) {
-      if (!ee.value.length)
-        return e.value.debug && console.warn("VueUiScatter - There are no series to show."), null;
-      const a = ee.value.find((t) => t.name === l);
-      return a || (e.value.debug && console.warn(`VueUiScatter - Series name not found "${l}"`), null);
-    }
-    function ll(l) {
-      const a = $t(l);
-      a !== null && N.value.includes(a.id) && Le(a.id);
-    }
-    function al(l) {
-      const a = $t(l);
-      a !== null && (N.value.includes(a.id) || Le(a.id));
-    }
-    function Ge(l = null) {
-      $l(() => {
-        const a = ["", 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 = V.value.map((u) => [
-          u.name,
-          u.correlation.coefficient,
-          u.plots.length,
-          u.plots.map((i) => i.v.x).reduce((i, f) => i + f, 0) / u.plots.length,
-          u.plots.map((i) => i.v.y).reduce((i, f) => i + f, 0) / u.plots.length
-        ]), s = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([a]).concat(t), o = Pl(s);
-        l ? l(o) : Ol({ csvContent: o, title: e.value.style.title.text || "vue-ui-heatmap" });
-      });
-    }
-    const Be = z(() => {
-      const l = [
-        e.value.table.translations.series,
-        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}`
-      ], a = V.value.map((s) => [
-        {
-          shape: s.shape,
-          content: s.name,
-          color: s.color
-        },
-        Number((s.correlation.coefficient ?? 0).toFixed(e.value.table.td.roundingValue)).toLocaleString(),
-        s.plots.length.toLocaleString(),
-        Number((s.plots.map((o) => o.v.x ?? 0).reduce((o, u) => o + u, 0) / s.plots.length).toFixed(e.value.table.td.roundingAverage)).toLocaleString(),
-        Number((s.plots.map((o) => o.v.y ?? 0).reduce((o, u) => o + u, 0) / s.plots.length).toFixed(e.value.table.td.roundingAverage)).toLocaleString()
-      ]), t = {
-        th: {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          outline: e.value.table.th.outline
-        },
-        td: {
-          backgroundColor: e.value.table.td.backgroundColor,
-          color: e.value.table.td.color,
-          outline: e.value.table.td.outline
-        },
-        breakpoint: e.value.table.responsiveBreakpoint
-      };
-      return { head: l, body: a, config: t, colNames: l };
-    }), ce = M(!1);
-    function _t(l) {
-      ce.value = l, lt.value += 1;
-    }
-    function Mt() {
-      H.value.showTable = !H.value.showTable;
-    }
-    function St() {
-      H.value.showTooltip = !H.value.showTooltip;
-    }
-    const Te = M(!1);
-    function qe() {
-      Te.value = !Te.value;
-    }
-    async function ol({ scale: l = 2 } = {}) {
-      if (!oe.value) return;
-      const { width: a, height: t } = oe.value.getBoundingClientRect(), s = a / t, { imageUri: o, base64: u } = await Hl({ domElement: oe.value, base64: !0, img: !0, scale: l });
-      return {
-        imageUri: o,
-        base64: u,
-        title: e.value.style.title.text,
-        width: a,
-        height: t,
-        aspectRatio: s
-      };
-    }
-    function sl(l) {
-      ge.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (me.value = C.value.y.length - 2 - l);
-    }
-    function nl(l) {
-      me.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (ge.value = l);
-    }
-    function He() {
-      ge.value = null, me.value = null;
-    }
-    const Ct = {
-      circle: 1,
-      square: 1,
-      diamond: 1,
-      triangle: 1.2,
-      star: 1.3,
-      pentagon: 1.3,
-      hexagon: 1.3
-    }, k = (l) => l.toFixed(3);
-    function ul({ shape: l = "circle", cx: a, cy: t, r: s }) {
-      if (!e.value.usePerformanceMode) return "";
-      const o = Ct[l] * s;
-      switch (l) {
-        case "circle": {
-          const u = k(a - o), i = k(t), f = k(a + o), v = k(o);
-          return `M ${u} ${i} A ${v} ${v} 0 1 0 ${f} ${i} A ${v} ${v} 0 1 0 ${u} ${i} Z`;
-        }
-        case "square": {
-          const u = k(a - o), i = k(t - o), f = k(a + o), v = k(t + o);
-          return `M ${u} ${i} L ${f} ${i} L ${f} ${v} L ${u} ${v} Z`;
-        }
-        case "diamond": {
-          const u = k(a), i = k(t);
-          return `M ${u} ${k(t - o)} L ${k(a + o)} ${i} L ${u} ${k(t + o)} L ${k(a - o)} ${i} Z`;
-        }
-        case "triangle": {
-          const u = o * Math.sqrt(3), i = a, f = t - 2 / 3 * u, v = a - o, g = t + 1 / 3 * u, L = a + o, d = g;
-          return `M ${k(i)} ${k(f)} L ${k(v)} ${k(g)} L ${k(L)} ${k(d)} Z`;
-        }
-        case "star": {
-          const u = o, i = o * 0.5, f = [];
-          for (let g = 0; g < 10; g += 1) {
-            const L = (-90 + g * 36) * Math.PI / 180, d = g % 2 === 0 ? u : i;
-            f.push([a + d * Math.cos(L), t + d * Math.sin(L)]);
-          }
-          let v = `M ${k(f[0][0])} ${k(f[0][1])}`;
-          for (let g = 1; g < f.length; g += 1)
-            v += ` L ${k(f[g][0])} ${k(f[g][1])}`;
-          return v + " Z";
-        }
-        case "pentagon": {
-          const i = [];
-          for (let v = 0; v < 5; v += 1) {
-            const g = (-90 + v * 72) * Math.PI / 180;
-            i.push([a + o * Math.cos(g), t + o * Math.sin(g)]);
-          }
-          let f = `M ${k(i[0][0])} ${k(i[0][1])}`;
-          for (let v = 1; v < 5; v += 1) f += ` L ${k(i[v][0])} ${k(i[v][1])}`;
-          return f + " Z";
-        }
-        case "hexagon": {
-          const i = [];
-          for (let v = 0; v < 6; v += 1) {
-            const g = (-60 + v * 60) * Math.PI / 180;
-            i.push([a + o * Math.cos(g), t + o * Math.sin(g)]);
-          }
-          let f = `M ${k(i[0][0])} ${k(i[0][1])}`;
-          for (let v = 1; v < 6; v += 1) f += ` L ${k(i[v][0])} ${k(i[v][1])}`;
-          return f + " Z";
-        }
-        default: {
-          const u = k(a - o), i = k(t), f = k(a + o), v = k(o);
-          return `M ${u} ${i} A ${v} ${v} 0 1 0 ${f} ${i} A ${v} ${v} 0 1 0 ${u} ${i} Z`;
-        }
-      }
-    }
-    const il = z(() => {
-      if (!e.value.usePerformanceMode) return [""];
-      const { left: l, right: a, top: t, bottom: s } = n.value, o = Math.max(1, (a - l) * (s - t)), u = (d) => d / o * 1e4, i = 2.5, f = 1e3, v = e.value.style.layout.plots.stroke, g = e.value.style.layout.plots.strokeWidth, L = e.value.style.layout.plots.opacity;
-      return V.value.map((d) => {
-        const _ = [];
-        for (const S of d.plots) {
-          const O = S.x, Y = S.y;
-          if (O < l || O > a || Y < t || Y > s) continue;
-          const B = Math.max(e.value.style.layout.plots.radius, S.weight);
-          _.push(ul({
-            shape: d.shape || "circle",
-            cx: O,
-            cy: Y,
-            r: B
-          }));
-        }
-        if (!_.length) return null;
-        const F = u(d.plots.length) > i || d.plots.length > f;
-        return {
-          id: d.id,
-          d: _.join(""),
-          fill: Oe(d.color, L * 100),
-          stroke: F ? "none" : v,
-          strokeWidth: F ? 0 : g,
-          strokeOpacity: 1
-        };
-      }).filter(Boolean);
-    });
-    function rl() {
-      return e.value.usePerformanceMode ? (l) => {
-        const a = Me.value;
-        if (!a) return;
-        const t = a.createSVGPoint();
-        t.x = l.clientX, t.y = l.clientY;
-        const s = a.getScreenCTM();
-        if (!s) return;
-        const o = s.inverse(), u = t.matrixTransform(o), i = 8, f = i * i;
-        let v = null, g = 1 / 0, L = -1;
-        if (V.value.forEach((d, _) => {
-          d.plots.forEach((F) => {
-            const S = F.x - u.x, O = F.y - u.y, Y = S * S + O * O;
-            Y <= f && Y < g && (g = Y, v = F, L = _);
-          });
-        }), v)
-          R.value !== v.id && (R.value = v.id, Ve(v, L));
-        else if (R.value) {
-          const d = p.value;
-          R.value = void 0, Ae(d, L);
-        }
-      } : () => null;
-    }
-    const At = rl();
-    function vl() {
-      if (R.value) {
-        const l = p.value;
-        R.value = void 0, Ae(l, null);
-      }
-    }
-    function cl(l) {
-      const a = p.value;
-      if (a) {
-        const t = V.value.findIndex((s) => s.id === a.clusterId);
-        je(a, t >= 0 ? t : 0);
-      }
-    }
-    const be = z(() => {
-      const l = e.value.table.useDialog && !e.value.table.show, a = H.value.showTable;
-      return {
-        component: l ? Gt : Yt,
-        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,
-          color: e.value.table.th.color,
-          headerColor: e.value.table.th.color,
-          headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: ce.value,
-          fullscreenParent: oe.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8)
-        } : {
-          hideDetails: !0,
-          config: {
-            open: a,
-            maxHeight: 1e4,
-            body: {
-              backgroundColor: e.value.style.backgroundColor,
-              color: e.value.style.color
-            },
-            head: {
-              backgroundColor: e.value.style.backgroundColor,
-              color: e.value.style.color
-            }
-          }
-        }
-      };
-    });
-    Pe(() => H.value.showTable, (l) => {
-      e.value.table.show || (l && e.value.table.useDialog && xe.value ? xe.value.open() : "close" in xe.value && xe.value.close());
-    });
-    function Lt() {
-      H.value.showTable = !1, Fe.value && Fe.value.setTableIconState(!1);
-    }
-    const yl = z(() => e.value.style.backgroundColor), dl = z(() => e.value.style.legend), hl = z(() => e.value.style.title), { exportSvg: fl, getSvg: pl } = Rl({
-      svg: Me,
-      title: hl,
-      legend: dl,
-      legendItems: ee,
-      backgroundColor: yl
-    });
-    async function Bt({ isCb: l }) {
-      if (l) {
-        const { blob: a, url: t, text: s, dataUrl: o } = await pl();
-        e.value.userOptions.callbacks.svg({ blob: a, url: t, text: s, dataUrl: o });
-      } else
-        fl();
-    }
-    return Nt({
-      getData: el,
-      getImage: ol,
-      generatePdf: mt,
-      generateCsv: Ge,
-      generateImage: xt,
-      generateSvg: Bt,
-      hideSeries: al,
-      showSeries: ll,
-      toggleTable: Mt,
-      toggleTooltip: St,
-      toggleAnnotator: qe,
-      toggleFullscreen: _t
-    }), (l, a) => (r(), c("div", {
-      class: zt(`vue-data-ui-component vue-ui-scatter ${ce.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      ref_key: "scatterChart",
-      ref: oe,
-      id: `vue-ui-scatter_${X.value}`,
-      style: re(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: a[5] || (a[5] = () => y(yt)(!0)),
-      onMouseleave: a[6] || (a[6] = () => y(yt)(!1))
-    }, [
-      e.value.userOptions.buttons.annotator ? (r(), se(y(Ut), {
-        key: 0,
-        svgRef: y(Me),
-        backgroundColor: e.value.style.backgroundColor,
-        color: e.value.style.color,
-        active: Te.value,
-        onClose: qe
-      }, {
-        "annotator-action-close": T(() => [
-          P(l.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": T(({ color: t }) => [
-          P(l.$slots, "annotator-action-color", J(K({ color: t })), void 0, !0)
-        ]),
-        "annotator-action-draw": T(({ mode: t }) => [
-          P(l.$slots, "annotator-action-draw", J(K({ mode: t })), void 0, !0)
-        ]),
-        "annotator-action-undo": T(({ disabled: t }) => [
-          P(l.$slots, "annotator-action-undo", J(K({ disabled: t })), void 0, !0)
-        ]),
-        "annotator-action-redo": T(({ disabled: t }) => [
-          P(l.$slots, "annotator-action-redo", J(K({ disabled: t })), void 0, !0)
-        ]),
-        "annotator-action-delete": T(({ disabled: t }) => [
-          P(l.$slots, "annotator-action-delete", J(K({ disabled: t })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : x("", !0),
-      Jt.value ? (r(), c("div", {
-        key: 1,
-        ref_key: "noTitle",
-        ref: nt,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : x("", !0),
-      e.value.style.title.text ? (r(), c("div", {
-        key: 2,
-        ref_key: "chartTitle",
-        ref: at,
-        style: "width:100%;background:transparent"
-      }, [
-        (r(), se(ql, {
-          key: `title_${ut.value}`,
-          config: {
-            title: {
-              cy: "scatter-div-title",
-              ...e.value.style.title
-            },
-            subtitle: {
-              cy: "scatter-div-subtitle",
-              ...e.value.style.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : x("", !0),
-      w("div", {
-        id: `legend-top-${X.value}`
-      }, null, 8, Jl),
-      e.value.userOptions.show && tt.value && (y(dt) || y(Ye)) ? (r(), se(y(Vt), {
-        ref_key: "userOptionsRef",
-        ref: Fe,
-        key: `user_options_${lt.value}`,
-        backgroundColor: e.value.style.backgroundColor,
-        color: e.value.style.color,
-        isImaging: y(gt),
-        isPrinting: y(pt),
-        uid: X.value,
-        hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasImg: e.value.userOptions.buttons.img,
-        hasSvg: e.value.userOptions.buttons.svg,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasTable: e.value.userOptions.buttons.table,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isTooltip: H.value.showTooltip,
-        isFullscreen: ce.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: oe.value,
-        position: e.value.userOptions.position,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: Te.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        tableDialog: e.value.table.useDialog,
-        onToggleFullscreen: _t,
-        onGeneratePdf: y(mt),
-        onGenerateCsv: Ge,
-        onGenerateImage: y(xt),
-        onGenerateSvg: Bt,
-        onToggleTable: Mt,
-        onToggleTooltip: St,
-        onToggleAnnotator: qe,
-        style: re({
-          visibility: y(dt) ? y(Ye) ? "visible" : "hidden" : "visible"
-        })
-      }, Pt({ _: 2 }, [
-        l.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: T(({ isOpen: t, color: s }) => [
-            P(l.$slots, "menuIcon", J(K({ isOpen: t, color: s })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        l.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: T(() => [
-            P(l.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        l.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: T(() => [
-            P(l.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        l.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: T(() => [
-            P(l.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        l.$slots.optionImg ? {
-          name: "optionImg",
-          fn: T(() => [
-            P(l.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        l.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: T(() => [
-            P(l.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        l.$slots.optionTable ? {
-          name: "optionTable",
-          fn: T(() => [
-            P(l.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        l.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: T(({ toggleFullscreen: t, isFullscreen: s }) => [
-            P(l.$slots, "optionFullscreen", J(K({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        l.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: T(({ toggleAnnotator: t, isAnnotator: s }) => [
-            P(l.$slots, "optionAnnotator", J(K({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
-          ]),
-          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"])) : x("", !0),
-      (r(), c("svg", {
-        ref_key: "svgRef",
-        ref: Me,
-        xmlns: y(Tl),
-        class: zt({ "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: re(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
-        onMouseleave: He
-      }, [
-        _e(y(jt)),
-        l.$slots["chart-background"] ? (r(), c("foreignObject", {
-          key: 0,
-          x: 0,
-          y: 0,
-          width: I.value.width <= 0 ? 10 : I.value.width,
-          height: I.value.height <= 0 ? 10 : I.value.height,
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          P(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, ea)) : x("", !0),
-        e.value.style.layout.axis.show ? (r(), c("g", ta, [
-          w("line", {
-            x1: E.value.x,
-            x2: E.value.x,
-            y1: n.value.top,
-            y2: n.value.bottom,
-            stroke: e.value.style.layout.axis.stroke,
-            "stroke-width": e.value.style.layout.axis.strokeWidth,
-            "stroke-linecap": "round"
-          }, null, 8, la),
-          w("line", {
-            x1: n.value.left,
-            x2: n.value.right,
-            y1: E.value.y,
-            y2: E.value.y,
-            stroke: e.value.style.layout.axis.stroke,
-            "stroke-width": e.value.style.layout.axis.strokeWidth,
-            "stroke-linecap": "round"
-          }, null, 8, aa)
-        ])) : x("", !0),
-        e.value.style.layout.marginalBars.show ? (r(), c("g", oa, [
-          w("defs", null, [
-            w("linearGradient", {
-              id: `marginal_x_${X.value}`,
-              x1: "0%",
-              y1: "0%",
-              x2: "0%",
-              y2: "100%"
-            }, [
-              w("stop", {
-                offset: "0%",
-                "stop-color": e.value.style.layout.marginalBars.fill
-              }, null, 8, na),
-              w("stop", {
-                offset: "100%",
-                "stop-color": e.value.style.backgroundColor
-              }, null, 8, ua)
-            ], 8, sa),
-            w("linearGradient", {
-              id: `marginal_y_${X.value}`,
-              x1: "0%",
-              x2: "100%",
-              y1: "0%",
-              y2: "0%"
-            }, [
-              w("stop", {
-                offset: "0%",
-                "stop-color": e.value.style.backgroundColor
-              }, null, 8, ra),
-              w("stop", {
-                offset: "100%",
-                "stop-color": e.value.style.layout.marginalBars.fill
-              }, null, 8, va)
-            ], 8, ia)
-          ]),
-          (r(!0), c(Z, null, te(C.value.x, (t, s) => (r(), c("g", null, [
-            t && C.value.avgX[s] ? (r(), c("rect", {
-              key: 0,
-              x: C.value.avgX[s] - n.value.width / b.value / 2,
-              y: n.value.top - e.value.style.layout.marginalBars.offset - t / C.value.maxX * e.value.style.layout.marginalBars.size,
-              width: n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value,
-              height: t / C.value.maxX * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / C.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: re([`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, ca)) : x("", !0),
-            C.value.avgX[s] ? (r(), c("rect", {
-              key: 1,
-              x: C.value.avgX[s] - n.value.width / b.value / 2,
-              y: n.value.top - e.value.style.layout.marginalBars.offset - e.value.style.layout.marginalBars.size,
-              width: n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value,
-              height: Math.max(0.1, e.value.style.layout.marginalBars.size),
-              fill: "transparent",
-              onMouseenter: (o) => sl(s),
-              onMouseleave: a[0] || (a[0] = (o) => He())
-            }, null, 40, ya)) : x("", !0),
-            C.value.avgX[s] && ge.value != null && ge.value === s ? (r(), c("g", da, [
-              w("rect", {
-                x: C.value.avgX[s] - n.value.width / b.value / 2,
-                y: n.value.top,
-                width: n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value,
-                height: n.value.height,
-                fill: e.value.style.layout.marginalBars.highlighter.color,
-                "fill-opacity": e.value.style.layout.marginalBars.highlighter.opacity
-              }, null, 8, ha),
-              w("line", {
-                x1: C.value.avgX[s] - n.value.width / b.value / 2,
-                x2: C.value.avgX[s] - n.value.width / b.value / 2,
-                y1: 0,
-                y2: n.value.top + n.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, fa),
-              w("line", {
-                x1: C.value.avgX[s] - n.value.width / b.value / 2 + (n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value),
-                x2: C.value.avgX[s] - n.value.width / b.value / 2 + (n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value),
-                y1: 0,
-                y2: n.value.top + n.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, pa)
-            ])) : x("", !0)
-          ]))), 256)),
-          (r(!0), c(Z, null, te(C.value.y, (t, s) => (r(), c("g", null, [
-            t && C.value.avgY[s] ? (r(), c("rect", {
-              key: 0,
-              x: n.value.right + e.value.style.layout.marginalBars.offset,
-              y: C.value.avgY[s] - n.value.height / b.value / 2,
-              height: n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value,
-              width: t / C.value.maxY * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / C.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: re([`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, ga)) : x("", !0),
-            C.value.avgY[s] ? (r(), c("rect", {
-              key: 1,
-              x: n.value.right + e.value.style.layout.marginalBars.offset,
-              y: C.value.avgY[s] - n.value.height / b.value / 2,
-              width: Math.max(0.1, e.value.style.layout.marginalBars.size),
-              height: n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value,
-              fill: "transparent",
-              onMouseenter: (o) => nl(s),
-              onMouseleave: a[1] || (a[1] = (o) => He())
-            }, null, 40, ma)) : x("", !0),
-            C.value.avgY[s] && me.value != null && me.value === s ? (r(), c("g", xa, [
-              w("rect", {
-                x: n.value.left,
-                y: C.value.avgY[s] - n.value.height / b.value / 2,
-                width: n.value.width,
-                height: n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value,
-                fill: e.value.style.layout.marginalBars.highlighter.color,
-                "fill-opacity": e.value.style.layout.marginalBars.highlighter.opacity
-              }, null, 8, ba),
-              w("line", {
-                x1: n.value.left,
-                x2: I.value.width,
-                y1: C.value.avgY[s] - n.value.height / b.value / 2,
-                y2: C.value.avgY[s] - n.value.height / b.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, ka),
-              w("line", {
-                x1: n.value.left,
-                x2: I.value.width,
-                y1: C.value.avgY[s] - n.value.height / b.value / 2 + (n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value),
-                y2: C.value.avgY[s] - n.value.height / b.value / 2 + (n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.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, wa)
-            ])) : x("", !0)
-          ]))), 256)),
-          e.value.style.layout.marginalBars.showLines ? (r(), c("g", $a, [
-            (r(!0), c(Z, null, te(tl.value, (t) => (r(), c(Z, null, [
-              N.value.includes(t.id) ? x("", !0) : (r(), c("path", {
-                key: 0,
-                d: `M ${t.dX}`,
-                stroke: e.value.style.backgroundColor,
-                "stroke-width": e.value.style.layout.marginalBars.linesStrokeWidth + 1,
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                fill: "none"
-              }, null, 8, _a)),
-              N.value.includes(t.id) ? x("", !0) : (r(), c("path", {
-                key: 1,
-                d: `M ${t.dX}`,
-                stroke: t.color,
-                "stroke-width": e.value.style.layout.marginalBars.linesStrokeWidth,
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                fill: "none"
-              }, null, 8, Ma)),
-              N.value.includes(t.id) ? x("", !0) : (r(), c("path", {
-                key: 2,
-                d: `M ${t.dY}`,
-                stroke: e.value.style.backgroundColor,
-                "stroke-width": e.value.style.layout.marginalBars.linesStrokeWidth + 1,
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                fill: "none"
-              }, null, 8, Sa)),
-              N.value.includes(t.id) ? x("", !0) : (r(), c("path", {
-                key: 3,
-                d: `M ${t.dY}`,
-                stroke: t.color,
-                "stroke-width": e.value.style.layout.marginalBars.linesStrokeWidth,
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                fill: "none"
-              }, null, 8, Ca))
-            ], 64))), 256))
-          ])) : x("", !0)
-        ])) : x("", !0),
-        e.value.style.layout.plots.giftWrap.show ? (r(), c("g", Aa, [
-          (r(!0), c(Z, null, te(V.value, (t, s) => (r(), c("g", null, [
-            t.plots.length > 2 ? (r(), c("polygon", {
-              key: 0,
-              points: y(zl)({ series: t.plots }),
-              fill: y(Oe)(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, La)) : x("", !0)
-          ]))), 256))
-        ])) : x("", !0),
-        e.value.usePerformanceMode ? x("", !0) : (r(!0), c(Z, { key: 4 }, te(V.value, (t, s) => (r(), c("g", null, [
-          !t.shape || t.shape === "circle" ? (r(), c("g", Ba, [
-            (r(!0), c(Z, null, te(t.plots, (o, u) => (r(), c("circle", {
-              cx: o.x,
-              cy: o.y,
-              r: R.value && R.value === o.id ? o.weight * 2 : o.weight,
-              fill: y(Oe)(t.color, e.value.style.layout.plots.opacity * 100),
-              stroke: e.value.style.layout.plots.stroke,
-              "stroke-width": e.value.style.layout.plots.strokeWidth,
-              style: re(`opacity:${R.value && R.value === o.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(o.deviation) / kt.value : e.value.style.layout.plots.significance.show && Math.abs(o.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
-              onMouseover: (i) => Ve(o, s),
-              onMouseleave: (i) => Ae(o, s),
-              onClick: (i) => je(o, s)
-            }, null, 44, Ta))), 256))
-          ])) : (r(), c("g", za, [
-            (r(!0), c(Z, null, te(t.plots, (o, u) => (r(), se(et, {
-              plot: { x: o.x, y: o.y },
-              radius: R.value && R.value === o.id ? o.weight * 2 : o.weight,
-              shape: t.shape,
-              color: y(Oe)(t.color, e.value.style.layout.plots.opacity * 100),
-              stroke: e.value.style.layout.plots.stroke,
-              strokeWidth: e.value.style.layout.plots.strokeWidth,
-              style: re(`opacity:${R.value && R.value === o.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(o.deviation) / kt.value : e.value.style.layout.plots.significance.show && Math.abs(o.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
-              onMouseover: (i) => Ve(o, s),
-              onMouseleave: (i) => Ae(o, s),
-              onClick: (i) => je(o, s)
-            }, null, 8, ["plot", "radius", "shape", "color", "stroke", "strokeWidth", "style", "onMouseover", "onMouseleave", "onClick"]))), 256))
-          ]))
-        ]))), 256)),
-        e.value.usePerformanceMode ? (r(), c(Z, { key: 5 }, [
-          w("g", {
-            "clip-path": `url(#clip_path_${X.value})`
-          }, [
-            (r(!0), c(Z, null, te(il.value, (t) => (r(), c("path", {
-              key: t.id,
-              d: t.d,
-              fill: t.fill,
-              stroke: t.stroke,
-              "stroke-width": t.strokeWidth,
-              "stroke-opacity": t.strokeOpacity,
-              "vector-effect": "non-scaling-stroke",
-              "paint-order": "fill"
-            }, null, 8, Oa))), 128))
-          ], 8, Pa),
-          p.value && e.value.style.layout.plots.selectors.show ? (r(), c("g", Da, [
-            _e(et, {
-              shape: p.value.shape || "circle",
-              color: p.value.color,
-              plot: { x: p.value.x, y: p.value.y },
-              radius: Math.max(4 * Ct[p.value.shape || "circle"], p.value.weight * 2),
-              stroke: e.value.style.layout.plots.stroke,
-              strokeWidth: e.value.style.layout.plots.strokeWidth
-            }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])
-          ])) : x("", !0),
-          w("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),
-            fill: "transparent",
-            onMousemove: a[2] || (a[2] = (...t) => y(At) && y(At)(...t)),
-            onMouseleave: vl,
-            onClick: cl
-          }, null, 40, Ea)
-        ], 64)) : x("", !0),
-        p.value && e.value.style.layout.plots.selectors.show ? (r(), c("g", Fa, [
-          w("line", {
-            x1: E.value.x,
-            x2: p.value.x,
-            y1: p.value.y,
-            y2: p.value.y,
-            stroke: e.value.style.layout.plots.selectors.stroke,
-            "stroke-width": e.value.style.layout.plots.selectors.strokeWidth,
-            "stroke-dasharray": e.value.style.layout.plots.selectors.strokeDasharray,
-            "stroke-linecap": "round",
-            class: "line-pointer"
-          }, null, 8, Wa),
-          w("line", {
-            x1: p.value.x,
-            x2: p.value.x,
-            y1: E.value.y,
-            y2: p.value.y,
-            stroke: e.value.style.layout.plots.selectors.stroke,
-            "stroke-width": e.value.style.layout.plots.selectors.strokeWidth,
-            "stroke-dasharray": e.value.style.layout.plots.selectors.strokeDasharray,
-            "stroke-linecap": "round",
-            class: "line-pointer"
-          }, null, 8, Na),
-          w("text", {
-            x: E.value.x + (p.value.x > E.value.x ? -6 : 6),
-            y: p.value.y + e.value.style.layout.plots.selectors.labels.fontSize / 3,
-            "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": p.value.x > E.value.x ? "end" : "start"
-          }, G(y(ve)(
-            e.value.style.layout.plots.selectors.labels.y.formatter,
-            y(q)(p.value.v.y),
-            y(le)({
-              p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: y(q)(p.value.v.y),
-              s: e.value.style.layout.plots.selectors.labels.suffix,
-              r: e.value.style.layout.plots.selectors.labels.rounding
-            }),
-            { datapoint: p.value }
-          )), 9, Ia),
-          w("text", {
-            x: p.value.x,
-            y: E.value.y + (p.value.y > E.value.y ? -6 : e.value.style.layout.plots.selectors.labels.fontSize + 6),
-            "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": "middle"
-          }, G(y(ve)(
-            e.value.style.layout.plots.selectors.labels.y.formatter,
-            y(q)(p.value.v.x),
-            y(le)({
-              p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: y(q)(p.value.v.x),
-              s: e.value.style.layout.plots.selectors.labels.suffix,
-              r: e.value.style.layout.plots.selectors.labels.rounding
-            }),
-            { datapoint: p.value }
-          )), 9, Xa),
-          w("circle", {
-            cx: E.value.x,
-            cy: p.value.y,
-            r: e.value.style.layout.plots.selectors.markers.radius,
-            fill: e.value.style.layout.plots.selectors.markers.fill,
-            stroke: e.value.style.layout.plots.selectors.markers.stroke,
-            "stroke-width": e.value.style.layout.plots.selectors.markers.strokeWidth,
-            class: "line-pointer"
-          }, null, 8, Ya),
-          w("circle", {
-            cx: p.value.x,
-            cy: E.value.y,
-            r: e.value.style.layout.plots.selectors.markers.radius,
-            fill: e.value.style.layout.plots.selectors.markers.fill,
-            stroke: e.value.style.layout.plots.selectors.markers.stroke,
-            "stroke-width": e.value.style.layout.plots.selectors.markers.strokeWidth,
-            class: "line-pointer"
-          }, null, 8, Ra),
-          e.value.style.layout.plots.selectors.labels.showName ? (r(), c("text", {
-            key: 0,
-            x: p.value.x,
-            y: p.value.y + (p.value.y < E.value.y ? -e.value.style.layout.plots.selectors.labels.fontSize / 2 : e.value.style.layout.plots.selectors.labels.fontSize),
-            "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": p.value.x < n.value.left + 100 ? "start" : p.value.x > n.value.right - 100 ? "end" : p.value.x > E.value.x ? "start" : "end"
-          }, G(p.value.v.name), 9, Ua)) : x("", !0)
-        ])) : x("", !0),
-        e.value.style.layout.dataLabels.xAxis.show ? (r(), c("g", {
-          key: 7,
-          ref_key: "xAxisLabelLeft",
-          ref: We
-        }, [
-          w("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)`,
-            "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, Va),
-          w("text", {
-            "text-anchor": "middle",
-            "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
-            fill: e.value.style.layout.dataLabels.xAxis.color,
-            transform: `translate(${e.value.style.layout.dataLabels.xAxis.name ? e.value.style.layout.dataLabels.xAxis.fontSize * 3 : 0}, ${E.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`
-          }, G(y(ve)(
-            e.value.style.layout.plots.selectors.labels.x.formatter,
-            y(q)(D.value.xMin),
-            y(le)({
-              p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: y(q)(D.value.xMin),
-              s: e.value.style.layout.plots.selectors.labels.suffix,
-              r: e.value.style.layout.dataLabels.xAxis.rounding
-            })
-          )), 9, ja)
-        ], 512)) : x("", !0),
-        e.value.style.layout.dataLabels.xAxis.show ? (r(), c("text", {
-          key: 8,
-          ref_key: "xAxisLabelRight",
-          ref: Ht,
-          "text-anchor": "middle",
-          transform: `translate(${n.value.right + e.value.style.layout.padding.right + 6}, ${E.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)(
-          e.value.style.layout.plots.selectors.labels.x.formatter,
-          y(q)(D.value.xMax),
-          y(le)({
-            p: e.value.style.layout.plots.selectors.labels.prefix,
-            v: y(q)(D.value.xMax),
-            s: e.value.style.layout.plots.selectors.labels.suffix,
-            r: e.value.style.layout.dataLabels.xAxis.rounding
-          })
-        )), 9, Ga)) : x("", !0),
-        e.value.style.layout.dataLabels.yAxis.show ? (r(), c("text", {
-          key: 9,
-          ref_key: "yAxisLabelTop",
-          ref: Zt,
-          x: E.value.x,
-          y: n.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
-        }, G(y(ve)(
-          e.value.style.layout.plots.selectors.labels.y.formatter,
-          y(q)(D.value.yMax),
-          y(le)({
-            p: e.value.style.layout.plots.selectors.labels.prefix,
-            v: y(q)(D.value.yMax),
-            s: e.value.style.layout.plots.selectors.labels.suffix,
-            r: e.value.style.layout.dataLabels.yAxis.rounding
-          })
-        )), 9, qa)) : x("", !0),
-        e.value.style.layout.dataLabels.yAxis.show ? (r(), c("g", {
-          key: 10,
-          ref_key: "yAxisLabelBottom",
-          ref: Ne
-        }, [
-          w("text", {
-            x: E.value.x,
-            y: I.value.height - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-            "text-anchor": "middle",
-            "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
-            fill: e.value.style.layout.dataLabels.yAxis.color
-          }, G(y(ve)(
-            e.value.style.layout.plots.selectors.labels.y.formatter,
-            y(q)(D.value.yMin),
-            y(le)({
-              p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: y(q)(D.value.yMin),
-              s: e.value.style.layout.plots.selectors.labels.suffix,
-              r: e.value.style.layout.dataLabels.yAxis.rounding
-            })
-          )), 9, Ha),
-          w("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,
-            y: I.value.height
-          }, G(e.value.style.layout.dataLabels.yAxis.name), 9, Za)
-        ], 512)) : x("", !0),
-        w("clipPath", {
-          id: `clip_path_${X.value}`
-        }, [
-          w("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, Ja)
-        ], 8, Qa),
-        e.value.style.layout.correlation.show ? (r(), c("g", Ka, [
-          (r(!0), c(Z, null, te(V.value, (t, s) => (r(), c("line", {
-            x1: t.correlation.x1,
-            x2: t.correlation.x2,
-            y1: t.correlation.y1,
-            y2: t.correlation.y2,
-            "stroke-dasharray": e.value.style.layout.correlation.strokeDasharray,
-            stroke: t.color,
-            "stroke-width": e.value.style.layout.correlation.strokeWidth,
-            "clip-path": `url(#clip_path_${X.value})`
-          }, null, 8, eo))), 256)),
-          (r(!0), c(Z, null, te(V.value, (t, s) => (r(), c("g", null, [
-            e.value.style.layout.correlation.label.show ? (r(), c("text", {
-              key: 0,
-              x: t.correlation.x2,
-              y: t.correlation.y2,
-              fill: e.value.style.layout.correlation.label.useSerieColor ? t.color : e.value.style.layout.correlation.label.color,
-              "text-anchor": "end",
-              "font-size": e.value.style.layout.correlation.label.fontSize,
-              "font-weight": e.value.style.layout.correlation.label.bold ? "bold" : "normal"
-            }, G(y(le)({
-              v: y(q)(t.correlation.coefficient),
-              r: e.value.style.layout.correlation.label.roundingValue
-            })), 9, to)) : x("", !0)
-          ]))), 256))
-        ])) : x("", !0),
-        P(l.$slots, "svg", {
-          svg: {
-            ...I.value,
-            drawingArea: {
-              ...n.value,
-              zero: E.value
-            },
-            data: Ce.value
-          }
-        }, void 0, !0)
-      ], 46, Kl)),
-      l.$slots.watermark ? (r(), c("div", lo, [
-        P(l.$slots, "watermark", J(K({ isPrinting: y(pt) || y(gt) })), void 0, !0)
-      ])) : x("", !0),
-      w("div", {
-        id: `legend-bottom-${X.value}`
-      }, null, 8, ao),
-      vt.value ? (r(), se(bl, {
-        key: 5,
-        to: e.value.style.legend.position === "top" ? `#legend-top-${X.value}` : `#legend-bottom-${X.value}`
-      }, [
-        w("div", {
-          ref_key: "chartLegend",
-          ref: ot
-        }, [
-          e.value.style.legend.show ? (r(), se(Gl, {
-            key: `legend_${rt.value}`,
-            legendSet: ee.value,
-            config: Kt.value,
-            onClickMarker: a[3] || (a[3] = ({ legend: t }) => Le(t.id))
-          }, {
-            item: T(({ legend: t }) => [
-              w("div", {
-                onClick: (s) => t.segregate(),
-                style: re(`opacity:${N.value.includes(t.id) ? 0.5 : 1}`)
-              }, G(t.name), 13, oo)
-            ]),
-            _: 1
-          }, 8, ["legendSet", "config"])) : P(l.$slots, "legend", {
-            key: 1,
-            legend: ee.value
-          }, void 0, !0)
-        ], 512)
-      ], 8, ["to"])) : x("", !0),
-      l.$slots.source ? (r(), c("div", {
-        key: 6,
-        ref_key: "source",
-        ref: st,
-        dir: "auto"
-      }, [
-        P(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : x("", !0),
-      _e(y(It), {
-        show: H.value.showTooltip && De.value,
-        backgroundColor: e.value.style.tooltip.backgroundColor,
-        color: e.value.style.tooltip.color,
-        borderRadius: e.value.style.tooltip.borderRadius,
-        borderColor: e.value.style.tooltip.borderColor,
-        borderWidth: e.value.style.tooltip.borderWidth,
-        fontSize: e.value.style.tooltip.fontSize,
-        backgroundOpacity: e.value.style.tooltip.backgroundOpacity,
-        position: e.value.style.tooltip.position,
-        offsetY: e.value.style.tooltip.offsetY,
-        parent: oe.value,
-        content: Ee.value,
-        isFullscreen: ce.value,
-        isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function",
-        smooth: e.value.style.tooltip.smooth,
-        backdropFilter: e.value.style.tooltip.backdropFilter,
-        smoothForce: e.value.style.tooltip.smoothForce,
-        smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold
-      }, {
-        "tooltip-before": T(() => [
-          P(l.$slots, "tooltip-before", J(K({ ...Ue.value })), void 0, !0)
-        ]),
-        "tooltip-after": T(() => [
-          P(l.$slots, "tooltip-after", J(K({ ...Ue.value })), void 0, !0)
-        ]),
-        default: T(() => [
-          e.value.style.tooltip.showShape ? (r(), c("div", so, [
-            (r(), c("svg", no, [
-              _e(et, {
-                shape: p.value.shape,
-                color: p.value.color,
-                plot: { x: 10, y: 10 },
-                radius: 7
-              }, null, 8, ["shape", "color"])
-            ]))
-          ])) : x("", !0)
-        ]),
-        _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      tt.value && e.value.userOptions.buttons.table ? (r(), se(kl(be.value.component), wl({ key: 7 }, be.value.props, {
-        ref_key: "tableUnit",
-        ref: xe,
-        onClose: Lt
-      }), Pt({
-        content: T(() => [
-          (r(), se(y(Rt), {
-            key: `table_${it.value}`,
-            colNames: Be.value.colNames,
-            head: Be.value.head,
-            body: Be.value.body,
-            config: Be.value.config,
-            title: e.value.table.useDialog ? "" : be.value.title,
-            withCloseButton: !e.value.table.useDialog,
-            onClose: Lt
-          }, {
-            th: T(({ th: t }) => [
-              Ot(G(t), 1)
-            ]),
-            td: T(({ td: t }) => [
-              t.shape ? (r(), c("div", uo, [
-                w("span", null, G(t.content), 1)
-              ])) : (r(), c("div", {
-                key: 1,
-                innerHTML: t
-              }, null, 8, io))
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: T(() => [
-            Ot(G(be.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: T(() => [
-            w("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: a[4] || (a[4] = (t) => Ge(e.value.userOptions.callbacks.csv))
-            }, [
-              _e(y(Xt), {
-                name: "excel",
-                stroke: be.value.props.color
-              }, null, 8, ["stroke"])
-            ])
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : x("", !0),
-      y(ct) ? (r(), se(Xl, { key: 8 })) : x("", !0)
-    ], 46, Ql));
-  }
-}, So = /* @__PURE__ */ Zl(ro, [["__scopeId", "data-v-f81cc924"]]);
-export {
-  So as default
-};