vue-data-ui 3.17.13 → 3.18.1

package/dist/vue-ui-quadrant-CVpIeYOB.js

@@ -1,1918 +0,0 @@
-import { defineAsyncComponent as D, computed as m, ref as h, toRefs as nl, watch as Ve, shallowRef as $t, onMounted as rl, onBeforeUnmount as il, openBlock as n, createElementBlock as r, unref as v, normalizeStyle as _, normalizeClass as O, createElementVNode as y, toDisplayString as w, createBlock as B, createCommentVNode as d, withCtx as p, renderSlot as g, normalizeProps as T, guardReactiveProps as q, createSlots as kt, createVNode as ce, Fragment as A, renderList as N, mergeProps as wt, Teleport as vl, resolveDynamicComponent as dl, createTextVNode as Lt, nextTick as _e } from "vue";
-import { j as Ct, t as cl, m as hl, p as Re, o as yl, q as oe, n as bl, s as fl, ak as pl, k as H, l as E, X as gl, u as Te, v as ml, al as xl, Z as $l, W as kl, a0 as wl, a1 as Ll, T as Cl, U as Sl } from "./lib-DMzrGQHK.js";
-import { t as _l, u as Tl } from "./useResponsive-DfdjqQps.js";
-import { u as ql } from "./useConfig-CG4HT3wS.js";
-import { u as Al, B as zl } from "./BaseScanner-C2j3TsSY.js";
-import { u as Wl } from "./usePrinter-C4t8DdQ-.js";
-import { u as Xl } from "./useSvgExport-BTG4hVPO.js";
-import { u as Pl } from "./useThemeCheck-C9Ccl7U9.js";
-import { u as De } from "./useNestedProp-DH0BEVVS.js";
-import { u as Yl } from "./useUserOptionState-B7Ej974k.js";
-import { u as Ml } from "./useChartAccessibility-cp6XQtqi.js";
-import Ol from "./img-CjTQXS0U.js";
-import Bl from "./Title-BbKoiBk2.js";
-import { _ as St } from "./Shape-CxJ5_Rre.js";
-import Nl from "./vue_ui_quadrant-DjRs--Uz.js";
-import Fl from "./Legend-DGN5lY60.js";
-import { A as Il } from "./A11yDataTable-BpmuNomI.js";
-import { B as Vl } from "./BaseLegendToggle-cMP8M2u0.js";
-import { _ as Rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative" } }, Ql = ["xmlns", "aria-describedby", "viewBox", "id"], Gl = ["x", "y", "width", "height"], Kl = ["id"], jl = ["stop-color"], Jl = ["stop-color"], Zl = { key: 1 }, ea = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], ta = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], la = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], aa = { key: 2 }, oa = ["points", "fill"], ua = ["points", "fill"], sa = ["points", "fill"], na = ["points", "fill"], ra = { key: 3 }, ia = ["y", "fill", "font-size"], va = ["x", "y", "fill", "font-size"], da = ["x", "y", "fill", "font-size"], ca = ["y", "fill", "font-size"], ha = { key: 4 }, ya = ["x", "y", "font-size", "fill"], ba = ["x", "y", "font-size", "fill"], fa = ["x", "y", "font-size", "fill"], pa = ["id", "font-size", "transform", "fill"], ga = ["id", "font-size", "transform", "fill"], ma = ["id", "font-size", "transform", "fill"], xa = { key: 5 }, $a = ["fill", "points"], ka = ["x", "y", "width", "height"], wa = ["x", "y", "width", "height"], La = ["x", "y", "width", "height"], Ca = ["x", "y", "width", "height"], Sa = ["x", "y", "onMouseenter", "onMouseleave", "onClick"], _a = ["data-a11y-plot-id", "cx", "cy", "r"], Ta = ["data-a11y-plot-id", "cx", "cy", "r"], qa = {
-  key: 0,
-  style: { "pointer-events": "none" }
-}, Aa = ["x", "y", "font-size", "fill"], za = ["x", "y", "font-size", "fill", "innerHTML"], Wa = { key: 0 }, Xa = ["x", "y", "onMouseover", "onMouseleave", "onClick"], Pa = {
-  key: 8,
-  class: "vue-ui-dna"
-}, Ya = ["points", "fill"], Ma = ["points", "fill"], Oa = ["points", "fill"], Ba = ["points", "fill"], Na = { key: 9 }, Fa = ["x", "y", "font-size", "fill", "font-weight"], Ia = { key: 10 }, Va = ["x", "y", "fill"], Ra = ["x", "y", "fill"], Da = ["x", "y", "fill"], Ha = ["x", "y", "fill"], Ea = ["stroke", "d"], Ua = ["stroke", "d"], Qa = {
-  key: 0,
-  style: { position: "absolute", top: "100%", left: "0", width: "100%" },
-  "data-dom-to-png-ignore": "",
-  "aria-hidden": "true"
-}, Ga = {
-  key: 5,
-  class: "vue-data-ui-watermark"
-}, Ka = ["id"], ja = ["onClick"], Ja = {
-  key: 0,
-  height: "14",
-  width: "14",
-  viewBox: "0 0 20 20"
-}, Za = ["innerHTML"], eo = {
-  __name: "vue-ui-quadrant",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  emits: [
-    "selectPlot",
-    "selectSide",
-    "selectLegend",
-    "copyAlt"
-  ],
-  setup(_t, { expose: Tt, emit: qt }) {
-    const At = D(() => import("./Tooltip-Cvt7Fi0Q.js")), zt = D(() => import("./BaseIcon-DX0hTWa-.js")), Wt = D(() => import("./vue-ui-accordion-DFtpH_16.js")), Xt = D(() => import("./DataTable-cMnb68Ik.js")), Pt = D(
-      () => import("./PenAndPaper-CJDoB5H9.js")
-    ), Yt = D(
-      () => import("./UserOptions-DVduN6X7.js")
-    ), Mt = D(
-      () => import("./PackageVersion-BfrCAH6_.js")
-    ), Ot = D(
-      () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), { vue_ui_quadrant: Bt } = ql(), { isThemeValid: Nt, warnInvalidTheme: Ft } = Pl(), M = _t, He = m(() => !!M.dataset && M.dataset.length), $ = h(Ct()), he = qt, ye = h(!1), qe = h(""), Ee = h(0), x = h(!1), F = h(null), Ue = h(null), Qe = h(null), Ge = h(null), Ke = h(null), je = h(0), Je = h(0), Ze = h(0), et = h(!1), ue = h(null), Ae = h(null), be = h(!1), fe = h(!1), J = h(null), pe = h(null), tt = h({ x: 0, y: 0 }), ze = h("pointer"), ge = h(!1), e = h(Xe()), X = m(
-      () => e.value.userOptions.useCursorPointer
-    ), It = m(() => ({
-      defaultConfig: {
-        userOptions: { show: !1 },
-        table: { show: !1 },
-        style: {
-          chart: {
-            backgroundColor: "#99999930",
-            layout: {
-              grid: {
-                stroke: "#6A6A6A",
-                graduations: {
-                  stroke: "#6A6A6A",
-                  color: "#6A6A6A90"
-                },
-                xAxis: {
-                  auto: !0
-                },
-                yAxis: {
-                  auto: !0
-                }
-              },
-              labels: {
-                quadrantLabels: { show: !1 },
-                plotLabels: { show: !1 },
-                axisLabels: { show: !1 }
-              },
-              plots: {
-                outlineColor: "#6A6A6A"
-              }
-            },
-            legend: {
-              backgroundColor: "transparent"
-            }
-          }
-        }
-      },
-      userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: me, FINAL_DATASET: lt } = Al({
-      ...nl(M),
-      FINAL_CONFIG: e,
-      prepareConfig: Xe,
-      callback: () => {
-        Promise.resolve().then(async () => {
-          await _e(), k.value.showTable = e.value.table.show;
-        });
-      },
-      skeletonDataset: M.config?.skeletonDataset ?? [
-        {
-          name: "_",
-          shape: "circle",
-          color: "#CACACA",
-          series: [
-            { name: "_", x: -6, y: -4 },
-            { name: "_", x: -5, y: -2 },
-            { name: "_", x: -4, y: -1 },
-            { name: "_", x: -3, y: -0.5 },
-            { name: "_", x: -2, y: -0.25 },
-            { name: "_", x: -1, y: -0.135 },
-            { name: "_", x: 0, y: 0 },
-            { name: "_", x: 1, y: 0.135 },
-            { name: "_", x: 2, y: 0.25 },
-            { name: "_", x: 3, y: 0.5 },
-            { name: "_", x: 4, y: 1 },
-            { name: "_", x: 5, y: 2 },
-            { name: "_", x: 6, y: 4 }
-          ]
-        }
-      ],
-      skeletonConfig: cl({
-        defaultConfig: e.value,
-        userConfig: It.value
-      })
-    }), { userOptionsVisible: We, setUserOptionsVisibility: at, keepUserOptionState: ot } = Yl({ config: e.value }), { svgRef: U } = Ml({
-      config: e.value.style.chart.title
-    });
-    function Xe() {
-      const l = De({
-        userConfig: M.config,
-        defaultConfig: Bt
-      }), o = l.theme;
-      if (!o) return l;
-      if (!Nt.value(l))
-        return Ft(l), l;
-      const a = De({
-        userConfig: Nl[o] || M.config,
-        defaultConfig: l
-      }), s = De({
-        userConfig: M.config,
-        defaultConfig: a
-      });
-      return {
-        ...s,
-        customPalette: s.customPalette.length ? s.customPalette : hl[o] || Re
-      };
-    }
-    Ve(
-      () => M.config,
-      (l) => {
-        e.value = Xe(), We.value = !e.value.userOptions.showOnChartHover, ut(), je.value += 1, Je.value += 1, Ze.value += 1, k.value.plotLabels.show = e.value.style.chart.layout.labels.plotLabels.show, k.value.showTable = e.value.table.show, k.value.showTooltip = e.value.style.chart.tooltip.show;
-      },
-      { deep: !0 }
-    );
-    const V = $t(null), Z = $t(null), ee = m(() => e.value.debug);
-    function ut() {
-      if (yl(M.dataset) ? oe({
-        componentName: "VueUiQuadrant",
-        type: "dataset",
-        debug: ee.value
-      }) : M.dataset.forEach((l, o) => {
-        [null, void 0].includes(l.name) && oe({
-          componentName: "VueUiQuadrant",
-          type: "datasetSerieAttribute",
-          property: "name",
-          index: o,
-          debug: ee.value
-        }), [null, void 0].includes(l.series) ? oe({
-          componentName: "VueUiQuadrant",
-          type: "datasetSerieAttribute",
-          property: "series",
-          index: o,
-          debug: ee.value
-        }) : l.series.forEach((a, s) => {
-          [null, void 0].includes(a.name) && oe({
-            componentName: "VueUiQuadrant",
-            type: "datasetSerieAttribute",
-            property: "name",
-            key: "series",
-            index: s,
-            debug: ee.value
-          });
-        });
-      }), e.value.responsive) {
-        const l = _l(() => {
-          const { width: o, height: a } = Tl({
-            chart: F.value,
-            title: e.value.style.chart.title.text ? Ue.value : null,
-            legend: e.value.style.chart.legend.show ? Qe.value : null,
-            source: Ge.value,
-            noTitle: Ke.value
-          });
-          L.value = 48, requestAnimationFrame(() => {
-            t.value.height = a, t.value.usableHeight = a - L.value * 2, t.value.width = o, t.value.usableWidth = o - L.value * 2, t.value.top = L.value, t.value.left = L.value, t.value.right = o - L.value, t.value.bottom = a - L.value, t.value.centerX = o / 2, t.value.centerY = a - a / 2, t.value.padding = L.value;
-          });
-        });
-        V.value && (Z.value && V.value.unobserve(Z.value), V.value.disconnect()), V.value = new ResizeObserver(l), Z.value = F.value.parentNode, V.value.observe(Z.value);
-      }
-    }
-    rl(() => {
-      et.value = !0, ut();
-    }), il(() => {
-      V.value && (Z.value && V.value.unobserve(Z.value), V.value.disconnect());
-    });
-    const { isPrinting: Pe, isImaging: Ye, generatePdf: st, generateImage: nt } = Wl({
-      elementId: `vue-ui-quadrant_${$.value}`,
-      fileName: e.value.style.chart.title.text || "vue-ui-quadrant",
-      options: e.value.userOptions.print
-    }), Vt = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), rt = m(() => bl(e.value.customPalette)), k = h({
-      plotLabels: {
-        show: e.value.style.chart.layout.labels.plotLabels.show
-      },
-      showTable: e.value.table.show,
-      showTooltip: e.value.style.chart.tooltip.show
-    }), L = h(48), t = h({
-      height: e.value.style.chart.height,
-      usableHeight: e.value.style.chart.height - L.value * 2,
-      width: e.value.style.chart.width,
-      usableWidth: e.value.style.chart.width - L.value * 2,
-      top: L.value,
-      left: L.value,
-      right: e.value.style.chart.width - L.value,
-      bottom: e.value.style.chart.height - L.value,
-      centerX: e.value.style.chart.width / 2,
-      centerY: e.value.style.chart.height - e.value.style.chart.height / 2,
-      padding: L.value
-    }), b = h({
-      ...JSON.parse(JSON.stringify(t.value)),
-      startX: 0,
-      startY: 0
-    });
-    Ve(
-      () => t.value,
-      (l) => {
-        l && (b.value = {
-          ...JSON.parse(JSON.stringify(t.value)),
-          startX: 0,
-          startY: 0
-        });
-      },
-      { deep: !0 }
-    );
-    const f = h(null), Q = m(() => {
-      switch (f.value) {
-        case "TL":
-          return {
-            x: b.value.startX + b.value.width / 2,
-            y: b.value.height,
-            text: e.value.style.chart.layout.labels.quadrantLabels.tl.text || "Top Left",
-            fontSize: e.value.style.chart.layout.labels.quadrantLabels.tl.fontSize,
-            fill: e.value.style.chart.layout.labels.quadrantLabels.tl.color,
-            bold: e.value.style.chart.layout.labels.quadrantLabels.tl.bold
-          };
-        case "TR":
-          return {
-            x: b.value.startX + b.value.width / 2,
-            y: b.value.height,
-            text: e.value.style.chart.layout.labels.quadrantLabels.tr.text || "Top Right",
-            fontSize: e.value.style.chart.layout.labels.quadrantLabels.tr.fontSize,
-            fill: e.value.style.chart.layout.labels.quadrantLabels.tr.color,
-            bold: e.value.style.chart.layout.labels.quadrantLabels.tr.bold
-          };
-        case "BR":
-          return {
-            x: b.value.startX + b.value.width / 2,
-            y: b.value.height * 1.678,
-            text: e.value.style.chart.layout.labels.quadrantLabels.br.text || "Bottom Right",
-            fontSize: e.value.style.chart.layout.labels.quadrantLabels.br.fontSize,
-            fill: e.value.style.chart.layout.labels.quadrantLabels.br.color,
-            bold: e.value.style.chart.layout.labels.quadrantLabels.br.bold
-          };
-        case "BL":
-          return {
-            x: b.value.startX + b.value.width / 2,
-            y: b.value.height * 1.678,
-            text: e.value.style.chart.layout.labels.quadrantLabels.bl.text || "Bottom Left",
-            fontSize: e.value.style.chart.layout.labels.quadrantLabels.bl.fontSize,
-            fill: e.value.style.chart.layout.labels.quadrantLabels.bl.color,
-            bold: e.value.style.chart.layout.labels.quadrantLabels.bl.bold
-          };
-        default:
-          return {
-            x: 0,
-            y: 0,
-            text: "",
-            fontSize: 0,
-            fill: "none",
-            bold: !1
-          };
-      }
-    }), Rt = h(null), xe = h(!1);
-    function se({ targetX: l, targetY: o, targetW: a, targetH: s, side: u }) {
-      f.value && ie(u);
-      const i = {
-        x: l - b.value.startX,
-        y: o - b.value.startY,
-        w: a - b.value.width,
-        h: s - b.value.height
-      }, c = e.value.zoomAnimationFrames;
-      let Y = 0;
-      function Ce() {
-        xe.value = !0, b.value.startX += i.x / c, b.value.startY += i.y / c, b.value.width += i.w / c, b.value.height += i.h / c, Y += 1, Y < c ? Rt.value = requestAnimationFrame(Ce) : xe.value = !1;
-      }
-      Ce();
-    }
-    const I = m(() => e.value.zoomEnabled);
-    function R(l) {
-      if (I.value && !xe.value)
-        if (x.value && f.value === l)
-          se({
-            targetX: 0,
-            targetY: 0,
-            targetW: t.value.width,
-            targetH: t.value.height
-          }), f.value = null, x.value = !1;
-        else {
-          switch (f.value = l, l) {
-            case "TL":
-              se({
-                targetX: 0,
-                targetY: 0,
-                targetW: t.value.width / 2 + t.value.left,
-                targetH: t.value.height / 2 + t.value.top,
-                side: "tl"
-              });
-              break;
-            case "TR":
-              se({
-                targetX: t.value.width / 2 - t.value.left,
-                targetY: 0,
-                targetW: t.value.width / 2 + t.value.left,
-                targetH: t.value.height / 2 + t.value.top,
-                side: "tr"
-              });
-              break;
-            case "BR":
-              se({
-                targetX: t.value.width / 2 - t.value.left,
-                targetY: t.value.height / 2 - t.value.top,
-                targetW: t.value.width / 2 + t.value.left,
-                targetH: t.value.height / 2 + t.value.top,
-                side: "br"
-              });
-              break;
-            case "BL":
-              se({
-                targetX: 0,
-                targetY: t.value.height / 2 - t.value.top,
-                targetW: t.value.width / 2 + t.value.left,
-                targetH: t.value.height / 2 + t.value.top,
-                side: "bl"
-              });
-              break;
-            default:
-              b.value.startX = 0, b.value.startY = 0, b.value.width = t.value.width, b.value.height = t.value.height;
-              break;
-          }
-          x.value = !0;
-        }
-    }
-    const Dt = m(() => {
-      const l = e.value.style.chart.layout.grid.graduations.steps, o = t.value.usableWidth / (l * 2), a = t.value.top, s = [];
-      for (let u = 0; u < l; u += 1)
-        s.push({
-          x: t.value.padding + o * u,
-          y: a + t.value.usableHeight * (u / l / 2),
-          height: t.value.usableHeight * (1 - u / l),
-          width: t.value.usableWidth * (1 - u / l),
-          opacity: Math.round((u + 1) / l * 20)
-        });
-      return s;
-    }), z = m(() => {
-      let l = e.value.style.chart.layout.grid.xAxis.max, o = e.value.style.chart.layout.grid.xAxis.min, a = e.value.style.chart.layout.grid.yAxis.max, s = e.value.style.chart.layout.grid.yAxis.min;
-      return e.value.style.chart.layout.grid.xAxis.auto && (l = Math.max(
-        ...te.value.flatMap((u) => u.series.map((i) => i.x))
-      ), o = Math.min(
-        ...te.value.flatMap((u) => u.series.map((i) => i.x))
-      )), e.value.style.chart.layout.grid.yAxis.auto && (a = Math.max(
-        ...te.value.flatMap((u) => u.series.map((i) => i.y))
-      ), s = Math.min(
-        ...te.value.flatMap((u) => u.series.map((i) => i.y))
-      )), {
-        x: {
-          max: l,
-          min: o
-        },
-        y: {
-          max: a,
-          min: s
-        }
-      };
-    }), C = h([]), te = m(
-      () => lt.value.map((l, o) => ({
-        ...l,
-        series: pl({
-          data: l.series,
-          threshold: e.value.downsample.threshold
-        }),
-        id: `cat_${o}_${$.value}`,
-        color: fl(l.color) || rt.value[o] || Re[o]
-      }))
-    ), Me = m(() => te.value.filter((l) => !C.value.includes(l.id))), Ht = m(() => te.value.map((l, o) => ({
-      ...l,
-      shape: l.shape || "circle",
-      series: l.series.map((a) => ({
-        ...a,
-        x: it(a.x),
-        y: vt(a.y),
-        xValue: a.x,
-        yValue: a.y,
-        quadrantSide: ct({ x: a.x, y: a.y }),
-        categoryName: l.name,
-        category: l,
-        shape: l.shape,
-        color: l.color
-      }))
-    }))), W = m(() => (lt.value.forEach((l, o) => {
-      l.series.forEach((a, s) => {
-        [null, void 0].includes(a.x) && oe({
-          componentName: "VueUiQuadrant",
-          type: "datasetSerieAttribute",
-          property: "x",
-          key: "series",
-          index: s,
-          debug: ee.value
-        }), [null, void 0].includes(a.y) && oe({
-          componentName: "VueUiQuadrant",
-          type: "datasetSerieAttribute",
-          property: "y",
-          key: "series",
-          index: s,
-          debug: ee.value
-        });
-      });
-    }), Me.value.map((l, o) => ({
-      ...l,
-      shape: l.shape || "circle",
-      color: l.color || rt.value[o] || Re[o],
-      series: l.series.map((a) => ({
-        ...a,
-        category: l,
-        x: it(a.x),
-        y: vt(a.y),
-        xValue: a.x,
-        yValue: a.y,
-        quadrantSide: ct({ x: a.x, y: a.y }),
-        categoryName: l.name,
-        shape: l.shape,
-        color: l.color,
-        uid: Ct()
-      }))
-    }))));
-    function it(l) {
-      if (l >= 0) {
-        const o = l / z.value.x.max;
-        return t.value.centerX + t.value.usableWidth / 2 * o;
-      } else {
-        const o = Math.abs(l) / Math.abs(z.value.x.min);
-        return t.value.centerX - t.value.usableWidth / 2 * o;
-      }
-    }
-    function vt(l) {
-      if (l >= 0) {
-        const o = l / z.value.y.max;
-        return t.value.centerY + (1 - t.value.usableHeight / 2 * o);
-      } else {
-        const o = Math.abs(l) / Math.abs(z.value.y.min);
-        return t.value.centerY - (1 - t.value.usableHeight / 2 * o);
-      }
-    }
-    const $e = m(() => {
-      const l = W.value.flatMap((c) => c.series.map((Y) => ({
-        x: Y.xValue,
-        y: Y.yValue,
-        name: Y.name,
-        category: Y.categoryName,
-        quadrantSide: Y.quadrantSide,
-        sideName: e.value.style.chart.layout.labels.quadrantLabels[Y.quadrantSide].text,
-        color: c.color,
-        shape: c.shape
-      }))), o = e.value.style.chart.layout.grid.xAxis.name || "x", a = e.value.style.chart.layout.grid.yAxis.name || "y", s = [
-        e.value.translations.category,
-        e.value.translations.item,
-        o,
-        a,
-        e.value.translations.side
-      ], u = l.map((c) => [
-        c.category,
-        c.name,
-        c.x,
-        c.y,
-        c.sideName || c.quadrantSide
-      ]), i = l.map((c) => ({
-        shape: c.shape,
-        color: c.color
-      }));
-      return { head: s, body: u, itsShapes: i, tableData: l };
-    }), le = m(() => {
-      const l = $e.value.head, o = $e.value.tableData.map((u) => [
-        {
-          shape: u.shape,
-          color: u.color,
-          name: u.category
-        },
-        u.name,
-        H(
-          e.value.style.chart.layout.labels.plotLabels.x.formatter,
-          u.x,
-          E({
-            v: u.x,
-            r: e.value.style.chart.layout.labels.plotLabels.rounding
-          })
-        ),
-        H(
-          e.value.style.chart.layout.labels.plotLabels.y.formatter,
-          u.y,
-          E({
-            v: u.y,
-            r: e.value.style.chart.layout.labels.plotLabels.rounding
-          })
-        ),
-        u.sideName || u.quadrantSide
-      ]), a = o.map((u) => u.map((i, c) => c === 0 ? i.name ?? "" : i)), 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: l, body: o, a11yBody: a, config: s, colNames: l };
-    });
-    function Et() {
-      C.value.length ? C.value = [] : G.value.forEach((l) => {
-        C.value.push(l.id);
-      });
-    }
-    function ne(l) {
-      C.value.includes(l) ? C.value = C.value.filter((a) => a !== l) : C.value.push(l);
-      const o = ht();
-      he("selectLegend", o);
-    }
-    const G = m(() => Ht.value.map((l) => ({
-      name: l.name,
-      shape: l.shape,
-      color: l.color,
-      id: l.id,
-      opacity: C.value.includes(l.id) ? 0.5 : 1,
-      segregate: () => ne(l.id),
-      isSegregated: C.value.includes(l.id)
-    })));
-    function dt(l) {
-      if (!G.value.length)
-        return e.value.debug && console.warn("VueUiQuadrant - There are no series to show."), null;
-      const o = G.value.find((a) => a.name === l);
-      return o || (e.value.debug && console.warn(`VueUiQuadrant - Series name not found "${l}"`), null);
-    }
-    function Ut(l) {
-      const o = dt(l);
-      o !== null && C.value.includes(o.id) && ne(o.id);
-    }
-    function Qt(l) {
-      const o = dt(l);
-      o !== null && (C.value.includes(o.id) || ne(o.id));
-    }
-    const Gt = m(() => ({
-      cy: "quadrant-div-legend",
-      backgroundColor: e.value.style.chart.legend.backgroundColor,
-      color: e.value.style.chart.legend.color,
-      fontSize: e.value.style.chart.legend.fontSize,
-      paddingBottom: 12,
-      fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    }));
-    function ct(l) {
-      switch (!0) {
-        case (l.x >= 0 && l.y >= 0):
-          return "tr";
-        case (l.x >= 0 && l.y < 0):
-          return "br";
-        case (l.x < 0 && l.y < 0):
-          return "bl";
-        case (l.x < 0 && l.y >= 0):
-          return "tl";
-        default:
-          return "";
-      }
-    }
-    const K = h(null), re = h(null), ke = h(null);
-    function Oe() {
-      K.value = null, re.value = null, J.value = null, pe.value = null, ye.value = !1;
-    }
-    function Kt(l) {
-      if (!U.value || !l) return;
-      const o = `[data-a11y-plot-id="${l}"]`, a = U.value.querySelector(o);
-      if (!a) return;
-      const s = a.getBoundingClientRect();
-      tt.value = {
-        x: s.left + s.width / 2,
-        y: s.top + s.height / 2
-      };
-    }
-    function we(l, o, a, s = "pointer", u = null) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({
-        datapoint: o,
-        seriesIndex: a
-      }), K.value = o.uid, re.value = {
-        color: l.color,
-        shape: l.shape
-      }, ze.value = s, J.value = u, pe.value = o.uid, ke.value = {
-        datapoint: o,
-        seriesIndex: a,
-        series: W.value,
-        config: e.value
-      };
-      const i = e.value.style.chart.tooltip.customFormat;
-      if (Cl(i) && Sl(
-        () => i({
-          seriesIndex: a,
-          datapoint: o,
-          series: W.value,
-          config: e.value
-        })
-      ))
-        qe.value = i({
-          seriesIndex: a,
-          datapoint: o,
-          series: W.value,
-          config: e.value
-        });
-      else {
-        let c = "";
-        o.quadrantSide && (c += `<div style="color:${e.value.style.chart.layout.labels.quadrantLabels[o.quadrantSide].color};font-weight:${e.value.style.chart.layout.labels.quadrantLabels[o.quadrantSide].bold ? "bold" : "400"}">${e.value.style.chart.layout.labels.quadrantLabels[o.quadrantSide].text}</div>`), c += `<div>${l.name}</div>`, c += `<div style="padding-bottom:6px;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};margin-bottom:3px">${o.name}</div>`, c += `<div>${e.value.style.chart.layout.grid.xAxis.name ? e.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${H(
-          e.value.style.chart.layout.labels.plotLabels.x.formatter,
-          o.xValue,
-          E({
-            v: o.xValue,
-            r: e.value.style.chart.tooltip.roundingValue
-          }),
-          { datapoint: o, category: l, categoryIndex: a }
-        )}</b></div>`, c += `<div>${e.value.style.chart.layout.grid.yAxis.name ? e.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${H(
-          e.value.style.chart.layout.labels.plotLabels.y.formatter,
-          o.yValue,
-          E({
-            v: o.yValue,
-            r: e.value.style.chart.tooltip.roundingValue
-          }),
-          { datapoint: o, category: l, categoryIndex: a }
-        )}</b></div>`, qe.value = `<div style="text-align:left;font-size:${e.value.style.chart.tooltip.fontSize}px">${c}</div>`;
-      }
-      s === "keyboard" && _e(() => {
-        Kt(o.uid);
-      }), ye.value = !0;
-    }
-    function Be(l, o) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({
-        datapoint: l,
-        seriesIndex: o
-      }), !(pe.value === l.uid && ze.value === "keyboard") && (ye.value = !1, K.value = null, re.value = null);
-    }
-    function Le(l, o, a) {
-      e.value.events.datapointClick && e.value.events.datapointClick({
-        datapoint: o,
-        seriesIndex: a
-      });
-      const s = {
-        category: l.name,
-        shape: l.shape,
-        itemName: o.name,
-        x: o.xValue,
-        y: o.yValue,
-        quadrantSide: o.quadrantSide,
-        sideName: e.value.style.chart.layout.labels.quadrantLabels[o.quadrantSide].text
-      };
-      he("selectPlot", s);
-    }
-    function ie(l) {
-      if (!l) return;
-      const o = W.value.flatMap(
-        (s) => s.series.filter((u) => u.quadrantSide === l).map((u) => ({
-          category: u.categoryName,
-          itemName: u.name,
-          x: u.xValue,
-          y: u.yValue
-        }))
-      ), a = {
-        quadrantSide: l,
-        sideName: e.value.style.chart.layout.labels.quadrantLabels[l].text,
-        items: [...o]
-      };
-      he("selectSide", a);
-    }
-    const S = m(() => ({
-      TL: {
-        tl: {
-          x: t.value.left + t.value.usableWidth / 4 - 20,
-          y: 0,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.tl.color
-        },
-        tr: {
-          x: t.value.left + t.value.usableWidth / 4,
-          y: 0,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.tr.color
-        },
-        br: {
-          x: t.value.left + t.value.usableWidth / 4,
-          y: 20,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.br.color
-        },
-        bl: {
-          x: t.value.left + t.value.usableWidth / 4 - 20,
-          y: 20,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.bl.color
-        },
-        crosshairs: {
-          horizontal: `M ${t.value.left + t.value.usableWidth / 4 - 20},20 ${t.value.left + t.value.usableWidth / 4 + 20},20`,
-          vertical: `M ${t.value.left + t.value.usableWidth / 4},0 ${t.value.left + t.value.usableWidth / 4},40`
-        }
-      },
-      TR: {
-        tl: {
-          x: t.value.centerX + t.value.usableWidth / 4 - 20,
-          y: 0,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.tl.color
-        },
-        tr: {
-          x: t.value.centerX + t.value.usableWidth / 4,
-          y: 0,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.tr.color
-        },
-        br: {
-          x: t.value.centerX + t.value.usableWidth / 4,
-          y: 20,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.br.color
-        },
-        bl: {
-          x: t.value.centerX + t.value.usableWidth / 4 - 20,
-          y: 20,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.bl.color
-        },
-        crosshairs: {
-          horizontal: `M ${t.value.centerX + t.value.usableWidth / 4 - 20},20 ${t.value.centerX + t.value.usableWidth / 4 + 20},20`,
-          vertical: `M ${t.value.centerX + t.value.usableWidth / 4},0 ${t.value.centerX + t.value.usableWidth / 4},40`
-        }
-      },
-      BR: {
-        tl: {
-          x: t.value.centerX + t.value.usableWidth / 4 - 20,
-          y: t.value.centerY - 48,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.tl.color
-        },
-        tr: {
-          x: t.value.centerX + t.value.usableWidth / 4,
-          y: t.value.centerY - 48,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.tr.color
-        },
-        br: {
-          x: t.value.centerX + t.value.usableWidth / 4,
-          y: t.value.centerY - 28,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.br.color
-        },
-        bl: {
-          x: t.value.centerX + t.value.usableWidth / 4 - 20,
-          y: t.value.centerY - 28,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.bl.color
-        },
-        crosshairs: {
-          horizontal: `M ${t.value.centerX + t.value.usableWidth / 4 - 20},${t.value.centerY - 28} ${t.value.centerX + t.value.usableWidth / 4 + 20},${t.value.centerY - 28}`,
-          vertical: `M ${t.value.centerX + t.value.usableWidth / 4},${t.value.centerY - 48} ${t.value.centerX + t.value.usableWidth / 4},${t.value.centerY - 8}`
-        }
-      },
-      BL: {
-        tl: {
-          x: t.value.left + t.value.usableWidth / 4 - 20,
-          y: t.value.centerY - 48,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.tl.color
-        },
-        tr: {
-          x: t.value.left + t.value.usableWidth / 4,
-          y: t.value.centerY - 48,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.tr.color
-        },
-        br: {
-          x: t.value.left + t.value.usableWidth / 4,
-          y: t.value.centerY - 28,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.br.color
-        },
-        bl: {
-          x: t.value.left + t.value.usableWidth / 4 - 20,
-          y: t.value.centerY - 28,
-          fill: e.value.style.chart.layout.labels.quadrantLabels.bl.color
-        },
-        crosshairs: {
-          horizontal: `M ${t.value.left + t.value.usableWidth / 4 - 20},${t.value.centerY - 28} ${t.value.left + t.value.usableWidth / 4 + 20},${t.value.centerY - 28}`,
-          vertical: `M ${t.value.left + t.value.usableWidth / 4},${t.value.centerY - 48} ${t.value.left + t.value.usableWidth / 4},${t.value.centerY - 8}`
-        }
-      }
-    }));
-    function ht() {
-      return W.value.map((l) => ({
-        color: l.color,
-        name: l.name,
-        shape: l.shape,
-        series: l.series.map((o) => ({
-          name: o.name,
-          x: o.xValue,
-          y: o.yValue,
-          quadrantSide: o.quadrantSide,
-          sideName: e.value.style.chart.layout.labels.quadrantLabels[o.quadrantSide].text
-        }))
-      }));
-    }
-    function Ne(l = null) {
-      _e(() => {
-        const o = [
-          [e.value.style.chart.title.text],
-          [e.value.style.chart.title.subtitle.text],
-          [""]
-        ], a = $e.value.head, s = $e.value.body, u = o.concat([a]).concat(s), i = wl(u);
-        l ? l(i) : Ll({
-          csvContent: i,
-          title: e.value.style.chart.title.text || "vue-ui-quadrant"
-        });
-      });
-    }
-    const j = h(!1);
-    function yt(l) {
-      j.value = l, Ee.value += 1;
-    }
-    function bt() {
-      k.value.showTable = !k.value.showTable;
-    }
-    function ft() {
-      k.value.plotLabels.show = !k.value.plotLabels.show;
-    }
-    function pt() {
-      k.value.showTooltip = !k.value.showTooltip;
-    }
-    const ve = h(!1);
-    function Fe() {
-      ve.value = !ve.value;
-    }
-    async function jt({ scale: l = 2 } = {}) {
-      if (!F.value) return;
-      const { width: o, height: a } = F.value.getBoundingClientRect(), s = o / a, { imageUri: u, base64: i } = await Ol({
-        domElement: F.value,
-        base64: !0,
-        img: !0,
-        scale: l
-      });
-      return {
-        imageUri: u,
-        base64: i,
-        title: e.value.style.chart.title.text,
-        width: o,
-        height: a,
-        aspectRatio: s
-      };
-    }
-    const de = m(() => {
-      const l = e.value.table.useDialog && !e.value.table.show, o = k.value.showTable;
-      return {
-        component: l ? Ot : Wt,
-        title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
-        props: l ? {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          headerColor: e.value.table.th.color,
-          headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: j.value,
-          fullscreenParent: F.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8),
-          isCursorPointer: X.value
-        } : {
-          hideDetails: !0,
-          config: {
-            open: o,
-            maxHeight: 1e4,
-            body: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            },
-            head: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            }
-          }
-        }
-      };
-    });
-    Ve(
-      () => k.value.showTable,
-      (l) => {
-        e.value.table.show || (l && e.value.table.useDialog && ue.value ? ue.value.open() : "close" in ue.value && ue.value.close());
-      }
-    );
-    function gt() {
-      k.value.showTable = !1, Ae.value && Ae.value.setTableIconState(!1);
-    }
-    const Jt = m(() => e.value.style.chart.backgroundColor), Zt = m(() => e.value.style.chart.legend), el = m(() => e.value.style.chart.title), { exportSvg: tl, getSvg: ll } = Xl({
-      svg: U,
-      title: el,
-      legend: Zt,
-      legendItems: G,
-      backgroundColor: Jt
-    });
-    async function mt({ isCb: l }) {
-      fe.value = !0, await _e();
-      try {
-        if (l) {
-          const { blob: o, url: a, text: s, dataUrl: u } = await ll();
-          await Promise.resolve(
-            e.value.userOptions.callbacks.svg({
-              blob: o,
-              url: a,
-              text: s,
-              dataUrl: u
-            })
-          );
-        } else
-          await Promise.resolve(tl());
-      } finally {
-        fe.value = !1;
-      }
-    }
-    function al(l) {
-      if (l?.stage === "start") {
-        be.value = !0;
-        return;
-      }
-      if (l?.stage === "end") {
-        be.value = !1;
-        return;
-      }
-      nt();
-    }
-    async function xt() {
-      if (he("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 ol() {
-      J.value = null, pe.value = null, ge.value = !0;
-    }
-    function ul() {
-      Oe(), ge.value = !1;
-    }
-    function sl(l) {
-      if (!U.value || ve.value || document.activeElement !== U.value || !P.value.length) return;
-      const o = l.key === "ArrowLeft" || l.key === "ArrowUp", a = l.key === "ArrowRight" || l.key === "ArrowDown", s = l.key === "Enter" || l.key === " ", u = l.key === "Escape";
-      if (!o && !a && !s && !u)
-        return;
-      if (l.preventDefault(), l.stopPropagation(), u) {
-        Oe();
-        return;
-      }
-      if (s) {
-        if (J.value === null) return;
-        const ae = P.value[J.value];
-        if (!ae) return;
-        Le(ae.category, ae.plot, ae.categoryIndex);
-        return;
-      }
-      let i = J.value;
-      const c = K.value ? P.value.findIndex(
-        (ae) => ae.plot.uid === K.value
-      ) : null, Y = i !== null && i >= 0 && i < P.value.length, Ce = c !== null && c >= 0 && c < P.value.length;
-      Y ? (i += a ? 1 : -1, i < 0 && (i = P.value.length - 1), i >= P.value.length && (i = 0)) : Ce ? (i = a ? c + 1 : c - 1, i >= P.value.length && (i = 0), i < 0 && (i = P.value.length - 1)) : a ? i = 0 : i = P.value.length - 1;
-      const Se = P.value[i];
-      Se && we(
-        Se.category,
-        Se.plot,
-        Se.categoryIndex,
-        "keyboard",
-        i
-      );
-    }
-    const Ie = m(() => {
-      const l = le.value?.colNames ?? [], o = le.value?.a11yBody ?? [];
-      return { headers: l, rows: o };
-    }), P = m(() => W.value.flatMap((l, o) => l.series.map((a) => ({
-      category: l,
-      plot: a,
-      categoryIndex: o
-    }))));
-    return Tt({
-      getData: ht,
-      getImage: jt,
-      generatePdf: st,
-      generateCsv: Ne,
-      generateImage: nt,
-      generateSvg: mt,
-      hideSeries: Qt,
-      showSeries: Ut,
-      toggleTable: bt,
-      toggleLabels: ft,
-      toggleTooltip: pt,
-      toggleAnnotator: Fe,
-      toggleFullscreen: yt,
-      copyAlt: xt
-    }), (l, o) => (n(), r("div", {
-      class: O(`vue-data-ui-component vue-ui-quadrant ${j.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      ref_key: "quadrantChart",
-      ref: F,
-      id: `vue-ui-quadrant_${$.value}`,
-      style: _(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: o[14] || (o[14] = () => v(at)(!0)),
-      onMouseleave: o[15] || (o[15] = () => {
-        v(at)(!1), ge.value || Oe();
-      })
-    }, [
-      y("div", {
-        id: `chart-instructions-${$.value}`,
-        class: "sr-only"
-      }, [
-        y("p", null, w(e.value.a11y.translations.keyboardNavigation), 1)
-      ], 8, Hl),
-      Ie.value?.rows?.length ? (n(), B(Il, {
-        key: 0,
-        uid: $.value,
-        head: Ie.value.headers,
-        body: Ie.value.rows,
-        notice: e.value.a11y.translations.tableAvailable,
-        caption: e.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : d("", !0),
-      e.value.userOptions.buttons.annotator ? (n(), B(v(Pt), {
-        key: 1,
-        svgRef: v(U),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: ve.value,
-        isCursorPointer: X.value,
-        onClose: Fe
-      }, {
-        "annotator-action-close": p(() => [
-          g(l.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": p(({ color: a }) => [
-          g(l.$slots, "annotator-action-color", T(q({ color: a })), void 0, !0)
-        ]),
-        "annotator-action-draw": p(({ mode: a }) => [
-          g(l.$slots, "annotator-action-draw", T(q({ mode: a })), void 0, !0)
-        ]),
-        "annotator-action-undo": p(({ disabled: a }) => [
-          g(l.$slots, "annotator-action-undo", T(q({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-redo": p(({ disabled: a }) => [
-          g(l.$slots, "annotator-action-redo", T(q({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-delete": p(({ disabled: a }) => [
-          g(l.$slots, "annotator-action-delete", T(q({ disabled: a })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : d("", !0),
-      Vt.value ? (n(), r("div", {
-        key: 2,
-        ref_key: "noTitle",
-        ref: Ke,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : d("", !0),
-      e.value.style.chart.title.text ? (n(), r("div", {
-        key: 3,
-        ref_key: "chartTitle",
-        ref: Ue,
-        style: "width:100%;background:transparent;padding-bottom:12px"
-      }, [
-        (n(), B(Bl, {
-          key: `table_${je.value}`,
-          config: {
-            title: {
-              cy: "quadrant-title",
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              cy: "quadrant-subtitle",
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : d("", !0),
-      y("div", {
-        id: `legend-top-${$.value}`
-      }, null, 8, El),
-      e.value.userOptions.show && He.value && (v(ot) || v(We)) ? (n(), B(v(Yt), {
-        ref_key: "userOptionsRef",
-        ref: Ae,
-        key: `user_options_${Ee.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isImaging: v(Ye),
-        isPrinting: v(Pe),
-        uid: $.value,
-        hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.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,
-        hasLabel: e.value.userOptions.buttons.labels,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        hasAltCopy: e.value.userOptions.buttons.altCopy,
-        isFullscreen: j.value,
-        isTooltip: k.value.showTooltip,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: F.value,
-        position: e.value.userOptions.position,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: ve.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        tableDialog: e.value.table.useDialog,
-        isCursorPointer: X.value,
-        onToggleFullscreen: yt,
-        onGeneratePdf: v(st),
-        onGenerateCsv: Ne,
-        onGenerateImage: al,
-        onGenerateSvg: mt,
-        onToggleTable: bt,
-        onToggleLabels: ft,
-        onToggleTooltip: pt,
-        onToggleAnnotator: Fe,
-        onCopyAlt: xt,
-        style: _({
-          visibility: v(ot) ? v(We) ? "visible" : "hidden" : "visible"
-        })
-      }, kt({ _: 2 }, [
-        l.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: p(({ isOpen: a, color: s }) => [
-            g(l.$slots, "menuIcon", T(q({ isOpen: a, color: s })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        l.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: p(() => [
-            g(l.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        l.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: p(() => [
-            g(l.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        l.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: p(() => [
-            g(l.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        l.$slots.optionImg ? {
-          name: "optionImg",
-          fn: p(() => [
-            g(l.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        l.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: p(() => [
-            g(l.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        l.$slots.optionTable ? {
-          name: "optionTable",
-          fn: p(() => [
-            g(l.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        l.$slots.optionLabels ? {
-          name: "optionLabels",
-          fn: p(() => [
-            g(l.$slots, "optionLabels", {}, void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        l.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: p(({ toggleFullscreen: a, isFullscreen: s }) => [
-            g(l.$slots, "optionFullscreen", T(q({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
-          ]),
-          key: "8"
-        } : void 0,
-        l.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: p(({ toggleAnnotator: a, isAnnotator: s }) => [
-            g(l.$slots, "optionAnnotator", T(q({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
-          ]),
-          key: "9"
-        } : void 0,
-        l.$slots.optionAltCopy ? {
-          name: "optionAltCopy",
-          fn: p(({ altCopy: a }) => [
-            g(l.$slots, "optionAltCopy", T(q({ altCopy: a })), void 0, !0)
-          ]),
-          key: "10"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "hasAltCopy", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : d("", !0),
-      y("div", Ul, [
-        (n(), r("svg", {
-          ref_key: "svgRef",
-          ref: U,
-          xmlns: v(gl),
-          "aria-describedby": `chart-instructions-${$.value}`,
-          class: O({
-            "vue-data-ui-fullscreen--on": j.value,
-            "vue-data-ui-fulscreen--off": !j.value
-          }),
-          viewBox: `${b.value.startX} ${b.value.startY} ${b.value.width} ${b.value.height}`,
-          style: _(`max-width:100%;overflow:hidden;background:transparent;color:${e.value.style.chart.color}`),
-          id: `svg_${$.value}`,
-          tabindex: "0",
-          onFocus: ol,
-          onBlur: ul,
-          onKeydown: sl
-        }, [
-          ce(v(Mt)),
-          l.$slots["chart-background"] ? (n(), r("foreignObject", {
-            key: 0,
-            x: b.value.startX,
-            y: b.value.startY,
-            width: b.value.width,
-            height: b.value.height,
-            style: {
-              pointerEvents: "none"
-            }
-          }, [
-            g(l.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Gl)) : d("", !0),
-          y("defs", null, [
-            (n(!0), r(A, null, N(W.value, (a, s) => (n(), r("radialGradient", {
-              cx: "50%",
-              cy: "50%",
-              r: "50%",
-              fx: "50%",
-              fy: "50%",
-              id: `quadrant_gradient_${$.value}_${s}`
-            }, [
-              y("stop", {
-                offset: "0%",
-                "stop-color": v(Te)(
-                  v(ml)(a.color, 0.05),
-                  e.value.style.chart.layout.areas.opacity
-                )
-              }, null, 8, jl),
-              y("stop", {
-                offset: "100%",
-                "stop-color": v(Te)(
-                  a.color,
-                  e.value.style.chart.layout.areas.opacity
-                )
-              }, null, 8, Jl)
-            ], 8, Kl))), 256))
-          ]),
-          e.value.style.chart.layout.grid.graduations.show ? (n(), r("g", Zl, [
-            (n(!0), r(A, null, N(Dt.value, (a) => (n(), r("rect", {
-              fill: e.value.style.chart.layout.grid.graduations.fill ? v(Te)(
-                e.value.style.chart.layout.grid.graduations.color,
-                a.opacity
-              ) : "none",
-              x: a.x,
-              y: a.y,
-              height: a.height <= 0 ? 1e-3 : a.height,
-              width: a.width <= 0 ? 1e-3 : a.width,
-              "stroke-width": e.value.style.chart.layout.grid.graduations.strokeWidth,
-              stroke: e.value.style.chart.layout.grid.graduations.stroke,
-              rx: e.value.style.chart.layout.grid.graduations.roundingForce
-            }, null, 8, ea))), 256))
-          ])) : d("", !0),
-          y("line", {
-            x1: t.value.left,
-            y1: t.value.centerY,
-            x2: t.value.right,
-            y2: t.value.centerY,
-            stroke: e.value.style.chart.layout.grid.stroke,
-            "stroke-width": e.value.style.chart.layout.grid.strokeWidth
-          }, null, 8, ta),
-          y("line", {
-            x1: t.value.centerX,
-            y1: t.value.top,
-            x2: t.value.centerX,
-            y2: t.value.bottom,
-            stroke: e.value.style.chart.layout.grid.stroke,
-            "stroke-width": e.value.style.chart.layout.grid.strokeWidth
-          }, null, 8, la),
-          e.value.style.chart.layout.grid.showArrows ? (n(), r("g", aa, [
-            y("polygon", {
-              points: `${t.value.right - 8},${t.value.centerY - 6} ${t.value.right},${t.value.centerY} ${t.value.right - 8},${t.value.centerY + 6}`,
-              fill: e.value.style.chart.layout.grid.stroke,
-              stroke: "none"
-            }, null, 8, oa),
-            y("polygon", {
-              points: `${t.value.left + 8},${t.value.centerY - 6} ${t.value.left},${t.value.centerY} ${t.value.left + 8},${t.value.centerY + 6}`,
-              fill: e.value.style.chart.layout.grid.stroke,
-              stroke: "none"
-            }, null, 8, ua),
-            y("polygon", {
-              points: `${t.value.centerX - 6},${t.value.top + 8} ${t.value.centerX},${t.value.top} ${t.value.centerX + 6},${t.value.top + 8}`,
-              fill: e.value.style.chart.layout.grid.stroke,
-              stroke: "none"
-            }, null, 8, sa),
-            y("polygon", {
-              points: `${t.value.centerX - 6},${t.value.bottom - 8} ${t.value.centerX},${t.value.bottom} ${t.value.centerX + 6},${t.value.bottom - 8}`,
-              fill: e.value.style.chart.layout.grid.stroke,
-              stroke: "none"
-            }, null, 8, na)
-          ])) : d("", !0),
-          e.value.style.chart.layout.labels.quadrantLabels.show && !x.value ? (n(), r("g", ra, [
-            e.value.style.chart.layout.labels.quadrantLabels.tl.text ? (n(), r("text", {
-              key: 0,
-              x: 0,
-              y: t.value.top - t.value.padding / 2,
-              "text-anchor": "start",
-              fill: e.value.style.chart.layout.labels.quadrantLabels.tl.color,
-              "font-size": e.value.style.chart.layout.labels.quadrantLabels.tl.fontSize,
-              style: _(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.tl.bold ? "bold" : ""}`),
-              onClick: o[0] || (o[0] = (a) => ie("tl"))
-            }, w(e.value.style.chart.layout.labels.quadrantLabels.tl.text), 13, ia)) : d("", !0),
-            e.value.style.chart.layout.labels.quadrantLabels.tr.text ? (n(), r("text", {
-              key: 1,
-              x: t.value.width,
-              y: t.value.top - t.value.padding / 2,
-              "text-anchor": "end",
-              fill: e.value.style.chart.layout.labels.quadrantLabels.tr.color,
-              "font-size": e.value.style.chart.layout.labels.quadrantLabels.tr.fontSize,
-              style: _(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.tr.bold ? "bold" : ""}`),
-              onClick: o[1] || (o[1] = (a) => ie("tr"))
-            }, w(e.value.style.chart.layout.labels.quadrantLabels.tr.text), 13, va)) : d("", !0),
-            e.value.style.chart.layout.labels.quadrantLabels.br.text ? (n(), r("text", {
-              key: 2,
-              x: t.value.width,
-              y: t.value.bottom + t.value.padding * 0.7,
-              "text-anchor": "end",
-              fill: e.value.style.chart.layout.labels.quadrantLabels.br.color,
-              "font-size": e.value.style.chart.layout.labels.quadrantLabels.br.fontSize,
-              style: _(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.br.bold ? "bold" : ""}`),
-              onClick: o[2] || (o[2] = (a) => ie("br"))
-            }, w(e.value.style.chart.layout.labels.quadrantLabels.br.text), 13, da)) : d("", !0),
-            e.value.style.chart.layout.labels.quadrantLabels.bl.text ? (n(), r("text", {
-              key: 3,
-              x: 0,
-              y: t.value.bottom + t.value.padding * 0.7,
-              "text-anchor": "start",
-              fill: e.value.style.chart.layout.labels.quadrantLabels.bl.color,
-              "font-size": e.value.style.chart.layout.labels.quadrantLabels.bl.fontSize,
-              style: _(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.bl.bold ? "bold" : ""}`),
-              onClick: o[3] || (o[3] = (a) => ie("bl"))
-            }, w(e.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, ca)) : d("", !0)
-          ])) : d("", !0),
-          e.value.style.chart.layout.labels.axisLabels.show ? (n(), r("g", ha, [
-            e.value.style.chart.layout.grid.yAxis.show ? (n(), r("text", {
-              key: 0,
-              x: t.value.centerX,
-              y: t.value.top - t.value.padding / 6,
-              "text-anchor": "middle",
-              "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
-              fill: e.value.style.chart.layout.labels.axisLabels.color.positive
-            }, w(v(H)(
-              e.value.style.chart.layout.labels.plotLabels.y.formatter,
-              z.value.y.max,
-              v(E)({
-                v: z.value.y.max,
-                r: e.value.style.chart.layout.labels.plotLabels.rounding
-              })
-            )), 9, ya)) : d("", !0),
-            y("text", {
-              x: t.value.centerX,
-              y: t.value.top - t.value.padding / 2,
-              "text-anchor": "middle",
-              "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
-              fill: e.value.style.chart.layout.labels.axisLabels.color.positive
-            }, w(e.value.style.chart.layout.grid.yAxis.name), 9, ba),
-            e.value.style.chart.layout.grid.yAxis.show ? (n(), r("text", {
-              key: 1,
-              x: t.value.centerX,
-              y: t.value.bottom + t.value.padding * 0.35,
-              "text-anchor": "middle",
-              "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
-              fill: e.value.style.chart.layout.labels.axisLabels.color.negative
-            }, w(v(H)(
-              e.value.style.chart.layout.labels.plotLabels.y.formatter,
-              z.value.y.min,
-              v(E)({
-                v: z.value.y.min,
-                r: e.value.style.chart.layout.labels.plotLabels.rounding
-              })
-            )), 9, fa)) : d("", !0),
-            e.value.style.chart.layout.grid.xAxis.show ? (n(), r("text", {
-              key: 2,
-              id: `xLabelMin_${$.value}`,
-              "text-anchor": "middle",
-              "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
-              transform: `translate(${t.value.padding - e.value.style.chart.layout.labels.axisLabels.fontSize}, ${t.value.height / 2}), rotate(-90)`,
-              fill: e.value.style.chart.layout.labels.axisLabels.color.negative
-            }, w(v(H)(
-              e.value.style.chart.layout.labels.plotLabels.x.formatter,
-              z.value.x.min,
-              v(E)({
-                v: z.value.x.min,
-                r: e.value.style.chart.layout.labels.plotLabels.rounding
-              })
-            )), 9, pa)) : d("", !0),
-            e.value.style.chart.layout.grid.xAxis.show ? (n(), r("text", {
-              key: 3,
-              id: `xLabelMax_${$.value}`,
-              "text-anchor": "middle",
-              "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
-              transform: `translate(${t.value.width - t.value.padding + e.value.style.chart.layout.labels.axisLabels.fontSize}, ${t.value.height / 2}), rotate(90)`,
-              fill: e.value.style.chart.layout.labels.axisLabels.color.positive
-            }, w(v(H)(
-              e.value.style.chart.layout.labels.plotLabels.x.formatter,
-              z.value.x.max,
-              v(E)({
-                v: z.value.x.max,
-                r: e.value.style.chart.layout.labels.plotLabels.rounding
-              })
-            )), 9, ga)) : d("", !0),
-            y("text", {
-              id: `xLabelMaxName_${$.value}`,
-              "text-anchor": "middle",
-              "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
-              transform: `translate(${t.value.width - e.value.style.chart.layout.labels.axisLabels.fontSize}, ${t.value.height / 2}), rotate(90)`,
-              fill: e.value.style.chart.layout.labels.axisLabels.color.positive
-            }, w(e.value.style.chart.layout.grid.xAxis.name), 9, ma)
-          ])) : d("", !0),
-          e.value.style.chart.layout.areas.show ? (n(), r("g", xa, [
-            (n(!0), r(A, null, N(W.value, (a, s) => (n(), r("g", null, [
-              a.series.length > 2 ? (n(), r("polygon", {
-                key: 0,
-                "data-cy-quadrant-area": "",
-                fill: e.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${$.value}_${s})` : v(Te)(
-                  a.color,
-                  e.value.style.chart.layout.areas.opacity
-                ),
-                points: v(xl)(a)
-              }, null, 8, $a)) : d("", !0)
-            ]))), 256))
-          ])) : d("", !0),
-          y("g", null, [
-            y("rect", {
-              onClick: o[4] || (o[4] = (a) => R("TL")),
-              x: t.value.left,
-              y: t.value.top,
-              width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
-              height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
-              fill: "transparent",
-              class: O({
-                "vue-data-ui-zoom-plus": !x.value && I.value,
-                "vue-data-ui-zoom-minus": x.value && I.value
-              })
-            }, null, 10, ka),
-            y("rect", {
-              onClick: o[5] || (o[5] = (a) => R("TR")),
-              x: t.value.centerX,
-              y: t.value.top,
-              width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
-              height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
-              fill: "transparent",
-              class: O({
-                "vue-data-ui-zoom-plus": !x.value && I.value,
-                "vue-data-ui-zoom-minus": x.value && I.value
-              })
-            }, null, 10, wa),
-            y("rect", {
-              onClick: o[6] || (o[6] = (a) => R("BR")),
-              x: t.value.centerX,
-              y: t.value.centerY,
-              width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
-              height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
-              fill: "transparent",
-              class: O({
-                "vue-data-ui-zoom-plus": !x.value && I.value,
-                "vue-data-ui-zoom-minus": x.value && I.value
-              })
-            }, null, 10, La),
-            y("rect", {
-              onClick: o[7] || (o[7] = (a) => R("BL")),
-              x: t.value.left,
-              y: t.value.centerY,
-              width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
-              height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
-              fill: "transparent",
-              class: O({
-                "vue-data-ui-zoom-plus": !x.value && I.value,
-                "vue-data-ui-zoom-minus": x.value && I.value
-              })
-            }, null, 10, Ca)
-          ]),
-          e.value.style.chart.layout.labels.plotLabels.showAsTag ? (n(), r(A, { key: 7 }, [
-            k.value.plotLabels.show ? (n(), r("g", Wa, [
-              (n(!0), r(A, null, N(W.value, (a, s) => (n(), r(A, null, [
-                (n(!0), r(A, null, N(a.series, (u) => (n(), r("foreignObject", {
-                  style: { overflow: "visible" },
-                  height: "10",
-                  width: "100",
-                  x: u.x - 50,
-                  y: u.y - e.value.style.chart.layout.labels.plotLabels.fontSize,
-                  onMouseover: (i) => we(a, u, s),
-                  onMouseleave: (i) => Be(u, s),
-                  onClick: (i) => Le(a, u, s)
-                }, [
-                  y("div", {
-                    style: _(`color:${v(kl)(a.color)};margin: 0 auto; font-size:${e.value.style.chart.layout.labels.plotLabels.fontSize}px; text-align:center;background:${a.color}; padding: 2px 4px; border-radius: 12px; height: fit-content;`)
-                  }, w(u.name), 5)
-                ], 40, Xa))), 256))
-              ], 64))), 256))
-            ])) : d("", !0)
-          ], 64)) : (n(), r(A, { key: 6 }, [
-            (n(!0), r(A, null, N(W.value, (a, s) => (n(), r("g", null, [
-              l.$slots.datapoint && !v(me) ? (n(!0), r(A, { key: 0 }, N(a.series, (u) => (n(), r("g", {
-                key: u.uid
-              }, [
-                (n(), r("foreignObject", {
-                  x: u.x - 1,
-                  y: u.y - 1,
-                  width: "2",
-                  height: "2",
-                  style: { overflow: "visible", "pointer-events": "none" },
-                  onMouseenter: (i) => we(a, u, s),
-                  onMouseleave: (i) => Be(u, s),
-                  onClick: (i) => Le(a, u, s)
-                }, [
-                  g(l.$slots, "datapoint", wt({ ref_for: !0 }, { datapoint: u }), void 0, !0)
-                ], 40, Sa)),
-                y("circle", {
-                  "data-a11y-plot-id": u.uid,
-                  cx: u.x,
-                  cy: u.y,
-                  r: Math.max(
-                    e.value.style.chart.layout.plots.radius / (x.value ? 1.5 : 1),
-                    10
-                  ),
-                  fill: "transparent",
-                  style: { "pointer-events": "none" }
-                }, null, 8, _a)
-              ]))), 128)) : (n(!0), r(A, { key: 1 }, N(a.series, (u, i) => (n(), r("g", {
-                key: u.uid
-              }, [
-                ce(St, {
-                  color: a.color,
-                  isSelected: K.value && u.uid === K.value,
-                  plot: u,
-                  radius: e.value.style.chart.layout.plots.radius / (x.value ? 1.5 : 1),
-                  shape: a.shape,
-                  stroke: e.value.style.chart.layout.plots.outline ? e.value.style.chart.layout.plots.outlineColor : "none",
-                  strokeWidth: e.value.style.chart.layout.plots.outlineWidth,
-                  onMouseenter: (c) => we(a, u, s, "pointer"),
-                  onMouseleave: (c) => Be(u, s),
-                  onClick: (c) => Le(a, u, s)
-                }, null, 8, ["color", "isSelected", "plot", "radius", "shape", "stroke", "strokeWidth", "onMouseenter", "onMouseleave", "onClick"]),
-                y("circle", {
-                  "data-dom-to-png-ignore": "",
-                  "data-a11y-plot-id": u.uid,
-                  cx: u.x,
-                  cy: u.y,
-                  r: Math.max(
-                    e.value.style.chart.layout.plots.radius / (x.value ? 1.5 : 1),
-                    10
-                  ),
-                  fill: "transparent",
-                  style: { "pointer-events": "none" }
-                }, null, 8, Ta)
-              ]))), 128))
-            ]))), 256)),
-            k.value.plotLabels.show ? (n(), r("g", qa, [
-              (n(!0), r(A, null, N(W.value, (a) => (n(), r("g", null, [
-                (n(!0), r(A, null, N(a.series, (s) => (n(), r("g", null, [
-                  String(s.name).includes(`
-`) ? (n(), r("text", {
-                    key: 1,
-                    x: s.x,
-                    y: s.y + e.value.style.chart.layout.labels.plotLabels.offsetY + e.value.style.chart.layout.plots.radius,
-                    "text-anchor": "middle",
-                    "font-size": e.value.style.chart.layout.labels.plotLabels.fontSize / (x.value ? 1.5 : 1),
-                    fill: e.value.style.chart.layout.labels.plotLabels.color,
-                    innerHTML: v($l)({
-                      content: String(s.name),
-                      fontSize: e.value.style.chart.layout.labels.plotLabels.fontSize / (x.value ? 1.5 : 1),
-                      fill: e.value.style.chart.layout.labels.plotLabels.color,
-                      x: s.x,
-                      y: s.y + e.value.style.chart.layout.labels.plotLabels.offsetY + e.value.style.chart.layout.plots.radius
-                    })
-                  }, null, 8, za)) : (n(), r("text", {
-                    key: 0,
-                    x: s.x,
-                    y: s.y + e.value.style.chart.layout.labels.plotLabels.offsetY + e.value.style.chart.layout.plots.radius,
-                    "text-anchor": "middle",
-                    "font-size": e.value.style.chart.layout.labels.plotLabels.fontSize / (x.value ? 1.5 : 1),
-                    fill: e.value.style.chart.layout.labels.plotLabels.color
-                  }, w(s.name), 9, Aa))
-                ]))), 256))
-              ]))), 256))
-            ])) : d("", !0)
-          ], 64)),
-          x.value ? (n(), r("g", Pa, [
-            f.value === "TL" ? (n(), r("polygon", {
-              key: 0,
-              points: `${t.value.left - 1},${t.value.centerY} ${t.value.centerX},${t.value.centerY} ${t.value.centerX},${t.value.top - 1} ${t.value.right},${t.value.top - 1} ${t.value.right},${t.value.bottom} ${t.value.left - 1},${t.value.bottom} ${t.value.left - 1},${t.value.centerY}`,
-              fill: e.value.style.chart.backgroundColor,
-              style: { opacity: "1" }
-            }, null, 8, Ya)) : d("", !0),
-            f.value === "TR" ? (n(), r("polygon", {
-              key: 1,
-              points: `${t.value.left},${t.value.top - 1} ${t.value.centerX},${t.value.top - 1} ${t.value.centerX},${t.value.centerY} ${t.value.right + 1},${t.value.centerY} ${t.value.right + 1},${t.value.bottom} ${t.value.left},${t.value.bottom} ${t.value.left},${t.value.top - 1}`,
-              fill: e.value.style.chart.backgroundColor,
-              style: { opacity: "1" }
-            }, null, 8, Ma)) : d("", !0),
-            f.value === "BR" ? (n(), r("polygon", {
-              key: 2,
-              points: `${t.value.left},${t.value.top} ${t.value.right + 1},${t.value.top} ${t.value.right + 1},${t.value.centerY} ${t.value.centerX},${t.value.centerY} ${t.value.centerX},${t.value.bottom + 1} ${t.value.left},${t.value.bottom + 1} ${t.value.left},${t.value.top}`,
-              fill: e.value.style.chart.backgroundColor,
-              style: { opacity: "1" }
-            }, null, 8, Oa)) : d("", !0),
-            f.value === "BL" ? (n(), r("polygon", {
-              key: 3,
-              points: `${t.value.left - 1},${t.value.top} ${t.value.right},${t.value.top} ${t.value.right},${t.value.bottom + 1} ${t.value.centerX},${t.value.bottom + 1} ${t.value.centerX},${t.value.centerY} ${t.value.left - 1},${t.value.centerY} ${t.value.left - 1},${t.value.top}`,
-              fill: e.value.style.chart.backgroundColor,
-              style: { opacity: "1" }
-            }, null, 8, Ba)) : d("", !0)
-          ])) : d("", !0),
-          f.value && !xe.value ? (n(), r("g", Na, [
-            y("text", {
-              x: Q.value.x,
-              y: Q.value.y - Q.value.fontSize / 1.5,
-              "font-size": Q.value.fontSize / 1.5,
-              fill: Q.value.fill,
-              "text-anchor": "middle",
-              "font-weight": Q.value.bold ? "bold" : "normal"
-            }, w(Q.value.text), 9, Fa)
-          ])) : d("", !0),
-          x.value && f.value ? (n(), r("g", Ia, [
-            y("rect", {
-              x: S.value[f.value].tl.x,
-              y: S.value[f.value].tl.y,
-              height: "20",
-              width: "20",
-              fill: S.value[f.value].tl.fill,
-              style: _(`cursor: ${X.value ? "pointer" : "default"}; opacity: ${f.value === "TL" ? 1 : 0.2}`),
-              onClick: o[8] || (o[8] = (a) => R("TL")),
-              class: O({
-                "vue-ui-quadrant-mini-map-cell": !0,
-                "vue-ui-quadrant-mini-map-cell-selectable": f.value !== "TL"
-              })
-            }, null, 14, Va),
-            y("rect", {
-              x: S.value[f.value].tr.x,
-              y: S.value[f.value].tr.y,
-              height: "20",
-              width: "20",
-              fill: S.value[f.value].tr.fill,
-              style: _(`cursor: ${X.value ? "pointer" : "default"}; opacity: ${f.value === "TR" ? 1 : 0.2}`),
-              onClick: o[9] || (o[9] = (a) => R("TR")),
-              class: O({
-                "vue-ui-quadrant-mini-map-cell": !0,
-                "vue-ui-quadrant-mini-map-cell-selectable": f.value !== "TR"
-              })
-            }, null, 14, Ra),
-            y("rect", {
-              x: S.value[f.value].br.x,
-              y: S.value[f.value].br.y,
-              height: "20",
-              width: "20",
-              fill: S.value[f.value].br.fill,
-              style: _(`cursor: ${X.value ? "pointer" : "default"}; opacity: ${f.value === "BR" ? 1 : 0.2}`),
-              onClick: o[10] || (o[10] = (a) => R("BR")),
-              class: O({
-                "vue-ui-quadrant-mini-map-cell": !0,
-                "vue-ui-quadrant-mini-map-cell-selectable": f.value !== "BR"
-              })
-            }, null, 14, Da),
-            y("rect", {
-              x: S.value[f.value].bl.x,
-              y: S.value[f.value].bl.y,
-              height: "20",
-              width: "20",
-              fill: S.value[f.value].bl.fill,
-              style: _(`cursor: ${X.value ? "pointer" : "default"}; opacity: ${f.value === "BL" ? 1 : 0.2}`),
-              onClick: o[11] || (o[11] = (a) => R("BL")),
-              class: O({
-                "vue-ui-quadrant-mini-map-cell": !0,
-                "vue-ui-quadrant-mini-map-cell-selectable": f.value !== "BL"
-              })
-            }, null, 14, Ha),
-            y("path", {
-              class: "vue-ui-quadrant-minimap-crosshairs",
-              stroke: e.value.style.chart.backgroundColor,
-              "stroke-width": 1,
-              d: S.value[f.value].crosshairs.horizontal
-            }, null, 8, Ea),
-            y("path", {
-              class: "vue-ui-quadrant-minimap-crosshairs",
-              stroke: e.value.style.chart.backgroundColor,
-              "stroke-width": 1,
-              d: S.value[f.value].crosshairs.vertical
-            }, null, 8, Ua)
-          ])) : d("", !0),
-          g(l.$slots, "svg", {
-            svg: {
-              ...t.value,
-              isPrintingImg: v(Pe) | v(Ye) | be.value,
-              isPrintingSvg: fe.value
-            }
-          }, void 0, !0)
-        ], 46, Ql)),
-        l.$slots.hint ? (n(), r("div", Qa, [
-          g(l.$slots, "hint", T(q({
-            hint: e.value.a11y.translations.keyboardNavigation,
-            isVisible: ge.value
-          })), void 0, !0)
-        ])) : d("", !0)
-      ]),
-      l.$slots.watermark ? (n(), r("div", Ga, [
-        g(l.$slots, "watermark", T(q({
-          isPrinting: v(Pe) || v(Ye) || be.value || fe.value
-        })), void 0, !0)
-      ])) : d("", !0),
-      y("div", {
-        id: `legend-bottom-${$.value}`
-      }, null, 8, Ka),
-      et.value && (e.value.style.chart.legend.show || l.$slots.legend) ? (n(), B(vl, {
-        key: 6,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${$.value}` : `#legend-bottom-${$.value}`
-      }, [
-        y("div", {
-          ref_key: "chartLegend",
-          ref: Qe
-        }, [
-          g(l.$slots, "legend", { legend: G.value }, () => [
-            e.value.style.chart.legend.show ? (n(), B(Fl, {
-              key: `legend_${Ze.value}`,
-              legendSet: G.value,
-              config: Gt.value,
-              isCursorPointer: X.value,
-              onClickMarker: o[12] || (o[12] = ({ legend: a }) => ne(a.id))
-            }, {
-              item: p(({ legend: a }) => [
-                v(me) ? d("", !0) : (n(), r("div", {
-                  key: 0,
-                  onClick: (s) => ne(a.id),
-                  style: _(`opacity:${C.value.includes(a.id) ? 0.5 : 1}`)
-                }, w(a.name), 13, ja))
-              ]),
-              legendToggle: p(() => [
-                G.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !v(me) ? (n(), B(Vl, {
-                  key: 0,
-                  backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
-                  color: e.value.style.chart.legend.selectAllToggle.color,
-                  fontSize: e.value.style.chart.legend.fontSize,
-                  checked: C.value.length > 0,
-                  isCursorPointer: X.value,
-                  onToggle: Et
-                }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : d("", !0)
-              ]),
-              _: 1
-            }, 8, ["legendSet", "config", "isCursorPointer"])) : d("", !0)
-          ], !0)
-        ], 512)
-      ], 8, ["to"])) : d("", !0),
-      l.$slots.source ? (n(), r("div", {
-        key: 7,
-        ref_key: "source",
-        ref: Ge,
-        dir: "auto"
-      }, [
-        g(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : d("", !0),
-      ce(v(At), {
-        teleportTo: e.value.style.chart.tooltip.teleportTo,
-        show: k.value.showTooltip && ye.value,
-        backgroundColor: e.value.style.chart.tooltip.backgroundColor,
-        color: e.value.style.chart.tooltip.color,
-        borderRadius: e.value.style.chart.tooltip.borderRadius,
-        borderColor: e.value.style.chart.tooltip.borderColor,
-        borderWidth: e.value.style.chart.tooltip.borderWidth,
-        fontSize: e.value.style.chart.tooltip.fontSize,
-        backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
-        position: e.value.style.chart.tooltip.position,
-        offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: F.value,
-        content: qe.value,
-        isFullscreen: j.value,
-        isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
-        smooth: e.value.style.chart.tooltip.smooth,
-        backdropFilter: e.value.style.chart.tooltip.backdropFilter,
-        smoothForce: e.value.style.chart.tooltip.smoothForce,
-        smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold,
-        isA11yMode: ze.value === "keyboard",
-        a11yPosition: tt.value
-      }, {
-        "tooltip-before": p(() => [
-          g(l.$slots, "tooltip-before", T(q({ ...ke.value })), void 0, !0)
-        ]),
-        tooltip: p(() => [
-          g(l.$slots, "tooltip", T(q({ ...ke.value })), void 0, !0)
-        ]),
-        "tooltip-after": p(() => [
-          g(l.$slots, "tooltip-after", T(q({ ...ke.value })), void 0, !0)
-        ]),
-        default: p(() => [
-          e.value.style.chart.tooltip.showShape ? (n(), r("svg", Ja, [
-            ce(St, {
-              plot: { x: 10, y: 10 },
-              shape: re.value.shape,
-              color: re.value.color,
-              radius: 8,
-              stroke: e.value.style.chart.layout.plots.outline ? e.value.style.chart.layout.plots.outlineColor : "none",
-              "stroke-width": e.value.style.chart.layout.plots.outlineWidth
-            }, null, 8, ["shape", "color", "stroke", "stroke-width"])
-          ])) : d("", !0)
-        ]),
-        _: 3
-      }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      He.value && e.value.userOptions.buttons.table ? (n(), B(dl(de.value.component), wt({ key: 8 }, de.value.props, {
-        ref_key: "tableUnit",
-        ref: ue,
-        onClose: gt
-      }), kt({
-        content: p(() => [
-          (n(), B(v(Xt), {
-            key: `table_${Je.value}`,
-            colNames: le.value.colNames,
-            head: le.value.head,
-            body: le.value.body,
-            config: le.value.config,
-            title: e.value.table.useDialog ? "" : de.value.title,
-            withCloseButton: !e.value.table.useDialog,
-            isCursorPointer: X.value,
-            onClose: gt
-          }, {
-            th: p(({ th: a }) => [
-              Lt(w(a), 1)
-            ]),
-            td: p(({ td: a }) => [
-              y("div", {
-                innerHTML: a.name || a
-              }, null, 8, Za)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"]))
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: p(() => [
-            Lt(w(de.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: p(() => [
-            y("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: o[13] || (o[13] = (a) => Ne(e.value.userOptions.callbacks.csv)),
-              style: _({ cursor: X.value ? "pointer" : "default" })
-            }, [
-              ce(v(zt), {
-                name: "fileCsv",
-                stroke: de.value.props.color
-              }, null, 8, ["stroke"])
-            ], 4)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : d("", !0),
-      g(l.$slots, "skeleton", {}, () => [
-        v(me) ? (n(), B(zl, { key: 0 })) : d("", !0)
-      ], !0)
-    ], 46, Dl));
-  }
-}, $o = /* @__PURE__ */ Rl(eo, [["__scopeId", "data-v-8887ed08"]]);
-export {
-  $o as default
-};