vue-data-ui 2.3.27 → 2.3.29

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

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