vue-data-ui 2.6.19 → 2.6.21

package/dist/{vue-ui-donut-dVplEheX.js → vue-ui-donut-B-G7gRdV.js}

@@ -1,18 +1,18 @@
-import { useSlots as vt, computed as _, ref as d, onMounted as ct, onBeforeUnmount as dt, watch as Ue, createElementBlock as u, openBlock as o, unref as n, normalizeStyle as z, normalizeClass as de, createBlock as R, createCommentVNode as i, renderSlot as b, createElementVNode as p, createVNode as he, createSlots as je, withCtx as $, normalizeProps as K, guardReactiveProps as Q, Fragment as g, renderList as F, mergeProps as We, toDisplayString as C, createTextVNode as He, nextTick as ht } from "vue";
-import { u as yt, o as ft, e as Ee, g as pt, c as gt, b as bt, d as qe, p as U, m as mt, H as wt, f as O, X as kt, s as Z, w as _t, j as xt, I as L, i as A, k as ee, n as w, t as $t, a as Ct, q as Pt, r as St, x as Ft } from "./index-DvAaY6OP.js";
-import { t as Lt, u as Tt } from "./useResponsive-BWapHhVH.js";
-import { _ as zt } from "./Title-dsg3PqUg.js";
-import { u as Ot, U as Yt } from "./usePrinter-D_2jA4x8.js";
-import { D as At } from "./DataTable-pNLWbeCL.js";
-import { _ as Nt } from "./Tooltip-DRFQIslg.js";
-import { L as Xt } from "./Legend-s9DRKvJo.js";
-import It from "./vue-ui-skeleton-WoggMoff.js";
-import Dt from "./vue-ui-accordion-LbUarYuf.js";
-import { u as Je } from "./useNestedProp-CGzX7c5Q.js";
-import { _ as Mt } from "./PackageVersion-hltZM-fb.js";
-import { P as Bt } from "./PenAndPaper-qmkn1GhB.js";
+import { useSlots as vt, computed as _, ref as d, onMounted as ct, onBeforeUnmount as dt, watch as Ue, createElementBlock as u, openBlock as o, unref as n, normalizeStyle as z, normalizeClass as de, createBlock as R, createCommentVNode as i, renderSlot as g, createElementVNode as p, createVNode as he, createSlots as je, withCtx as x, normalizeProps as H, guardReactiveProps as E, Fragment as b, renderList as F, mergeProps as We, toDisplayString as C, createTextVNode as He, nextTick as ht } from "vue";
+import { u as yt, o as ft, e as Ee, g as pt, c as gt, b as bt, d as qe, p as U, m as mt, H as wt, f as O, X as kt, s as Z, w as _t, j as xt, I as L, i as A, k as ee, n as w, t as $t, a as Ct, q as Pt, r as St, x as Ft } from "./index-DUnEDLbc.js";
+import { t as Lt, u as Tt } from "./useResponsive-vZgZwV-S.js";
+import { _ as zt } from "./Title-1PWD04Gh.js";
+import { u as Ot, U as Yt } from "./usePrinter-Undaynpo.js";
+import { D as At } from "./DataTable-DfMqgTjL.js";
+import { _ as Nt } from "./Tooltip-BTO5NGkn.js";
+import { L as Xt } from "./Legend-PL8rU0J1.js";
+import It from "./vue-ui-skeleton-DieABKlo.js";
+import Dt from "./vue-ui-accordion-C8Couc_G.js";
+import { u as Je } from "./useNestedProp-CEMeoM-f.js";
+import { _ as Mt } from "./PackageVersion-1Y7SXTrk.js";
+import { P as Bt } from "./PenAndPaper-BYhUvcy4.js";
 import { u as Vt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as Gt } from "./Shape-C3y6rj0O.js";
