vue-data-ui 3.17.13 → 3.18.0

package/dist/vue-ui-rings-CSIOqFiP.js

@@ -1,1256 +0,0 @@
-import { defineAsyncComponent as R, useSlots as Qt, ref as r, computed as d, toRefs as el, watch as re, shallowRef as rt, onMounted as tl, onBeforeUnmount as ll, openBlock as i, createElementBlock as y, unref as u, normalizeStyle as z, normalizeClass as B, createElementVNode as k, toDisplayString as ie, createBlock as P, createCommentVNode as b, withCtx as v, renderSlot as c, normalizeProps as T, guardReactiveProps as L, createSlots as Ae, createVNode as ve, Fragment as ce, renderList as Se, mergeProps as it, Teleport as al, resolveDynamicComponent as ol, createTextVNode as vt, nextTick as ct } from "vue";
-import { j as dt, t as ht, m as sl, p as X, o as gt, q as Pe, r as nl, n as ul, a8 as rl, s as pt, k as _e, l as M, X as il, u as vl, v as cl, Z as dl, a0 as hl, a1 as gl, K as pl, T as fl, U as yl } from "./lib-DMzrGQHK.js";
-import { b as bl } from "./labelUtils-DX9oyq3C.js";
-import { t as ml, u as kl } from "./useResponsive-DfdjqQps.js";
-import { u as wl } from "./useConfig-CG4HT3wS.js";
-import { u as Cl } from "./usePrinter-C4t8DdQ-.js";
-import { u as $l, B as Tl } from "./BaseScanner-C2j3TsSY.js";
-import { u as Ll } from "./useSvgExport-BTG4hVPO.js";
-import { u as Oe } from "./useNestedProp-DH0BEVVS.js";
-import { u as xl } from "./useThemeCheck-C9Ccl7U9.js";
-import { u as Al } from "./useUserOptionState-B7Ej974k.js";
-import { u as Sl } from "./useChartAccessibility-cp6XQtqi.js";
-import Pl from "./img-CjTQXS0U.js";
-import { _ as _l } from "./Shape-CxJ5_Rre.js";
-import Ol from "./Title-BbKoiBk2.js";
-import Fl from "./vue_ui_rings-CxOrekqA.js";
-import Il from "./Legend-DGN5lY60.js";
-import { A as Dl } from "./A11yDataTable-BpmuNomI.js";
-import { B as Nl } from "./BaseLegendToggle-cMP8M2u0.js";
-import { _ as Rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative" } }, El = ["xmlns", "viewBox", "aria-describedby"], Ul = ["width", "height"], Wl = ["id"], Hl = ["stop-color"], Xl = ["stop-color"], Gl = { key: 1 }, Kl = ["stroke", "cx", "cy", "r", "fill"], jl = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], Yl = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], ql = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], Zl = ["x", "y", "width", "height", "fill", "rx"], Jl = ["cx", "cy", "r", "fill", "stroke"], Ql = ["x", "y", "text-anchor", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick", "innerHTML"], ea = {
-  key: 0,
-  style: { position: "absolute", top: "100%", left: "0", width: "100%" },
-  "data-dom-to-png-ignore": "",
-  "aria-hidden": "true"
-}, ta = {
-  key: 5,
-  class: "vue-data-ui-watermark"
-}, la = ["id"], aa = ["onClick"], oa = ["innerHTML"], sa = {
-  __name: "vue-ui-rings",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  emits: ["selectLegend", "copyAlt"],
-  setup(ft, { expose: yt, emit: bt }) {
-    const mt = R(() => import("./Tooltip-Cvt7Fi0Q.js")), kt = R(() => import("./BaseIcon-DX0hTWa-.js")), wt = R(() => import("./vue-ui-accordion-DFtpH_16.js")), Ct = R(() => import("./DataTable-cMnb68Ik.js")), $t = R(
-      () => import("./PenAndPaper-CJDoB5H9.js")
-    ), Tt = R(
-      () => import("./UserOptions-DVduN6X7.js")
-    ), Lt = R(
-      () => import("./PackageVersion-BfrCAH6_.js")
-    ), xt = R(
-      () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), { vue_ui_rings: At } = wl(), { isThemeValid: St, warnInvalidTheme: Pt } = xl(), _t = Qt(), C = ft, x = r(!1), Fe = d(() => !!C.dataset && C.dataset.length), w = r(dt()), G = r(!1), de = r(""), m = r(null), Ie = r(0), _ = r(null), De = r(null), Ne = r(null), Re = r(null), ze = r(null), Be = r(0), Me = r(0), Ve = r(0), he = r(!1), Ee = r(!1), q = r(null), ge = r(null), oe = r(!1), se = r(!1), O = r(null), Ue = r({ x: 0, y: 0 }), Z = r("pointer"), pe = r(!1), e = r(ye()), V = d(
-      () => e.value.userOptions.useCursorPointer
-    ), Ot = d(() => ht({
-      defaultConfig: {
-        userOptions: { show: !1 },
-        table: { show: !1 },
-        style: {
-          chart: {
-            backgroundColor: "#99999930",
-            layout: {
-              rings: {
-                stroke: "#6A6A6A",
-                gradient: {
-                  underlayerColor: "#FFFFFF"
-                }
-              },
-              labels: {
-                dataLabels: {
-                  show: !1
-                }
-              }
-            },
-            legend: {
-              backgroundColor: "transparent"
-            }
-          }
-        }
-      },
-      userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: A, FINAL_DATASET: We, manualLoading: ne } = $l({
-      ...el(C),
-      FINAL_CONFIG: e,
-      prepareConfig: ye,
-      skeletonDataset: C.config?.skeletonDataset ?? [
-        { name: "_", values: [13], color: "#808080" },
-        { name: "_", values: [8], color: "#969696" },
-        { name: "_", values: [5], color: "#ADADAD" },
-        { name: "_", values: [3], color: "#C4C4C4" },
-        { name: "_", values: [2], color: "#DBDBDB" }
-      ],
-      skeletonConfig: ht({
-        defaultConfig: e.value,
-        userConfig: Ot.value
-      })
-    }), { userOptionsVisible: fe, setUserOptionsVisibility: He, keepUserOptionState: Xe } = Al({ config: e.value }), { svgRef: E } = Sl({
-      config: e.value.style.chart.title
-    });
-    function ye() {
-      const t = Oe({
-        userConfig: C.config,
-        defaultConfig: At
-      }), a = t.theme;
-      if (!a) return t;
-      if (!St.value(t))
-        return Pt(t), t;
-      const l = Oe({
-        userConfig: Fl[a] || C.config,
-        defaultConfig: t
-      });
-      return {
-        ...Oe({
-          userConfig: C.config,
-          defaultConfig: l
-        }),
-        customPalette: t.customPalette.length ? t.customPalette : sl[t.theme] || X
-      };
-    }
-    re(
-      () => C.config,
-      (t) => {
-        A.value || (e.value = ye()), fe.value = !e.value.userOptions.showOnChartHover, Ke(), Be.value += 1, Me.value += 1, Ve.value += 1, f.value.showTable = e.value.table.show, f.value.showTooltip = e.value.style.chart.tooltip.show, f.value.showLabels = e.value.style.chart.layout.labels.dataLabels.show, h.value.width = e.value.style.chart.size, h.value.height = e.value.style.chart.size;
-      },
-      { deep: !0 }
-    );
-    const Ge = d(() => {
-      const { markers: t } = e.value.style.chart.layout.labels.dataLabels, a = W.value / 2, l = f.value.showLabels ? t.position === "left" ? a : -a : 0, o = f.value.showLabels ? h.value.width / 2 - a : 0, n = t.position === "left" ? o : -o;
-      return {
-        x: e.value.responsive ? n : l / e.value.style.chart.size * h.value.width,
-        y: 0 / e.value.style.chart.size * h.value.height
-      };
-    }), F = d(() => ({
-      x: h.value.width / 2 + Ge.value.x,
-      y: h.value.height / 2 + Ge.value.y
-    }));
-    re(
-      () => C.dataset,
-      (t) => {
-        Array.isArray(t) && t.length > 0 && (ne.value = !1);
-      },
-      { deep: !0 }
-    );
-    const D = rt(null), K = rt(null);
-    tl(() => {
-      Ee.value = !0, Ke();
-    });
-    const be = d(() => !!e.value.debug);
-    function Ke() {
-      if (gt(C.dataset) ? (Pe({
-        componentName: "VueUiRings",
-        type: "dataset",
-        debug: be.value
-      }), ne.value = !0) : C.dataset.forEach((t, a) => {
-        t.values.length || (Pe({
-          componentName: "VueUiRings",
-          type: "dataset",
-          debug: be.value
-        }), ne.value = !0), nl({
-          datasetObject: t,
-          requiredAttributes: ["name", "values"]
-        }).forEach((l) => {
-          Pe({
-            componentName: "VueUiRings",
-            type: "datasetSerieAttribute",
-            property: l,
-            index: a,
-            debug: be.value
-          });
-        });
-      }), gt(C.dataset) || (ne.value = e.value.loading), e.value.responsive) {
-        const t = ml(() => {
-          he.value = !0;
-          const { width: a, height: l } = kl({
-            chart: _.value,
-            title: e.value.style.chart.title.text ? De.value : null,
-            legend: e.value.style.chart.legend.show ? Ne.value : null,
-            source: Re.value,
-            noTitle: ze.value
-          });
-          requestAnimationFrame(() => {
-            h.value.width = a, h.value.height = l - 12, he.value = !1;
-          });
-        });
-        D.value && (K.value && D.value.unobserve(K.value), D.value.disconnect()), D.value = new ResizeObserver(t), K.value = _.value.parentNode, D.value.observe(K.value);
-      }
-      setTimeout(() => {
-        x.value = !0;
-      }, 600);
-    }
-    ll(() => {
-      D.value && (K.value && D.value.unobserve(K.value), D.value.disconnect());
-    });
-    const { isPrinting: me, isImaging: ke, generatePdf: je, generateImage: Ye } = Cl({
-      elementId: `rings_${w.value}`,
-      fileName: e.value.style.chart.title.text || "vue-ui-rings",
-      options: e.value.userOptions.print
-    }), Ft = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), qe = d(() => ul(e.value.customPalette)), f = r({
-      showTable: e.value.table.show,
-      showTooltip: e.value.style.chart.tooltip.show,
-      showLabels: e.value.style.chart.layout.labels.dataLabels.show
-    });
-    re(
-      e,
-      () => {
-        f.value = {
-          showTable: e.value.table.show,
-          showTooltip: e.value.style.chart.tooltip.show,
-          showLabels: e.value.style.chart.layout.labels.dataLabels.show
-        };
-      },
-      { immediate: !0 }
-    );
-    const h = r({
-      height: e.value.style.chart.size,
-      width: e.value.style.chart.size
-    }), It = d(() => Math.min(h.value.height, h.value.width)), Ze = bt, p = r([]);
-    function Dt() {
-      p.value.length ? p.value = [] : Q.value.forEach((t) => {
-        p.value.push(t.uid);
-      });
-    }
-    function J(t) {
-      if (p.value.includes(t))
-        p.value = p.value.filter((a) => a !== t);
-      else {
-        if (p.value.length === U.value.length - 1) return;
-        p.value.push(t);
-      }
-      Ze(
-        "selectLegend",
-        g.value.map((a) => ({
-          name: a.name,
-          color: a.color,
-          value: a.value
-        }))
-      );
-    }
-    function Je(t) {
-      if (!U.value.length)
-        return e.value.debug && console.warn("VueUiRings - There are no series to show."), null;
-      const a = U.value.find((l) => l.name === t);
-      return a || (e.value.debug && console.warn(`VueUiRings - Series name not found "${t}"`), null);
-    }
-    function Nt(t) {
-      const a = Je(t);
-      a !== null && p.value.includes(a.uid) && J(a.uid);
-    }
-    function Rt(t) {
-      const a = Je(t);
-      a !== null && (p.value.includes(a.uid) || J(a.uid));
-    }
-    const zt = d(() => Math.max(
-      ...U.value.filter((t) => !p.value.includes(t.uid)).map(({ value: t }) => t)
-    ));
-    function Qe(t) {
-      return t / zt.value;
-    }
-    const U = d(() => We.value.map(({ values: t, name: a, color: l = null }, o) => {
-      const n = rl(t).reduce((s, $) => s + $, 0);
-      return {
-        name: a,
-        color: l || pt(l) || qe.value[o] || X[o] || X[o % X.length],
-        value: n,
-        proportion: n / We.value.map((s) => (s.values || []).reduce(($, Y) => $ + Y, 0)).reduce((s, $) => s + $, 0),
-        uid: dt(),
-        absoluteIndex: o
-      };
-    })), Q = d(() => U.value.map((t, a) => {
-      const l = _e(
-        e.value.style.chart.layout.labels.dataLabels.formatter,
-        t.value,
-        M({
-          p: e.value.style.chart.layout.labels.dataLabels.prefix,
-          v: t.value,
-          s: e.value.style.chart.layout.labels.dataLabels.suffix,
-          r: e.value.style.chart.legend.roundingValue
-        }),
-        { datapoint: t, index: a }
-      ), o = isNaN(t.value / I.value) ? "-" : M({
-        v: t.value / I.value * 100,
-        s: "%",
-        r: e.value.style.chart.legend.roundingPercentage
-      }), n = Ce({
-        showVal: e.value.style.chart.legend.showValue,
-        showPercentage: e.value.style.chart.legend.showPercentage,
-        val: l,
-        percentage: p.value.includes(t.uid) ? "-%" : o
-      });
-      return {
-        ...t,
-        shape: "circle",
-        opacity: p.value.includes(t.uid) ? 0.5 : 1,
-        segregate: () => J(t.uid),
-        isSegregated: p.value.includes(t.uid),
-        display: `${t.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${n}`
-      };
-    }).toSorted((t, a) => a.value - t.value)), Bt = d(() => ({
-      cy: "rings-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" : ""
-    })), I = d(() => U.value.filter((t) => !p.value.includes(t.uid)).map(({ value: t }) => t).reduce((t, a) => t + a, 0)), g = d(() => U.value.filter((t) => !p.value.includes(t.uid)).map(({ name: t, value: a, color: l = null, uid: o, absoluteIndex: n }, s) => ({
-      absoluteIndex: n,
-      uid: o,
-      name: t,
-      color: l || pt(l) || qe.value[s] || X[s] || X[s % X.length],
-      value: a,
-      proportion: Qe(a),
-      percentage: a / I.value * 100,
-      strokeWidth: e.value.style.chart.layout.rings.strokeWidth * Qe(a)
-    })).toSorted((t, a) => a.value - t.value));
-    function Mt() {
-      return g.value.map(
-        ({ name: t, color: a, value: l, absoluteValues: o, percentage: n }) => ({
-          name: t,
-          color: a,
-          value: l,
-          absoluteValues: o,
-          percentage: n
-        })
-      );
-    }
-    const W = d(() => It.value - e.value.style.chart.layout.rings.strokeWidth * 2);
-    function we(t, a) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
-    }
-    function et(t, a) {
-      m.value = null, G.value = !1, O.value = null, Z.value = "pointer", e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
-    }
-    function Ce({ val: t, percentage: a, showVal: l, showPercentage: o }) {
-      const n = e.value.style.chart.layout.labels.dataLabels;
-      return bl({
-        config: n,
-        val: t,
-        percentage: a,
-        showVal: l,
-        showPercentage: o
-      });
-    }
-    function Vt(t) {
-      const a = e.value.style.chart.layout.labels.dataLabels, l = _e(
-        a.formatter,
-        t.value,
-        M({
-          p: a.prefix,
-          v: t.value,
-          s: a.suffix,
-          r: a.roundingValue
-        })
-      ), o = M({
-        v: t.percentage,
-        s: "%",
-        r: a.roundingPercentage
-      });
-      return `${t.name}
-${Ce({
-        val: l,
-        percentage: o,
-        showVal: a.showValue,
-        showPercentage: a.showPercentage
-      })}`;
-    }
-    function ee(t) {
-      return pl(
-        W.value * t.proportion / 2 * 0.9 <= 0 ? 1e-4 : W.value * t.proportion / 2 * 0.9
-      );
-    }
-    function te(t, a) {
-      return a === 0 ? F.value.y : F.value.y + W.value * g.value[0].proportion / 2 - W.value * t.proportion / 2 - 2 * (a + 1);
-    }
-    function S(t, a) {
-      const o = e.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? -(W.value / 2) : W.value / 2;
-      return {
-        x: F.value.x + o,
-        y: te(t, a) - ee(t)
-      };
-    }
-    const ue = r(null);
-    function $e(t, a, l = "pointer") {
-      if (e.value.events.datapointEnter && e.value.events.datapointEnter({
-        datapoint: t,
-        seriesIndex: a
-      }), p.value.length === C.dataset.length) return;
-      ue.value = {
-        datapoint: t,
-        seriesIndex: a,
-        series: g.value,
-        config: e.value
-      }, m.value = a, O.value = a, Z.value = l;
-      const o = g.value[a], n = e.value.style.chart.tooltip.customFormat;
-      if (fl(n) && yl(
-        () => n({
-          seriesIndex: a,
-          datapoint: t,
-          series: g.value,
-          config: e.value
-        })
-      ))
-        de.value = n({
-          seriesIndex: a,
-          datapoint: t,
-          series: g.value,
-          config: e.value
-        });
-      else {
-        let s = "";
-        s += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${o.name}</div>`, s += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${o.color}" />${_t.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${w.value}_${t.absoluteIndex})" />` : ""}</svg>`, s += `<b>${Ce({
-          showVal: e.value.style.chart.tooltip.showValue,
-          showPercentage: e.value.style.chart.tooltip.showPercentage,
-          val: `<span>${_e(
-            e.value.style.chart.layout.labels.dataLabels.formatter,
-            o.value,
-            M({
-              p: e.value.style.chart.layout.labels.dataLabels.prefix,
-              v: o.value,
-              s: e.value.style.chart.layout.labels.dataLabels.suffix,
-              r: e.value.style.chart.tooltip.roundingValue
-            }),
-            { datapoint: t, seriesIndex: a }
-          )}</span>`,
-          percentage: M({
-            v: o.value / I.value * 100,
-            s: "%",
-            r: e.value.style.chart.tooltip.roundingPercentage
-          })
-        })}</b></div>`, de.value = s;
-      }
-      G.value = !0;
-    }
-    const N = d(() => {
-      const t = g.value.map((l) => ({
-        name: l.name,
-        color: l.color
-      })), a = g.value.map((l) => l.value);
-      return { head: t, body: a };
-    }), j = d(() => {
-      const t = [
-        ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
-        M({
-          p: e.value.style.chart.layout.labels.dataLabels.prefix,
-          v: I.value,
-          s: e.value.style.chart.layout.labels.dataLabels.suffix,
-          r: e.value.table.td.roundingValue
-        }),
-        "100%"
-      ], a = N.value.head.map((s, $) => [
-        {
-          color: s.color,
-          name: s.name
-        },
-        M({
-          p: e.value.style.chart.layout.labels.dataLabels.prefix,
-          v: N.value.body[$],
-          s: e.value.style.chart.layout.labels.dataLabels.suffix,
-          r: e.value.table.td.roundingValue
-        }),
-        isNaN(N.value.body[$] / I.value) ? "-" : (N.value.body[$] / I.value * 100).toFixed(
-          e.value.table.td.roundingPercentage
-        ) + "%"
-      ]), l = a.map((s) => s.map(($, Y) => Y === 0 ? $.name : $)), o = {
-        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
-      }, n = [
-        e.value.table.columnNames.series,
-        e.value.table.columnNames.value,
-        e.value.table.columnNames.percentage
-      ];
-      return {
-        head: t,
-        body: a,
-        a11yBody: l,
-        config: o,
-        colNames: n
-      };
-    });
-    function Te(t = null) {
-      ct(() => {
-        const a = N.value.head.map((n, s) => [
-          [n.name],
-          [N.value.body[s]],
-          [
-            isNaN(N.value.body[s] / I.value) ? "-" : N.value.body[s] / I.value * 100
-          ]
-        ]), l = [
-          [e.value.style.chart.title.text],
-          [e.value.style.chart.title.subtitle.text],
-          [[""], ["val"], ["%"]]
-        ].concat(a), o = hl(l);
-        t ? t(o) : gl({
-          csvContent: o,
-          title: e.value.style.chart.title.text || "vue-ui-rings"
-        });
-      });
-    }
-    const H = r(!1);
-    function tt(t) {
-      H.value = t, Ie.value += 1;
-    }
-    function lt() {
-      f.value.showTable = !f.value.showTable;
-    }
-    function at() {
-      f.value.showTooltip = !f.value.showTooltip;
-    }
-    function ot() {
-      f.value.showLabels = !f.value.showLabels;
-    }
-    const le = r(!1);
-    function Le() {
-      le.value = !le.value;
-    }
-    async function Et({ scale: t = 2 } = {}) {
-      if (!_.value) return;
-      const { width: a, height: l } = _.value.getBoundingClientRect(), o = a / l, { imageUri: n, base64: s } = await Pl({
-        domElement: _.value,
-        base64: !0,
-        img: !0,
-        scale: t
-      });
-      return {
-        imageUri: n,
-        base64: s,
-        title: e.value.style.chart.title.text,
-        width: a,
-        height: l,
-        aspectRatio: o
-      };
-    }
-    const ae = d(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, a = f.value.showTable;
-      return {
-        component: t ? xt : wt,
-        title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
-        props: t ? {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          headerColor: e.value.table.th.color,
-          headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: H.value,
-          fullscreenParent: _.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8),
-          isCursorPointer: V.value
-        } : {
-          hideDetails: !0,
-          config: {
-            open: a,
-            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
-            }
-          }
-        }
-      };
-    });
-    re(
-      () => f.value.showTable,
-      (t) => {
-        e.value.table.show || (t && e.value.table.useDialog && q.value ? q.value.open() : "close" in q.value && q.value.close());
-      }
-    );
-    function st() {
-      f.value.showTable = !1, ge.value && ge.value.setTableIconState(!1);
-    }
-    const Ut = d(() => Q.value.map((t) => ({
-      ...t,
-      name: t.display
-    }))), Wt = d(() => e.value.style.chart.backgroundColor), Ht = d(() => e.value.style.chart.legend), Xt = d(() => e.value.style.chart.title), { exportSvg: Gt, getSvg: Kt } = Ll({
-      svg: E,
-      title: Xt,
-      legend: Ht,
-      legendItems: Ut,
-      backgroundColor: Wt
-    });
-    async function nt({ isCb: t }) {
-      se.value = !0, await ct();
-      try {
-        if (t) {
-          const { blob: a, url: l, text: o, dataUrl: n } = await Kt();
-          await Promise.resolve(
-            e.value.userOptions.callbacks.svg({
-              blob: a,
-              url: l,
-              text: o,
-              dataUrl: n
-            })
-          );
-        } else
-          await Promise.resolve(Gt());
-      } finally {
-        se.value = !1;
-      }
-    }
-    function jt(t) {
-      if (t?.stage === "start") {
-        oe.value = !0;
-        return;
-      }
-      if (t?.stage === "end") {
-        oe.value = !1;
-        return;
-      }
-      Ye();
-    }
-    async function ut() {
-      if (Ze("copyAlt", {
-        config: e.value,
-        dataset: g.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: g.value
-        })
-      );
-    }
-    function Yt() {
-      O.value = null, pe.value = !0;
-    }
-    function qt() {
-      O.value = null, Z.value = "pointer", G.value = !1, m.value = null, pe.value = !1;
-    }
-    function Zt(t) {
-      if (!E.value || le.value || document.activeElement !== E.value || !g.value.length || p.value.length === C.dataset.length) return;
-      const a = ["ArrowLeft", "ArrowUp"].includes(t.key), l = ["ArrowRight", "ArrowDown"].includes(t.key), o = t.key === "Enter" || t.key === " ", n = t.key === "Escape";
-      if (!a && !l && !o && !n)
-        return;
-      if (t.preventDefault(), t.stopPropagation(), n) {
-        O.value = null, Z.value = "pointer", G.value = !1, m.value = null;
-        return;
-      }
-      if (o) {
-        if (O.value === null) return;
-        const Y = g.value[O.value];
-        if (!Y) return;
-        we(Y, O.value);
-        return;
-      }
-      let s = O.value;
-      s === null || s < 0 || s >= g.value.length ? s = l ? 0 : g.value.length - 1 : l ? (s += 1, s >= g.value.length && (s = 0)) : a && (s -= 1, s < 0 && (s = g.value.length - 1));
-      const $ = g.value[s];
-      $ && (Jt(s), $e($, s, "keyboard"));
-    }
-    function Jt(t) {
-      if (!Number.isFinite(t) || !E.value) return;
-      const a = g.value[t];
-      if (!a) return;
-      const l = S(a, t), o = E.value.getBoundingClientRect();
-      Ue.value = {
-        x: o.left + l.x / h.value.width * o.width,
-        y: o.top + l.y / h.value.height * o.height
-      };
-    }
-    const xe = d(() => {
-      const t = j.value?.colNames ?? [], a = j.value?.a11yBody ?? [];
-      return { headers: t, rows: a };
-    });
-    return yt({
-      getData: Mt,
-      getImage: Et,
-      generatePdf: je,
-      generateCsv: Te,
-      generateImage: Ye,
-      generateSvg: nt,
-      hideSeries: Rt,
-      showSeries: Nt,
-      toggleTable: lt,
-      toggleTooltip: at,
-      toggleAnnotator: Le,
-      toggleFullscreen: tt,
-      toggleLabels: ot,
-      copyAlt: ut
-    }), (t, a) => (i(), y("div", {
-      ref_key: "ringsChart",
-      ref: _,
-      class: B(`vue-data-ui-component vue-ui-rings ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: z(`font-family:${e.value.style.fontFamily};text-align:center;width:100%;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      id: `rings_${w.value}`,
-      onMouseleave: a[2] || (a[2] = (l) => {
-        m.value = null, G.value = !1, u(He)(!1);
-      }),
-      onMouseenter: a[3] || (a[3] = () => u(He)(!0))
-    }, [
-      k("div", {
-        id: `chart-instructions-${w.value}`,
-        class: "sr-only"
-      }, [
-        k("p", null, ie(e.value.a11y.translations.keyboardNavigation), 1)
-      ], 8, Bl),
-      xe.value?.rows?.length ? (i(), P(Dl, {
-        key: 0,
-        uid: w.value,
-        head: xe.value.headers,
-        body: xe.value.rows,
-        notice: e.value.a11y.translations.tableAvailable,
-        caption: e.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : b("", !0),
-      e.value.userOptions.buttons.annotator ? (i(), P(u($t), {
-        key: 1,
-        svgRef: u(E),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: le.value,
-        isCursorPointer: V.value,
-        onClose: Le
-      }, {
-        "annotator-action-close": v(() => [
-          c(t.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": v(({ color: l }) => [
-          c(t.$slots, "annotator-action-color", T(L({ color: l })), void 0, !0)
-        ]),
-        "annotator-action-draw": v(({ mode: l }) => [
-          c(t.$slots, "annotator-action-draw", T(L({ mode: l })), void 0, !0)
-        ]),
-        "annotator-action-undo": v(({ disabled: l }) => [
-          c(t.$slots, "annotator-action-undo", T(L({ disabled: l })), void 0, !0)
-        ]),
-        "annotator-action-redo": v(({ disabled: l }) => [
-          c(t.$slots, "annotator-action-redo", T(L({ disabled: l })), void 0, !0)
-        ]),
-        "annotator-action-delete": v(({ disabled: l }) => [
-          c(t.$slots, "annotator-action-delete", T(L({ disabled: l })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : b("", !0),
-      Ft.value ? (i(), y("div", {
-        key: 2,
-        ref_key: "noTitle",
-        ref: ze,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : b("", !0),
-      e.value.style.chart.title.text ? (i(), y("div", {
-        key: 3,
-        ref_key: "chartTitle",
-        ref: De,
-        style: "width:100%;background:transparent"
-      }, [
-        (i(), P(Ol, {
-          key: `title_${Be.value}`,
-          config: {
-            title: {
-              cy: "rings-div-title",
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              cy: "rings-div-subtitle",
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : b("", !0),
-      k("div", {
-        id: `legend-top-${w.value}`
-      }, null, 8, Ml),
-      e.value.userOptions.show && Fe.value && (u(Xe) || u(fe)) ? (i(), P(u(Tt), {
-        ref_key: "userOptionsRef",
-        ref: ge,
-        key: `user_options_${Ie.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: u(me),
-        isImaging: u(ke),
-        uid: w.value,
-        hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasImg: e.value.userOptions.buttons.img,
-        hasSvg: e.value.userOptions.buttons.svg,
-        hasTable: e.value.userOptions.buttons.table,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        hasAltCopy: e.value.userOptions.buttons.altCopy,
-        hasLabel: e.value.userOptions.buttons.labels,
-        isTooltip: f.value.showTooltip,
-        isFullscreen: H.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: _.value,
-        position: e.value.userOptions.position,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: le.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        tableDialog: e.value.table.useDialog,
-        isCursorPointer: V.value,
-        onToggleFullscreen: tt,
-        onGeneratePdf: u(je),
-        onGenerateCsv: Te,
-        onGenerateImage: jt,
-        onGenerateSvg: nt,
-        onToggleTable: lt,
-        onToggleTooltip: at,
-        onToggleAnnotator: Le,
-        onToggleLabels: ot,
-        onCopyAlt: ut,
-        style: z({
-          visibility: u(Xe) ? u(fe) ? "visible" : "hidden" : "visible"
-        })
-      }, Ae({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: v(({ isOpen: l, color: o }) => [
-            c(t.$slots, "menuIcon", T(L({ isOpen: l, color: o })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: v(() => [
-            c(t.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: v(() => [
-            c(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: v(() => [
-            c(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: v(() => [
-            c(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: v(() => [
-            c(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: v(() => [
-            c(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        t.$slots.optionLabels ? {
-          name: "optionLabels",
-          fn: v(() => [
-            c(t.$slots, "optionLabels", {}, void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: v(({ toggleFullscreen: l, isFullscreen: o }) => [
-            c(t.$slots, "optionFullscreen", T(L({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
-          ]),
-          key: "8"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: v(({ toggleAnnotator: l, isAnnotator: o }) => [
-            c(t.$slots, "optionAnnotator", T(L({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
-          ]),
-          key: "9"
-        } : void 0,
-        t.$slots.optionAltCopy ? {
-          name: "optionAltCopy",
-          fn: v(({ altCopy: l }) => [
-            c(t.$slots, "optionAltCopy", T(L({ altCopy: l })), void 0, !0)
-          ]),
-          key: "10"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "hasAltCopy", "hasLabel", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : b("", !0),
-      k("div", Vl, [
-        (i(), y("svg", {
-          ref_key: "svgRef",
-          ref: E,
-          xmlns: u(il),
-          class: B({
-            "vue-data-ui-fullscreen--on": H.value,
-            "vue-data-ui-fulscreen--off": !H.value,
-            resizing: he.value || u(A)
-          }),
-          viewBox: `0 0 ${h.value.width <= 0 ? 10 : h.value.width} ${h.value.height <= 0 ? 10 : h.value.height}`,
-          style: z(`max-width:100%;overflow:hidden;background:transparent;color:${e.value.style.chart.color}`),
-          "aria-describedby": `chart-instructions-${w.value}`,
-          tabindex: "0",
-          onFocus: Yt,
-          onBlur: qt,
-          onKeydown: Zt
-        }, [
-          ve(u(Lt)),
-          t.$slots["chart-background"] ? (i(), y("foreignObject", {
-            key: 0,
-            x: 0,
-            y: 0,
-            width: h.value.width <= 0 ? 10 : h.value.width,
-            height: h.value.height <= 0 ? 10 : h.value.height,
-            style: {
-              pointerEvents: "none"
-            }
-          }, [
-            c(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Ul)) : b("", !0),
-          k("defs", null, [
-            (i(!0), y(ce, null, Se(g.value, (l, o) => (i(), y("radialGradient", {
-              cx: "50%",
-              cy: "30%",
-              r: "50%",
-              fx: "50%",
-              fy: "50%",
-              id: `gradient_${w.value}_${o}`
-            }, [
-              k("stop", {
-                offset: "0%",
-                "stop-color": u(vl)(
-                  u(cl)(l.color, 0.05),
-                  100 - e.value.style.chart.layout.rings.gradient.intensity
-                )
-              }, null, 8, Hl),
-              k("stop", {
-                offset: "100%",
-                "stop-color": l.color
-              }, null, 8, Xl)
-            ], 8, Wl))), 256))
-          ]),
-          t.$slots.pattern ? (i(), y("g", Gl, [
-            (i(!0), y(ce, null, Se(g.value, (l) => (i(), y("defs", null, [
-              c(t.$slots, "pattern", it({ ref_for: !0 }, {
-                seriesIndex: l.absoluteIndex,
-                patternId: `pattern_${w.value}_${l.absoluteIndex}`
-              }), void 0, !0)
-            ]))), 256))
-          ])) : b("", !0),
-          (i(!0), y(ce, null, Se(g.value, (l, o) => (i(), y("g", null, [
-            k("circle", {
-              class: B({
-                "vue-ui-rings-item": x.value && e.value.useCssAnimation,
-                "vue-rings-item-onload": !x.value && e.value.useCssAnimation && !u(A),
-                "vue-ui-rings-opacity": m.value !== null && m.value !== o
-              }),
-              style: z(`animation-delay:${o * 100}ms`),
-              stroke: e.value.style.chart.layout.rings.stroke,
-              cx: F.value.x,
-              cy: te(l, o),
-              r: ee(l),
-              fill: e.value.style.chart.layout.rings.gradient.underlayerColor
-            }, null, 14, Kl),
-            k("circle", {
-              class: B({
-                "vue-ui-rings-item": x.value && e.value.useCssAnimation,
-                "vue-rings-item-onload": !x.value && e.value.useCssAnimation && !u(A),
-                "vue-ui-rings-shadow": e.value.style.chart.layout.rings.useShadow,
-                "vue-ui-rings-blur": m.value !== null && m.value !== o
-              }),
-              style: z(`animation-delay:${o * 100}ms`),
-              stroke: e.value.style.chart.layout.rings.stroke,
-              "stroke-width": l.strokeWidth < 0.5 ? 0.5 : l.strokeWidth,
-              cx: F.value.x,
-              cy: te(l, o),
-              r: ee(l),
-              fill: e.value.style.chart.layout.rings.gradient.show ? `url(#gradient_${w.value}_${o})` : l.color
-            }, null, 14, jl),
-            t.$slots.pattern ? (i(), y("circle", {
-              key: 0,
-              class: B({
-                "vue-ui-rings-item": x.value && e.value.useCssAnimation,
-                "vue-rings-item-onload": !x.value && e.value.useCssAnimation && !u(A),
-                "vue-ui-rings-shadow": e.value.style.chart.layout.rings.useShadow,
-                "vue-ui-rings-blur": m.value !== null && m.value !== o
-              }),
-              style: z(`animation-delay:${o * 100}ms`),
-              stroke: e.value.style.chart.layout.rings.stroke,
-              "stroke-width": l.strokeWidth < 0.5 ? 0.5 : l.strokeWidth,
-              cx: F.value.x,
-              cy: te(l, o),
-              r: ee(l),
-              fill: `url(#pattern_${w.value}_${l.absoluteIndex})`
-            }, null, 14, Yl)) : b("", !0),
-            k("circle", {
-              stroke: "none",
-              cx: F.value.x,
-              cy: te(l, o),
-              r: ee(l),
-              fill: "transparent",
-              onMouseenter: (n) => $e(l, o, "pointer"),
-              onMouseleave: (n) => et(l, o),
-              onClick: (n) => we(l, o)
-            }, null, 40, ql),
-            f.value.showLabels ? (i(), y(ce, { key: 1 }, [
-              k("rect", {
-                x: e.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? S(l, o).x : F.value.x,
-                y: S(l, o).y - e.value.style.chart.layout.labels.dataLabels.markers.strokeWidth / 2,
-                width: Math.abs(
-                  F.value.x - S(l, o).x
-                ),
-                height: e.value.style.chart.layout.labels.dataLabels.markers.strokeWidth,
-                fill: e.value.style.chart.layout.labels.dataLabels.markers.stroke,
-                rx: e.value.style.chart.layout.labels.dataLabels.markers.strokeWidth,
-                class: B({
-                  "vue-ui-rings-item": x.value && e.value.useCssAnimation,
-                  "vue-rings-item-onload": !x.value && e.value.useCssAnimation && !u(A),
-                  "vue-ui-rings-shadow": e.value.style.chart.layout.rings.useShadow,
-                  "vue-ui-rings-blur": m.value !== null && m.value !== o
-                })
-              }, null, 10, Zl),
-              k("circle", {
-                cx: S(l, o).x,
-                cy: S(l, o).y,
-                r: e.value.style.chart.layout.labels.dataLabels.markers.radius,
-                fill: l.color,
-                stroke: e.value.style.chart.backgroundColor,
-                class: B({
-                  "vue-ui-rings-item": x.value && e.value.useCssAnimation,
-                  "vue-rings-item-onload": !x.value && e.value.useCssAnimation && !u(A),
-                  "vue-ui-rings-shadow": e.value.style.chart.layout.rings.useShadow,
-                  "vue-ui-rings-blur": m.value !== null && m.value !== o
-                })
-              }, null, 10, Jl),
-              k("text", {
-                x: S(l, o).x + (e.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? -e.value.style.chart.layout.labels.dataLabels.offsetX : e.value.style.chart.layout.labels.dataLabels.offsetX),
-                y: S(l, o).y + e.value.style.chart.layout.labels.dataLabels.fontSize / 3,
-                "text-anchor": e.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? "end" : "start",
-                "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
-                fill: e.value.style.chart.layout.labels.dataLabels.color,
-                "font-weight": e.value.style.chart.layout.labels.dataLabels.bold ? "bold" : "normal",
-                class: B({
-                  "vue-ui-rings-item": x.value && e.value.useCssAnimation,
-                  "vue-rings-item-onload": !x.value && e.value.useCssAnimation && !u(A),
-                  "vue-ui-rings-shadow": e.value.style.chart.layout.rings.useShadow,
-                  "vue-ui-rings-blur": m.value !== null && m.value !== o
-                }),
-                onMouseenter: (n) => $e(l, o, "pointer"),
-                onMouseleave: (n) => et(l, o),
-                onClick: (n) => we(l, o),
-                innerHTML: u(dl)({
-                  content: Vt(l),
-                  fontSize: e.value.style.chart.layout.labels.dataLabels.fontSize,
-                  fill: e.value.style.chart.layout.labels.dataLabels.color,
-                  x: S(l, o).x + (e.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? -e.value.style.chart.layout.labels.dataLabels.offsetX - 6 - e.value.style.chart.layout.labels.dataLabels.markers.radius : e.value.style.chart.layout.labels.dataLabels.offsetX + 6 + e.value.style.chart.layout.labels.dataLabels.markers.radius),
-                  y: S(l, o).y + e.value.style.chart.layout.labels.dataLabels.fontSize / 3,
-                  translateY: !0
-                })
-              }, null, 42, Ql)
-            ], 64)) : b("", !0)
-          ]))), 256)),
-          c(t.$slots, "svg", {
-            svg: {
-              ...h.value,
-              isPrintingImg: u(me) | u(ke) | oe.value,
-              isPrintingSvg: se.value
-            }
-          }, void 0, !0)
-        ], 46, El)),
-        t.$slots.hint ? (i(), y("div", ea, [
-          c(t.$slots, "hint", T(L({
-            hint: e.value.a11y.translations.keyboardNavigation,
-            isVisible: pe.value
-          })), void 0, !0)
-        ])) : b("", !0)
-      ]),
-      t.$slots.watermark ? (i(), y("div", ta, [
-        c(t.$slots, "watermark", T(L({
-          isPrinting: u(me) || u(ke) || oe.value || se.value
-        })), void 0, !0)
-      ])) : b("", !0),
-      k("div", {
-        id: `legend-bottom-${w.value}`
-      }, null, 8, la),
-      Ee.value && (e.value.style.chart.legend.show || t.$slots.legend) ? (i(), P(al, {
-        key: 6,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${w.value}` : `#legend-bottom-${w.value}`
-      }, [
-        k("div", {
-          ref_key: "chartLegend",
-          ref: Ne
-        }, [
-          c(t.$slots, "legend", { legend: Q.value }, () => [
-            e.value.style.chart.legend.show ? (i(), P(Il, {
-              key: `legend_${Ve.value}`,
-              legendSet: Q.value,
-              config: Bt.value,
-              isCursorPointer: V.value,
-              onClickMarker: a[0] || (a[0] = ({ legend: l }) => J(l.uid))
-            }, Ae({
-              item: v(({ legend: l, index: o }) => [
-                u(A) ? b("", !0) : (i(), y("div", {
-                  key: 0,
-                  onClick: (n) => J(l.uid),
-                  style: z(`opacity:${p.value.includes(l.uid) ? 0.5 : 1}`)
-                }, ie(l.display), 13, aa))
-              ]),
-              legendToggle: v(() => [
-                Q.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !u(A) ? (i(), P(Nl, {
-                  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: p.value.length > 0,
-                  isCursorPointer: V.value,
-                  onToggle: Dt
-                }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : b("", !0)
-              ]),
-              _: 2
-            }, [
-              t.$slots.pattern ? {
-                name: "legend-pattern",
-                fn: v(({ legend: l, index: o }) => [
-                  ve(_l, {
-                    shape: l.shape,
-                    radius: 30,
-                    stroke: "none",
-                    plot: { x: 30, y: 30 },
-                    fill: `url(#pattern_${w.value}_${o})`
-                  }, null, 8, ["shape", "fill"])
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["legendSet", "config", "isCursorPointer"])) : b("", !0)
-          ], !0)
-        ], 512)
-      ], 8, ["to"])) : b("", !0),
-      t.$slots.source ? (i(), y("div", {
-        key: 7,
-        ref_key: "source",
-        ref: Re,
-        dir: "auto"
-      }, [
-        c(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : b("", !0),
-      ve(u(mt), {
-        teleportTo: e.value.style.chart.tooltip.teleportTo,
-        show: f.value.showTooltip && G.value && p.value.length < C.dataset.length,
-        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: _.value,
-        content: de.value,
-        isFullscreen: H.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: Z.value === "keyboard",
-        a11yPosition: Ue.value
-      }, {
-        "tooltip-before": v(() => [
-          c(t.$slots, "tooltip-before", T(L({ ...ue.value })), void 0, !0)
-        ]),
-        tooltip: v(() => [
-          c(t.$slots, "tooltip", T(L({ ...ue.value })), void 0, !0)
-        ]),
-        "tooltip-after": v(() => [
-          c(t.$slots, "tooltip-after", T(L({ ...ue.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      Fe.value && e.value.userOptions.buttons.table ? (i(), P(ol(ae.value.component), it({ key: 8 }, ae.value.props, {
-        ref_key: "tableUnit",
-        ref: q,
-        onClose: st
-      }), Ae({
-        content: v(() => [
-          (i(), P(u(Ct), {
-            key: `table_${Me.value}`,
-            colNames: j.value.colNames,
-            head: j.value.head,
-            body: j.value.body,
-            config: j.value.config,
-            title: e.value.table.useDialog ? "" : ae.value.title,
-            withCloseButton: !e.value.table.useDialog,
-            isCursorPointer: V.value,
-            onClose: st
-          }, {
-            th: v(({ th: l }) => [
-              k("div", {
-                innerHTML: l,
-                style: { display: "flex", "align-items": "center" }
-              }, null, 8, oa)
-            ]),
-            td: v(({ td: l }) => [
-              vt(ie(l.name || l), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"]))
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: v(() => [
-            vt(ie(ae.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: v(() => [
-            k("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: a[1] || (a[1] = (l) => Te(e.value.userOptions.callbacks.csv)),
-              style: z({ cursor: V.value ? "pointer" : "default" })
-            }, [
-              ve(u(kt), {
-                name: "fileCsv",
-                stroke: ae.value.props.color
-              }, null, 8, ["stroke"])
-            ], 4)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : b("", !0),
-      c(t.$slots, "skeleton", {}, () => [
-        u(A) ? (i(), P(Tl, { key: 0 })) : b("", !0)
-      ], !0)
-    ], 46, zl));
-  }
-}, xa = /* @__PURE__ */ Rl(sa, [["__scopeId", "data-v-8412c2c4"]]);
-export {
-  xa as default
-};