vue-data-ui 2.3.93 → 2.3.95

package/dist/vue-ui-donut-CjkJB0CP.js

@@ -1,871 +0,0 @@
-import { computed as b, ref as v, onMounted as He, onBeforeUnmount as We, watch as Ne, openBlock as s, createElementBlock as n, normalizeClass as ue, normalizeStyle as z, renderSlot as g, createBlock as V, createCommentVNode as d, unref as o, createSlots as Xe, withCtx as w, normalizeProps as H, guardReactiveProps as W, createVNode as Oe, createElementVNode as y, Fragment as M, renderList as X, toDisplayString as C, createTextVNode as Pe, nextTick as qe, pushScopeId as Je, popScopeId as Ke } from "vue";
-import { u as Qe, o as Ze, e as Ae, g as el, c as ll, b as tl, d as De, p as D, m as al, f as x, X as ol, s as q, j as ul, F as sl, i as F, k as f, n as J, t as rl, a as nl, x as il, q as vl, r as cl } from "./index-B9ExL-Ae.js";
-import { t as dl, u as hl } from "./useResponsive-NZB-WLRF.js";
-import { _ as fl } from "./Title-CczWCvrd.js";
-import { u as yl, U as pl } from "./usePrinter-CUStN20z.js";
-import { D as bl } from "./DataTable-BUgJSK3f.js";
-import { _ as gl } from "./Tooltip-CLelGHFy.js";
-import { L as ml } from "./Legend-C2KtRxbi.js";
-import wl from "./vue-ui-skeleton-DokgyuHD.js";
-import kl from "./vue-ui-accordion-SZPrlCJb.js";
-import { u as Ie } from "./useNestedProp-BI1wvb44.js";
-import { _ as _l } from "./PackageVersion-Cy2QrPIN.js";
-import { _ as Cl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const xl = (G) => (Je("data-v-98fd948d"), G = G(), Ke(), G), $l = ["id"], Sl = ["xmlns", "viewBox"], Ll = ["id"], Fl = ["stop-color"], Tl = ["offset", "stop-color"], zl = ["offset", "stop-color"], Nl = ["stop-color"], Ol = ["id"], Pl = ["id"], Al = /* @__PURE__ */ xl(() => /* @__PURE__ */ y("feColorMatrix", {
-  type: "saturate",
-  values: "0"
-}, null, -1)), Dl = ["id"], Il = ["flood-color"], Bl = ["d", "stroke", "filter"], Vl = ["cx", "cy", "r", "fill", "filter"], Ml = ["stroke", "d"], Gl = ["d", "fill", "stroke", "stroke-width", "filter"], Ul = ["cx", "cy", "r", "fill", "stroke"], jl = ["cx", "cy", "r", "fill"], El = ["d", "fill", "onMouseenter", "onClick"], Rl = ["x", "y", "fill", "font-size"], Yl = ["x", "y", "fill", "font-size"], Hl = ["x", "y", "fill", "font-size"], Wl = ["x", "y", "fill", "font-size"], Xl = ["filter"], ql = { key: 0 }, Jl = ["x", "y"], Kl = { key: 1 }, Ql = ["cx", "cy", "fill", "filter", "onClick"], Zl = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], et = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], lt = { key: 2 }, tt = ["x", "y", "width"], at = {
-  key: 3,
-  class: "vue-data-ui-watermark"
-}, ot = ["onClick"], ut = {
-  key: 0,
-  style: { "font-variant-numeric": "tabular-nums" }
-}, st = { key: 1 }, rt = ["innerHTML"], nt = {
-  __name: "vue-ui-donut",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  emits: ["selectLegend", "selectDatapoint"],
-  setup(G, { expose: Be, emit: se }) {
-    const S = G, { vue_ui_donut: Ve } = Qe(), U = b({
-      get() {
-        return !!S.dataset && S.dataset.length;
-      },
-      set(t) {
-        return t;
-      }
-    }), j = v(null), re = v(null), ne = v(null), K = v(null), ie = v(0), ve = v(0), ce = v(0);
-    He(() => {
-      de();
-    }), We(() => {
-      K.value && K.value.disconnect();
-    });
-    function de() {
-      if (Ze(S.dataset) ? Ae({
-        componentName: "VueUiDonut",
-        type: "dataset"
-      }) : S.dataset.forEach((t, a) => {
-        el({
-          datasetObject: t,
-          requiredAttributes: ["name", "values"]
-        }).forEach((l) => {
-          U.value = !1, Ae({
-            componentName: "VueUiDonut",
-            type: "datasetSerieAttribute",
-            property: l,
-            index: a
-          });
-        });
-      }), e.value.responsive) {
-        const t = dl(() => {
-          const { width: a, height: l } = hl({
-            chart: j.value,
-            title: e.value.style.chart.title.text ? re.value : null,
-            legend: e.value.style.chart.legend.show ? ne.value : null
-          });
-          i.value.width = a, i.value.height = l;
-        });
-        K.value = new ResizeObserver(t), K.value.observe(j.value.parentNode);
-      }
-    }
-    const $ = v(ll()), Me = v(null), ee = v(!1), le = v(""), T = v(null), he = v(0);
-    function fe() {
-      const t = Ie({
-        userConfig: S.config,
-        defaultConfig: Ve
-      });
-      return t.theme ? {
-        ...Ie({
-          userConfig: rl.vue_ui_donut[t.theme] || S.config,
-          defaultConfig: t
-        }),
-        customPalette: nl[t.theme] || D
-      } : t;
-    }
-    const e = b({
-      get: () => fe(),
-      set: (t) => t
-    });
-    Ne(() => S.config, (t) => {
-      e.value = fe(), de(), ie.value += 1, ve.value += 1, ce.value += 1;
-    }, { deep: !0 });
-    const { isPrinting: ye, isImaging: pe, generatePdf: be, generateImage: ge } = yl({
-      elementId: `donut__${$.value}`,
-      fileName: e.value.style.chart.title.text || "vue-ui-donut"
-    }), me = b(() => tl(e.value.customPalette)), p = v({
-      dataLabels: {
-        show: e.value.style.chart.layout.labels.dataLabels.show
-      },
-      showTable: e.value.table.show,
-      showTooltip: e.value.style.chart.tooltip.show
-    }), i = v({
-      height: 360,
-      width: 512
-    }), E = b(() => {
-      const t = e.value.style.chart.layout.donut.strokeWidth / 512, a = i.value.width * t, l = a > _.value ? _.value : a;
-      return l < 24 ? 24 : l;
-    }), O = b(() => S.dataset.map((t, a) => ({
-      name: t.name,
-      color: De(t.color) || me.value[a] || D[a] || D[a % D.length],
-      value: t.values.reduce((l, u) => l + u, 0),
-      absoluteValues: t.values,
-      comment: t.comment || ""
-    }))), k = v(O.value);
-    Ne(() => O.value, (t) => k.value = t);
-    function Ge() {
-      return O.value.map((t) => ({
-        name: t.name,
-        color: t.color,
-        value: t.value
-      }));
-    }
-    const L = v([]), we = v(null), ke = v(null), P = v(!1);
-    function _e(t) {
-      const a = O.value.find((r, h) => h === t);
-      let u = k.value.find((r, h) => h === t).value;
-      if (L.value.includes(t)) {
-        let h = function() {
-          u > r ? (cancelAnimationFrame(we.value), k.value = k.value.map((c, oe) => t === oe ? {
-            ...c,
-            value: r
-          } : c), P.value = !1) : (P.value = !0, u += r * 0.025, k.value = k.value.map((c, oe) => t === oe ? {
-            ...c,
-            value: u
-          } : c), we.value = requestAnimationFrame(h));
-        };
-        L.value = L.value.filter((c) => c !== t);
-        const r = a.value;
-        h();
-      } else if (L.value.length < O.value.length - 1) {
-        let r = function() {
-          u < 0.1 ? (cancelAnimationFrame(ke.value), L.value.push(t), k.value = k.value.map((h, c) => t === c ? {
-            ...h,
-            value: 0
-          } : h), P.value = !1) : (P.value = !0, u /= 1.1, k.value = k.value.map((h, c) => t === c ? {
-            ...h,
-            value: u
-          } : h), ke.value = requestAnimationFrame(r));
-        };
-        r();
-      }
-      se("selectLegend", I.value.map((r) => ({
-        name: r.name,
-        color: r.color,
-        value: r.value
-      })));
-    }
-    const I = b(() => (k.value.forEach((t, a) => {
-      if ([null, void 0].includes(t.values))
-        return {
-          ...t,
-          values: []
-        };
-    }), k.value.map((t, a) => ({
-      ...t,
-      seriesIndex: a
-    })).filter((t, a) => !L.value.includes(a)))), Ce = b(() => S.dataset.map((t, a) => ({
-      name: t.name,
-      color: De(t.color) || me.value[a] || D[a] || D[a % D.length],
-      value: (t.values || []).reduce((l, u) => l + u, 0),
-      shape: "circle"
-    })).map((t, a) => ({
-      ...t,
-      proportion: t.value / S.dataset.map((l) => (l.values || []).reduce((u, r) => u + r, 0)).reduce((l, u) => l + u, 0),
-      opacity: L.value.includes(a) ? 0.5 : 1,
-      segregate: () => _e(a),
-      isSegregated: L.value.includes(a)
-    }))), Ue = b(() => ({
-      cy: "donut-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" : ""
-    })), _ = b(() => {
-      const t = Math.min(i.value.width / 3, i.value.height / 3);
-      return t < 55 ? 55 : t;
-    }), A = b(() => al({ series: I.value }, i.value.width / 2, i.value.height / 2, _.value, _.value, 1.99999, 2, 1, 360, 105.25, E.value));
-    function B(t) {
-      return t.proportion * 100 > e.value.style.chart.layout.labels.dataLabels.hideUnderValue;
-    }
-    function xe(t, a) {
-      const l = t.value / je(a);
-      return isNaN(l) ? 0 : F(
-        e.value.style.chart.layout.labels.percentage.formatter,
-        l * 100,
-        x({
-          v: l * 100,
-          s: "%",
-          r: e.value.style.chart.layout.labels.percentage.rounding
-        }),
-        { datapoint: t }
-      );
-    }
-    function je(t) {
-      return [...t].map((a) => a.value).reduce((a, l) => a + l, 0);
-    }
-    const m = b(() => I.value.map((t) => t.value).reduce((t, a) => t + a, 0)), $e = b(() => m.value / I.value.length), te = v(null), R = v(!1);
-    function Ee({ datapoint: t, relativeIndex: a, seriesIndex: l, show: u = !1 }) {
-      te.value = { datapoint: t, seriesIndex: l, config: e.value, series: O.value }, ee.value = u, T.value = a;
-      let r = "";
-      const h = e.value.style.chart.tooltip.customFormat;
-      if (R.value = !1, il(h))
-        try {
-          const c = h({
-            seriesIndex: l,
-            datapoint: t,
-            series: O.value,
-            config: e.value
-          });
-          typeof c == "string" && (le.value = c, R.value = !0);
-        } catch {
-          console.warn("Custom format cannot be applied."), R.value = !1;
-        }
-      if (!R.value) {
-        if (r += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t.name}</div>`, r += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg>`, e.value.style.chart.tooltip.showValue && (r += `<b>${F(
-          e.value.style.chart.layout.labels.value.formatter,
-          t.value,
-          x({
-            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.tooltip.roundingValue
-          }),
-          {
-            datapoint: t,
-            relativeIndex: a,
-            seriesIndex: l
-          }
-        )}</b>`), e.value.style.chart.tooltip.showPercentage) {
-          const c = F(
-            e.value.style.chart.layout.labels.percentage.formatter,
-            t.proportion * 100,
-            x({
-              v: t.proportion * 100,
-              s: "%",
-              r: e.value.style.chart.tooltip.roundingPercentage
-            }),
-            {
-              datapoint: t,
-              relativeIndex: a,
-              seriesIndex: l
-            }
-          );
-          e.value.style.chart.tooltip.showValue ? r += `<span>(${c})</span></div>` : r += `<b>${c}</b></div>`;
-        }
-        e.value.style.chart.comments.showInTooltip && t.comment && (r += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; margin-top:6px; border-left: 1px solid ${t.color}">${t.comment}</div>`), le.value = `<div>${r}</div>`;
-      }
-    }
-    function ae(t) {
-      return e.value.useBlurOnHover && ![null, void 0].includes(T.value) && T.value !== t ? `url(#blur_${$.value})` : "";
-    }
-    const N = b(() => {
-      const t = I.value.map((l) => ({
-        name: l.name,
-        color: l.color
-      })), a = I.value.map((l) => l.value);
-      return { head: t, body: a };
-    });
-    function Se() {
-      qe(() => {
-        const t = N.value.head.map((u, r) => [[
-          u.name
-        ], [N.value.body[r]], [isNaN(N.value.body[r] / m.value) ? "-" : N.value.body[r] / m.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = vl(a);
-        cl({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-donut" });
-      });
-    }
-    const Q = b(() => {
-      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>',
-        x({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: m.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
-        "100%"
-      ], a = N.value.head.map((r, h) => {
-        const c = x({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: N.value.body[h], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue });
-        return [
-          {
-            color: r.color,
-            name: r.name
-          },
-          c,
-          isNaN(N.value.body[h] / m.value) ? "-" : (N.value.body[h] / m.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
-        ];
-      }), l = {
-        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 {
-        colNames: [
-          e.value.table.columnNames.series,
-          e.value.table.columnNames.value,
-          e.value.table.columnNames.percentage
-        ],
-        head: t,
-        body: a,
-        config: l
-      };
-    }), Y = v(!1);
-    function Re(t) {
-      Y.value = t, he.value += 1;
-    }
-    const Le = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent));
-    function Ye(t) {
-      return t.toFixed(e.value.style.chart.legend.roundingPercentage).split("").map((a) => "-").join("");
-    }
-    function Z(t, a) {
-      se("selectDatapoint", { datapoint: t, index: a });
-    }
-    function Fe() {
-      p.value.showTable = !p.value.showTable;
-    }
-    function Te() {
-      p.value.dataLabels.show = !p.value.dataLabels.show;
-    }
-    function ze() {
-      p.value.showTooltip = !p.value.showTooltip;
-    }
-    return Be({
-      getData: Ge,
-      generatePdf: be,
-      generateCsv: Se,
-      generateImage: ge,
-      toggleTable: Fe,
-      toggleLabels: Te,
-      toggleTooltip: ze
-    }), (t, a) => (s(), n("div", {
-      ref_key: "donutChart",
-      ref: j,
-      class: ue(`vue-ui-donut ${Y.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: z(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height:100%;" : ""} text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor}`),
-      id: `donut__${$.value}`
-    }, [
-      g(t.$slots, "userConfig", {}, void 0, !0),
-      e.value.style.chart.title.text ? (s(), n("div", {
-        key: 0,
-        ref_key: "chartTitle",
-        ref: re,
-        style: "width:100%;background:transparent;padding-bottom:24px"
-      }, [
-        (s(), V(fl, {
-          key: `title_${ie.value}`,
-          config: {
-            title: {
-              cy: "donut-div-title",
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              cy: "donut-div-subtitle",
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : d("", !0),
-      e.value.userOptions.show && U.value ? (s(), V(pl, {
-        ref_key: "details",
-        ref: Me,
-        key: `user_option_${he.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: o(ye),
-        isImaging: o(pe),
-        uid: $.value,
-        hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasImg: e.value.userOptions.buttons.img,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasTable: e.value.userOptions.buttons.table,
-        hasLabel: e.value.userOptions.buttons.labels,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: Y.value,
-        chartElement: j.value,
-        position: e.value.userOptions.position,
-        isTooltip: p.value.showTooltip,
-        titles: { ...e.value.userOptions.buttonTitles },
-        onToggleFullscreen: Re,
-        onGeneratePdf: o(be),
-        onGenerateCsv: Se,
-        onGenerateImage: o(ge),
-        onToggleTable: Fe,
-        onToggleLabels: Te,
-        onToggleTooltip: ze
-      }, Xe({ _: 2 }, [
-        t.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: w(() => [
-            g(t.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: w(() => [
-            g(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: w(() => [
-            g(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: w(() => [
-            g(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: w(() => [
-            g(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionLabels ? {
-          name: "optionLabels",
-          fn: w(() => [
-            g(t.$slots, "optionLabels", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: w(({ toggleFullscreen: l, isFullscreen: u }) => [
-            g(t.$slots, "optionFullscreen", H(W({ toggleFullscreen: l, isFullscreen: u })), void 0, !0)
-          ]),
-          key: "6"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "onGeneratePdf", "onGenerateImage"])) : d("", !0),
-      U.value ? (s(), n("svg", {
-        key: 2,
-        xmlns: o(ol),
-        class: ue({ "vue-data-ui-fullscreen--on": Y.value, "vue-data-ui-fulscreen--off": !Y.value }),
-        viewBox: `0 0 ${i.value.width <= 0 ? 10 : i.value.width} ${i.value.height <= 0 ? 10 : i.value.height}`,
-        style: z(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
-      }, [
-        Oe(_l),
-        y("defs", null, [
-          e.value.style.chart.useGradient ? (s(), n("radialGradient", {
-            key: 0,
-            id: `gradient_${$.value}`
-          }, [
-            y("stop", {
-              offset: "0%",
-              "stop-color": o(q)(e.value.style.chart.backgroundColor, 0),
-              "stop-opacity": "0"
-            }, null, 8, Fl),
-            y("stop", {
-              offset: `${(1 - E.value / _.value) * 100}%`,
-              "stop-color": o(q)("#FFFFFF", 0),
-              "stop-opacity": "0"
-            }, null, 8, Tl),
-            y("stop", {
-              offset: `${(1 - E.value / _.value / 2) * 100}%`,
-              "stop-color": o(q)("#FFFFFF", e.value.style.chart.gradientIntensity)
-            }, null, 8, zl),
-            y("stop", {
-              offset: "100%",
-              "stop-color": o(q)(e.value.style.chart.backgroundColor, 0),
-              "stop-opacity": "0"
-            }, null, 8, Nl)
-          ], 8, Ll)) : d("", !0)
-        ]),
-        y("defs", null, [
-          y("filter", {
-            id: `blur_${$.value}`,
-            x: "-50%",
-            y: "-50%",
-            width: "200%",
-            height: "200%"
-          }, [
-            y("feGaussianBlur", {
-              in: "SourceGraphic",
-              stdDeviation: 2,
-              id: `blur_std_${$.value}`
-            }, null, 8, Pl),
-            Al
-          ], 8, Ol),
-          y("filter", {
-            id: `shadow_${$.value}`,
-            "color-interpolation-filters": "sRGB"
-          }, [
-            y("feDropShadow", {
-              dx: "0",
-              dy: "0",
-              stdDeviation: "10",
-              "flood-opacity": "0.5",
-              "flood-color": e.value.style.chart.layout.donut.shadowColor
-            }, null, 8, Il)
-          ], 8, Dl)
-        ]),
-        (s(!0), n(M, null, X(A.value, (l, u) => (s(), n("g", null, [
-          B(l) && p.value.dataLabels.show ? (s(), n("path", {
-            key: 0,
-            d: o(ul)(l, { x: i.value.width / 2, y: i.value.height / 2 }, 16, 16, !1, !1, E.value),
-            stroke: l.color,
-            "stroke-width": "1",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            fill: "none",
-            filter: ae(u)
-          }, null, 8, Bl)) : d("", !0)
-        ]))), 256)),
-        y("circle", {
-          cx: i.value.width / 2,
-          cy: i.value.height / 2,
-          r: _.value <= 0 ? 10 : _.value,
-          fill: e.value.style.chart.backgroundColor,
-          filter: e.value.style.chart.layout.donut.useShadow ? `url(#shadow_${$.value})` : ""
-        }, null, 8, Vl),
-        m.value ? (s(), n(M, { key: 0 }, [
-          (s(!0), n(M, null, X(A.value, (l, u) => (s(), n("path", {
-            stroke: e.value.style.chart.backgroundColor,
-            d: l.arcSlice,
-            fill: "#FFFFFF"
-          }, null, 8, Ml))), 256)),
-          (s(!0), n(M, null, X(A.value, (l, u) => (s(), n("path", {
-            class: "vue-ui-donut-arc-path",
-            d: l.arcSlice,
-            fill: o(q)(l.color, 80),
-            stroke: e.value.style.chart.backgroundColor,
-            "stroke-width": e.value.style.chart.layout.donut.borderWidth,
-            filter: ae(u)
-          }, null, 8, Gl))), 256))
-        ], 64)) : (s(), n("circle", {
-          key: 1,
-          cx: i.value.width / 2,
-          cy: i.value.height / 2,
-          r: _.value <= 0 ? 10 : _.value,
-          fill: e.value.style.chart.backgroundColor,
-          stroke: o(sl)(e.value.style.chart.background)
-        }, null, 8, Ul)),
-        e.value.style.chart.useGradient ? (s(), n("circle", {
-          key: 2,
-          cx: i.value.width / 2,
-          cy: i.value.height / 2,
-          r: (
-            /* This might require adjustments */
-            _.value <= 0 ? 10 : _.value
-          ),
-          fill: `url(#gradient_${$.value})`
-        }, null, 8, jl)) : d("", !0),
-        m.value ? (s(!0), n(M, { key: 3 }, X(A.value, (l, u) => (s(), n("path", {
-          "data-cy-donut-trap": "",
-          d: l.arcSlice,
-          fill: T.value === u ? "rgba(0,0,0,0.1)" : "transparent",
-          onMouseenter: (r) => Ee({
-            datapoint: l,
-            relativeIndex: u,
-            seriesIndex: l.seriesIndex,
-            show: !0
-          }),
-          onMouseleave: a[0] || (a[0] = (r) => {
-            ee.value = !1, T.value = null;
-          }),
-          onClick: (r) => Z(l, u)
-        }, null, 40, El))), 256)) : d("", !0),
-        e.value.style.chart.layout.labels.hollow.total.show ? (s(), n("text", {
-          key: 4,
-          "text-anchor": "middle",
-          x: i.value.width / 2,
-          y: i.value.height / 2 - (e.value.style.chart.layout.labels.hollow.average.show ? e.value.style.chart.layout.labels.hollow.total.fontSize : 0) + e.value.style.chart.layout.labels.hollow.total.offsetY,
-          fill: e.value.style.chart.layout.labels.hollow.total.color,
-          "font-size": e.value.style.chart.layout.labels.hollow.total.fontSize,
-          style: z(`font-weight:${e.value.style.chart.layout.labels.hollow.total.bold ? "bold" : ""}`)
-        }, C(e.value.style.chart.layout.labels.hollow.total.text), 13, Rl)) : d("", !0),
-        e.value.style.chart.layout.labels.hollow.total.show ? (s(), n("text", {
-          key: 5,
-          "text-anchor": "middle",
-          x: i.value.width / 2,
-          y: i.value.height / 2 + e.value.style.chart.layout.labels.hollow.total.fontSize - (e.value.style.chart.layout.labels.hollow.average.show ? e.value.style.chart.layout.labels.hollow.total.fontSize : 0) + e.value.style.chart.layout.labels.hollow.total.value.offsetY,
-          fill: e.value.style.chart.layout.labels.hollow.total.value.color,
-          "font-size": e.value.style.chart.layout.labels.hollow.total.value.fontSize,
-          style: z(`font-weight:${e.value.style.chart.layout.labels.hollow.total.value.bold ? "bold" : ""}`)
-        }, C(o(F)(
-          e.value.style.chart.layout.labels.hollow.total.value.formatter,
-          m.value,
-          o(x)({
-            p: e.value.style.chart.layout.labels.hollow.total.value.prefix,
-            v: m.value,
-            s: e.value.style.chart.layout.labels.hollow.total.value.suffix
-          })
-        )), 13, Yl)) : d("", !0),
-        e.value.style.chart.layout.labels.hollow.average.show ? (s(), n("text", {
-          key: 6,
-          "text-anchor": "middle",
-          x: i.value.width / 2,
-          y: i.value.height / 2 + (e.value.style.chart.layout.labels.hollow.total.show ? e.value.style.chart.layout.labels.hollow.average.fontSize : 0) + e.value.style.chart.layout.labels.hollow.average.offsetY,
-          fill: e.value.style.chart.layout.labels.hollow.average.color,
-          "font-size": e.value.style.chart.layout.labels.hollow.average.fontSize,
-          style: z(`font-weight:${e.value.style.chart.layout.labels.hollow.average.bold ? "bold" : ""}`)
-        }, C(e.value.style.chart.layout.labels.hollow.average.text), 13, Hl)) : d("", !0),
-        e.value.style.chart.layout.labels.hollow.average.show ? (s(), n("text", {
-          key: 7,
-          "text-anchor": "middle",
-          x: i.value.width / 2,
-          y: i.value.height / 2 + (e.value.style.chart.layout.labels.hollow.total.show ? e.value.style.chart.layout.labels.hollow.average.fontSize : 0) + e.value.style.chart.layout.labels.hollow.average.fontSize + e.value.style.chart.layout.labels.hollow.average.value.offsetY,
-          fill: e.value.style.chart.layout.labels.hollow.average.value.color,
-          "font-size": e.value.style.chart.layout.labels.hollow.average.value.fontSize,
-          style: z(`font-weight:${e.value.style.chart.layout.labels.hollow.average.value.bold ? "bold" : ""}`)
-        }, C(P.value ? "--" : o(F)(
-          e.value.style.chart.layout.labels.hollow.average.value.formatter,
-          $e.value,
-          o(x)({
-            p: e.value.style.chart.layout.labels.hollow.average.value.prefix,
-            v: $e.value,
-            s: e.value.style.chart.layout.labels.hollow.average.value.suffix,
-            r: e.value.style.chart.layout.labels.hollow.average.value.rounding
-          })
-        )), 13, Wl)) : d("", !0),
-        (s(!0), n(M, null, X(A.value, (l, u) => (s(), n("g", {
-          filter: ae(u),
-          class: ue({ animated: e.value.useCssAnimation })
-        }, [
-          e.value.style.chart.layout.labels.dataLabels.useLabelSlots ? (s(), n("g", ql, [
-            (s(), n("foreignObject", {
-              x: o(f)(l, !0).anchor === "end" ? o(f)(l).x - 120 : o(f)(l, !0).anchor === "middle" ? o(f)(l).x - 60 : o(f)(l).x,
-              y: o(J)(l) - (Le.value ? 20 : 0),
-              width: "120",
-              height: "60",
-              style: { overflow: "visible" }
-            }, [
-              y("div", null, [
-                g(t.$slots, "dataLabel", H(W({
-                  datapoint: l,
-                  isBlur: !e.value.useBlurOnHover || [null, void 0].includes(T.value) || T.value === u,
-                  isSafari: Le.value,
-                  isVisible: B(l) && p.value.dataLabels.show,
-                  textAlign: o(f)(l, !0, 16, !0).anchor,
-                  flexAlign: o(f)(l, !0, 16).anchor,
-                  percentage: xe(l, A.value)
-                })), void 0, !0)
-              ])
-            ], 8, Jl))
-          ])) : (s(), n("g", Kl, [
-            B(l) && p.value.dataLabels.show ? (s(), n("circle", {
-              key: 0,
-              cx: o(f)(l).x,
-              cy: o(J)(l) - 3.5,
-              fill: l.color,
-              r: 3,
-              filter: !e.value.useBlurOnHover || [null, void 0].includes(T.value) || T.value === u ? "" : `url(#blur_${$.value})`,
-              onClick: (r) => Z(l, u)
-            }, null, 8, Ql)) : d("", !0),
-            B(l) && p.value.dataLabels.show ? (s(), n("text", {
-              key: 1,
-              "text-anchor": o(f)(l, !0, 12).anchor,
-              x: o(f)(l, !0, 12).x,
-              y: o(J)(l),
-              fill: e.value.style.chart.layout.labels.percentage.color,
-              "font-size": e.value.style.chart.layout.labels.percentage.fontSize,
-              style: z(`font-weight:${e.value.style.chart.layout.labels.percentage.bold ? "bold" : ""}`),
-              onClick: (r) => Z(l, u)
-            }, C(xe(l, A.value)) + " " + C(e.value.style.chart.layout.labels.value.show ? `(${o(F)(
-              e.value.style.chart.layout.labels.value.formatter,
-              l.value,
-              o(x)({
-                p: e.value.style.chart.layout.labels.dataLabels.prefix,
-                v: l.value,
-                s: e.value.style.chart.layout.labels.dataLabels.suffix,
-                r: e.value.style.chart.layout.labels.value.rounding
-              }),
-              { datapoint: l }
-            )})` : ""), 13, Zl)) : d("", !0),
-            B(l) && p.value.dataLabels.show ? (s(), n("text", {
-              key: 2,
-              "text-anchor": o(f)(l).anchor,
-              x: o(f)(l, !0, 12).x,
-              y: o(J)(l) + e.value.style.chart.layout.labels.percentage.fontSize,
-              fill: e.value.style.chart.layout.labels.name.color,
-              "font-size": e.value.style.chart.layout.labels.name.fontSize,
-              style: z(`font-weight:${e.value.style.chart.layout.labels.name.bold ? "bold" : ""}`),
-              onClick: (r) => Z(l, u)
-            }, C(l.name), 13, et)) : d("", !0)
-          ])),
-          p.value.dataLabels.show && e.value.style.chart.comments.show && l.comment ? (s(), n("g", lt, [
-            B(l) ? (s(), n("foreignObject", {
-              key: 0,
-              x: e.value.style.chart.comments.offsetX + (o(f)(l, !0).anchor === "end" ? o(f)(l).x - e.value.style.chart.comments.width : o(f)(l, !0).anchor === "middle" ? o(f)(l).x - e.value.style.chart.comments.width / 2 : o(f)(l).x),
-              y: o(J)(l) + 24 + e.value.style.chart.comments.offsetY,
-              width: e.value.style.chart.comments.width,
-              height: "200",
-              style: { overflow: "visible", "pointer-events": "none" }
-            }, [
-              y("div", null, [
-                g(t.$slots, "plot-comment", {
-                  plot: { ...l, textAlign: o(f)(l, !0, 16, !0).anchor, flexAlign: o(f)(l, !0, 16).anchor }
-                }, void 0, !0)
-              ])
-            ], 8, tt)) : d("", !0)
-          ])) : d("", !0)
-        ], 10, Xl))), 256)),
-        g(t.$slots, "svg", { svg: i.value }, void 0, !0)
-      ], 14, Sl)) : d("", !0),
-      t.$slots.watermark ? (s(), n("div", at, [
-        g(t.$slots, "watermark", H(W({ isPrinting: o(ye) || o(pe) })), void 0, !0)
-      ])) : d("", !0),
-      U.value ? d("", !0) : (s(), V(wl, {
-        key: 4,
-        config: {
-          type: "donut",
-          style: {
-            backgroundColor: e.value.style.chart.backgroundColor,
-            donut: {
-              color: "#CCCCCC",
-              strokeWidth: E.value * 0.8
-            }
-          }
-        }
-      }, null, 8, ["config"])),
-      y("div", {
-        ref_key: "chartLegend",
-        ref: ne
-      }, [
-        e.value.style.chart.legend.show ? (s(), V(ml, {
-          key: `legend_${ce.value}`,
-          legendSet: Ce.value,
-          config: Ue.value,
-          onClickMarker: a[1] || (a[1] = ({ i: l }) => _e(l))
-        }, {
-          item: w(({ legend: l, index: u }) => [
-            y("div", {
-              onClick: (r) => l.segregate(),
-              style: z(`opacity:${L.value.includes(u) ? 0.5 : 1}`)
-            }, [
-              Pe(C(l.name) + ": " + C(o(F)(
-                e.value.style.chart.layout.labels.value.formatter,
-                l.value,
-                o(x)({
-                  p: e.value.style.chart.layout.labels.dataLabels.prefix,
-                  v: l.value,
-                  s: e.value.style.chart.layout.labels.dataLabels.suffix,
-                  r: e.value.style.chart.legend.roundingValue
-                }),
-                {
-                  datapoint: l,
-                  index: u
-                }
-              )) + " ", 1),
-              L.value.includes(u) ? (s(), n("span", st, " ( " + C(Ye(l.proportion * 100)) + " % ) ", 1)) : (s(), n("span", ut, " (" + C(isNaN(l.value / m.value) ? "-" : o(F)(
-                e.value.style.chart.layout.labels.percentage.formatter,
-                P.value ? l.proportion * 100 : l.value / m.value * 100,
-                o(x)({
-                  v: P.value ? l.proportion * 100 : l.value / m.value * 100,
-                  s: "%",
-                  r: e.value.style.chart.legend.roundingPercentage
-                })
-              )) + ") ", 1))
-            ], 12, ot)
-          ]),
-          _: 1
-        }, 8, ["legendSet", "config"])) : d("", !0),
-        g(t.$slots, "legend", { legend: Ce.value }, void 0, !0)
-      ], 512),
-      Oe(gl, {
-        show: p.value.showTooltip && ee.value,
-        backgroundColor: e.value.style.chart.tooltip.backgroundColor,
-        color: e.value.style.chart.tooltip.color,
-        fontSize: e.value.style.chart.tooltip.fontSize,
-        borderRadius: e.value.style.chart.tooltip.borderRadius,
-        borderColor: e.value.style.chart.tooltip.borderColor,
-        borderWidth: e.value.style.chart.tooltip.borderWidth,
-        backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
-        position: e.value.style.chart.tooltip.position,
-        offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: j.value,
-        content: le.value,
-        isCustom: R.value
-      }, {
-        "tooltip-before": w(() => [
-          g(t.$slots, "tooltip-before", H(W({ ...te.value })), void 0, !0)
-        ]),
-        "tooltip-after": w(() => [
-          g(t.$slots, "tooltip-after", H(W({ ...te.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-      U.value ? (s(), V(kl, {
-        key: 5,
-        hideDetails: "",
-        config: {
-          open: p.value.showTable,
-          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
-          }
-        }
-      }, {
-        content: w(() => [
-          (s(), V(bl, {
-            key: `table_${ve.value}`,
-            colNames: Q.value.colNames,
-            head: Q.value.head,
-            body: Q.value.body,
-            config: Q.value.config,
-            title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: a[2] || (a[2] = (l) => p.value.showTable = !1)
-          }, {
-            th: w(({ th: l }) => [
-              y("div", {
-                innerHTML: l,
-                style: { display: "flex", "align-items": "center" }
-              }, null, 8, rt)
-            ]),
-            td: w(({ td: l }) => [
-              Pe(C(l.name ? l.name : isNaN(Number(l)) ? l.includes("%") ? o(F)(
-                e.value.style.chart.layout.labels.percentage.formatter,
-                l,
-                o(x)({
-                  v: l,
-                  s: "%",
-                  r: e.value.style.chart.layout.labels.percentage.rounding
-                })
-              ) : l : o(F)(
-                e.value.style.chart.layout.labels.value.formatter,
-                l,
-                o(x)({
-                  p: e.value.style.chart.layout.labels.dataLabels.prefix,
-                  v: l,
-                  s: e.value.style.chart.layout.labels.dataLabels.suffix,
-                  r: e.value.style.chart.layout.labels.value.rounding
-                })
-              )), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title"]))
-        ]),
-        _: 1
-      }, 8, ["config"])) : d("", !0)
-    ], 14, $l));
-  }
-}, _t = /* @__PURE__ */ Cl(nt, [["__scopeId", "data-v-98fd948d"]]);
-export {
-  _t as default
-};