+import { _ as Gt } from "./Shape-Ov27sl2L.js";
 import { u as Rt } from "./useChartAccessibility-BWojgys7.js";
 import { _ as Ut } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { key: 1 }, qt = ["id"], Jt = ["stop-color"], Kt = ["offset", "stop-color"], Qt = ["offset", "stop-color"], Zt = ["stop-color"], el = { key: 2 }, tl = ["id", "cx", "cy"], ll = ["stop-color", "stop-opacity"], al = ["stop-color"], ol = ["id"], ul = ["id"], sl = ["id"], nl = ["flood-color"], rl = ["id"], il = ["flood-color"], vl = ["d", "stroke", "filter"], cl = ["x1", "y1", "x2", "y2", "stroke", "filter"], dl = ["cx", "cy", "r", "fill", "filter"], hl = { key: 6 }, yl = ["stroke", "d"], fl = { key: 0 }, pl = ["d", "fill", "stroke", "stroke-width", "filter"], gl = ["d", "fill", "stroke", "stroke-width", "filter"], bl = { key: 0 }, ml = ["stroke", "d"], wl = { key: 0 }, kl = ["d", "stroke", "stroke-width", "filter"], _l = { key: 1 }, xl = ["d", "fill", "stroke", "stroke-width", "filter"], $l = ["d", "fill", "stroke", "stroke-width", "filter"], Cl = { key: 1 }, Pl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Sl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Fl = ["cx", "cy", "r", "stroke"], Ll = ["cx", "cy", "r", "fill"], Tl = { key: 0 }, zl = ["d", "fill", "onMouseenter", "onClick"], Ol = { key: 1 }, Yl = ["cx", "cy", "r", "fill"], Al = ["x", "y", "fill", "font-size"], Nl = ["x", "y", "fill", "font-size"], Xl = ["x", "y", "fill", "font-size"], Il = ["x", "y", "fill", "font-size"], Dl = ["filter"], Ml = { key: 0 }, Bl = ["x", "y"], Vl = { key: 1 }, Gl = ["cx", "cy", "fill", "stroke", "filter", "onClick"], Rl = ["cx", "cy", "fill", "stroke", "filter", "onClick"], Ul = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], jl = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], Wl = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], Hl = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], El = { key: 2 }, ql = ["x", "y", "width"], Jl = ["x", "y", "width"], Kl = {
@@ -39,14 +39,14 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Ke, { expose: Qe, emit: Ze }) {
-    const { vue_ui_donut: et } = yt(), tt = vt(), N = Ke, H = _({
+    const { vue_ui_donut: et } = yt(), tt = vt(), N = Ke, q = _({
       get() {
         return !!N.dataset && N.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), E = d(null), ye = d(null), fe = d(null), te = d(null), pe = d(null), ge = d(null), be = d(0), me = d(0), we = d(0);
+    }), J = d(null), ye = d(null), fe = d(null), te = d(null), pe = d(null), ge = d(null), be = d(0), me = d(0), we = d(0);
     ct(() => {
       ke();
     }), dt(() => {
@@ -61,7 +61,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
           datasetObject: l,
           requiredAttributes: ["name", "values"]
         }).forEach((t) => {
-          H.value = !1, Ee({
+          q.value = !1, Ee({
             componentName: "VueUiDonut",
             type: "datasetSerieAttribute",
             property: t,
@@ -71,7 +71,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
       }), e.value.responsive) {
         const l = Lt(() => {
           const { width: r, height: t } = Tt({
-            chart: E.value,
+            chart: J.value,
             title: e.value.style.chart.title.text ? ye.value : null,
             legend: e.value.style.chart.legend.show ? fe.value : null,
             source: pe.value,
@@ -81,7 +81,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
             s.value.width = r, s.value.height = t;
           });
         });
-        te.value = new ResizeObserver(l), te.value.observe(E.value.parentNode);
+        te.value = new ResizeObserver(l), te.value.observe(J.value.parentNode);
       }
     }
     const y = d(gt()), lt = d(null), le = d(!1), ue = d(""), P = d(null), _e = d(0);
@@ -117,8 +117,8 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
     }), s = d({
       height: 360,
       width: 512
-    }), q = _(() => {
-      const l = e.value.style.chart.layout.donut.strokeWidth / 512, r = s.value.width * l, t = r > x.value ? x.value : r;
+    }), K = _(() => {
+      const l = e.value.style.chart.layout.donut.strokeWidth / 512, r = s.value.width * l, t = r > $.value ? $.value : r;
       return t < 24 ? 24 : t;
     }), ze = Ze, B = _(() => N.dataset.map((l, r) => ({
       name: l.name,
@@ -199,10 +199,10 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), x = _(() => {
+    })), $ = _(() => {
       const l = Math.min(s.value.width / 3, s.value.height / 3);
       return l < 55 ? 55 : l;
-    }), h = _(() => mt({ series: I.value }, s.value.width / 2, s.value.height / 2, x.value, x.value, 1.99999, 2, 1, 360, 105.25, q.value)), c = _(() => {
+    }), h = _(() => mt({ series: I.value }, s.value.width / 2, s.value.height / 2, $.value, $.value, 1.99999, 2, 1, 360, 105.25, K.value)), c = _(() => {
       const l = Math.max(...I.value.map((t) => t.value)), r = I.value.map((t) => t.value / l);
       return wt({
         series: r,
@@ -238,12 +238,12 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
     function nt(l) {
       return [...l].map((r) => r.value).reduce((r, t) => r + t, 0);
     }
-    const S = _(() => I.value.map((l) => l.value).reduce((l, r) => l + r, 0)), Xe = _(() => S.value / I.value.length), Ie = _(() => (l) => V.value ? l.proportion * 100 : l.value / S.value * 100), ie = d(null), J = d(!1);
+    const S = _(() => I.value.map((l) => l.value).reduce((l, r) => l + r, 0)), Xe = _(() => S.value / I.value.length), Ie = _(() => (l) => V.value ? l.proportion * 100 : l.value / S.value * 100), ie = d(null), Q = d(!1);
     function De({ datapoint: l, relativeIndex: r, seriesIndex: t, show: a = !1 }) {
       ie.value = { datapoint: l, seriesIndex: t, config: e.value, series: B.value }, le.value = a, P.value = r;
       let v = "";
       const m = e.value.style.chart.tooltip.customFormat;
-      if (J.value = !1, Ft(m))
+      if (Q.value = !1, Ft(m))
         try {
           const k = m({
             seriesIndex: t,
@@ -251,11 +251,11 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
             series: B.value,
             config: e.value
           });
-          typeof k == "string" && (ue.value = k, J.value = !0);
+          typeof k == "string" && (ue.value = k, Q.value = !0);
         } catch {
-          console.warn("Custom format cannot be applied."), J.value = !1;
+          console.warn("Custom format cannot be applied."), Q.value = !1;
         }
-      if (!J.value) {
+      if (!Q.value) {
         if (v += `<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>`, v += `<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="${l.color}"/>${tt.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${y.value}_${t})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (v += `<b>${A(
           e.value.style.chart.layout.labels.value.formatter,
           l.value,
@@ -378,7 +378,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
       toggleAnnotator: ve
     }), (l, r) => (o(), u("div", {
       ref_key: "donutChart",
-      ref: E,
+      ref: J,
       class: de(`vue-ui-donut ${W.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;background:${e.value.style.chart.backgroundColor}`),
       id: `donut__${y.value}`,
@@ -393,7 +393,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
         svgRef: n(ne),
         onClose: ve
       }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : i("", !0),
-      b(l.$slots, "userConfig", {}, void 0, !0),
+      g(l.$slots, "userConfig", {}, void 0, !0),
       at.value ? (o(), u("div", {
         key: 1,
         ref_key: "noTitle",
@@ -421,7 +421,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
           }
         }, null, 8, ["config"]))
       ], 512)) : i("", !0),
-      e.value.userOptions.show && H.value && (n(Ce) || n(se)) ? (o(), R(Yt, {
+      e.value.userOptions.show && q.value && (n(Ce) || n(se)) ? (o(), R(Yt, {
         ref_key: "details",
         ref: lt,
         key: `user_option_${_e.value}`,
@@ -438,7 +438,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: W.value,
-        chartElement: E.value,
+        chartElement: J.value,
         position: e.value.userOptions.position,
         isTooltip: f.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
@@ -456,64 +456,71 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
           visibility: n(Ce) ? n(se) ? "visible" : "hidden" : "visible"
         })
       }, je({ _: 2 }, [
+        l.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: x(({ isOpen: t, color: a }) => [
+            g(l.$slots, "menuIcon", H(E({ isOpen: t, color: a })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
         l.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: $(() => [
-            b(l.$slots, "optionTooltip", {}, void 0, !0)
+          fn: x(() => [
+            g(l.$slots, "optionTooltip", {}, void 0, !0)
           ]),
-          key: "0"
+          key: "1"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: $(() => [
-            b(l.$slots, "optionPdf", {}, void 0, !0)
+          fn: x(() => [
+            g(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
-          key: "1"
+          key: "2"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: $(() => [
-            b(l.$slots, "optionCsv", {}, void 0, !0)
+          fn: x(() => [
+            g(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
-          key: "2"
+          key: "3"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: $(() => [
-            b(l.$slots, "optionImg", {}, void 0, !0)
+          fn: x(() => [
+            g(l.$slots, "optionImg", {}, void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: $(() => [
-            b(l.$slots, "optionTable", {}, void 0, !0)
+          fn: x(() => [
+            g(l.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         l.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: $(() => [
-            b(l.$slots, "optionLabels", {}, void 0, !0)
+          fn: x(() => [
+            g(l.$slots, "optionLabels", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: $(({ toggleFullscreen: t, isFullscreen: a }) => [
-            b(l.$slots, "optionFullscreen", K(Q({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
+          fn: x(({ toggleFullscreen: t, isFullscreen: a }) => [
+            g(l.$slots, "optionFullscreen", H(E({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: $(({ toggleAnnotator: t, isAnnotator: a }) => [
-            b(l.$slots, "optionAnnotator", K(Q({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
+          fn: x(({ toggleAnnotator: t, isAnnotator: a }) => [
+            g(l.$slots, "optionAnnotator", H(E({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
           ]),
-          key: "7"
+          key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
-      H.value ? (o(), u("svg", {
+      q.value ? (o(), u("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: ne,
@@ -533,7 +540,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
             pointerEvents: "none"
           }
         }, [
-          b(l.$slots, "chart-background", {}, void 0, !0)
+          g(l.$slots, "chart-background", {}, void 0, !0)
         ], 8, Ht)) : i("", !0),
         e.value.type === "classic" ? (o(), u("defs", Et, [
           e.value.style.chart.useGradient ? (o(), u("radialGradient", {
@@ -546,12 +553,12 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
               "stop-opacity": "0"
             }, null, 8, Jt),
             p("stop", {
-              offset: `${(1 - q.value / x.value) * 100}%`,
+              offset: `${(1 - K.value / $.value) * 100}%`,
               "stop-color": n(Z)("#FFFFFF", 0),
               "stop-opacity": "0"
             }, null, 8, Kt),
             p("stop", {
-              offset: `${(1 - q.value / x.value / 2) * 100}%`,
+              offset: `${(1 - K.value / $.value / 2) * 100}%`,
               "stop-color": n(Z)("#FFFFFF", e.value.style.chart.gradientIntensity)
             }, null, 8, Qt),
             p("stop", {
@@ -562,7 +569,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
           ], 8, qt)) : i("", !0)
         ])) : i("", !0),
         e.value.type === "polar" ? (o(), u("defs", el, [
-          (o(!0), u(g, null, F(c.value, (t, a) => (o(), u("radialGradient", {
+          (o(!0), u(b, null, F(c.value, (t, a) => (o(), u("radialGradient", {
             id: `polar_gradient_${a}_${y.value}`,
             cx: t.middlePoint.x / s.value.width * 100 + "%",
             cy: t.middlePoint.y / s.value.height * 100 + "%",
@@ -626,10 +633,10 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
             }, null, 8, il)
           ], 8, rl)
         ]),
-        e.value.type === "classic" ? (o(!0), u(g, { key: 3 }, F(h.value, (t, a) => (o(), u("g", null, [
+        e.value.type === "classic" ? (o(!0), u(b, { key: 3 }, F(h.value, (t, a) => (o(), u("g", null, [
           Y(t) && f.value.dataLabels.show ? (o(), u("path", {
             key: 0,
-            d: n(xt)(t, { x: s.value.width / 2, y: s.value.height / 2 }, 16, 16, !1, !1, q.value),
+            d: n(xt)(t, { x: s.value.width / 2, y: s.value.height / 2 }, 16, 16, !1, !1, K.value),
             stroke: t.color,
             "stroke-width": "1",
             "stroke-linecap": "round",
@@ -638,7 +645,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
             filter: G(a)
           }, null, 8, vl)) : i("", !0)
         ]))), 256)) : i("", !0),
-        e.value.type === "polar" ? (o(!0), u(g, { key: 4 }, F(h.value, (t, a) => (o(), u("g", null, [
+        e.value.type === "polar" ? (o(!0), u(b, { key: 4 }, F(h.value, (t, a) => (o(), u("g", null, [
           Y(t) && f.value.dataLabels.show ? (o(), u("line", {
             key: 0,
             x1: n(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 24, centerX: s.value.width / 2, centerY: s.value.height / 2 }).x,
@@ -657,23 +664,23 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
           key: 5,
           cx: s.value.width / 2,
           cy: s.value.height / 2,
-          r: x.value <= 0 ? 10 : x.value,
+          r: $.value <= 0 ? 10 : $.value,
           fill: e.value.style.chart.backgroundColor,
           filter: `url(#shadow_${y.value})`
         }, null, 8, dl)) : i("", !0),
         l.$slots.pattern ? (o(), u("g", hl, [
-          (o(!0), u(g, null, F(h.value, (t, a) => (o(), u("defs", null, [
-            b(l.$slots, "pattern", We({ ref_for: !0 }, { ...t, patternId: `pattern_${y.value}_${t.patternIndex}` }), void 0, !0)
+          (o(!0), u(b, null, F(h.value, (t, a) => (o(), u("defs", null, [
+            g(l.$slots, "pattern", We({ ref_for: !0 }, { ...t, patternId: `pattern_${y.value}_${t.patternIndex}` }), void 0, !0)
           ]))), 256))
         ])) : i("", !0),
-        S.value && e.value.type === "classic" ? (o(), u(g, { key: 7 }, [
-          (o(!0), u(g, null, F(h.value, (t, a) => (o(), u("path", {
+        S.value && e.value.type === "classic" ? (o(), u(b, { key: 7 }, [
+          (o(!0), u(b, null, F(h.value, (t, a) => (o(), u("path", {
             stroke: e.value.style.chart.backgroundColor,
             d: t.arcSlice,
             fill: "#FFFFFF"
           }, null, 8, yl))), 256)),
           l.$slots.pattern ? (o(), u("g", fl, [
-            (o(!0), u(g, null, F(h.value, (t, a) => (o(), u("path", {
+            (o(!0), u(b, null, F(h.value, (t, a) => (o(), u("path", {
               class: "vue-ui-donut-arc-path",
               d: t.arcSlice,
               fill: `url(#pattern_${y.value}_${t.patternIndex})`,
@@ -682,7 +689,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
               filter: G(a)
             }, null, 8, pl))), 256))
           ])) : i("", !0),
-          (o(!0), u(g, null, F(h.value, (t, a) => (o(), u("path", {
+          (o(!0), u(b, null, F(h.value, (t, a) => (o(), u("path", {
             class: "vue-ui-donut-arc-path",
             d: t.arcSlice,
             fill: n(Z)(t.color, 80),
@@ -691,15 +698,15 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
             filter: G(a)
           }, null, 8, gl))), 256))
         ], 64)) : i("", !0),
-        S.value && e.value.type === "polar" ? (o(), u(g, { key: 8 }, [
+        S.value && e.value.type === "polar" ? (o(), u(b, { key: 8 }, [
           h.value.length > 1 ? (o(), u("g", bl, [
-            (o(!0), u(g, null, F(h.value, (t, a) => (o(), u("path", {
+            (o(!0), u(b, null, F(h.value, (t, a) => (o(), u("path", {
               stroke: e.value.style.chart.backgroundColor,
               d: c.value[a].path,
               fill: "#FFFFFF"
             }, null, 8, ml))), 256)),
             e.value.style.chart.layout.donut.useShadow ? (o(), u("g", wl, [
-              (o(!0), u(g, null, F(h.value, (t, a) => (o(), u("path", {
+              (o(!0), u(b, null, F(h.value, (t, a) => (o(), u("path", {
                 class: "vue-ui-donut-arc-path",
                 d: c.value[a].path,
                 fill: "transparent",
@@ -709,7 +716,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
               }, null, 8, kl))), 256))
             ])) : i("", !0),
             l.$slots.pattern ? (o(), u("g", _l, [
-              (o(!0), u(g, null, F(h.value, (t, a) => (o(), u("path", {
+              (o(!0), u(b, null, F(h.value, (t, a) => (o(), u("path", {
                 class: "vue-ui-donut-arc-path",
                 d: c.value[a].path,
                 fill: `url(#pattern_${y.value}_${t.patternIndex})`,
@@ -718,7 +725,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
                 filter: G(a)
               }, null, 8, xl))), 256))
             ])) : i("", !0),
-            (o(!0), u(g, null, F(h.value, (t, a) => (o(), u("path", {
+            (o(!0), u(b, null, F(h.value, (t, a) => (o(), u("path", {
               class: "vue-ui-donut-arc-path",
               d: c.value[a].path,
               fill: e.value.style.chart.useGradient ? `url(#polar_gradient_${a}_${y.value})` : t.color,
@@ -731,7 +738,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
               key: 0,
               cx: s.value.width / 2,
               cy: s.value.height / 2,
-              r: x.value,
+              r: $.value,
               fill: `url(#pattern_${y.value}_${h.value[0].patternIndex})`,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.layout.donut.borderWidth
@@ -739,7 +746,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
             p("circle", {
               cx: s.value.width / 2,
               cy: s.value.height / 2,
-              r: x.value,
+              r: $.value,
               fill: e.value.style.chart.useGradient ? `url(#polar_gradient_0_${y.value})` : h.value[0].color,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.layout.donut.borderWidth
@@ -749,7 +756,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
           key: 9,
           cx: s.value.width / 2,
           cy: s.value.height / 2,
-          r: x.value <= 0 ? 10 : x.value,
+          r: $.value <= 0 ? 10 : $.value,
           fill: "transparent",
           stroke: e.value.style.chart.backgroundColor
         }, null, 8, Fl)),
@@ -759,13 +766,13 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
           cy: s.value.height / 2,
           r: (
             /* This might require adjustments */
-            x.value <= 0 ? 10 : x.value
+            $.value <= 0 ? 10 : $.value
           ),
           fill: `url(#gradient_${y.value})`
         }, null, 8, Ll)) : i("", !0),
-        S.value ? (o(), u(g, { key: 11 }, [
+        S.value ? (o(), u(b, { key: 11 }, [
           h.value.length > 1 || e.value.type === "classic" ? (o(), u("g", Tl, [
-            (o(!0), u(g, null, F(h.value, (t, a) => (o(), u("path", {
+            (o(!0), u(b, null, F(h.value, (t, a) => (o(), u("path", {
               d: e.value.type === "classic" ? t.arcSlice : c.value[a].path,
               fill: P.value === a ? "rgba(0,0,0,0.1)" : "transparent",
               onMouseenter: (v) => De({
@@ -783,7 +790,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
             p("circle", {
               cx: s.value.width / 2,
               cy: s.value.height / 2,
-              r: x.value,
+              r: $.value,
               fill: P.value === l.i ? "rgba(0,0,0,0.1)" : "transparent",
               onMouseenter: r[1] || (r[1] = (t) => De({
                 datapoint: h.value[0],
@@ -798,7 +805,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
             }, null, 40, Yl)
           ]))
         ], 64)) : i("", !0),
-        e.value.type === "classic" ? (o(), u(g, { key: 12 }, [
+        e.value.type === "classic" ? (o(), u(b, { key: 12 }, [
           e.value.style.chart.layout.labels.hollow.total.show ? (o(), u("text", {
             key: 0,
             "text-anchor": "middle",
@@ -853,7 +860,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
             })
           )), 13, Il)) : i("", !0)
         ], 64)) : i("", !0),
-        (o(!0), u(g, null, F(h.value, (t, a) => (o(), u("g", {
+        (o(!0), u(b, null, F(h.value, (t, a) => (o(), u("g", {
           filter: G(a),
           class: de({ animated: e.value.useCssAnimation })
         }, [
@@ -866,7 +873,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
               style: { overflow: "visible" }
             }, [
               p("div", null, [
-                b(l.$slots, "dataLabel", We({ ref_for: !0 }, {
+                g(l.$slots, "dataLabel", We({ ref_for: !0 }, {
                   datapoint: t,
                   isBlur: !e.value.useBlurOnHover || [null, void 0].includes(P.value) || P.value === a,
                   isSafari: Be.value,
@@ -878,7 +885,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
               ])
             ], 8, Bl))
           ])) : (o(), u("g", Vl, [
-            e.value.type === "classic" ? (o(), u(g, { key: 0 }, [
+            e.value.type === "classic" ? (o(), u(b, { key: 0 }, [
               Y(t) && f.value.dataLabels.show ? (o(), u("circle", {
                 key: 0,
                 cx: n(w)(t).x,
@@ -891,7 +898,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
                 onClick: (v) => M(t, a)
               }, null, 8, Gl)) : i("", !0)
             ], 64)) : i("", !0),
-            e.value.type === "polar" ? (o(), u(g, { key: 1 }, [
+            e.value.type === "polar" ? (o(), u(b, { key: 1 }, [
               Y(t) && f.value.dataLabels.show ? (o(), u("circle", {
                 key: 0,
                 cx: n(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 24, centerX: s.value.width / 2, centerY: s.value.height / 2 }).x,
@@ -904,7 +911,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
                 onClick: (v) => M(t, a)
               }, null, 8, Rl)) : i("", !0)
             ], 64)) : i("", !0),
-            e.value.type === "classic" ? (o(), u(g, { key: 2 }, [
+            e.value.type === "classic" ? (o(), u(b, { key: 2 }, [
               Y(t) && f.value.dataLabels.show ? (o(), u("text", {
                 key: 0,
                 "text-anchor": n(w)(t, !0, 12).anchor,
@@ -936,7 +943,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
                 onClick: (v) => M(t, a)
               }, C(t.name), 13, jl)) : i("", !0)
             ], 64)) : i("", !0),
-            e.value.type === "polar" ? (o(), u(g, { key: 3 }, [
+            e.value.type === "polar" ? (o(), u(b, { key: 3 }, [
               Y(t) && f.value.dataLabels.show ? (o(), u("text", {
                 key: 0,
                 "text-anchor": j(c.value[a].middlePoint),
@@ -979,7 +986,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
               style: { overflow: "visible", "pointer-events": "none" }
             }, [
               p("div", null, [
-                b(l.$slots, "plot-comment", {
+                g(l.$slots, "plot-comment", {
                   plot: { ...t, textAlign: n(w)(t, !0, 16, !0).anchor, flexAlign: n(w)(t, !0, 16).anchor }
                 }, void 0, !0)
               ])
@@ -993,19 +1000,19 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
               style: { overflow: "visible", "pointer-events": "none" }
             }, [
               p("div", null, [
-                b(l.$slots, "plot-comment", {
+                g(l.$slots, "plot-comment", {
                   plot: { ...t, textAlign: j(c.value[a].middlePoint), flexAlign: j(c.value[a].middlePoint) }
                 }, void 0, !0)
               ])
             ], 8, Jl)) : i("", !0)
           ])) : i("", !0)
         ], 10, Dl))), 256)),
-        b(l.$slots, "svg", { svg: s.value }, void 0, !0)
+        g(l.$slots, "svg", { svg: s.value }, void 0, !0)
       ], 14, Wt)) : i("", !0),
       l.$slots.watermark ? (o(), u("div", Kl, [
-        b(l.$slots, "watermark", K(Q({ isPrinting: n(Pe) || n(Se) })), void 0, !0)
+        g(l.$slots, "watermark", H(E({ isPrinting: n(Pe) || n(Se) })), void 0, !0)
       ])) : i("", !0),
-      H.value ? i("", !0) : (o(), R(It, {
+      q.value ? i("", !0) : (o(), R(It, {
         key: 6,
         config: {
           type: "donut",
@@ -1013,7 +1020,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
             backgroundColor: e.value.style.chart.backgroundColor,
             donut: {
               color: "#CCCCCC",
-              strokeWidth: q.value * 0.8
+              strokeWidth: K.value * 0.8
             }
           }
         }
@@ -1028,7 +1035,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
           config: ut.value,
           onClickMarker: r[4] || (r[4] = ({ i: t }) => Ae(t))
         }, je({
-          item: $(({ legend: t, index: a }) => [
+          item: x(({ legend: t, index: a }) => [
             p("div", {
               style: z(`opacity:${X.value.includes(a) ? 0.5 : 1}`),
               onClick: (v) => t.segregate()
@@ -1062,7 +1069,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
         }, [
           l.$slots.pattern ? {
             name: "legend-pattern",
-            fn: $(({ legend: t, index: a }) => [
+            fn: x(({ legend: t, index: a }) => [
               he(Gt, {
                 shape: t.shape,
                 radius: 30,
@@ -1074,7 +1081,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
             key: "0"
           } : void 0
         ]), 1032, ["legendSet", "config"])) : i("", !0),
-        b(l.$slots, "legend", { legend: Ne.value }, void 0, !0)
+        g(l.$slots, "legend", { legend: Ne.value }, void 0, !0)
       ], 512),
       l.$slots.source ? (o(), u("div", {
         key: 7,
@@ -1082,7 +1089,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
         ref: pe,
         dir: "auto"
       }, [
-        b(l.$slots, "source", {}, void 0, !0)
+        g(l.$slots, "source", {}, void 0, !0)
       ], 512)) : i("", !0),
       he(Nt, {
         show: f.value.showTooltip && le.value,
@@ -1095,20 +1102,20 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: E.value,
+        parent: J.value,
         content: ue.value,
-        isCustom: J.value,
+        isCustom: Q.value,
         isFullscreen: W.value
       }, {
-        "tooltip-before": $(() => [
-          b(l.$slots, "tooltip-before", K(Q({ ...ie.value })), void 0, !0)
+        "tooltip-before": x(() => [
+          g(l.$slots, "tooltip-before", H(E({ ...ie.value })), void 0, !0)
         ]),
-        "tooltip-after": $(() => [
-          b(l.$slots, "tooltip-after", K(Q({ ...ie.value })), void 0, !0)
+        "tooltip-after": x(() => [
+          g(l.$slots, "tooltip-after", H(E({ ...ie.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen"]),
-      H.value ? (o(), R(Dt, {
+      q.value ? (o(), R(Dt, {
         key: 8,
         hideDetails: "",
         config: {
@@ -1124,7 +1131,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
           }
         }
       }, {
-        content: $(() => [
+        content: x(() => [
           (o(), R(At, {
             key: `table_${me.value}`,
             colNames: ae.value.colNames,
@@ -1134,13 +1141,13 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: r[5] || (r[5] = (t) => f.value.showTable = !1)
           }, {
-            th: $(({ th: t }) => [
+            th: x(({ th: t }) => [
               p("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, ta)
             ]),
-            td: $(({ td: t }) => [
+            td: x(({ td: t }) => [
               He(C(t.name ? t.name : isNaN(Number(t)) ? t.includes("%") ? t : n(A)(
                 e.value.style.chart.layout.labels.percentage.formatter,
                 t,
@@ -1167,7 +1174,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], Ht = ["width", "height"], Et = { k
       }, 8, ["config"])) : i("", !0)
     ], 46, jt));
   }
-}, wa = /* @__PURE__ */ Ut(la, [["__scopeId", "data-v-068fb79e"]]);
+}, wa = /* @__PURE__ */ Ut(la, [["__scopeId", "data-v-0a6038b4"]]);
 export {
   wa as default
 };