vue-data-ui 2.14.1 → 2.14.2

package/dist/{vue-ui-donut-u7q9NrFK.js → vue-ui-donut-6ioyEN3H.js}

@@ -1,13 +1,13 @@
-import { defineAsyncComponent as K, useSlots as Mt, computed as p, shallowRef as W, ref as _, onMounted as tt, onBeforeUnmount as Nt, watch as lt, createElementBlock as r, openBlock as o, normalizeStyle as b, normalizeClass as _e, createBlock as Q, createCommentVNode as i, renderSlot as g, createElementVNode as f, createVNode as xe, unref as u, createSlots as at, withCtx as C, normalizeProps as oe, guardReactiveProps as se, Fragment as m, renderList as S, mergeProps as ot, toDisplayString as P, createTextVNode as st, nextTick as Yt } from "vue";
-import { u as Xt, o as It, e as ut, g as Dt, c as Vt, b as Bt, d as nt, p as Z, m as Gt, _ as Rt, f as N, X as Wt, s as ve, w as Et, j as Ut, M as L, i as D, k as ce, n as w, t as jt, a as Ht, q as qt, r as Jt, x as Kt, S as rt } from "./index-BgrDsHvy.js";
+import { defineAsyncComponent as K, useSlots as Mt, computed as p, shallowRef as W, ref as _, onMounted as tt, onBeforeUnmount as Nt, watch as lt, createElementBlock as r, openBlock as o, normalizeStyle as b, normalizeClass as _e, createBlock as Q, createCommentVNode as i, renderSlot as g, createElementVNode as f, createVNode as xe, unref as n, createSlots as at, withCtx as C, normalizeProps as oe, guardReactiveProps as se, Fragment as m, renderList as S, mergeProps as ot, toDisplayString as P, createTextVNode as st, nextTick as Yt } from "vue";
+import { u as Xt, o as It, e as ut, g as Dt, c as Vt, b as Bt, d as nt, p as Z, m as Gt, _ as Rt, f as N, X as Wt, s as ve, w as Et, j as Ut, M as L, i as D, k as ce, n as w, t as jt, a as Ht, q as qt, r as Jt, x as Kt, S as rt } from "./index-DBYSSUsg.js";
 import { t as Qt, u as Zt } from "./useResponsive-JZ9xq-JV.js";
-import { u as it } from "./useNestedProp-Cw4jG3FY.js";
-import { u as el } from "./usePrinter-DzxhXGdR.js";
+import { u as it } from "./useNestedProp-Cu77c3W4.js";
+import { u as el } from "./usePrinter-xF9W73YL.js";
 import { u as tl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ll } from "./useChartAccessibility-9icAAmYg.js";
