vue-data-ui 3.17.13 → 3.18.1

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

@@ -1,2345 +0,0 @@
-import { defineAsyncComponent as de, computed as A, ref as k, toRefs as ca, watch as Ze, shallowRef as nl, onMounted as da, nextTick as Je, onBeforeUnmount as ha, openBlock as r, createElementBlock as y, unref as f, normalizeStyle as ie, normalizeClass as ul, createElementVNode as M, toDisplayString as F, createCommentVNode as p, createBlock as se, withCtx as B, renderSlot as D, normalizeProps as J, guardReactiveProps as Q, createSlots as il, createVNode as Ie, Fragment as U, renderList as K, Teleport as fa, resolveDynamicComponent as pa, mergeProps as ga, createTextVNode as rl } from "vue";
-import { j as xa, t as vl, m as ba, p as ge, o as yl, q as Mt, n as ma, r as cl, k as ee, l as j, K as R, ak as ka, s as $t, am as wa, c as Aa, u as Ee, X as Ma, al as $a, D as dl, E as hl, a0 as _a, a1 as La, T as Sa, U as Ca, a3 as Ta } from "./lib-DMzrGQHK.js";
-import { t as za, u as Ba } from "./useResponsive-DfdjqQps.js";
-import { u as Pa } from "./useConfig-CG4HT3wS.js";
-import { u as Oa, B as Da } from "./BaseScanner-C2j3TsSY.js";
-import { u as Na } from "./usePrinter-C4t8DdQ-.js";
-import { u as Ia } from "./useSvgExport-BTG4hVPO.js";
-import { u as _t } from "./useNestedProp-DH0BEVVS.js";
-import { u as Ea } from "./useThemeCheck-C9Ccl7U9.js";
-import { u as Wa } from "./useUserOptionState-B7Ej974k.js";
-import { u as Xa } from "./useChartAccessibility-cp6XQtqi.js";
-import Ya from "./img-CjTQXS0U.js";
-import { _ as Lt } from "./Shape-CxJ5_Rre.js";
-import Fa from "./Title-BbKoiBk2.js";
-import Ra from "./vue_ui_scatter-Bu1EAy9H.js";
-import Va from "./Legend-DGN5lY60.js";
-import { A as Ua } from "./A11yDataTable-BpmuNomI.js";
-import { B as ja } from "./BaseLegendToggle-cMP8M2u0.js";
-import { _ as qa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ga = ["id"], Ha = ["id"], Ka = {
-  key: 0,
-  class: "sr-only",
-  "aria-live": "polite",
-  "aria-atomic": "true"
-}, Za = ["id"], Ja = { style: { position: "relative" } }, Qa = ["xmlns", "aria-describedby", "viewBox"], eo = ["width", "height"], to = { key: 1 }, lo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ao = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], oo = { key: 2 }, so = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], no = ["opacity"], uo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], io = ["x", "y", "font-size", "fill", "stroke"], ro = { key: 4 }, vo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], yo = ["opacity"], co = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ho = ["x", "y", "font-size", "fill", "stroke"], fo = { key: 6 }, po = ["id"], go = ["stop-color"], xo = ["stop-color"], bo = ["id"], mo = ["stop-color"], ko = ["stop-color"], wo = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "rx"], Ao = ["x", "y", "width", "height", "onMouseenter"], Mo = {
-  key: 2,
-  style: { "pointer-events": "none" }
-}, $o = ["x", "y", "width", "height", "fill", "fill-opacity"], _o = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], Lo = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], So = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Co = ["x", "y", "width", "height", "onMouseenter"], To = {
-  key: 2,
-  style: { "pointer-events": "none" }
-}, zo = ["x", "y", "width", "height", "fill", "fill-opacity"], Bo = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], Po = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], Oo = {
-  key: 0,
-  style: { "pointer-events": "none" }
-}, Do = ["d", "stroke", "stroke-width"], No = ["d", "stroke", "stroke-width"], Io = ["d", "stroke", "stroke-width"], Eo = ["d", "stroke", "stroke-width"], Wo = { key: 7 }, Xo = ["points", "fill", "stroke-width", "stroke-dasharray", "stroke"], Yo = { key: 0 }, Fo = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseover", "onMouseleave", "onClick"], Ro = { key: 1 }, Vo = ["x", "y", "font-size", "fill", "onMouseover", "onMouseleave", "onClick"], Uo = ["clip-path"], jo = ["d", "fill", "stroke", "stroke-width", "stroke-opacity"], qo = {
-  key: 0,
-  style: { "pointer-events": "none" }
-}, Go = ["x", "y", "width", "height"], Ho = {
-  key: 10,
-  style: { "pointer-events": "none !important" }
-}, Ko = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Zo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Jo = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Qo = ["x", "y", "font-size", "fill", "font-weight"], es = ["x", "y", "font-size", "fill"], ts = ["x", "y", "font-size", "fill"], ls = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], as = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], os = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], ss = ["id", "transform", "font-size", "font-weight", "fill"], ns = ["font-size", "fill", "transform"], us = ["transform", "font-size", "fill"], is = ["x", "y", "font-size", "fill"], rs = ["x", "y", "font-size", "fill"], vs = ["font-size", "font-weight", "fill", "x", "y"], ys = ["id"], cs = ["x", "y", "width", "height"], ds = {
-  key: 15,
-  style: { pointerEvents: "none" }
-}, hs = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], fs = ["x", "y", "fill", "font-size", "font-weight"], ps = {
-  key: 0,
-  style: { position: "absolute", top: "100%", left: "0", width: "100%" },
-  "data-dom-to-png-ignore": "",
-  "aria-hidden": "true"
-}, gs = {
-  key: 6,
-  class: "vue-data-ui-watermark"
-}, xs = ["id"], bs = ["onClick"], ms = {
-  key: 0,
-  style: { width: "100%", display: "flex", "align-items": "center", "justify-content": "center" }
-}, ks = {
-  viewBox: "0 0 20 20",
-  height: "20",
-  width: "20",
-  style: { overflow: "hidden", background: "transparent" }
-}, ws = { key: 0 }, As = ["innerHTML"], Ms = {
-  __name: "vue-ui-scatter",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  emits: ["copyAlt"],
-  setup(fl, { expose: pl, emit: gl }) {
-    const xl = de(() => import("./Tooltip-Cvt7Fi0Q.js")), bl = de(() => import("./BaseIcon-DX0hTWa-.js")), ml = de(() => import("./vue-ui-accordion-DFtpH_16.js")), kl = de(() => import("./DataTable-cMnb68Ik.js")), wl = de(
-      () => import("./PenAndPaper-CJDoB5H9.js")
-    ), Al = de(
-      () => import("./UserOptions-DVduN6X7.js")
-    ), Ml = de(
-      () => import("./PackageVersion-BfrCAH6_.js")
-    ), $l = de(
-      () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), { vue_ui_scatter: _l } = Pa(), { isThemeValid: Ll, warnInvalidTheme: Sl } = Ea(), ae = fl, Cl = gl, We = A(() => !!ae.dataset && ae.dataset.length), I = k(xa()), Xe = k(!1), Qe = k(""), St = k(0), ne = k(null), Ct = k(null), Tt = k(null), zt = k(null), Bt = k(null), Pt = k(0), Ot = k(0), Dt = k(0), E = k([]), Nt = k(!1), $e = k(null), _e = k(null), Le = k(null), et = k(null), Ye = k(!1), Fe = k(!1), tt = k(null), lt = k(null), Tl = k(null), at = k(null), ot = k(null), st = k(null), xe = k(null), It = k({ x: 0, y: 0 }), Se = k("pointer"), Re = k(!1), Ce = k(null), e = k(vt()), he = A(
-      () => e.value.userOptions.useCursorPointer
-    );
-    function zl(t = 100, a = 0.8, l = {}) {
-      const { meanX: s = 0, sdX: o = 1, meanY: n = 0, sdY: u = 1, seed: c } = l;
-      let i = (c ?? Math.floor(Math.random() * 2 ** 31)) >>> 0;
-      const g = () => (i = i * 1664525 + 1013904223 >>> 0, i / 2 ** 32), L = () => {
-        let m = 0, V = 0;
-        for (; m === 0; ) m = g();
-        for (; V === 0; ) V = g();
-        return Math.sqrt(-2 * Math.log(m)) * Math.cos(2 * Math.PI * V);
-      }, d = t / 2, b = Array.from({ length: d }, L), N = Array.from({ length: d }, L), w = (m) => m.reduce((V, Ne) => V + Ne, 0) / m.length, P = w(b), X = w(N);
-      for (let m = 0; m < d; m += 1)
-        b[m] -= P, N[m] -= X;
-      const z = (m, V) => m.reduce((Ne, Ke, At) => Ne + Ke * V[At], 0), S = (m) => z(m, m), x = z(N, b) / S(b), O = N.map((m, V) => m - x * b[V]), Z = S(b) / d, oe = S(O) / d, ce = Math.sqrt((1 - a * a) * Z / oe), H = b.map((m, V) => a * m + ce * O[V]), pe = b.concat(b.map((m) => -m)), wt = H.concat(H.map((m) => -m)), Oe = (m) => Math.sqrt(S(m) / m.length), Ae = (m, V, Ne) => {
-        const Ke = Oe(m);
-        return m.map((At) => Ne + (Ke ? At / Ke * V : 0));
-      }, Me = Ae(pe, o, s), De = Ae(wt, u, n);
-      for (let m = Me.length - 1; m > 0; m -= 1) {
-        const V = Math.floor(g() * (m + 1));
-        [Me[m], Me[V]] = [Me[V], Me[m]], [De[m], De[V]] = [De[V], De[m]];
-      }
-      return Me.map((m, V) => ({ x: m, y: De[V] }));
-    }
-    const Bl = A(() => vl({
-      defaultConfig: {
-        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"
-          }
-        }
-      },
-      userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: nt, FINAL_DATASET: ut, manualLoading: it } = Oa({
-      ...ca(ae),
-      FINAL_CONFIG: e,
-      prepareConfig: vt,
-      skeletonDataset: ae.config?.skeletonDataset ?? [
-        {
-          name: "",
-          color: "#999999",
-          values: zl(100, 0.5, { seed: 42 })
-        }
-      ],
-      skeletonConfig: vl({
-        defaultConfig: e.value,
-        userConfig: Bl.value
-      })
-    }), { userOptionsVisible: rt, setUserOptionsVisibility: Et, keepUserOptionState: Wt } = Wa({ config: e.value }), { svgRef: re } = Xa({
-      config: e.value.style.title
-    });
-    function vt() {
-      const t = _t({
-        userConfig: ae.config,
-        defaultConfig: _l
-      }), a = t.theme;
-      if (!a) return t;
-      if (!Ll.value(t))
-        return Sl(t), t;
-      const l = _t({
-        userConfig: Ra[a] || ae.config,
-        defaultConfig: t
-      }), s = _t({
-        userConfig: ae.config,
-        defaultConfig: l
-      });
-      return {
-        ...s,
-        customPalette: s.customPalette.length ? s.customPalette : ba[a] || ge
-      };
-    }
-    Ze(
-      () => ae.config,
-      (t) => {
-        nt.value || (e.value = vt()), rt.value = !e.value.userOptions.showOnChartHover, Yt(), Pt.value += 1, Ot.value += 1, Dt.value += 1, te.value.showTable = e.value.table.show, te.value.showTooltip = e.value.style.tooltip.show, Xt.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 }
-    ), Ze(
-      () => ae.dataset,
-      (t) => {
-        Array.isArray(t) && t.length > 0 && (it.value = !1);
-      },
-      { deep: !0 }
-    );
-    const ve = nl(null), be = nl(null);
-    da(async () => {
-      Yt(), await Je(), Nt.value = !0;
-    });
-    const Xt = A(() => !!e.value.debug);
-    function Yt() {
-      if (yl(ae.dataset) && (Mt({
-        componentName: "VueUiScatter",
-        type: "dataset",
-        debug: Xt.value
-      }), it.value = !0), yl(ae.dataset) || (it.value = e.value.loading), e.value.responsive) {
-        const t = za(() => {
-          const { width: a, height: l } = Ba({
-            chart: ne.value,
-            title: e.value.style.title.text ? Ct.value : null,
-            legend: e.value.style.legend.show ? Tt.value : null,
-            source: zt.value,
-            noTitle: Bt.value
-          });
-          requestAnimationFrame(() => {
-            Y.value.width = a, Y.value.height = l;
-          });
-        });
-        ve.value && (be.value && ve.value.unobserve(be.value), ve.value.disconnect()), ve.value = new ResizeObserver(t), be.value = ne.value.parentNode, ve.value.observe(be.value);
-      }
-    }
-    ha(() => {
-      ve.value && (be.value && ve.value.unobserve(be.value), ve.value.disconnect());
-    });
-    const { isPrinting: yt, isImaging: ct, generatePdf: Ft, generateImage: Rt } = Na({
-      elementId: `vue-ui-scatter_${I.value}`,
-      fileName: e.value.style.title.text || "vue-ui-scatter",
-      options: e.value.userOptions.print
-    }), Pl = A(() => e.value.userOptions.show && !e.value.style.title.text), Vt = A(() => ma(e.value.customPalette)), te = k({
-      showTable: e.value.table.show,
-      showTooltip: e.value.style.tooltip.show
-    });
-    Ze(
-      e,
-      () => {
-        te.value = {
-          showTable: e.value.table.show,
-          showTooltip: e.value.style.tooltip.show
-        };
-      },
-      { immediate: !0 }
-    );
-    const Y = k({
-      height: e.value.style.layout.height,
-      width: e.value.style.layout.width
-    }), Ve = A(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0);
-    function Ol() {
-      let t = 0;
-      if (e.value.style.layout.dataLabels.yAxis.scales.show && ot.value)
-        try {
-          t = Array.from(
-            ot.value.querySelectorAll("text")
-          ).reduce((s, o) => {
-            const n = o.getComputedTextLength();
-            return n > s ? n : s;
-          }, 0);
-        } catch {
-          t = 0;
-        }
-      let a = 0;
-      if (tt.value)
-        try {
-          a = tt.value.getBBox().width;
-        } catch {
-          a = 0;
-        }
-      return Math.max(
-        a,
-        t ? t + 12 : 0
-      );
-    }
-    function Dl() {
-      let t = 0;
-      if (lt.value)
-        try {
-          const l = lt.value.getBBox(), s = l.x + l.width - Y.value.width;
-          t = s > 0 ? s + 6 : 0;
-        } catch {
-          t = 0;
-        }
-      let a = 0;
-      if (e.value.style.layout.dataLabels.xAxis.scales.show && st.value)
-        try {
-          a = Array.from(
-            st.value.querySelectorAll("text")
-          ).reduce(
-            (s, o) => {
-              const n = o.getBBox(), u = n.x + n.width - Y.value.width, c = u > 0 ? u + 6 : 0;
-              return c > s ? c : s;
-            },
-            0
-          );
-        } catch {
-          a = 0;
-        }
-      return t > a ? t : a;
-    }
-    const v = A(() => {
-      let t = 0, a = 0, l = 0;
-      if (t = Ol(), a = Dl(), at.value)
-        try {
-          l = at.value.getBBox().height + 6;
-        } catch {
-          l = 0;
-        }
-      return {
-        top: e.value.style.layout.padding.top + Ve.value + e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        right: Y.value.width - e.value.style.layout.padding.right - Ve.value - 6 - a,
-        bottom: Y.value.height - e.value.style.layout.padding.bottom - l,
-        left: e.value.style.layout.padding.left + t,
-        height: Y.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - Ve.value - l - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        width: Y.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - Ve.value - t - a - 6
-      };
-    }), Ue = A(() => {
-      ut.value.forEach((o, n) => {
-        cl({
-          datasetObject: o,
-          requiredAttributes: ["values"]
-        }).forEach((u) => {
-          Mt({
-            componentName: "VueUiScatter",
-            type: "datasetSerieAttribute",
-            property: u,
-            index: n
-          });
-        }), o.values && o.values.forEach((u, c) => {
-          cl({
-            datasetObject: u,
-            requiredAttributes: ["x", "y"]
-          }).forEach((i) => {
-            Mt({
-              componentName: "VueUiScatter",
-              type: "datasetSerieAttribute",
-              property: `values.${i}`,
-              index: `${n} - ${c}`
-            });
-          });
-        });
-      });
-      const t = Math.min(
-        ...le.value.filter((o) => !E.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.x))
-      ), a = Math.max(
-        ...le.value.filter((o) => !E.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.x))
-      ), l = Math.min(
-        ...le.value.filter((o) => !E.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.y))
-      ), s = Math.max(
-        ...le.value.filter((o) => !E.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.y))
-      );
-      return {
-        xMin: t < 0 ? t : 0,
-        xMax: a,
-        yMin: l < 0 ? l : 0,
-        yMax: s
-      };
-    }), je = A(() => {
-      const t = e.value.style.layout.axis;
-      return {
-        xMin: t.xMin !== null && t.xMin !== void 0 ? t.xMin : Ue.value.xMin,
-        xMax: t.xMax !== null && t.xMax !== void 0 ? t.xMax : Ue.value.xMax,
-        yMin: t.yMin !== null && t.yMin !== void 0 ? t.yMin : Ue.value.yMin,
-        yMax: t.yMax !== null && t.yMax !== void 0 ? t.yMax : Ue.value.yMax
-      };
-    });
-    function Nl(t) {
-      return Number.isFinite(t) ? t < 2 ? 2 : Math.trunc(t) : 5;
-    }
-    function qe(t) {
-      return t.roundingValue !== void 0 && t.roundingValue !== null ? t.roundingValue : t.rounding !== void 0 && t.rounding !== null ? t.rounding : 0;
-    }
-    function Ut({ minimum: t, maximum: a, stepCount: l, useNiceScale: s }) {
-      const o = Nl(l);
-      if (t === a) {
-        const n = t === 0 ? 1 : Math.abs(t) * 0.01, u = a + n;
-        return (s ? dl : hl)(t, u, o);
-      }
-      return (s ? dl : hl)(t, a, o);
-    }
-    const dt = A(() => {
-      const t = e.value.style.layout.dataLabels.xAxis;
-      return Ut({
-        minimum: je.value.xMin,
-        maximum: je.value.xMax,
-        stepCount: t.scales.steps,
-        useNiceScale: t.scales.useNiceScale
-      });
-    }), ht = A(() => {
-      const t = e.value.style.layout.dataLabels.yAxis;
-      return Ut({
-        minimum: je.value.yMin,
-        maximum: je.value.yMax,
-        stepCount: t.scales.steps,
-        useNiceScale: t.scales.useNiceScale
-      });
-    }), q = A(() => ({
-      xMin: dt.value.min,
-      xMax: dt.value.max,
-      yMin: ht.value.min,
-      yMax: ht.value.max
-    })), jt = A(() => {
-      const t = e.value.style.layout.dataLabels.xAxis, a = t.scales.labels;
-      return dt.value.ticks.map((l) => ({
-        value: l,
-        x: ft(l),
-        label: ee(
-          a.formatter,
-          R(l),
-          j({
-            p: e.value.style.layout.plots.selectors.labels.prefix,
-            v: R(l),
-            s: e.value.style.layout.plots.selectors.labels.suffix,
-            r: qe(t)
-          })
-        )
-      }));
-    }), qt = A(() => {
-      const t = e.value.style.layout.dataLabels.yAxis, a = t.scales.labels;
-      return ht.value.ticks.map((l) => ({
-        value: l,
-        y: pt(l),
-        label: ee(
-          a.formatter,
-          R(l),
-          j({
-            p: e.value.style.layout.plots.selectors.labels.prefix,
-            v: R(l),
-            s: e.value.style.layout.plots.selectors.labels.suffix,
-            r: qe(t)
-          })
-        )
-      }));
-    }), Il = A(() => !!h.value && e.value.style.layout.dataLabels.xAxis.scales.show), El = A(() => !!h.value && e.value.style.layout.dataLabels.yAxis.scales.show), Wl = A(() => {
-      if (!h.value) return "";
-      const t = e.value.style.layout.dataLabels.xAxis, a = t.scales.labels;
-      return ee(
-        a.formatter,
-        R(h.value.v.x),
-        j({
-          p: e.value.style.layout.plots.selectors.labels.prefix,
-          v: R(h.value.v.x),
-          s: e.value.style.layout.plots.selectors.labels.suffix,
-          r: qe(t)
-        }),
-        { datapoint: h.value }
-      );
-    }), Xl = A(() => {
-      if (!h.value) return "";
-      const t = e.value.style.layout.dataLabels.yAxis, a = t.scales.labels;
-      return ee(
-        a.formatter,
-        R(h.value.v.y),
-        j({
-          p: e.value.style.layout.plots.selectors.labels.prefix,
-          v: R(h.value.v.y),
-          s: e.value.style.layout.plots.selectors.labels.suffix,
-          r: qe(t)
-        }),
-        { datapoint: h.value }
-      );
-    });
-    function ft(t) {
-      const a = q.value.xMax - q.value.xMin;
-      return a === 0 ? v.value.left : v.value.left + (t - q.value.xMin) / a * v.value.width;
-    }
-    function pt(t) {
-      const a = q.value.yMax - q.value.yMin;
-      return a === 0 ? v.value.bottom : v.value.bottom - (t - q.value.yMin) / a * v.value.height;
-    }
-    const C = A(() => {
-      const { xMin: t, xMax: a, yMin: l, yMax: s } = q.value, o = t > 0 ? t : a < 0 ? a : 0, n = l > 0 ? l : s < 0 ? s : 0;
-      return {
-        x: ft(o),
-        y: pt(n)
-      };
-    }), le = A(() => ut.value.map((t, a) => {
-      const l = `cluster_${I.value}_${a}`;
-      return {
-        ...t,
-        values: ka({
-          data: t.values,
-          threshold: e.value.usePerformanceMode ? t.values.length + 1 : e.value.downsample.threshold
-        }),
-        id: l,
-        color: t.color ? t.color : Vt.value[a] || ge[a] || ge[a % ge.length],
-        opacity: E.value.includes(l) ? 0.5 : 1,
-        shape: t.shape ?? "circle",
-        segregate: () => He(l),
-        isSegregated: E.value.includes(l)
-      };
-    })), Yl = A(() => ({
-      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" : ""
-    })), me = A(() => le.value.map((t, a) => ({
-      ...t,
-      plots: t.values.map((l) => ({
-        x: ft(l.x),
-        y: pt(l.y),
-        v: {
-          ...l,
-          name: l.name || ""
-        },
-        clusterName: t.name,
-        clusterId: t.id,
-        color: t.color ? t.color : Vt.value[a] || ge[a] || ge[a % ge.length],
-        id: `plot_${I.value}_${Math.random()}`,
-        weight: l.weight ?? e.value.style.layout.plots.radius
-      }))
-    })).filter((t) => !E.value.includes(t.id))), G = A(() => {
-      const a = ({ m: l, b: s, rect: o, verticalX: n = null }) => {
-        const { left: u, right: c, top: i, bottom: g } = o, L = [], d = (S, x) => {
-          Number.isFinite(S) && Number.isFinite(x) && L.push({ x: S, y: x });
-        }, b = ({ x: S, y: x }) => S >= u - 1e-9 && S <= c + 1e-9 && x >= i - 1e-9 && x <= g + 1e-9;
-        n !== null ? n >= u - 1e-9 && n <= c + 1e-9 && (d(n, i), d(n, g)) : Number.isFinite(l) && (d(u, l * u + s), d(c, l * c + s), Math.abs(l) > 1e-9 ? (d((i - s) / l, i), d((g - s) / l, g)) : s >= i - 1e-9 && s <= g + 1e-9 && (d(u, s), d(c, s)));
-        const N = L.filter(b), w = [];
-        for (const S of N)
-          w.some(
-            (x) => Math.abs(x.x - S.x) < 1e-6 && Math.abs(x.y - S.y) < 1e-6
-          ) || w.push(S);
-        if (w.length < 2) return null;
-        let P = w[0], X = w[1], z = 0;
-        for (let S = 0; S < w.length; S += 1)
-          for (let x = S + 1; x < w.length; x += 1) {
-            const O = w[S].x - w[x].x, Z = w[S].y - w[x].y, oe = O * O + Z * Z;
-            oe > z && (z = oe, P = w[S], X = w[x]);
-          }
-        return { x1: P.x, y1: P.y, x2: X.x, y2: X.y };
-      };
-      return me.value.map((l) => {
-        const s = l.plots.length, o = l.plots.reduce((x, O) => x + O.x, 0) / s, n = l.plots.reduce((x, O) => x + O.y, 0) / s;
-        let u = 0, c = 0;
-        for (const x of l.plots) {
-          const O = x.x - o, Z = x.y - n;
-          u += O * Z, c += O * O;
-        }
-        let i, g, L = null;
-        c < 1e-9 ? (L = o, i = 1 / 0, g = null) : (i = u / c, g = n - i * o);
-        let d, b;
-        L !== null ? (d = 1 / 0, b = null) : (d = i, b = g);
-        const N = l.plots.every(
-          (x) => x.v && typeof x.v.x == "number" && typeof x.v.y == "number"
-        );
-        let w = NaN;
-        if (s >= 2) {
-          let x = 0, O = 0;
-          N ? (x = l.plots.reduce((H, pe) => H + pe.v.x, 0) / s, O = l.plots.reduce((H, pe) => H + pe.v.y, 0) / s) : (x = o, O = -n);
-          let Z = 0, oe = 0, ce = 0;
-          for (const H of l.plots) {
-            const pe = N ? H.v.x : H.x, wt = N ? H.v.y : -H.y, Oe = pe - x, Ae = wt - O;
-            Z += Oe * Ae, oe += Oe * Oe, ce += Ae * Ae;
-          }
-          if (oe >= 1e-9 && ce >= 1e-9) {
-            const H = Z / Math.sqrt(oe * ce);
-            w = Math.max(-1, Math.min(1, H));
-          }
-        }
-        const P = a({
-          m: d,
-          b,
-          rect: v.value,
-          verticalX: L
-        });
-        if (!P)
-          return {
-            ...l,
-            correlation: null,
-            label: null,
-            plots: l.plots.map((x) => ({
-              ...x,
-              deviation: 0,
-              shape: l.shape,
-              color: $t(l.color)
-            }))
-          };
-        const X = (P.x1 + P.x2) / 2, z = (P.y1 + P.y2) / 2, S = { x: X, y: z };
-        return {
-          ...l,
-          color: $t(l.color),
-          correlation: {
-            ...P,
-            coefficient: w
-          },
-          label: S,
-          plots: l.plots.map((x) => {
-            let O, Z;
-            L !== null ? (O = L, Z = x.y) : Math.abs(d) < 1e-9 ? (O = x.x, Z = b) : (O = (x.x + d * x.y - d * b) / (1 + d * d), Z = (d * x.x + d * d * x.y + b) / (1 + d * d));
-            const oe = x.x - O, ce = x.y - Z, H = Math.sqrt(oe * oe + ce * ce);
-            return {
-              ...x,
-              deviation: H,
-              shape: l.shape,
-              color: $t(l.color)
-            };
-          })
-        };
-      });
-    }), Gt = A(() => Math.max(
-      ...G.value.flatMap(
-        (t) => t.plots.map((a) => Math.abs(a.deviation))
-      )
-    ));
-    function Fl() {
-      return G.value;
-    }
-    function Ht(t, a) {
-      const l = Array.isArray(t) ? t.flatMap((z) => z.plots.map((S) => ({
-        x: S.x,
-        y: S.y
-      }))) : t.plots.map((z) => ({
-        x: z.x,
-        y: z.y
-      }));
-      let s = 1 / 0, o = -1 / 0, n = 1 / 0, u = -1 / 0;
-      l.forEach(({ x: z, y: S }) => {
-        s = Math.min(s, z), o = Math.max(o, z), n = Math.min(n, S), u = Math.max(u, S);
-      });
-      const c = o - s, i = u - n, g = c / a, L = i / a, d = Array(a).fill(0), b = Array(a).fill(0);
-      l.forEach(({ x: z, y: S }) => {
-        const x = Math.floor((z - s) / g), O = Math.floor((S - n) / L);
-        d[x] || (d[x] = 0), b[O] || (b[O] = 0), d[x] += 1, b[O] += 1;
-      });
-      const N = [], w = [];
-      for (let z = 0; z < a; z += 1)
-        N.push(s + (z + 0.5) * g), w.push(n + (z + 0.5) * L);
-      const P = Math.max(...d), X = Math.max(...b);
-      return { x: d, y: b, avgX: N, avgY: w, maxX: P, maxY: X };
-    }
-    const $ = A(
-      () => e.value.style.layout.marginalBars.tranches
-    ), T = A(() => Ht(me.value, $.value)), Rl = A(() => {
-      const t = v.value.top - e.value.style.layout.marginalBars.offset, a = v.value.right + e.value.style.layout.marginalBars.offset;
-      return me.value.map((l) => {
-        const s = Ht(l, $.value);
-        return {
-          coords: s,
-          dX: Aa(
-            s.avgX.map((o, n) => ({
-              x: o,
-              y: t - s.x[n] / s.maxX * e.value.style.layout.marginalBars.size
-            }))
-          ),
-          dY: wa(
-            s.avgY.map((o, n) => ({
-              y: o,
-              x: a + e.value.style.layout.marginalBars.size * s.y[n] / s.maxY
-            }))
-          ),
-          color: l.color,
-          id: l.id
-        };
-      });
-    }), W = k(void 0), h = k(null), Ge = k(null);
-    function gt() {
-      Xe.value = !1, W.value = void 0, h.value = null, Ce.value = null, xe.value = null;
-    }
-    function Vl(t) {
-      if (!re.value || !t) return;
-      const a = Ta(t.x, t.y, re.value);
-      a && (It.value = a);
-    }
-    function ye(t, a, l = "pointer", s = null) {
-      W.value = t.id, h.value = t, Se.value = l, Ce.value = s, xe.value = t.id;
-      let o = "";
-      e.value.events.datapointEnter && e.value.events.datapointEnter({
-        datapoint: t,
-        seriesIndex: a
-      }), Ge.value = {
-        datapoint: t,
-        seriesIndex: a,
-        series: G.value,
-        config: e.value
-      };
-      const n = e.value.style.tooltip.customFormat;
-      Sa(n) && Ca(
-        () => n({
-          datapoint: t,
-          seriesIndex: a,
-          series: G.value,
-          config: e.value
-        })
-      ) ? Qe.value = n({
-        datapoint: t,
-        seriesIndex: a,
-        series: G.value,
-        config: e.value
-      }) : (t.clusterName && (o += `<div style="display:flex;gap:3px;align-items:center">${t.clusterName}</div>`), t.v.name && (o += `<div>${t.v.name}</div>`), o += `<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`, o += `<div>${e.value.style.layout.dataLabels.xAxis.name}: <b>${isNaN(t.v.x) ? "-" : ee(
-        e.value.style.layout.plots.selectors.labels.x.formatter,
-        t.v.x,
-        j({
-          p: e.value.style.tooltip.prefix,
-          v: t.v.x,
-          s: e.value.style.tooltip.suffix,
-          r: e.value.style.tooltip.roundingValue
-        }),
-        { datapoint: t, seriesIndex: a }
-      )}</b></div>`, o += `<div>${e.value.style.layout.dataLabels.yAxis.name}: <b>${isNaN(t.v.y) ? "-" : ee(
-        e.value.style.layout.plots.selectors.labels.y.formatter,
-        t.v.y,
-        j({
-          p: e.value.style.tooltip.prefix,
-          v: t.v.y,
-          s: e.value.style.tooltip.suffix,
-          r: e.value.style.tooltip.roundingValue
-        }),
-        { datapoint: t, seriesIndex: a }
-      )}</b></div>`, o += `${e.value.style.layout.plots.deviation.translation}: <b>${j(
-        {
-          v: t.deviation,
-          r: e.value.style.layout.plots.deviation.roundingValue
-        }
-      )}</b>`, o += "</div>", Qe.value = `<div>${o}</div>`), Xe.value = !0, l === "keyboard" && Je(() => {
-        Vl(t);
-      });
-    }
-    function Te(t, a) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a }), !(Se.value === "keyboard" && xe.value === t?.id) && (Xe.value = !1, W.value = void 0, h.value = null);
-    }
-    function ze(t, a) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
-    }
-    function Ul() {
-      E.value.length ? E.value = [] : le.value.forEach((t) => {
-        E.value.push(t.id);
-      });
-    }
-    function He(t) {
-      E.value.includes(t) ? E.value = E.value.filter((a) => a !== t) : E.value.length < ut.value.length - 1 && E.value.push(t);
-    }
-    function Kt(t) {
-      if (!le.value.length)
-        return e.value.debug && console.warn("VueUiScatter - There are no series to show."), null;
-      const a = le.value.find((l) => l.name === t);
-      return a || (e.value.debug && console.warn(`VueUiScatter - Series name not found "${t}"`), null);
-    }
-    function jl(t) {
-      const a = Kt(t);
-      a !== null && E.value.includes(a.id) && He(a.id);
-    }
-    function ql(t) {
-      const a = Kt(t);
-      a !== null && (E.value.includes(a.id) || He(a.id));
-    }
-    function xt(t = null) {
-      Je(() => {
-        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}`
-        ], l = G.value.map((n) => [
-          n.name,
-          n.correlation.coefficient,
-          n.plots.length,
-          n.plots.map((u) => u.v.x).reduce((u, c) => u + c, 0) / n.plots.length,
-          n.plots.map((u) => u.v.y).reduce((u, c) => u + c, 0) / n.plots.length
-        ]), s = [
-          [e.value.style.title.text],
-          [e.value.style.title.subtitle.text],
-          [[""], [""], [""]]
-        ].concat([a]).concat(l), o = _a(s);
-        t ? t(o) : La({
-          csvContent: o,
-          title: e.value.style.title.text || "vue-ui-heatmap"
-        });
-      });
-    }
-    const ke = A(() => {
-      const t = [
-        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 = G.value.map((o) => [
-        {
-          shape: o.shape,
-          content: o.name ?? "-",
-          color: o.color
-        },
-        Number(
-          (o.correlation?.coefficient ?? 0).toFixed(
-            e.value.table.td.roundingValue
-          )
-        ).toLocaleString(),
-        o.plots.length.toLocaleString(),
-        Number(
-          (o.plots.map((n) => n.v.x ?? 0).reduce((n, u) => n + u, 0) / o.plots.length).toFixed(e.value.table.td.roundingAverage)
-        ).toLocaleString(),
-        Number(
-          (o.plots.map((n) => n.v.y ?? 0).reduce((n, u) => n + u, 0) / o.plots.length).toFixed(e.value.table.td.roundingAverage)
-        ).toLocaleString()
-      ]), l = a.map((o) => o.map((n, u) => u === 0 ? n.content : n)), s = {
-        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: t, body: a, a11yBody: l, config: s, colNames: t };
-    }), fe = k(!1);
-    function Zt(t) {
-      fe.value = t, St.value += 1;
-    }
-    function Jt() {
-      te.value.showTable = !te.value.showTable;
-    }
-    function Qt() {
-      te.value.showTooltip = !te.value.showTooltip;
-    }
-    const Be = k(!1);
-    function bt() {
-      Be.value = !Be.value;
-    }
-    async function Gl({ scale: t = 2 } = {}) {
-      if (!ne.value) return;
-      const { width: a, height: l } = ne.value.getBoundingClientRect(), s = a / l, { imageUri: o, base64: n } = await Ya({
-        domElement: ne.value,
-        base64: !0,
-        img: !0,
-        scale: t
-      });
-      return {
-        imageUri: o,
-        base64: n,
-        title: e.value.style.title.text,
-        width: a,
-        height: l,
-        aspectRatio: s
-      };
-    }
-    function Hl(t) {
-      $e.value = t, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (_e.value = T.value.y.length - 2 - t);
-    }
-    function Kl(t) {
-      _e.value = t, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && ($e.value = t);
-    }
-    function mt() {
-      $e.value = null, _e.value = null;
-    }
-    const el = {
-      circle: 1,
-      square: 1,
-      diamond: 1,
-      triangle: 1.2,
-      star: 1.3,
-      pentagon: 1.3,
-      hexagon: 1.3
-    }, _ = (t) => t.toFixed(3);
-    function Zl({ shape: t = "circle", cx: a, cy: l, r: s }) {
-      if (!e.value.usePerformanceMode) return "";
-      const o = el[t] * s;
-      switch (t) {
-        case "circle": {
-          const n = _(a - o), u = _(l), c = _(a + o), i = _(o);
-          return `M ${n} ${u} A ${i} ${i} 0 1 0 ${c} ${u} A ${i} ${i} 0 1 0 ${n} ${u} Z`;
-        }
-        case "square": {
-          const n = _(a - o), u = _(l - o), c = _(a + o), i = _(l + o);
-          return `M ${n} ${u} L ${c} ${u} L ${c} ${i} L ${n} ${i} Z`;
-        }
-        case "diamond": {
-          const n = _(a), u = _(l);
-          return `M ${n} ${_(l - o)} L ${_(a + o)} ${u} L ${n} ${_(l + o)} L ${_(a - o)} ${u} Z`;
-        }
-        case "triangle": {
-          const n = o * Math.sqrt(3), u = a, c = l - 2 / 3 * n, i = a - o, g = l + 1 / 3 * n, L = a + o, d = g;
-          return `M ${_(u)} ${_(c)} L ${_(i)} ${_(g)} L ${_(L)} ${_(d)} Z`;
-        }
-        case "star": {
-          const n = o, u = o * 0.5, c = [];
-          for (let g = 0; g < 10; g += 1) {
-            const L = (-90 + g * 36) * Math.PI / 180, d = g % 2 === 0 ? n : u;
-            c.push([a + d * Math.cos(L), l + d * Math.sin(L)]);
-          }
-          let i = `M ${_(c[0][0])} ${_(c[0][1])}`;
-          for (let g = 1; g < c.length; g += 1)
-            i += ` L ${_(c[g][0])} ${_(c[g][1])}`;
-          return i + " Z";
-        }
-        case "pentagon": {
-          const u = [];
-          for (let i = 0; i < 5; i += 1) {
-            const g = (-90 + i * 72) * Math.PI / 180;
-            u.push([
-              a + o * Math.cos(g),
-              l + o * Math.sin(g)
-            ]);
-          }
-          let c = `M ${_(u[0][0])} ${_(u[0][1])}`;
-          for (let i = 1; i < 5; i += 1)
-            c += ` L ${_(u[i][0])} ${_(u[i][1])}`;
-          return c + " Z";
-        }
-        case "hexagon": {
-          const u = [];
-          for (let i = 0; i < 6; i += 1) {
-            const g = (-60 + i * 60) * Math.PI / 180;
-            u.push([
-              a + o * Math.cos(g),
-              l + o * Math.sin(g)
-            ]);
-          }
-          let c = `M ${_(u[0][0])} ${_(u[0][1])}`;
-          for (let i = 1; i < 6; i += 1)
-            c += ` L ${_(u[i][0])} ${_(u[i][1])}`;
-          return c + " Z";
-        }
-        default: {
-          const n = _(a - o), u = _(l), c = _(a + o), i = _(o);
-          return `M ${n} ${u} A ${i} ${i} 0 1 0 ${c} ${u} A ${i} ${i} 0 1 0 ${n} ${u} Z`;
-        }
-      }
-    }
-    const Jl = A(() => {
-      if (!e.value.usePerformanceMode) return [""];
-      const { left: t, right: a, top: l, bottom: s } = v.value, o = Math.max(1, (a - t) * (s - l)), n = (d) => d / o * 1e4, u = 2.5, c = 1e3, i = e.value.style.layout.plots.stroke, g = e.value.style.layout.plots.strokeWidth, L = e.value.style.layout.plots.opacity;
-      return G.value.map((d) => {
-        const b = [];
-        for (const w of d.plots) {
-          const P = w.x, X = w.y;
-          if (P < t || P > a || X < l || X > s) continue;
-          const z = Math.max(
-            e.value.style.layout.plots.radius,
-            w.weight
-          );
-          b.push(
-            Zl({
-              shape: d.shape || "circle",
-              cx: P,
-              cy: X,
-              r: z
-            })
-          );
-        }
-        if (!b.length) return null;
-        const N = n(d.plots.length) > u || d.plots.length > c;
-        return {
-          id: d.id,
-          d: b.join(""),
-          fill: Ee(d.color, L * 100),
-          stroke: N ? "none" : i,
-          strokeWidth: N ? 0 : g,
-          strokeOpacity: 1
-        };
-      }).filter(Boolean);
-    });
-    function Ql() {
-      return e.value.usePerformanceMode ? (t) => {
-        const a = re.value;
-        if (!a) return;
-        const l = a.createSVGPoint();
-        l.x = t.clientX, l.y = t.clientY;
-        const s = a.getScreenCTM();
-        if (!s) return;
-        const o = s.inverse(), n = l.matrixTransform(o), u = 8, c = u * u;
-        let i = null, g = 1 / 0, L = -1;
-        if (G.value.forEach((d, b) => {
-          d.plots.forEach((N) => {
-            const w = N.x - n.x, P = N.y - n.y, X = w * w + P * P;
-            X <= c && X < g && (g = X, i = N, L = b);
-          });
-        }), i)
-          W.value !== i.id && (W.value = i.id, ye(
-            i,
-            L,
-            "pointer",
-            ue.value.get(i.id) ?? null
-          ));
-        else if (W.value) {
-          const d = h.value;
-          W.value = void 0, Te(d, L);
-        }
-      } : () => null;
-    }
-    const tl = Ql();
-    function ea() {
-      if (W.value) {
-        const t = h.value;
-        W.value = void 0, Te(t, null);
-      }
-    }
-    function ta(t) {
-      const a = h.value;
-      if (a) {
-        const l = G.value.findIndex(
-          (s) => s.id === a.clusterId
-        );
-        ze(a, l >= 0 ? l : 0);
-      }
-    }
-    const Pe = A(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, a = te.value.showTable;
-      return {
-        component: t ? $l : ml,
-        title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? `: ${e.value.style.title.subtitle.text}` : ""}`,
-        props: t ? {
-          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: fe.value,
-          fullscreenParent: ne.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8),
-          isCursorPointer: he.value
-        } : {
-          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
-            }
-          }
-        }
-      };
-    });
-    Ze(
-      () => te.value.showTable,
-      (t) => {
-        e.value.table.show || (t && e.value.table.useDialog && Le.value ? Le.value.open() : "close" in Le.value && Le.value.close());
-      }
-    );
-    function ll() {
-      te.value.showTable = !1, et.value && et.value.setTableIconState(!1);
-    }
-    const la = A(() => e.value.style.backgroundColor), aa = A(() => e.value.style.legend), oa = A(() => e.value.style.title), { exportSvg: sa, getSvg: na } = Ia({
-      svg: re,
-      title: oa,
-      legend: aa,
-      legendItems: le,
-      backgroundColor: la
-    });
-    async function al({ isCb: t }) {
-      Fe.value = !0, await Je();
-      try {
-        if (t) {
-          const { blob: a, url: l, text: s, dataUrl: o } = await na();
-          await Promise.resolve(
-            e.value.userOptions.callbacks.svg({
-              blob: a,
-              url: l,
-              text: s,
-              dataUrl: o
-            })
-          );
-        } else
-          await Promise.resolve(sa());
-      } finally {
-        Fe.value = !1;
-      }
-    }
-    function ua(t) {
-      if (t?.stage === "start") {
-        Ye.value = !0;
-        return;
-      }
-      if (t?.stage === "end") {
-        Ye.value = !1;
-        return;
-      }
-      Rt();
-    }
-    async function ol() {
-      if (Cl("copyAlt", {
-        config: e.value,
-        dataset: me.value
-      }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn(
-          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
-        );
-        return;
-      }
-      await Promise.resolve(
-        e.value.userOptions.callbacks.altCopy({
-          config: e.value,
-          dataset: me.value
-        })
-      );
-    }
-    function sl(t, a) {
-      const l = we.value.filter((c) => c.id !== t.id);
-      if (!l.length) return null;
-      const s = l.filter((c) => a === "right" ? c.x > t.x : a === "left" ? c.x < t.x : a === "down" ? c.y > t.y : a === "up" ? c.y < t.y : !1), n = ((c) => {
-        if (!c.length) return null;
-        let i = null, g = 1 / 0;
-        return c.forEach((L) => {
-          const d = L.x - t.x, b = L.y - t.y;
-          let N = 0, w = 0;
-          a === "right" || a === "left" ? (N = Math.abs(d), w = Math.abs(b)) : (N = Math.abs(b), w = Math.abs(d));
-          const P = N * 1e3 + w;
-          P < g && (i = L, g = P);
-        }), i;
-      })(s);
-      if (n) return n;
-      let u = [];
-      if (a === "right") {
-        const c = Math.min(...l.map((i) => i.x));
-        u = l.filter((i) => i.x === c);
-      }
-      if (a === "left") {
-        const c = Math.max(...l.map((i) => i.x));
-        u = l.filter((i) => i.x === c);
-      }
-      if (a === "down") {
-        const c = Math.min(...l.map((i) => i.y));
-        u = l.filter((i) => i.y === c);
-      }
-      if (a === "up") {
-        const c = Math.max(...l.map((i) => i.y));
-        u = l.filter((i) => i.y === c);
-      }
-      return u.length ? u.reduce((c, i) => {
-        if (!c) return i;
-        const g = Math.abs(a === "right" || a === "left" ? c.y - t.y : c.x - t.x);
-        return Math.abs(a === "right" || a === "left" ? i.y - t.y : i.x - t.x) < g ? i : c;
-      }, null) : null;
-    }
-    function ia() {
-      Ce.value = null, xe.value = null, Re.value = !0;
-    }
-    function ra() {
-      gt(), Se.value = "pointer", Re.value = !1;
-    }
-    function va(t) {
-      if (!re.value || Be.value || document.activeElement !== re.value || !we.value.length) return;
-      const a = t.key === "ArrowLeft", l = t.key === "ArrowRight", s = t.key === "ArrowUp", o = t.key === "ArrowDown", n = t.key === "Enter" || t.key === " ", u = t.key === "Escape";
-      if (!a && !l && !s && !o && !n && !u)
-        return;
-      if (t.preventDefault(), t.stopPropagation(), u) {
-        gt(), Se.value = "pointer";
-        return;
-      }
-      if (n) {
-        if (Ce.value === null) return;
-        const b = we.value[Ce.value];
-        if (!b) return;
-        ze(b, b.seriesIndex);
-        return;
-      }
-      let c = null;
-      if (l && (c = "right"), a && (c = "left"), o && (c = "down"), s && (c = "up"), xe.value === null) {
-        const b = h.value;
-        if (b && b.id) {
-          const X = sl(b, c);
-          if (!X) {
-            const S = ue.value.get(b.id);
-            if (S === void 0) return;
-            ye(
-              b,
-              b.seriesIndex,
-              "keyboard",
-              S
-            );
-            return;
-          }
-          const z = ue.value.get(X.id);
-          if (z === void 0) return;
-          ye(X, X.seriesIndex, "keyboard", z);
-          return;
-        }
-        const w = we.value[0];
-        if (!w) return;
-        const P = ue.value.get(w.id) ?? 0;
-        ye(w, w.seriesIndex, "keyboard", P);
-        return;
-      }
-      const i = ue.value.get(xe.value);
-      if (i === void 0) return;
-      const g = we.value[i];
-      if (!g) return;
-      const L = sl(g, c);
-      if (!L) return;
-      const d = ue.value.get(L.id);
-      d !== void 0 && ye(L, L.seriesIndex, "keyboard", d);
-    }
-    const ya = A(() => {
-      if (!h.value)
-        return "";
-      const t = h.value, a = isNaN(t.v.x) ? "-" : ee(
-        e.value.style.layout.plots.selectors.labels.x.formatter,
-        t.v.x,
-        j({
-          p: e.value.style.tooltip.prefix,
-          v: t.v.x,
-          s: e.value.style.tooltip.suffix,
-          r: e.value.style.tooltip.roundingValue
-        }),
-        { datapoint: t, seriesIndex: t.seriesIndex }
-      ), l = isNaN(t.v.y) ? "-" : ee(
-        e.value.style.layout.plots.selectors.labels.y.formatter,
-        t.v.y,
-        j({
-          p: e.value.style.tooltip.prefix,
-          v: t.v.y,
-          s: e.value.style.tooltip.suffix,
-          r: e.value.style.tooltip.roundingValue
-        }),
-        { datapoint: t, seriesIndex: t.seriesIndex }
-      );
-      return [
-        t.clusterName || "",
-        t.v.name || "",
-        `${e.value.style.layout.dataLabels.xAxis.name}: ${a}`,
-        `${e.value.style.layout.dataLabels.yAxis.name}: ${l}`
-      ].filter(Boolean).join(". ");
-    }), we = A(() => G.value.flatMap((t, a) => t.plots.map((l) => ({
-      ...l,
-      seriesIndex: a,
-      seriesId: t.id,
-      seriesName: t.name,
-      shape: t.shape || "circle",
-      color: t.color
-    })))), ue = A(() => {
-      const t = /* @__PURE__ */ new Map();
-      return we.value.forEach((a, l) => {
-        t.set(a.id, l);
-      }), t;
-    }), kt = A(() => {
-      const t = ke.value?.colNames ?? [], a = ke.value?.a11yBody ?? [];
-      return { headers: t, rows: a };
-    });
-    return pl({
-      getData: Fl,
-      getImage: Gl,
-      generatePdf: Ft,
-      generateCsv: xt,
-      generateImage: Rt,
-      generateSvg: al,
-      hideSeries: ql,
-      showSeries: jl,
-      toggleTable: Jt,
-      toggleTooltip: Qt,
-      toggleAnnotator: bt,
-      toggleFullscreen: Zt,
-      copyAlt: ol
-    }), (t, a) => (r(), y("div", {
-      class: ul(`vue-data-ui-component vue-ui-scatter ${fe.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      ref_key: "scatterChart",
-      ref: ne,
-      id: `vue-ui-scatter_${I.value}`,
-      style: ie(`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] = () => f(Et)(!0)),
-      onMouseleave: a[6] || (a[6] = () => {
-        f(Et)(!1), Re.value || gt();
-      })
-    }, [
-      M("div", {
-        id: `chart-instructions-${I.value}`,
-        class: "sr-only"
-      }, [
-        M("p", null, F(e.value.a11y.translations.keyboardNavigation), 1)
-      ], 8, Ha),
-      te.value.showTooltip ? p("", !0) : (r(), y("div", Ka, F(ya.value), 1)),
-      kt.value?.rows?.length && We.value ? (r(), se(Ua, {
-        key: 1,
-        uid: I.value,
-        head: kt.value.headers,
-        body: kt.value.rows,
-        notice: e.value.a11y.translations.tableAvailable,
-        caption: e.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : p("", !0),
-      e.value.userOptions.buttons.annotator ? (r(), se(f(wl), {
-        key: 2,
-        svgRef: f(re),
-        backgroundColor: e.value.style.backgroundColor,
-        color: e.value.style.color,
-        active: Be.value,
-        isCursorPointer: he.value,
-        onClose: bt
-      }, {
-        "annotator-action-close": B(() => [
-          D(t.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": B(({ color: l }) => [
-          D(t.$slots, "annotator-action-color", J(Q({ color: l })), void 0, !0)
-        ]),
-        "annotator-action-draw": B(({ mode: l }) => [
-          D(t.$slots, "annotator-action-draw", J(Q({ mode: l })), void 0, !0)
-        ]),
-        "annotator-action-undo": B(({ disabled: l }) => [
-          D(t.$slots, "annotator-action-undo", J(Q({ disabled: l })), void 0, !0)
-        ]),
-        "annotator-action-redo": B(({ disabled: l }) => [
-          D(t.$slots, "annotator-action-redo", J(Q({ disabled: l })), void 0, !0)
-        ]),
-        "annotator-action-delete": B(({ disabled: l }) => [
-          D(t.$slots, "annotator-action-delete", J(Q({ disabled: l })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : p("", !0),
-      Pl.value ? (r(), y("div", {
-        key: 3,
-        ref_key: "noTitle",
-        ref: Bt,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : p("", !0),
-      e.value.style.title.text ? (r(), y("div", {
-        key: 4,
-        ref_key: "chartTitle",
-        ref: Ct,
-        style: "width:100%;background:transparent"
-      }, [
-        (r(), se(Fa, {
-          key: `title_${Pt.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)) : p("", !0),
-      M("div", {
-        id: `legend-top-${I.value}`
-      }, null, 8, Za),
-      e.value.userOptions.show && We.value && (f(Wt) || f(rt)) ? (r(), se(f(Al), {
-        ref_key: "userOptionsRef",
-        ref: et,
-        key: `user_options_${St.value}`,
-        backgroundColor: e.value.style.backgroundColor,
-        color: e.value.style.color,
-        isImaging: f(ct),
-        isPrinting: f(yt),
-        uid: I.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,
-        hasAltCopy: e.value.userOptions.buttons.altCopy,
-        isTooltip: te.value.showTooltip,
-        isFullscreen: fe.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: ne.value,
-        position: e.value.userOptions.position,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: Be.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        tableDialog: e.value.table.useDialog,
-        isCursorPointer: he.value,
-        onToggleFullscreen: Zt,
-        onGeneratePdf: f(Ft),
-        onGenerateCsv: xt,
-        onGenerateImage: ua,
-        onGenerateSvg: al,
-        onToggleTable: Jt,
-        onToggleTooltip: Qt,
-        onToggleAnnotator: bt,
-        onCopyAlt: ol,
-        style: ie({
-          visibility: f(Wt) ? f(rt) ? "visible" : "hidden" : "visible"
-        })
-      }, il({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: B(({ isOpen: l, color: s }) => [
-            D(t.$slots, "menuIcon", J(Q({ isOpen: l, color: s })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: B(() => [
-            D(t.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: B(() => [
-            D(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: B(() => [
-            D(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: B(() => [
-            D(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: B(() => [
-            D(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: B(() => [
-            D(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: B(({ toggleFullscreen: l, isFullscreen: s }) => [
-            D(t.$slots, "optionFullscreen", J(Q({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: B(({ toggleAnnotator: l, isAnnotator: s }) => [
-            D(t.$slots, "optionAnnotator", J(Q({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
-          ]),
-          key: "8"
-        } : void 0,
-        t.$slots.optionAltCopy ? {
-          name: "optionAltCopy",
-          fn: B(({ altCopy: l }) => [
-            D(t.$slots, "optionAltCopy", J(Q({ altCopy: l })), void 0, !0)
-          ]),
-          key: "9"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "hasAltCopy", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : p("", !0),
-      M("div", Ja, [
-        (r(), y("svg", {
-          ref_key: "svgRef",
-          ref: re,
-          xmlns: f(Ma),
-          "aria-describedby": `chart-instructions-${I.value}`,
-          class: ul({
-            "vue-data-ui-fullscreen--on": fe.value,
-            "vue-data-ui-fulscreen--off": !fe.value,
-            animated: e.value.useCssAnimation
-          }),
-          viewBox: `0 0 ${Y.value.width <= 0 ? 10 : Y.value.width} ${Y.value.height <= 0 ? 10 : Y.value.height}`,
-          style: ie(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
-          onMouseleave: mt,
-          tabindex: "0",
-          onFocus: ia,
-          onBlur: ra,
-          onKeydown: va
-        }, [
-          Ie(f(Ml)),
-          t.$slots["chart-background"] ? (r(), y("foreignObject", {
-            key: 0,
-            x: 0,
-            y: 0,
-            width: Y.value.width <= 0 ? 10 : Y.value.width,
-            height: Y.value.height <= 0 ? 10 : Y.value.height,
-            style: {
-              pointerEvents: "none"
-            }
-          }, [
-            D(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, eo)) : p("", !0),
-          e.value.style.layout.axis.show ? (r(), y("g", to, [
-            M("line", {
-              x1: C.value.x,
-              x2: C.value.x,
-              y1: v.value.top,
-              y2: v.value.bottom,
-              stroke: e.value.style.layout.axis.stroke,
-              "stroke-width": e.value.style.layout.axis.strokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, lo),
-            M("line", {
-              x1: v.value.left,
-              x2: v.value.right,
-              y1: C.value.y,
-              y2: C.value.y,
-              stroke: e.value.style.layout.axis.stroke,
-              "stroke-width": e.value.style.layout.axis.strokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, ao)
-          ])) : p("", !0),
-          e.value.style.layout.dataLabels.xAxis.scales.verticalLines.show ? (r(), y("g", oo, [
-            (r(!0), y(U, null, K(jt.value, (l, s) => (r(), y("line", {
-              key: `scatter-x-scale-line-${I.value}-${s}`,
-              x1: l.x,
-              x2: l.x,
-              y1: v.value.top,
-              y2: v.value.bottom,
-              stroke: e.value.style.layout.dataLabels.xAxis.scales.verticalLines.stroke,
-              "stroke-width": e.value.style.layout.dataLabels.xAxis.scales.verticalLines.strokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, so))), 128))
-          ])) : p("", !0),
-          e.value.style.layout.dataLabels.xAxis.scales.show ? (r(), y("g", {
-            key: 3,
-            ref_key: "xAxisScaleLabels",
-            ref: st
-          }, [
-            (r(!0), y(U, null, K(jt.value, (l, s) => (r(), y("g", {
-              class: "vue-ui-scatter-scale-group",
-              key: `scatter-x-scale-${I.value}-${s}`,
-              opacity: Il.value ? 0 : 1,
-              style: { transition: "opacity 0.1s ease-in-out" }
-            }, [
-              M("line", {
-                x1: l.x,
-                x2: l.x,
-                y1: C.value.y - 4,
-                y2: C.value.y + 4,
-                stroke: e.value.style.layout.axis.stroke,
-                "stroke-width": e.value.style.layout.axis.strokeWidth,
-                "stroke-linecap": "round"
-              }, null, 8, uo),
-              M("text", {
-                x: l.x,
-                y: C.value.y + e.value.style.layout.dataLabels.xAxis.scales.labels.fontSize + 6 + e.value.style.layout.dataLabels.xAxis.scales.labels.offsetY,
-                "text-anchor": "middle",
-                "font-size": e.value.style.layout.dataLabels.xAxis.scales.labels.fontSize,
-                fill: e.value.style.layout.dataLabels.xAxis.scales.labels.color,
-                stroke: e.value.style.backgroundColor,
-                "stroke-width": "2",
-                "paint-order": "stroke"
-              }, F(l.label), 9, io)
-            ], 8, no))), 128))
-          ], 512)) : p("", !0),
-          e.value.style.layout.dataLabels.yAxis.scales.horizontalLines.show ? (r(), y("g", ro, [
-            (r(!0), y(U, null, K(qt.value, (l, s) => (r(), y("line", {
-              key: `scatter-y-scale-line-${I.value}-${s}`,
-              x1: v.value.left,
-              x2: v.value.right,
-              y1: l.y,
-              y2: l.y,
-              stroke: e.value.style.layout.dataLabels.yAxis.scales.horizontalLines.stroke,
-              "stroke-width": e.value.style.layout.dataLabels.yAxis.scales.horizontalLines.strokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, vo))), 128))
-          ])) : p("", !0),
-          e.value.style.layout.dataLabels.yAxis.scales.show ? (r(), y("g", {
-            key: 5,
-            ref_key: "yAxisScaleLabels",
-            ref: ot,
-            opacity: El.value ? 0 : 1,
-            style: { transition: "opacity 0.1s ease-in-out" },
-            class: "vue-ui-scatter-scale-group"
-          }, [
-            (r(!0), y(U, null, K(qt.value, (l, s) => (r(), y("g", {
-              key: `scatter-y-scale-${I.value}-${s}`
-            }, [
-              M("line", {
-                x1: C.value.x - 4,
-                x2: C.value.x + 4,
-                y1: l.y,
-                y2: l.y,
-                stroke: e.value.style.layout.axis.stroke,
-                "stroke-width": e.value.style.layout.axis.strokeWidth,
-                "stroke-linecap": "round"
-              }, null, 8, co),
-              M("text", {
-                x: C.value.x - e.value.style.layout.dataLabels.yAxis.scales.labels.fontSize / 2 - 8 + e.value.style.layout.dataLabels.yAxis.scales.labels.offsetX,
-                y: l.y + e.value.style.layout.dataLabels.yAxis.scales.labels.fontSize / 3,
-                "text-anchor": "end",
-                "font-size": e.value.style.layout.dataLabels.yAxis.scales.labels.fontSize,
-                fill: e.value.style.layout.dataLabels.yAxis.scales.labels.color,
-                stroke: e.value.style.backgroundColor,
-                "stroke-width": "2",
-                "paint-order": "stroke"
-              }, F(l.label), 9, ho)
-            ]))), 128))
-          ], 8, yo)) : p("", !0),
-          e.value.style.layout.marginalBars.show ? (r(), y("g", fo, [
-            M("defs", null, [
-              M("linearGradient", {
-                id: `marginal_x_${I.value}`,
-                x1: "0%",
-                y1: "0%",
-                x2: "0%",
-                y2: "100%"
-              }, [
-                M("stop", {
-                  offset: "0%",
-                  "stop-color": e.value.style.layout.marginalBars.fill
-                }, null, 8, go),
-                M("stop", {
-                  offset: "100%",
-                  "stop-color": e.value.style.backgroundColor
-                }, null, 8, xo)
-              ], 8, po),
-              M("linearGradient", {
-                id: `marginal_y_${I.value}`,
-                x1: "0%",
-                x2: "100%",
-                y1: "0%",
-                y2: "0%"
-              }, [
-                M("stop", {
-                  offset: "0%",
-                  "stop-color": e.value.style.backgroundColor
-                }, null, 8, mo),
-                M("stop", {
-                  offset: "100%",
-                  "stop-color": e.value.style.layout.marginalBars.fill
-                }, null, 8, ko)
-              ], 8, bo)
-            ]),
-            (r(!0), y(U, null, K(T.value.x, (l, s) => (r(), y("g", null, [
-              l && T.value.avgX[s] ? (r(), y("rect", {
-                key: 0,
-                x: T.value.avgX[s] - v.value.width / $.value / 2,
-                y: v.value.top - e.value.style.layout.marginalBars.offset - l / T.value.maxX * e.value.style.layout.marginalBars.size,
-                width: v.value.width / $.value <= 0 ? 1e-4 : v.value.width / $.value,
-                height: l / T.value.maxX * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : l / T.value.maxX * e.value.style.layout.marginalBars.size,
-                fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_x_${I.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, wo)) : p("", !0),
-              T.value.avgX[s] ? (r(), y("rect", {
-                key: 1,
-                x: T.value.avgX[s] - v.value.width / $.value / 2,
-                y: v.value.top - e.value.style.layout.marginalBars.offset - e.value.style.layout.marginalBars.size,
-                width: v.value.width / $.value <= 0 ? 1e-4 : v.value.width / $.value,
-                height: Math.max(
-                  0.1,
-                  e.value.style.layout.marginalBars.size
-                ),
-                fill: "transparent",
-                onMouseenter: (o) => Hl(s),
-                onMouseleave: a[0] || (a[0] = (o) => mt())
-              }, null, 40, Ao)) : p("", !0),
-              T.value.avgX[s] && $e.value != null && $e.value === s ? (r(), y("g", Mo, [
-                M("rect", {
-                  x: T.value.avgX[s] - v.value.width / $.value / 2,
-                  y: v.value.top,
-                  width: v.value.width / $.value <= 0 ? 1e-4 : v.value.width / $.value,
-                  height: v.value.height,
-                  fill: e.value.style.layout.marginalBars.highlighter.color,
-                  "fill-opacity": e.value.style.layout.marginalBars.highlighter.opacity
-                }, null, 8, $o),
-                M("line", {
-                  x1: T.value.avgX[s] - v.value.width / $.value / 2,
-                  x2: T.value.avgX[s] - v.value.width / $.value / 2,
-                  y1: 0,
-                  y2: v.value.top + v.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),
-                M("line", {
-                  x1: T.value.avgX[s] - v.value.width / $.value / 2 + (v.value.width / $.value <= 0 ? 1e-4 : v.value.width / $.value),
-                  x2: T.value.avgX[s] - v.value.width / $.value / 2 + (v.value.width / $.value <= 0 ? 1e-4 : v.value.width / $.value),
-                  y1: 0,
-                  y2: v.value.top + v.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, Lo)
-              ])) : p("", !0)
-            ]))), 256)),
-            (r(!0), y(U, null, K(T.value.y, (l, s) => (r(), y("g", null, [
-              l && T.value.avgY[s] ? (r(), y("rect", {
-                key: 0,
-                x: v.value.right + e.value.style.layout.marginalBars.offset,
-                y: T.value.avgY[s] - v.value.height / $.value / 2,
-                height: v.value.height / $.value <= 0 ? 1e-4 : v.value.height / $.value,
-                width: l / T.value.maxY * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : l / T.value.maxY * e.value.style.layout.marginalBars.size,
-                fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_y_${I.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, So)) : p("", !0),
-              T.value.avgY[s] ? (r(), y("rect", {
-                key: 1,
-                x: v.value.right + e.value.style.layout.marginalBars.offset,
-                y: T.value.avgY[s] - v.value.height / $.value / 2,
-                width: Math.max(
-                  0.1,
-                  e.value.style.layout.marginalBars.size
-                ),
-                height: v.value.height / $.value <= 0 ? 1e-4 : v.value.height / $.value,
-                fill: "transparent",
-                onMouseenter: (o) => Kl(s),
-                onMouseleave: a[1] || (a[1] = (o) => mt())
-              }, null, 40, Co)) : p("", !0),
-              T.value.avgY[s] && _e.value != null && _e.value === s ? (r(), y("g", To, [
-                M("rect", {
-                  x: v.value.left,
-                  y: T.value.avgY[s] - v.value.height / $.value / 2,
-                  width: v.value.width,
-                  height: v.value.height / $.value <= 0 ? 1e-4 : v.value.height / $.value,
-                  fill: e.value.style.layout.marginalBars.highlighter.color,
-                  "fill-opacity": e.value.style.layout.marginalBars.highlighter.opacity
-                }, null, 8, zo),
-                M("line", {
-                  x1: v.value.left,
-                  x2: Y.value.width,
-                  y1: T.value.avgY[s] - v.value.height / $.value / 2,
-                  y2: T.value.avgY[s] - v.value.height / $.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, Bo),
-                M("line", {
-                  x1: v.value.left,
-                  x2: Y.value.width,
-                  y1: T.value.avgY[s] - v.value.height / $.value / 2 + (v.value.height / $.value <= 0 ? 1e-4 : v.value.height / $.value),
-                  y2: T.value.avgY[s] - v.value.height / $.value / 2 + (v.value.height / $.value <= 0 ? 1e-4 : v.value.height / $.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, Po)
-              ])) : p("", !0)
-            ]))), 256)),
-            e.value.style.layout.marginalBars.showLines ? (r(), y("g", Oo, [
-              (r(!0), y(U, null, K(Rl.value, (l) => (r(), y(U, null, [
-                E.value.includes(l.id) ? p("", !0) : (r(), y("path", {
-                  key: 0,
-                  d: `M ${l.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, Do)),
-                E.value.includes(l.id) ? p("", !0) : (r(), y("path", {
-                  key: 1,
-                  d: `M ${l.dX}`,
-                  stroke: l.color,
-                  "stroke-width": e.value.style.layout.marginalBars.linesStrokeWidth,
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  fill: "none"
-                }, null, 8, No)),
-                E.value.includes(l.id) ? p("", !0) : (r(), y("path", {
-                  key: 2,
-                  d: `M ${l.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, Io)),
-                E.value.includes(l.id) ? p("", !0) : (r(), y("path", {
-                  key: 3,
-                  d: `M ${l.dY}`,
-                  stroke: l.color,
-                  "stroke-width": e.value.style.layout.marginalBars.linesStrokeWidth,
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  fill: "none"
-                }, null, 8, Eo))
-              ], 64))), 256))
-            ])) : p("", !0)
-          ])) : p("", !0),
-          e.value.style.layout.plots.giftWrap.show ? (r(), y("g", Wo, [
-            (r(!0), y(U, null, K(G.value, (l, s) => (r(), y("g", null, [
-              l.plots.length > 2 ? (r(), y("polygon", {
-                key: 0,
-                points: f($a)({ series: l.plots }),
-                fill: f(Ee)(
-                  l.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: l.color,
-                "stroke-linejoin": "round",
-                "stroke-linecap": "round"
-              }, null, 8, Xo)) : p("", !0)
-            ]))), 256))
-          ])) : p("", !0),
-          e.value.usePerformanceMode ? p("", !0) : (r(!0), y(U, { key: 8 }, K(G.value, (l, s) => (r(), y("g", null, [
-            !l.shape || l.shape === "circle" ? (r(), y("g", Yo, [
-              (r(!0), y(U, null, K(l.plots, (o, n) => (r(), y("circle", {
-                cx: o.x,
-                cy: o.y,
-                r: W.value && W.value === o.id ? o.weight * e.value.style.layout.plots.hoverRadiusRatio : o.weight,
-                fill: f(Ee)(
-                  l.color,
-                  W.value && W.value !== o.id ? e.value.style.layout.plots.opacityNotSelected * 100 : e.value.style.layout.plots.opacity * 100
-                ),
-                stroke: e.value.style.layout.plots.stroke,
-                "stroke-width": e.value.style.layout.plots.strokeWidth,
-                style: ie(`opacity:${W.value && W.value === o.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(o.deviation) / Gt.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: (u) => ye(
-                  o,
-                  s,
-                  "pointer",
-                  ue.value.get(o.id)
-                ),
-                onMouseleave: (u) => Te(o, s),
-                onClick: (u) => ze(o, s)
-              }, null, 44, Fo))), 256))
-            ])) : (r(), y("g", Ro, [
-              (r(!0), y(U, null, K(l.plots, (o, n) => (r(), se(Lt, {
-                plot: { x: o.x, y: o.y },
-                radius: W.value && W.value === o.id ? o.weight * e.value.style.layout.plots.hoverRadiusRatio : o.weight,
-                shape: l.shape,
-                color: f(Ee)(
-                  l.color,
-                  W.value && W.value !== o.id ? e.value.style.layout.plots.opacityNotSelected * 100 : e.value.style.layout.plots.opacity * 100
-                ),
-                stroke: e.value.style.layout.plots.stroke,
-                strokeWidth: e.value.style.layout.plots.strokeWidth,
-                style: ie(`opacity:${W.value && W.value === o.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(o.deviation) / Gt.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: (u) => ye(
-                  o,
-                  s,
-                  "pointer",
-                  ue.value.get(o.id)
-                ),
-                onMouseleave: (u) => Te(o, s),
-                onClick: (u) => ze(o, s)
-              }, null, 8, ["plot", "radius", "shape", "color", "stroke", "strokeWidth", "style", "onMouseover", "onMouseleave", "onClick"]))), 256))
-            ])),
-            e.value.style.layout.plots.name.show ? (r(!0), y(U, { key: 2 }, K(l.plots, (o, n) => (r(), y("text", {
-              x: o.x,
-              y: o.y - o.weight - e.value.style.layout.plots.name.fontSize + e.value.style.layout.plots.name.offsetY,
-              "text-anchor": "middle",
-              "font-size": e.value.style.layout.plots.name.fontSize,
-              fill: f(Ee)(
-                e.value.style.layout.plots.name.color,
-                W.value && W.value !== o.id ? e.value.style.layout.plots.opacityNotSelected * 100 : 100
-              ),
-              onMouseover: (u) => ye(
-                o,
-                s,
-                "pointer",
-                ue.value.get(o.id)
-              ),
-              onMouseleave: (u) => Te(o, s),
-              onClick: (u) => ze(o, s)
-            }, F(o.clusterName), 41, Vo))), 256)) : p("", !0)
-          ]))), 256)),
-          e.value.usePerformanceMode ? (r(), y(U, { key: 9 }, [
-            M("g", {
-              "clip-path": `url(#clip_path_${I.value})`
-            }, [
-              (r(!0), y(U, null, K(Jl.value, (l) => (r(), y("path", {
-                key: l.id,
-                d: l.d,
-                fill: l.fill,
-                stroke: l.stroke,
-                "stroke-width": l.strokeWidth,
-                "stroke-opacity": l.strokeOpacity,
-                "vector-effect": "non-scaling-stroke",
-                "paint-order": "fill"
-              }, null, 8, jo))), 128))
-            ], 8, Uo),
-            h.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", qo, [
-              Ie(Lt, {
-                shape: h.value.shape || "circle",
-                color: h.value.color,
-                plot: { x: h.value.x, y: h.value.y },
-                radius: Math.max(
-                  4 * el[h.value.shape || "circle"],
-                  h.value.weight * e.value.style.layout.plots.hoverRadiusRatio
-                ),
-                stroke: e.value.style.layout.plots.stroke,
-                strokeWidth: e.value.style.layout.plots.strokeWidth
-              }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])
-            ])) : p("", !0),
-            M("rect", {
-              x: v.value.left,
-              y: v.value.top,
-              width: Math.max(1e-4, v.value.width),
-              height: Math.max(1e-4, v.value.height),
-              fill: "transparent",
-              onMousemove: a[2] || (a[2] = (...l) => f(tl) && f(tl)(...l)),
-              onMouseleave: ea,
-              onClick: ta
-            }, null, 40, Go)
-          ], 64)) : p("", !0),
-          h.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", Ho, [
-            M("line", {
-              x1: C.value.x,
-              x2: h.value.x,
-              y1: h.value.y,
-              y2: h.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, Ko),
-            M("line", {
-              x1: h.value.x,
-              x2: h.value.x,
-              y1: C.value.y,
-              y2: h.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, Zo),
-            e.value.style.layout.dataLabels.yAxis.scales.show ? p("", !0) : (r(), y("text", {
-              key: 0,
-              x: C.value.x + (h.value.x > C.value.x ? -6 : 6),
-              y: h.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": h.value.x > C.value.x ? "end" : "start"
-            }, F(f(ee)(
-              e.value.style.layout.plots.selectors.labels.y.formatter,
-              f(R)(h.value.v.y),
-              f(j)({
-                p: e.value.style.layout.plots.selectors.labels.prefix,
-                v: f(R)(h.value.v.y),
-                s: e.value.style.layout.plots.selectors.labels.suffix,
-                r: e.value.style.layout.plots.selectors.labels.rounding
-              }),
-              { datapoint: h.value }
-            )), 9, Jo)),
-            e.value.style.layout.dataLabels.xAxis.scales.show ? p("", !0) : (r(), y("text", {
-              key: 1,
-              x: h.value.x,
-              y: C.value.y + (h.value.y > C.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"
-            }, F(f(ee)(
-              e.value.style.layout.plots.selectors.labels.y.formatter,
-              f(R)(h.value.v.x),
-              f(j)({
-                p: e.value.style.layout.plots.selectors.labels.prefix,
-                v: f(R)(h.value.v.x),
-                s: e.value.style.layout.plots.selectors.labels.suffix,
-                r: e.value.style.layout.plots.selectors.labels.rounding
-              }),
-              { datapoint: h.value }
-            )), 9, Qo)),
-            e.value.style.layout.dataLabels.xAxis.scales.show ? (r(), y("text", {
-              key: 2,
-              x: h.value.x,
-              y: C.value.y + e.value.style.layout.dataLabels.xAxis.scales.labels.fontSize + 6 + e.value.style.layout.dataLabels.xAxis.scales.labels.offsetY,
-              "text-anchor": "middle",
-              "font-size": e.value.style.layout.dataLabels.xAxis.scales.labels.fontSize,
-              fill: e.value.style.layout.dataLabels.xAxis.scales.labels.color
-            }, F(Wl.value), 9, es)) : p("", !0),
-            e.value.style.layout.dataLabels.yAxis.scales.show ? (r(), y("text", {
-              key: 3,
-              x: C.value.x - e.value.style.layout.dataLabels.yAxis.scales.labels.fontSize / 2 - 8 + e.value.style.layout.dataLabels.yAxis.scales.labels.offsetX,
-              y: h.value.y + e.value.style.layout.dataLabels.yAxis.scales.labels.fontSize / 3,
-              "text-anchor": "end",
-              "font-size": e.value.style.layout.dataLabels.yAxis.scales.labels.fontSize,
-              fill: e.value.style.layout.dataLabels.yAxis.scales.labels.color
-            }, F(Xl.value), 9, ts)) : p("", !0),
-            M("circle", {
-              cx: C.value.x,
-              cy: h.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, ls),
-            M("circle", {
-              cx: h.value.x,
-              cy: C.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, as),
-            e.value.style.layout.plots.selectors.labels.showName && !e.value.style.layout.plots.name.show ? (r(), y("text", {
-              key: 4,
-              x: h.value.x,
-              y: h.value.y + (h.value.y < C.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": h.value.x < v.value.left + 100 ? "start" : h.value.x > v.value.right - 100 ? "end" : h.value.x > C.value.x ? "start" : "end"
-            }, F(h.value.v.name), 9, os)) : p("", !0)
-          ])) : p("", !0),
-          e.value.style.layout.dataLabels.xAxis.show ? (r(), y("g", {
-            key: 11,
-            ref_key: "xAxisLabelLeft",
-            ref: tt
-          }, [
-            M("text", {
-              id: `vue-ui-scatter-xAxis-label-${I.value}`,
-              transform: `translate(${e.value.style.layout.dataLabels.xAxis.fontSize + (e.value.style.layout.dataLabels.reverseAxisLabels ? e.value.style.layout.dataLabels.yAxis.offsetX : e.value.style.layout.dataLabels.xAxis.offsetX)}, ${v.value.top + v.value.height / 2 + (e.value.style.layout.dataLabels.reverseAxisLabels ? e.value.style.layout.dataLabels.yAxis.offsetY : e.value.style.layout.dataLabels.xAxis.offsetY)}), 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
-            }, F(e.value.style.layout.dataLabels.reverseAxisLabels ? e.value.style.layout.dataLabels.yAxis.name : e.value.style.layout.dataLabels.xAxis.name), 9, ss),
-            e.value.style.layout.dataLabels.xAxis.showValue ? (r(), y("text", {
-              key: 0,
-              "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}, ${C.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`
-            }, F(f(ee)(
-              e.value.style.layout.plots.selectors.labels.x.formatter,
-              f(R)(q.value.xMin),
-              f(j)({
-                p: e.value.style.layout.plots.selectors.labels.prefix,
-                v: f(R)(q.value.xMin),
-                s: e.value.style.layout.plots.selectors.labels.suffix,
-                r: e.value.style.layout.dataLabels.xAxis.rounding
-              })
-            )), 9, ns)) : p("", !0)
-          ], 512)) : p("", !0),
-          e.value.style.layout.dataLabels.xAxis.show && e.value.style.layout.dataLabels.xAxis.showValue ? (r(), y("text", {
-            key: 12,
-            ref_key: "xAxisLabelRight",
-            ref: lt,
-            "text-anchor": "middle",
-            transform: `translate(${v.value.right + e.value.style.layout.padding.right + 6}, ${C.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
-          }, F(f(ee)(
-            e.value.style.layout.plots.selectors.labels.x.formatter,
-            f(R)(q.value.xMax),
-            f(j)({
-              p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: f(R)(q.value.xMax),
-              s: e.value.style.layout.plots.selectors.labels.suffix,
-              r: e.value.style.layout.dataLabels.xAxis.rounding
-            })
-          )), 9, us)) : p("", !0),
-          e.value.style.layout.dataLabels.yAxis.show && e.value.style.layout.dataLabels.yAxis.showValue ? (r(), y("text", {
-            key: 13,
-            ref_key: "yAxisLabelTop",
-            ref: Tl,
-            x: C.value.x,
-            y: v.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
-          }, F(f(ee)(
-            e.value.style.layout.plots.selectors.labels.y.formatter,
-            f(R)(q.value.yMax),
-            f(j)({
-              p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: f(R)(q.value.yMax),
-              s: e.value.style.layout.plots.selectors.labels.suffix,
-              r: e.value.style.layout.dataLabels.yAxis.rounding
-            })
-          )), 9, is)) : p("", !0),
-          e.value.style.layout.dataLabels.yAxis.show ? (r(), y("g", {
-            key: 14,
-            ref_key: "yAxisLabelBottom",
-            ref: at
-          }, [
-            e.value.style.layout.dataLabels.yAxis.showValue ? (r(), y("text", {
-              key: 0,
-              x: C.value.x,
-              y: Y.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
-            }, F(f(ee)(
-              e.value.style.layout.plots.selectors.labels.y.formatter,
-              f(R)(q.value.yMin),
-              f(j)({
-                p: e.value.style.layout.plots.selectors.labels.prefix,
-                v: f(R)(q.value.yMin),
-                s: e.value.style.layout.plots.selectors.labels.suffix,
-                r: e.value.style.layout.dataLabels.yAxis.rounding
-              })
-            )), 9, rs)) : p("", !0),
-            M("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: v.value.left + v.value.width / 2 + (e.value.style.layout.dataLabels.reverseAxisLabels ? e.value.style.layout.dataLabels.xAxis.offsetX : e.value.style.layout.dataLabels.yAxis.offsetX),
-              y: Y.value.height + (e.value.style.layout.dataLabels.reverseAxisLabels ? e.value.style.layout.dataLabels.xAxis.offsetY : e.value.style.layout.dataLabels.yAxis.offsetY)
-            }, F(e.value.style.layout.dataLabels.reverseAxisLabels ? e.value.style.layout.dataLabels.xAxis.name : e.value.style.layout.dataLabels.yAxis.name), 9, vs)
-          ], 512)) : p("", !0),
-          M("clipPath", {
-            id: `clip_path_${I.value}`
-          }, [
-            M("rect", {
-              x: v.value.left,
-              y: v.value.top,
-              width: v.value.width <= 0 ? 1e-4 : v.value.width,
-              height: v.value.height <= 0 ? 1e-4 : v.value.height
-            }, null, 8, cs)
-          ], 8, ys),
-          e.value.style.layout.correlation.show ? (r(), y("g", ds, [
-            (r(!0), y(U, null, K(G.value.filter(
-              (l) => l.correlation
-            ), (l, s) => (r(), y("line", {
-              x1: l.correlation.x1,
-              x2: l.correlation.x2,
-              y1: l.correlation.y1,
-              y2: l.correlation.y2,
-              "stroke-dasharray": e.value.style.layout.correlation.strokeDasharray,
-              stroke: l.color,
-              "stroke-width": e.value.style.layout.correlation.strokeWidth,
-              "clip-path": `url(#clip_path_${I.value})`
-            }, null, 8, hs))), 256)),
-            (r(!0), y(U, null, K(G.value.filter(
-              (l) => l.correlation
-            ), (l, s) => (r(), y("g", null, [
-              e.value.style.layout.correlation.label.show ? (r(), y("text", {
-                key: 0,
-                x: l.correlation.x2,
-                y: l.correlation.y2,
-                fill: e.value.style.layout.correlation.label.useSerieColor ? l.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"
-              }, F(f(j)({
-                v: f(R)(
-                  l.correlation?.coefficient ?? 0
-                ),
-                r: e.value.style.layout.correlation.label.roundingValue
-              })), 9, fs)) : p("", !0)
-            ]))), 256))
-          ])) : p("", !0),
-          D(t.$slots, "svg", {
-            svg: {
-              ...Y.value,
-              drawingArea: {
-                ...v.value,
-                zero: C.value
-              },
-              data: me.value,
-              isPrintingImg: f(yt) | f(ct) | Ye.value,
-              isPrintingSvg: Fe.value
-            }
-          }, void 0, !0)
-        ], 46, Qa)),
-        t.$slots.hint ? (r(), y("div", ps, [
-          D(t.$slots, "hint", J(Q({
-            hint: e.value.a11y.translations.keyboardNavigation,
-            isVisible: Re.value
-          })), void 0, !0)
-        ])) : p("", !0)
-      ]),
-      t.$slots.watermark ? (r(), y("div", gs, [
-        D(t.$slots, "watermark", J(Q({
-          isPrinting: f(yt) || f(ct) || Ye.value || Fe.value
-        })), void 0, !0)
-      ])) : p("", !0),
-      M("div", {
-        id: `legend-bottom-${I.value}`
-      }, null, 8, xs),
-      We.value && Nt.value && (e.value.style.legend.show || t.$slots.legend) ? (r(), se(fa, {
-        key: 7,
-        to: e.value.style.legend.position === "top" ? `#legend-top-${I.value}` : `#legend-bottom-${I.value}`
-      }, [
-        M("div", {
-          ref_key: "chartLegend",
-          ref: Tt
-        }, [
-          D(t.$slots, "legend", { legend: le.value }, () => [
-            e.value.style.legend.show ? (r(), se(Va, {
-              key: `legend_${Dt.value}`,
-              legendSet: le.value,
-              config: Yl.value,
-              isCursorPointer: he.value,
-              onClickMarker: a[3] || (a[3] = ({ legend: l }) => He(l.id))
-            }, {
-              item: B(({ legend: l }) => [
-                M("div", {
-                  onClick: (s) => l.segregate(),
-                  style: ie(`opacity:${E.value.includes(l.id) ? 0.5 : 1}`)
-                }, F(l.name), 13, bs)
-              ]),
-              legendToggle: B(() => [
-                le.value.length > 2 && e.value.style.legend.selectAllToggle.show && !f(nt) ? (r(), se(ja, {
-                  key: 0,
-                  backgroundColor: e.value.style.legend.selectAllToggle.backgroundColor,
-                  color: e.value.style.legend.selectAllToggle.color,
-                  fontSize: e.value.style.legend.fontSize,
-                  checked: E.value.length > 0,
-                  isCursorPointer: he.value,
-                  onToggle: Ul
-                }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : p("", !0)
-              ]),
-              _: 1
-            }, 8, ["legendSet", "config", "isCursorPointer"])) : p("", !0)
-          ], !0)
-        ], 512)
-      ], 8, ["to"])) : p("", !0),
-      t.$slots.source ? (r(), y("div", {
-        key: 8,
-        ref_key: "source",
-        ref: zt,
-        dir: "auto"
-      }, [
-        D(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : p("", !0),
-      Ie(f(xl), {
-        teleportTo: e.value.style.tooltip.teleportTo,
-        show: te.value.showTooltip && Xe.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: ne.value,
-        content: Qe.value,
-        isFullscreen: fe.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,
-        isA11yMode: Se.value === "keyboard",
-        a11yPosition: It.value
-      }, {
-        "tooltip-before": B(() => [
-          D(t.$slots, "tooltip-before", J(Q({ ...Ge.value })), void 0, !0)
-        ]),
-        tooltip: B(() => [
-          D(t.$slots, "tooltip", J(Q({ ...Ge.value })), void 0, !0)
-        ]),
-        "tooltip-after": B(() => [
-          D(t.$slots, "tooltip-after", J(Q({ ...Ge.value })), void 0, !0)
-        ]),
-        default: B(() => [
-          e.value.style.tooltip.showShape ? (r(), y("div", ms, [
-            (r(), y("svg", ks, [
-              Ie(Lt, {
-                shape: h.value.shape,
-                color: h.value.color,
-                plot: { x: 10, y: 10 },
-                radius: 7
-              }, null, 8, ["shape", "color"])
-            ]))
-          ])) : p("", !0)
-        ]),
-        _: 3
-      }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      We.value && e.value.userOptions.buttons.table ? (r(), se(pa(Pe.value.component), ga({ key: 9 }, Pe.value.props, {
-        ref_key: "tableUnit",
-        ref: Le,
-        onClose: ll
-      }), il({
-        content: B(() => [
-          (r(), se(f(kl), {
-            key: `table_${Ot.value}`,
-            colNames: ke.value.colNames,
-            head: ke.value.head,
-            body: ke.value.body,
-            config: ke.value.config,
-            title: e.value.table.useDialog ? "" : Pe.value.title,
-            withCloseButton: !e.value.table.useDialog,
-            isCursorPointer: he.value,
-            onClose: ll
-          }, {
-            th: B(({ th: l }) => [
-              rl(F(l), 1)
-            ]),
-            td: B(({ td: l }) => [
-              l.shape ? (r(), y("div", ws, [
-                M("span", null, F(l.content), 1)
-              ])) : (r(), y("div", {
-                key: 1,
-                innerHTML: l
-              }, null, 8, As))
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"]))
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: B(() => [
-            rl(F(Pe.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: B(() => [
-            M("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: a[4] || (a[4] = (l) => xt(e.value.userOptions.callbacks.csv)),
-              style: ie({ cursor: he.value ? "pointer" : "default" })
-            }, [
-              Ie(f(bl), {
-                name: "fileCsv",
-                stroke: Pe.value.props.color
-              }, null, 8, ["stroke"])
-            ], 4)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : p("", !0),
-      D(t.$slots, "skeleton", {}, () => [
-        f(nt) ? (r(), se(Da, { key: 0 })) : p("", !0)
-      ], !0)
-    ], 46, Ga));
-  }
-}, Vs = /* @__PURE__ */ qa(Ms, [["__scopeId", "data-v-58146ed0"]]);
-export {
-  Vs as default
-};