vue-data-ui 3.0.20 → 3.0.22

package/dist/vue-ui-scatter-D2b-u5dv.js

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