-import al from "./Legend-ChpNJ_NF.js";
-import ol from "./Title-CjfBFzRf.js";
-import { _ as sl } from "./Shape-Bdn11q8F.js";
+import al from "./Legend-DLJ9I-cg.js";
+import ol from "./Title-xtSGHclp.js";
+import { _ as sl } from "./Shape-DdpwkHh8.js";
 import { _ as ul } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { key: 1 }, cl = ["id"], dl = ["stop-color"], hl = ["offset", "stop-color"], yl = ["offset", "stop-color"], fl = ["stop-color"], pl = { key: 2 }, gl = ["id", "cx", "cy"], ml = ["stop-color", "stop-opacity"], bl = ["stop-color"], wl = ["id"], kl = ["id"], _l = ["id"], xl = ["flood-color"], $l = ["id"], Cl = ["flood-color"], Tl = ["d", "stroke", "filter"], Pl = ["d", "stroke", "filter"], Al = ["cx", "cy", "r", "fill", "filter"], Fl = { key: 6 }, Sl = ["stroke", "d"], Ll = { key: 0 }, zl = ["d", "fill", "stroke", "stroke-width", "filter"], Ol = ["d", "fill", "stroke", "stroke-width", "filter"], Ml = { key: 0 }, Nl = ["stroke", "d"], Yl = { key: 0 }, Xl = ["d", "stroke", "stroke-width", "filter"], Il = { key: 1 }, Dl = ["d", "fill", "stroke", "stroke-width", "filter"], Vl = ["d", "fill", "stroke", "stroke-width", "filter"], Bl = { key: 1 }, Gl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Rl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Wl = ["cx", "cy", "r", "stroke"], El = ["cx", "cy", "r", "fill"], Ul = { key: 0 }, jl = ["d", "fill", "onMouseenter", "onClick"], Hl = { key: 1 }, ql = ["cx", "cy", "r"], Jl = ["x", "y", "fill", "font-size"], Kl = ["x", "y", "fill", "font-size"], Ql = ["x", "y", "fill", "font-size"], Zl = ["x", "y", "fill", "font-size"], ea = ["filter"], ta = { key: 0 }, la = ["x", "y"], aa = { key: 1 }, oa = ["cx", "cy", "fill", "stroke", "filter", "onClick"], sa = ["cx", "cy", "fill", "stroke", "filter", "onClick"], ua = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], na = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], ra = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], ia = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], va = { key: 2 }, ca = ["x", "y", "width"], da = ["x", "y", "width"], ha = {
   key: 5,
@@ -33,7 +33,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup($e, { expose: vt, emit: ct }) {
-    const dt = K(() => import("./vue-ui-accordion-m8te3vGO.js")), ht = K(() => import("./DataTable-CvEYBbuI.js")), yt = K(() => import("./PackageVersion-CczS07-5.js")), ft = K(() => import("./PenAndPaper-CqPrXvIl.js")), pt = K(() => import("./vue-ui-skeleton-B8Wzi4Hi.js")), gt = K(() => import("./Tooltip-BZpxnTbb.js")), mt = K(() => import("./UserOptions-DVYwPBK2.js")), { vue_ui_donut: bt } = Xt(), wt = Mt(), z = $e, ue = p({
+    const dt = K(() => import("./vue-ui-accordion-CEZHj_of.js")), ht = K(() => import("./DataTable-DzCoab4C.js")), yt = K(() => import("./PackageVersion-DrhYhyQR.js")), ft = K(() => import("./PenAndPaper-BdnVqpO9.js")), pt = K(() => import("./vue-ui-skeleton-BJy7bURO.js")), gt = K(() => import("./Tooltip-D8swCIay.js")), mt = K(() => import("./UserOptions-BbJkNcCM.js")), { vue_ui_donut: bt } = Xt(), wt = Mt(), z = $e, ue = p({
       get() {
         return !!z.dataset && z.dataset.length;
       },
@@ -73,7 +73,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             padding: Xe.value
           });
           requestAnimationFrame(() => {
-            n.value.width = s, n.value.height = t;
+            u.value.width = s, u.value.height = t;
           });
         });
         E.value && (ee.value && E.value.unobserve(ee.value), E.value.disconnect()), E.value = new ResizeObserver(l), ee.value = ne.value.parentNode, E.value.observe(ee.value);
@@ -130,7 +130,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       Ne(!1);
     }
     lt(() => z.config, (l) => {
-      e.value = Me(), ge.value = !e.value.userOptions.showOnChartHover, ze(), Fe.value += 1, Se.value += 1, Le.value += 1, h.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, h.value.showTable = e.value.table.show, h.value.showTooltip = e.value.style.chart.tooltip.show;
+      e.value = Me(), ge.value = !e.value.userOptions.showOnChartHover, ze(), Fe.value += 1, Se.value += 1, Le.value += 1, h.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, h.value.showTable = e.value.table.show, h.value.showTooltip = e.value.style.chart.tooltip.show, u.value.height = e.value.style.chart.height, u.value.width = e.value.style.chart.width;
     }, { deep: !0 });
     const Xe = p(() => {
       const { top: l, right: s, bottom: t, left: a } = e.value.style.chart.padding;
@@ -151,11 +151,11 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       },
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), n = _({
-      height: 360,
-      width: 512
+    }), u = _({
+      height: e.value.style.chart.height,
+      width: e.value.style.chart.width
     }), te = p(() => {
-      const l = e.value.style.chart.layout.donut.strokeWidth / 512, s = Math.min(n.value.width, n.value.height) * l, t = s > x.value ? x.value : s;
+      const l = e.value.style.chart.layout.donut.strokeWidth / 512, s = Math.min(u.value.width, u.value.height) * l, t = s > x.value ? x.value : s;
       return Math.max(t, 3);
     }), Re = ct, G = p(() => z.dataset.map((l, s) => ({
       name: l.name,
@@ -284,25 +284,25 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), x = p(() => {
-      const l = Math.min(n.value.width / 3, n.value.height / 3);
+      const l = Math.min(u.value.width / 3, u.value.height / 3);
       return l < 55 ? 55 : l;
-    }), A = p(() => Gt({ series: U.value }, n.value.width / 2, n.value.height / 2, x.value, x.value, 1.99999, 2, 1, 360, 105.25, te.value)), Y = p(() => A.value.filter((l) => !l.ghost)), c = p(() => {
+    }), A = p(() => Gt({ series: U.value }, u.value.width / 2, u.value.height / 2, x.value, x.value, 1.99999, 2, 1, 360, 105.25, te.value)), Y = p(() => A.value.filter((l) => !l.ghost)), c = p(() => {
       const l = Math.max(...U.value.map((t) => t.value)), s = U.value.map((t) => t.value / l);
       return Rt({
         series: s,
         center: {
-          x: n.value.width / 2,
-          y: n.value.height / 2
+          x: u.value.width / 2,
+          y: u.value.height / 2
         },
-        maxRadius: Math.min(n.value.width, n.value.height) / 3,
+        maxRadius: Math.min(u.value.width, u.value.height) / 3,
         hasGhost: T.value
       });
     });
     function le(l) {
-      return l.x > n.value.width / 2 + 6 ? "start" : l.x < n.value.width / 2 - 6 ? "end" : "middle";
+      return l.x > u.value.width / 2 + 6 ? "start" : l.x < u.value.width / 2 - 6 ? "end" : "middle";
     }
     function Ft(l) {
-      return l.middlePoint.y > n.value.height / 2 ? L({ initX: l.middlePoint.x, initY: l.middlePoint.y, offset: 100, centerX: n.value.width / 2, centerY: n.value.height / 2 }).y : L({ initX: l.middlePoint.x, initY: l.middlePoint.y, offset: 0, centerX: n.value.width / 2, centerY: n.value.height / 2 }).y - 100;
+      return l.middlePoint.y > u.value.height / 2 ? L({ initX: l.middlePoint.x, initY: l.middlePoint.y, offset: 100, centerX: u.value.width / 2, centerY: u.value.height / 2 }).y : L({ initX: l.middlePoint.x, initY: l.middlePoint.y, offset: 0, centerX: u.value.width / 2, centerY: u.value.height / 2 }).y - 100;
     }
     function X(l) {
       return l.proportion * 100 > e.value.style.chart.layout.labels.dataLabels.hideUnderValue;
@@ -470,12 +470,12 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       onMouseenter: xt,
       onMouseleave: $t
     }, [
-      e.value.userOptions.buttons.annotator && u(me) ? (o(), Q(u(ft), {
+      e.value.userOptions.buttons.annotator && n(me) ? (o(), Q(n(ft), {
         key: 0,
         color: e.value.style.chart.color,
         backgroundColor: e.value.style.chart.backgroundColor,
         active: ye.value,
-        svgRef: u(me),
+        svgRef: n(me),
         onClose: ke
       }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : i("", !0),
       g(l.$slots, "userConfig", {}, void 0, !0),
@@ -506,14 +506,14 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           }
         }, null, 8, ["config"]))
       ], 512)) : i("", !0),
-      e.value.userOptions.show && ue.value && (u(Ye) || u(ge)) ? (o(), Q(u(mt), {
+      e.value.userOptions.show && ue.value && (n(Ye) || n(ge)) ? (o(), Q(n(mt), {
         ref_key: "details",
         ref: kt,
         key: `user_option_${Oe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: u(Ie),
-        isImaging: u(De),
+        isPrinting: n(Ie),
+        isImaging: n(De),
         uid: y.value,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -531,15 +531,15 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: ye.value,
         onToggleFullscreen: Lt,
-        onGeneratePdf: u(Ve),
+        onGeneratePdf: n(Ve),
         onGenerateCsv: Je,
-        onGenerateImage: u(Be),
+        onGenerateImage: n(Be),
         onToggleTable: Qe,
         onToggleLabels: Ze,
         onToggleTooltip: et,
         onToggleAnnotator: ke,
         style: b({
-          visibility: u(Ye) ? u(ge) ? "visible" : "hidden" : "visible"
+          visibility: n(Ye) ? n(ge) ? "visible" : "hidden" : "visible"
         })
       }, at({ _: 2 }, [
         l.$slots.menuIcon ? {
@@ -610,18 +610,18 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         key: 4,
         ref_key: "svgRef",
         ref: me,
-        xmlns: u(Wt),
+        xmlns: n(Wt),
         class: _e({ "vue-data-ui-fullscreen--on": ae.value, "vue-data-ui-fulscreen--off": !ae.value }),
-        viewBox: `0 0 ${n.value.width <= 0 ? 10 : n.value.width} ${n.value.height <= 0 ? 10 : n.value.height}`,
+        viewBox: `0 0 ${u.value.width <= 0 ? 10 : u.value.width} ${u.value.height <= 0 ? 10 : u.value.height}`,
         style: b(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};${Xe.value.css}`)
       }, [
-        xe(u(yt)),
+        xe(n(yt)),
         l.$slots["chart-background"] ? (o(), r("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
-          width: n.value.width <= 0 ? 10 : n.value.width,
-          height: n.value.height <= 0 ? 10 : n.value.height,
+          width: u.value.width <= 0 ? 10 : u.value.width,
+          height: u.value.height <= 0 ? 10 : u.value.height,
           style: {
             pointerEvents: "none"
           }
@@ -635,21 +635,21 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           }, [
             f("stop", {
               offset: "0%",
-              "stop-color": u(ve)(e.value.style.chart.backgroundColor, 0),
+              "stop-color": n(ve)(e.value.style.chart.backgroundColor, 0),
               "stop-opacity": "0"
             }, null, 8, dl),
             f("stop", {
               offset: `${(1 - te.value / x.value) * 100}%`,
-              "stop-color": u(ve)("#FFFFFF", 0),
+              "stop-color": n(ve)("#FFFFFF", 0),
               "stop-opacity": "0"
             }, null, 8, hl),
             f("stop", {
               offset: `${(1 - te.value / x.value / 2) * 100}%`,
-              "stop-color": u(ve)("#FFFFFF", e.value.style.chart.gradientIntensity)
+              "stop-color": n(ve)("#FFFFFF", e.value.style.chart.gradientIntensity)
             }, null, 8, yl),
             f("stop", {
               offset: "100%",
-              "stop-color": u(ve)(e.value.style.chart.backgroundColor, 0),
+              "stop-color": n(ve)(e.value.style.chart.backgroundColor, 0),
               "stop-opacity": "0"
             }, null, 8, fl)
           ], 8, cl)) : i("", !0)
@@ -657,13 +657,13 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         e.value.type === "polar" ? (o(), r("defs", pl, [
           (o(!0), r(m, null, S(c.value, (t, a) => (o(), r("radialGradient", {
             id: `polar_gradient_${a}_${y.value}`,
-            cx: (isNaN(t.middlePoint.x / n.value.width * 100) ? 0 : t.middlePoint.x / n.value.width * 100) + "%",
-            cy: (isNaN(t.middlePoint.y / n.value.height * 100) ? 0 : t.middlePoint.y / n.value.height * 100) + "%",
+            cx: (isNaN(t.middlePoint.x / u.value.width * 100) ? 0 : t.middlePoint.x / u.value.width * 100) + "%",
+            cy: (isNaN(t.middlePoint.y / u.value.height * 100) ? 0 : t.middlePoint.y / u.value.height * 100) + "%",
             r: "62%"
           }, [
             f("stop", {
               offset: "0%",
-              "stop-color": u(Et)(A.value[a].color, 0.05),
+              "stop-color": n(Et)(A.value[a].color, 0.05),
               "stop-opacity": e.value.style.chart.gradientIntensity / 100
             }, null, 8, ml),
             f("stop", {
@@ -722,7 +722,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         e.value.type === "classic" ? (o(!0), r(m, { key: 3 }, S(A.value.filter((t) => !t.ghost), (t, a) => (o(), r("g", null, [
           X(t) && h.value.dataLabels.show ? (o(), r("path", {
             key: 0,
-            d: u(Ut)(t, { x: n.value.width / 2, y: n.value.height / 2 }, 16, 16, !1, !1, te.value, 12, e.value.style.chart.layout.curvedMarkers),
+            d: n(Ut)(t, { x: u.value.width / 2, y: u.value.height / 2 }, 16, 16, !1, !1, te.value, 12, e.value.style.chart.layout.curvedMarkers),
             stroke: t.color,
             "stroke-width": "1",
             "stroke-linecap": "round",
@@ -734,7 +734,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         e.value.type === "polar" ? (o(!0), r(m, { key: 4 }, S(A.value.filter((t) => !t.ghost), (t, a) => (o(), r("g", null, [
           X(t) && h.value.dataLabels.show ? (o(), r("path", {
             key: 0,
-            d: `M ${u(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 24, centerX: n.value.width / 2, centerY: n.value.height / 2 }).x},${u(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 24, centerX: n.value.width / 2, centerY: n.value.height / 2 }).y} ${c.value[a].middlePoint.x},${c.value[a].middlePoint.y}`,
+            d: `M ${n(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 24, centerX: u.value.width / 2, centerY: u.value.height / 2 }).x},${n(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 24, centerX: u.value.width / 2, centerY: u.value.height / 2 }).y} ${c.value[a].middlePoint.x},${c.value[a].middlePoint.y}`,
             stroke: t.color,
             "stroke-width": "1",
             "stroke-linecap": "round",
@@ -748,8 +748,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         ]))), 256)) : i("", !0),
         e.value.type === "classic" && e.value.style.chart.layout.donut.useShadow ? (o(), r("circle", {
           key: 5,
-          cx: n.value.width / 2,
-          cy: n.value.height / 2,
+          cx: u.value.width / 2,
+          cy: u.value.height / 2,
           r: x.value <= 0 ? 10 : x.value,
           fill: e.value.style.chart.backgroundColor,
           filter: `url(#shadow_${y.value})`
@@ -780,7 +780,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           (o(!0), r(m, null, S(Y.value, (t, a) => (o(), r("path", {
             class: "vue-ui-donut-arc-path",
             d: t.arcSlice,
-            fill: u(ve)(t.color, 80),
+            fill: n(ve)(t.color, 80),
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": e.value.style.chart.layout.donut.borderWidth,
             filter: J(a)
@@ -836,16 +836,16 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           ])) : (o(), r("g", Bl, [
             l.$slots.pattern ? (o(), r("circle", {
               key: 0,
-              cx: n.value.width / 2,
-              cy: n.value.height / 2,
+              cx: u.value.width / 2,
+              cy: u.value.height / 2,
               r: x.value,
               fill: `url(#pattern_${y.value}_${A.value[0].patternIndex})`,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.layout.donut.borderWidth
             }, null, 8, Gl)) : i("", !0),
             f("circle", {
-              cx: n.value.width / 2,
-              cy: n.value.height / 2,
+              cx: u.value.width / 2,
+              cy: u.value.height / 2,
               r: x.value,
               fill: e.value.style.chart.useGradient ? `url(#polar_gradient_0_${y.value})` : A.value[0].color,
               stroke: e.value.style.chart.backgroundColor,
@@ -854,16 +854,16 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           ]))
         ], 64)) : (o(), r("circle", {
           key: 9,
-          cx: n.value.width / 2,
-          cy: n.value.height / 2,
+          cx: u.value.width / 2,
+          cy: u.value.height / 2,
           r: x.value <= 0 ? 10 : x.value,
           fill: "transparent",
           stroke: e.value.style.chart.backgroundColor
         }, null, 8, Wl)),
         e.value.style.chart.useGradient && e.value.type === "classic" ? (o(), r("circle", {
           key: 10,
-          cx: n.value.width / 2,
-          cy: n.value.height / 2,
+          cx: u.value.width / 2,
+          cy: u.value.height / 2,
           r: (
             /* This might require adjustments */
             x.value <= 0 ? 10 : x.value
@@ -888,8 +888,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             }, null, 40, jl))), 256))
           ])) : (o(), r("g", Hl, [
             f("circle", {
-              cx: n.value.width / 2,
-              cy: n.value.height / 2,
+              cx: u.value.width / 2,
+              cy: u.value.height / 2,
               r: x.value,
               fill: "transparent",
               onMouseenter: s[1] || (s[1] = (t) => qe({
@@ -909,8 +909,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           e.value.style.chart.layout.labels.hollow.total.show ? (o(), r("text", {
             key: 0,
             "text-anchor": "middle",
-            x: n.value.width / 2,
-            y: n.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,
+            x: u.value.width / 2,
+            y: u.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: b(`font-weight:${e.value.style.chart.layout.labels.hollow.total.bold ? "bold" : ""}`)
@@ -918,15 +918,15 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           e.value.style.chart.layout.labels.hollow.total.show ? (o(), r("text", {
             key: 1,
             "text-anchor": "middle",
-            x: n.value.width / 2,
-            y: n.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,
+            x: u.value.width / 2,
+            y: u.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: b(`font-weight:${e.value.style.chart.layout.labels.hollow.total.value.bold ? "bold" : ""}`)
-          }, P(u(D)(
+          }, P(n(D)(
             e.value.style.chart.layout.labels.hollow.total.value.formatter,
             F.value,
-            u(N)({
+            n(N)({
               p: e.value.style.chart.layout.labels.hollow.total.value.prefix,
               v: F.value,
               s: e.value.style.chart.layout.labels.hollow.total.value.suffix
@@ -935,8 +935,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           e.value.style.chart.layout.labels.hollow.average.show ? (o(), r("text", {
             key: 2,
             "text-anchor": "middle",
-            x: n.value.width / 2,
-            y: n.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,
+            x: u.value.width / 2,
+            y: u.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: b(`font-weight:${e.value.style.chart.layout.labels.hollow.average.bold ? "bold" : ""}`)
@@ -944,15 +944,15 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           e.value.style.chart.layout.labels.hollow.average.show ? (o(), r("text", {
             key: 3,
             "text-anchor": "middle",
-            x: n.value.width / 2,
-            y: n.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,
+            x: u.value.width / 2,
+            y: u.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: b(`font-weight:${e.value.style.chart.layout.labels.hollow.average.value.bold ? "bold" : ""}`)
-          }, P(q.value || T.value ? "--" : u(D)(
+          }, P(q.value || T.value ? "--" : n(D)(
             e.value.style.chart.layout.labels.hollow.average.value.formatter,
             je.value,
-            u(N)({
+            n(N)({
               p: e.value.style.chart.layout.labels.hollow.average.value.prefix,
               v: je.value,
               s: e.value.style.chart.layout.labels.hollow.average.value.suffix,
@@ -966,8 +966,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         }, [
           e.value.style.chart.layout.labels.dataLabels.useLabelSlots ? (o(), r("g", ta, [
             (o(), r("foreignObject", {
-              x: u(w)(t, !0).anchor === "end" ? u(w)(t).x - 120 : u(w)(t, !0).anchor === "middle" ? u(w)(t).x - 60 : u(w)(t).x,
-              y: u(ce)(t) - (Ke.value ? 20 : 0),
+              x: n(w)(t, !0).anchor === "end" ? n(w)(t).x - 120 : n(w)(t, !0).anchor === "middle" ? n(w)(t).x - 60 : n(w)(t).x,
+              y: n(ce)(t) - (Ke.value ? 20 : 0),
               width: "120",
               height: "60",
               style: { overflow: "visible" }
@@ -978,8 +978,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                   isBlur: !e.value.useBlurOnHover || [null, void 0].includes(O.value) || O.value === a,
                   isSafari: Ke.value,
                   isVisible: X(t) && h.value.dataLabels.show,
-                  textAlign: u(w)(t, !0, 16, !0).anchor,
-                  flexAlign: u(w)(t, !0, 16).anchor,
+                  textAlign: n(w)(t, !0, 16, !0).anchor,
+                  flexAlign: n(w)(t, !0, 16).anchor,
                   percentage: be(t, Y.value)
                 }), void 0, !0)
               ])
@@ -988,8 +988,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             e.value.type === "classic" ? (o(), r(m, { key: 0 }, [
               X(t) && h.value.dataLabels.show ? (o(), r("circle", {
                 key: 0,
-                cx: u(w)(t).x,
-                cy: u(ce)(t) - 3.5,
+                cx: n(w)(t).x,
+                cy: n(ce)(t) - 3.5,
                 fill: t.color,
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": 1,
@@ -1001,8 +1001,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             e.value.type === "polar" ? (o(), r(m, { key: 1 }, [
               X(t) && h.value.dataLabels.show ? (o(), r("circle", {
                 key: 0,
-                cx: u(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 24, centerX: n.value.width / 2, centerY: n.value.height / 2 }).x,
-                cy: u(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 24, centerX: n.value.width / 2, centerY: n.value.height / 2 }).y,
+                cx: n(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 24, centerX: u.value.width / 2, centerY: u.value.height / 2 }).x,
+                cy: n(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 24, centerX: u.value.width / 2, centerY: u.value.height / 2 }).y,
                 fill: t.color,
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": 1,
@@ -1017,17 +1017,17 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             e.value.type === "classic" ? (o(), r(m, { key: 2 }, [
               X(t) && h.value.dataLabels.show ? (o(), r("text", {
                 key: 0,
-                "text-anchor": u(w)(t, !0, 12).anchor,
-                x: u(w)(t, !0, 12).x,
-                y: u(ce)(t),
+                "text-anchor": n(w)(t, !0, 12).anchor,
+                x: n(w)(t, !0, 12).x,
+                y: n(ce)(t),
                 fill: e.value.style.chart.layout.labels.percentage.color,
                 "font-size": e.value.style.chart.layout.labels.percentage.fontSize,
                 style: b(`font-weight:${e.value.style.chart.layout.labels.percentage.bold ? "bold" : ""}`),
                 onClick: (v) => H(t, a)
-              }, P(be(t, Y.value)) + " " + P(e.value.style.chart.layout.labels.value.show ? `(${u(D)(
+              }, P(be(t, Y.value)) + " " + P(e.value.style.chart.layout.labels.value.show ? `(${n(D)(
                 e.value.style.chart.layout.labels.value.formatter,
                 t.value,
-                u(N)({
+                n(N)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: t.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -1037,9 +1037,9 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               )})` : ""), 13, ua)) : i("", !0),
               X(t) && h.value.dataLabels.show ? (o(), r("text", {
                 key: 1,
-                "text-anchor": u(w)(t).anchor,
-                x: u(w)(t, !0, 12).x,
-                y: u(ce)(t) + e.value.style.chart.layout.labels.percentage.fontSize,
+                "text-anchor": n(w)(t).anchor,
+                x: n(w)(t, !0, 12).x,
+                y: n(ce)(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: b(`font-weight:${e.value.style.chart.layout.labels.name.bold ? "bold" : ""}`),
@@ -1050,8 +1050,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               X(t) && h.value.dataLabels.show ? (o(), r("text", {
                 key: 0,
                 "text-anchor": le(c.value[a].middlePoint),
-                x: u(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: n.value.width / 2, centerY: n.value.height / 2 }).x,
-                y: u(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: n.value.width / 2, centerY: n.value.height / 2 }).y,
+                x: n(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).x,
+                y: n(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).y,
                 fill: e.value.style.chart.layout.labels.percentage.color,
                 "font-size": e.value.style.chart.layout.labels.percentage.fontSize,
                 style: b({
@@ -1059,10 +1059,10 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                   fontWeight: e.value.style.chart.layout.labels.percentage.bold ? "bold" : "normal"
                 }),
                 onClick: (v) => H(t, a)
-              }, P(be(t, Y.value)) + " " + P(e.value.style.chart.layout.labels.value.show ? `(${u(D)(
+              }, P(be(t, Y.value)) + " " + P(e.value.style.chart.layout.labels.value.show ? `(${n(D)(
                 e.value.style.chart.layout.labels.value.formatter,
                 t.value,
-                u(N)({
+                n(N)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: t.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -1073,8 +1073,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               X(t) && h.value.dataLabels.show ? (o(), r("text", {
                 key: 1,
                 "text-anchor": le(c.value[a].middlePoint),
-                x: u(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: n.value.width / 2, centerY: n.value.height / 2 }).x,
-                y: u(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: n.value.width / 2, centerY: n.value.height / 2 }).y + e.value.style.chart.layout.labels.percentage.fontSize,
+                x: n(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).x,
+                y: n(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).y + 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: b({
@@ -1088,21 +1088,21 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           h.value.dataLabels.show && e.value.style.chart.comments.show && t.comment ? (o(), r("g", va, [
             X(t) && e.value.type === "classic" ? (o(), r("foreignObject", {
               key: 0,
-              x: e.value.style.chart.comments.offsetX + (u(w)(t, !0).anchor === "end" ? u(w)(t).x - e.value.style.chart.comments.width : u(w)(t, !0).anchor === "middle" ? u(w)(t).x - e.value.style.chart.comments.width / 2 : u(w)(t).x),
-              y: u(ce)(t) + 24 + e.value.style.chart.comments.offsetY,
+              x: e.value.style.chart.comments.offsetX + (n(w)(t, !0).anchor === "end" ? n(w)(t).x - e.value.style.chart.comments.width : n(w)(t, !0).anchor === "middle" ? n(w)(t).x - e.value.style.chart.comments.width / 2 : n(w)(t).x),
+              y: n(ce)(t) + 24 + e.value.style.chart.comments.offsetY,
               width: e.value.style.chart.comments.width,
               height: "200",
               style: { overflow: "visible", "pointer-events": "none" }
             }, [
               f("div", null, [
                 g(l.$slots, "plot-comment", {
-                  plot: { ...t, textAlign: u(w)(t, !0, 16, !0).anchor, flexAlign: u(w)(t, !0, 16).anchor, isFirstLoad: T.value }
+                  plot: { ...t, textAlign: n(w)(t, !0, 16, !0).anchor, flexAlign: n(w)(t, !0, 16).anchor, isFirstLoad: T.value }
                 }, void 0, !0)
               ])
             ], 8, ca)) : i("", !0),
             X(t) && e.value.type === "polar" ? (o(), r("foreignObject", {
               key: 1,
-              x: e.value.style.chart.comments.offsetX + (le(c.value[a].middlePoint) === "end" ? u(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: n.value.width / 2, centerY: n.value.height / 2 }).x - e.value.style.chart.comments.width : le(c.value[a].middlePoint) === "middle" ? u(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: n.value.width / 2, centerY: n.value.height / 2 }).x - e.value.style.chart.comments.width / 2 : u(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: n.value.width / 2, centerY: n.value.height / 2 }).x),
+              x: e.value.style.chart.comments.offsetX + (le(c.value[a].middlePoint) === "end" ? n(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).x - e.value.style.chart.comments.width : le(c.value[a].middlePoint) === "middle" ? n(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).x - e.value.style.chart.comments.width / 2 : n(L)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).x),
               y: Ft(c.value[a]) + e.value.style.chart.comments.offsetY,
               width: e.value.style.chart.comments.width,
               height: "200",
@@ -1120,12 +1120,12 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             ], 12, da)) : i("", !0)
           ])) : i("", !0)
         ], 10, ea))), 256)),
-        g(l.$slots, "svg", { svg: n.value }, void 0, !0)
+        g(l.$slots, "svg", { svg: u.value }, void 0, !0)
       ], 14, rl)) : i("", !0),
       l.$slots.watermark ? (o(), r("div", ha, [
-        g(l.$slots, "watermark", oe(se({ isPrinting: u(Ie) || u(De) })), void 0, !0)
+        g(l.$slots, "watermark", oe(se({ isPrinting: n(Ie) || n(De) })), void 0, !0)
       ])) : i("", !0),
-      ue.value ? i("", !0) : (o(), Q(u(pt), {
+      ue.value ? i("", !0) : (o(), Q(n(pt), {
         key: 6,
         config: {
           type: "donut",
@@ -1153,10 +1153,10 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               style: b(`opacity:${V.value.includes(a) ? 0.5 : 1}`),
               onClick: (v) => t.segregate()
             }, [
-              st(P(t.name) + ": " + P(u(D)(
+              st(P(t.name) + ": " + P(n(D)(
                 e.value.style.chart.layout.labels.value.formatter,
                 t.value,
-                u(N)({
+                n(N)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: t.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -1167,10 +1167,10 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                   index: a
                 }
               )) + " ", 1),
-              V.value.includes(a) ? (o(), r("span", pa, " ( " + P(zt(t.proportion * 100)) + " % ) ", 1)) : (o(), r("span", fa, " (" + P(isNaN(t.value / F.value) ? "-" : u(D)(
+              V.value.includes(a) ? (o(), r("span", pa, " ( " + P(zt(t.proportion * 100)) + " % ) ", 1)) : (o(), r("span", fa, " (" + P(isNaN(t.value / F.value) ? "-" : n(D)(
                 e.value.style.chart.layout.labels.percentage.formatter,
                 He.value(t),
-                u(N)({
+                n(N)({
                   v: He.value(t),
                   s: "%",
                   r: e.value.style.chart.legend.roundingPercentage
@@ -1204,7 +1204,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       }, [
         g(l.$slots, "source", {}, void 0, !0)
       ], 512)) : i("", !0),
-      xe(u(gt), {
+      xe(n(gt), {
         show: h.value.showTooltip && de.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -1228,7 +1228,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen"]),
-      ue.value ? (o(), Q(u(dt), {
+      ue.value ? (o(), Q(n(dt), {
         key: 8,
         hideDetails: "",
         config: {
@@ -1245,7 +1245,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         }
       }, {
         content: C(() => [
-          (o(), Q(u(ht), {
+          (o(), Q(n(ht), {
             key: `table_${Se.value}`,
             colNames: he.value.colNames,
             head: he.value.head,
@@ -1261,18 +1261,18 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               }, null, 8, ga)
             ]),
             td: C(({ td: t }) => [
-              st(P(t.name ? t.name : isNaN(Number(t)) ? t.includes("%") ? t : u(D)(
+              st(P(t.name ? t.name : isNaN(Number(t)) ? t.includes("%") ? t : n(D)(
                 e.value.style.chart.layout.labels.percentage.formatter,
                 t,
-                u(N)({
+                n(N)({
                   v: t,
                   s: "%",
                   r: e.value.style.chart.layout.labels.percentage.rounding
                 })
-              ) : u(D)(
+              ) : n(D)(
                 e.value.style.chart.layout.labels.value.formatter,
                 t,
-                u(N)({
+                n(N)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: t,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -1287,7 +1287,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       }, 8, ["config"])) : i("", !0)
     ], 46, nl));
   }
-}, Sa = /* @__PURE__ */ ul(ma, [["__scopeId", "data-v-e6ceb7ec"]]);
+}, Sa = /* @__PURE__ */ ul(ma, [["__scopeId", "data-v-ecf724bd"]]);
 export {
   Sa as default
 };