vue-data-ui 2.15.0 → 2.15.1

package/dist/{vue-ui-digits-CJrt5BJ1.js → vue-ui-digits-DPnLXvr7.js}

@@ -1,6 +1,6 @@
 import { ref as k, computed as d, createElementBlock as i, openBlock as $, Fragment as o, createCommentVNode as m, createElementVNode as l, normalizeStyle as v, unref as C, renderList as b, createBlock as N } from "vue";
-import { u as q } from "./useNestedProp-Cv2n6auT.js";
-import { u as M, X as S } from "./index-qLjCmB1J.js";
+import { u as q } from "./useNestedProp-Cwa5NEME.js";
+import { u as M, X as S } from "./index-CFxgtqnt.js";
 const w = { key: 0 }, B = ["d", "fill"], F = ["d", "fill"], X = ["d", "fill"], E = ["d", "fill"], I = ["d", "fill"], O = ["d", "fill"], A = ["d", "fill"], D = { key: 1 }, G = ["cx", "cy", "fill"], V = {
   __name: "Digit",
   props: {

package/dist/{vue-ui-donut-CnL_oyDf.js → vue-ui-donut-DVqw5vtF.js}

@@ -1,21 +1,21 @@
 import { defineAsyncComponent as K, useSlots as Nt, computed as p, shallowRef as W, ref as _, onMounted as tt, onBeforeUnmount as Mt, 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 $e, 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 M, X as Wt, s as fe, w as Et, j as Ut, N as L, i as D, k as ve, n as w, t as jt, a as Ht, q as qt, r as Jt, x as Kt, T as rt } from "./index-qLjCmB1J.js";
-import { t as Qt, u as Zt } from "./useResponsive-JZ9xq-JV.js";
-import { u as it } from "./useNestedProp-Cv2n6auT.js";
-import { u as el } from "./usePrinter-Dh3NHc5Q.js";
-import { u as tl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as ll } from "./useChartAccessibility-9icAAmYg.js";
-import al from "./Legend-R-8Q66YR.js";
-import ol from "./Title-DX1Pj6u8.js";
-import { _ as sl } from "./Shape-CY4386Ox.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"], $l = ["flood-color"], xl = ["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 = ["d", "fill", "stroke", "stroke-width", "filter"], zl = { key: 0 }, Ol = ["d", "fill", "stroke", "stroke-width", "filter"], Nl = { key: 0 }, Ml = ["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 = {
+import { u as Xt, o as It, e as ut, g as Dt, c as Vt, b as Bt, v as Gt, d as nt, p as Z, m as Rt, $ as Wt, f as M, X as Et, s as fe, w as Ut, j as jt, N as L, i as D, k as ve, n as w, t as Ht, a as qt, q as Jt, r as Kt, x as Qt, T as rt } from "./index-CFxgtqnt.js";
+import { t as Zt, u as el } from "./useResponsive-JZ9xq-JV.js";
+import { u as it } from "./useNestedProp-Cwa5NEME.js";
+import { u as tl } from "./usePrinter-AfZAUxa7.js";
+import { u as ll } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as al } from "./useChartAccessibility-9icAAmYg.js";
+import ol from "./Legend-CgtCMjDL.js";
+import sl from "./Title-CSUbkA4W.js";
+import { _ as ul } from "./Shape-DWUzGGp4.js";
+import { _ as nl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const rl = ["id"], il = ["xmlns", "viewBox"], vl = ["width", "height"], cl = { key: 1 }, dl = ["id"], hl = ["stop-color"], yl = ["offset", "stop-color"], fl = ["offset", "stop-color"], pl = ["stop-color"], gl = { key: 2 }, ml = ["id", "cx", "cy"], bl = ["stop-color", "stop-opacity"], wl = ["stop-color"], kl = ["id"], _l = ["id"], $l = ["id"], xl = ["flood-color"], Cl = ["id"], Tl = ["flood-color"], Pl = ["d", "stroke", "filter"], Al = ["d", "stroke", "filter"], Fl = ["cx", "cy", "r", "fill", "filter"], Sl = { key: 6 }, Ll = ["stroke", "d"], zl = ["d", "fill", "stroke", "stroke-width", "filter"], Ol = { key: 0 }, Nl = ["d", "fill", "stroke", "stroke-width", "filter"], Ml = { key: 0 }, Yl = ["stroke", "d"], Xl = { key: 0 }, Il = ["d", "stroke", "stroke-width", "filter"], Dl = { key: 1 }, Vl = ["d", "fill", "stroke", "stroke-width", "filter"], Bl = ["d", "fill", "stroke", "stroke-width", "filter"], Gl = { key: 1 }, Rl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Wl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], El = ["cx", "cy", "r", "stroke"], Ul = ["cx", "cy", "r", "fill"], jl = { key: 0 }, Hl = ["d", "fill", "onMouseenter", "onClick"], ql = { key: 1 }, Jl = ["cx", "cy", "r"], Kl = ["x", "y", "fill", "font-size"], Ql = ["x", "y", "fill", "font-size"], Zl = ["x", "y", "fill", "font-size"], ea = ["x", "y", "fill", "font-size"], ta = ["filter"], la = { key: 0 }, aa = ["x", "y"], oa = { key: 1 }, sa = ["cx", "cy", "fill", "stroke", "filter", "onClick"], ua = ["cx", "cy", "fill", "stroke", "filter", "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 = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], ca = { key: 2 }, da = ["x", "y", "width"], ha = ["x", "y", "width"], ya = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, ya = ["onClick"], fa = {
+}, fa = ["onClick"], pa = {
   key: 0,
   style: { "font-variant-numeric": "tabular-nums" }
-}, pa = { key: 1 }, ga = ["innerHTML"], ma = {
+}, ga = { key: 1 }, ma = ["innerHTML"], ba = {
   __name: "vue-ui-donut",
   props: {
     config: {
@@ -33,7 +33,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(xe, { expose: vt, emit: ct }) {
-    const dt = K(() => import("./vue-ui-accordion-C9TQ7MO4.js")), ht = K(() => import("./DataTable-CD2q7tjj.js")), yt = K(() => import("./PackageVersion-gLNy4C0t.js")), ft = K(() => import("./PenAndPaper-lvQKUG-x.js")), pt = K(() => import("./vue-ui-skeleton-Cj6SRkhT.js")), gt = K(() => import("./Tooltip-jN48xe9l.js")), mt = K(() => import("./UserOptions-DYC8tFSC.js")), { vue_ui_donut: bt } = Xt(), wt = Nt(), z = xe, ue = p({
+    const dt = K(() => import("./vue-ui-accordion-un8Cf2VZ.js")), ht = K(() => import("./DataTable-Cm_GJw0b.js")), yt = K(() => import("./PackageVersion-gLNy4C0t.js")), ft = K(() => import("./PenAndPaper-CF8MOhzS.js")), pt = K(() => import("./vue-ui-skeleton-D6E8A35W.js")), gt = K(() => import("./Tooltip-wFU7JwQL.js")), mt = K(() => import("./UserOptions-C72U1mPN.js")), { vue_ui_donut: bt } = Xt(), wt = Nt(), z = xe, ue = p({
       get() {
         return !!z.dataset && z.dataset.length;
       },
@@ -63,8 +63,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           });
         });
       }), e.value.responsive) {
-        const l = Qt(() => {
-          const { width: s, height: t } = Zt({
+        const l = Zt(() => {
+          const { width: s, height: t } = el({
             chart: ne.value,
             title: e.value.style.chart.title.text ? Ce.value : null,
             legend: e.value.style.chart.legend.show ? Te.value : null,
@@ -87,10 +87,10 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       });
       return l.theme ? {
         ...it({
-          userConfig: Ht.vue_ui_donut[l.theme] || z.config,
+          userConfig: qt.vue_ui_donut[l.theme] || z.config,
           defaultConfig: l
         }),
-        customPalette: jt[l.theme] || Z
+        customPalette: Ht[l.theme] || Z
       } : l;
     }
     const e = p({
@@ -122,7 +122,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         e.value.startAnimation.staggerMs
       ), T.value = !1;
     });
-    const { userOptionsVisible: ge, setUserOptionsVisibility: Me, keepUserOptionState: Ye } = tl({ config: e.value }), { svgRef: me } = ll({ config: e.value.style.chart.title });
+    const { userOptionsVisible: ge, setUserOptionsVisibility: Me, keepUserOptionState: Ye } = ll({ config: e.value }), { svgRef: me } = al({ config: e.value.style.chart.title });
     function $t() {
       Me(!0);
     }
@@ -141,7 +141,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         bottom: t,
         left: a
       };
-    }), { isPrinting: Ie, isImaging: De, generatePdf: Ve, generateImage: Be } = el({
+    }), { isPrinting: Ie, isImaging: De, generatePdf: Ve, generateImage: Be } = tl({
       elementId: `donut__${y.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-donut",
       options: e.value.userOptions.print
@@ -160,7 +160,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
     }), Re = ct, G = p(() => z.dataset.map((l, s) => ({
       name: l.name,
       color: nt(l.color) || Ge.value[s] || Z[s] || Z[s % Z.length],
-      value: l.values.reduce((t, a) => t + a, 0),
+      value: Gt(l.values.reduce((t, a) => t + a, 0)),
       absoluteValues: l.values,
       comment: l.comment || "",
       patternIndex: s,
@@ -286,9 +286,9 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
     })), $ = p(() => {
       const l = Math.min(u.value.width / 3, u.value.height / 3);
       return l < 55 ? 55 : l;
-    }), A = p(() => Gt({ series: U.value }, u.value.width / 2, u.value.height / 2, $.value, $.value, 1.99999, 2, 1, 360, 105.25, te.value)), Y = p(() => A.value.filter((l) => !l.ghost)), c = p(() => {
+    }), A = p(() => Rt({ series: U.value }, u.value.width / 2, u.value.height / 2, $.value, $.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({
+      return Wt({
         series: s,
         center: {
           x: u.value.width / 2,
@@ -328,7 +328,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       we.value = { datapoint: l, seriesIndex: t, config: e.value, series: G.value }, ce.value = a, O.value = s;
       let v = "";
       const d = e.value.style.chart.tooltip.customFormat;
-      if (re.value = !1, Kt(d))
+      if (re.value = !1, Qt(d))
         try {
           const k = d({
             seriesIndex: t,
@@ -389,8 +389,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       Yt(() => {
         const s = j.value.head.map((v, d) => [[
           v.name
-        ], [j.value.body[d]], [isNaN(j.value.body[d] / F.value) ? "-" : j.value.body[d] / F.value * 100]]), t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(s), a = qt(t);
-        l ? l(a) : Jt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-donut" });
+        ], [j.value.body[d]], [isNaN(j.value.body[d] / F.value) ? "-" : j.value.body[d] / F.value * 100]]), t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(s), a = Jt(t);
+        l ? l(a) : Kt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-donut" });
       });
     }
     const de = p(() => {
@@ -492,7 +492,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         ref: Ce,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (o(), Q(ol, {
+        (o(), Q(sl, {
           key: `title_${Fe.value}`,
           config: {
             title: {
@@ -610,7 +610,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         key: 4,
         ref_key: "svgRef",
         ref: me,
-        xmlns: n(Wt),
+        xmlns: n(Et),
         class: _e({ "vue-data-ui-fullscreen--on": ae.value, "vue-data-ui-fulscreen--off": !ae.value }),
         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}`)
@@ -627,8 +627,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           }
         }, [
           g(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, il)) : i("", !0),
-        e.value.type === "classic" && !isNaN(te.value / $.value) ? (o(), r("defs", vl, [
+        ], 8, vl)) : i("", !0),
+        e.value.type === "classic" && !isNaN(te.value / $.value) ? (o(), r("defs", cl, [
           e.value.style.chart.useGradient ? (o(), r("radialGradient", {
             key: 0,
             id: `gradient_${y.value}`
@@ -637,24 +637,24 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               offset: "0%",
               "stop-color": n(fe)(e.value.style.chart.backgroundColor, 0),
               "stop-opacity": "0"
-            }, null, 8, dl),
+            }, null, 8, hl),
             f("stop", {
               offset: `${(1 - te.value / $.value) * 100}%`,
               "stop-color": n(fe)("#FFFFFF", 0),
               "stop-opacity": "0"
-            }, null, 8, hl),
+            }, null, 8, yl),
             f("stop", {
               offset: `${(1 - te.value / $.value / 2) * 100}%`,
               "stop-color": n(fe)("#FFFFFF", e.value.style.chart.gradientIntensity)
-            }, null, 8, yl),
+            }, null, 8, fl),
             f("stop", {
               offset: "100%",
               "stop-color": n(fe)(e.value.style.chart.backgroundColor, 0),
               "stop-opacity": "0"
-            }, null, 8, fl)
-          ], 8, cl)) : i("", !0)
+            }, null, 8, pl)
+          ], 8, dl)) : i("", !0)
         ])) : i("", !0),
-        e.value.type === "polar" ? (o(), r("defs", pl, [
+        e.value.type === "polar" ? (o(), r("defs", gl, [
           (o(!0), r(m, null, S(c.value, (t, a) => (o(), r("radialGradient", {
             id: `polar_gradient_${a}_${y.value}`,
             cx: (isNaN(t.middlePoint.x / u.value.width * 100) ? 0 : t.middlePoint.x / u.value.width * 100) + "%",
@@ -663,14 +663,14 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           }, [
             f("stop", {
               offset: "0%",
-              "stop-color": n(Et)(A.value[a].color, 0.05),
+              "stop-color": n(Ut)(A.value[a].color, 0.05),
               "stop-opacity": e.value.style.chart.gradientIntensity / 100
-            }, null, 8, ml),
+            }, null, 8, bl),
             f("stop", {
               offset: "100%",
               "stop-color": A.value[a].color
-            }, null, 8, bl)
-          ], 8, gl))), 256))
+            }, null, 8, wl)
+          ], 8, ml))), 256))
         ])) : i("", !0),
         f("defs", null, [
           f("filter", {
@@ -684,12 +684,12 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               in: "SourceGraphic",
               stdDeviation: 2,
               id: `blur_std_${y.value}`
-            }, null, 8, kl),
+            }, null, 8, _l),
             s[6] || (s[6] = f("feColorMatrix", {
               type: "saturate",
               values: "0"
             }, null, -1))
-          ], 8, wl),
+          ], 8, kl),
           f("filter", {
             id: `shadow_${y.value}`,
             "color-interpolation-filters": "sRGB"
@@ -700,8 +700,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               stdDeviation: "10",
               "flood-opacity": "0.5",
               "flood-color": e.value.style.chart.layout.donut.shadowColor
-            }, null, 8, $l)
-          ], 8, _l),
+            }, null, 8, xl)
+          ], 8, $l),
           f("filter", {
             id: `drop_shadow_${y.value}`,
             "color-interpolation-filters": "sRGB",
@@ -716,20 +716,20 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               stdDeviation: "3",
               "flood-opacity": "1",
               "flood-color": e.value.style.chart.layout.donut.shadowColor
-            }, null, 8, Cl)
-          ], 8, xl)
+            }, null, 8, Tl)
+          ], 8, Cl)
         ]),
         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: 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),
+            d: n(jt)(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",
             "stroke-linejoin": "round",
             fill: "none",
             filter: J(a)
-          }, null, 8, Tl)) : i("", !0)
+          }, null, 8, Pl)) : i("", !0)
         ]))), 256)) : i("", !0),
         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", {
@@ -744,7 +744,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             style: b({
               transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
             })
-          }, null, 12, Pl)) : i("", !0)
+          }, null, 12, Al)) : i("", !0)
         ]))), 256)) : i("", !0),
         e.value.type === "classic" && e.value.style.chart.layout.donut.useShadow ? (o(), r("circle", {
           key: 5,
@@ -753,8 +753,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           r: $.value <= 0 ? 10 : $.value,
           fill: e.value.style.chart.backgroundColor,
           filter: `url(#shadow_${y.value})`
-        }, null, 8, Al)) : i("", !0),
-        l.$slots.pattern ? (o(), r("g", Fl, [
+        }, null, 8, Fl)) : i("", !0),
+        l.$slots.pattern ? (o(), r("g", Sl, [
           (o(!0), r(m, null, S(xe.dataset, (t, a) => (o(), r("defs", {
             key: `pattern-${t.patternIndex}`
           }, [
@@ -766,7 +766,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             stroke: e.value.style.chart.backgroundColor,
             d: t.arcSlice,
             fill: "#FFFFFF"
-          }, null, 8, Sl))), 256)),
+          }, null, 8, Ll))), 256)),
           (o(!0), r(m, null, S(Y.value, (t, a) => (o(), r("path", {
             class: "vue-ui-donut-arc-path",
             d: t.arcSlice,
@@ -774,8 +774,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": e.value.style.chart.layout.donut.borderWidth,
             filter: J(a)
-          }, null, 8, Ll))), 256)),
-          l.$slots.pattern ? (o(), r("g", zl, [
+          }, null, 8, zl))), 256)),
+          l.$slots.pattern ? (o(), r("g", Ol, [
             (o(!0), r(m, null, S(Y.value, (t, a) => (o(), r("path", {
               class: "vue-ui-donut-arc-path",
               d: t.arcSlice,
@@ -783,11 +783,11 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.layout.donut.borderWidth,
               filter: J(a)
-            }, null, 8, Ol))), 256))
+            }, null, 8, Nl))), 256))
           ])) : i("", !0)
         ], 64)) : i("", !0),
         F.value && e.value.type === "polar" ? (o(), r(m, { key: 8 }, [
-          A.value.length > 1 ? (o(), r("g", Nl, [
+          A.value.length > 1 ? (o(), r("g", Ml, [
             (o(!0), r(m, null, S(Y.value, (t, a) => (o(), r("path", {
               stroke: e.value.style.chart.backgroundColor,
               d: c.value[a].path,
@@ -795,8 +795,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               style: b({
                 transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
               })
-            }, null, 12, Ml))), 256)),
-            e.value.style.chart.layout.donut.useShadow ? (o(), r("g", Yl, [
+            }, null, 12, Yl))), 256)),
+            e.value.style.chart.layout.donut.useShadow ? (o(), r("g", Xl, [
               (o(!0), r(m, null, S(Y.value, (t, a) => (o(), r("path", {
                 class: "vue-ui-donut-arc-path",
                 d: c.value[a].path,
@@ -807,9 +807,9 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                 style: b({
                   transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
                 })
-              }, null, 12, Xl))), 256))
+              }, null, 12, Il))), 256))
             ])) : i("", !0),
-            l.$slots.pattern ? (o(), r("g", Il, [
+            l.$slots.pattern ? (o(), r("g", Dl, [
               (o(!0), r(m, null, S(Y.value, (t, a) => (o(), r("path", {
                 class: "vue-ui-donut-arc-path",
                 d: c.value[a].path,
@@ -820,7 +820,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                 style: b({
                   transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
                 })
-              }, null, 12, Dl))), 256))
+              }, null, 12, Vl))), 256))
             ])) : i("", !0),
             (o(!0), r(m, null, S(Y.value, (t, a) => (o(), r("path", {
               class: "vue-ui-donut-arc-path",
@@ -832,8 +832,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               style: b({
                 transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
               })
-            }, null, 12, Vl))), 256))
-          ])) : (o(), r("g", Bl, [
+            }, null, 12, Bl))), 256))
+          ])) : (o(), r("g", Gl, [
             l.$slots.pattern ? (o(), r("circle", {
               key: 0,
               cx: u.value.width / 2,
@@ -842,7 +842,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               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),
+            }, null, 8, Rl)) : i("", !0),
             f("circle", {
               cx: u.value.width / 2,
               cy: u.value.height / 2,
@@ -850,7 +850,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               fill: e.value.style.chart.useGradient ? `url(#polar_gradient_0_${y.value})` : A.value[0].color,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.layout.donut.borderWidth
-            }, null, 8, Rl)
+            }, null, 8, Wl)
           ]))
         ], 64)) : (o(), r("circle", {
           key: 9,
@@ -859,7 +859,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           r: $.value <= 0 ? 10 : $.value,
           fill: "transparent",
           stroke: e.value.style.chart.backgroundColor
-        }, null, 8, Wl)),
+        }, null, 8, El)),
         e.value.style.chart.useGradient && e.value.type === "classic" ? (o(), r("circle", {
           key: 10,
           cx: u.value.width / 2,
@@ -869,9 +869,9 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             $.value <= 0 ? 10 : $.value
           ),
           fill: `url(#gradient_${y.value})`
-        }, null, 8, El)) : i("", !0),
+        }, null, 8, Ul)) : i("", !0),
         F.value ? (o(), r(m, { key: 11 }, [
-          A.value.length > 1 || e.value.type === "classic" ? (o(), r("g", Ul, [
+          A.value.length > 1 || e.value.type === "classic" ? (o(), r("g", jl, [
             (o(!0), r(m, null, S(A.value.filter((t) => !t.ghost), (t, a) => (o(), r("path", {
               d: e.value.type === "classic" ? t.arcSlice : c.value[a].path,
               fill: O.value === a ? "rgba(0,0,0,0.1)" : "transparent",
@@ -885,8 +885,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                 ce.value = !1, O.value = null;
               }),
               onClick: (v) => H(t, a)
-            }, null, 40, jl))), 256))
-          ])) : (o(), r("g", Hl, [
+            }, null, 40, Hl))), 256))
+          ])) : (o(), r("g", ql, [
             f("circle", {
               cx: u.value.width / 2,
               cy: u.value.height / 2,
@@ -902,7 +902,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                 ce.value = !1, O.value = null;
               }),
               onClick: s[3] || (s[3] = (t) => H(A.value[0], l.i))
-            }, null, 40, ql)
+            }, null, 40, Jl)
           ]))
         ], 64)) : i("", !0),
         e.value.type === "classic" ? (o(), r(m, { key: 12 }, [
@@ -914,7 +914,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             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" : ""}`)
-          }, P(e.value.style.chart.layout.labels.hollow.total.text), 13, Jl)) : i("", !0),
+          }, P(e.value.style.chart.layout.labels.hollow.total.text), 13, Kl)) : i("", !0),
           e.value.style.chart.layout.labels.hollow.total.show ? (o(), r("text", {
             key: 1,
             "text-anchor": "middle",
@@ -931,7 +931,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               v: F.value,
               s: e.value.style.chart.layout.labels.hollow.total.value.suffix
             })
-          )), 13, Kl)) : i("", !0),
+          )), 13, Ql)) : i("", !0),
           e.value.style.chart.layout.labels.hollow.average.show ? (o(), r("text", {
             key: 2,
             "text-anchor": "middle",
@@ -940,7 +940,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             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" : ""}`)
-          }, P(e.value.style.chart.layout.labels.hollow.average.text), 13, Ql)) : i("", !0),
+          }, P(e.value.style.chart.layout.labels.hollow.average.text), 13, Zl)) : i("", !0),
           e.value.style.chart.layout.labels.hollow.average.show ? (o(), r("text", {
             key: 3,
             "text-anchor": "middle",
@@ -958,13 +958,13 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               s: e.value.style.chart.layout.labels.hollow.average.value.suffix,
               r: e.value.style.chart.layout.labels.hollow.average.value.rounding
             })
-          )), 13, Zl)) : i("", !0)
+          )), 13, ea)) : i("", !0)
         ], 64)) : i("", !0),
         (o(!0), r(m, null, S(Y.value.filter((t) => !t.ghost), (t, a) => (o(), r("g", {
           filter: J(a),
           class: _e({ animated: e.value.useCssAnimation })
         }, [
-          e.value.style.chart.layout.labels.dataLabels.useLabelSlots ? (o(), r("g", ta, [
+          e.value.style.chart.layout.labels.dataLabels.useLabelSlots ? (o(), r("g", la, [
             (o(), r("foreignObject", {
               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(ve)(t) - (Ke.value ? 20 : 0),
@@ -983,8 +983,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                   percentage: be(t, Y.value)
                 }), void 0, !0)
               ])
-            ], 8, la))
-          ])) : (o(), r("g", aa, [
+            ], 8, aa))
+          ])) : (o(), r("g", oa, [
             e.value.type === "classic" ? (o(), r(m, { key: 0 }, [
               X(t) && h.value.dataLabels.show ? (o(), r("circle", {
                 key: 0,
@@ -996,7 +996,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                 r: 3,
                 filter: !e.value.useBlurOnHover || [null, void 0].includes(O.value) || O.value === a ? "" : `url(#blur_${y.value})`,
                 onClick: (v) => H(t, a)
-              }, null, 8, oa)) : i("", !0)
+              }, null, 8, sa)) : i("", !0)
             ], 64)) : i("", !0),
             e.value.type === "polar" ? (o(), r(m, { key: 1 }, [
               X(t) && h.value.dataLabels.show ? (o(), r("circle", {
@@ -1012,7 +1012,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                 style: b({
                   transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
                 })
-              }, null, 12, sa)) : i("", !0)
+              }, null, 12, ua)) : i("", !0)
             ], 64)) : i("", !0),
             e.value.type === "classic" ? (o(), r(m, { key: 2 }, [
               X(t) && h.value.dataLabels.show ? (o(), r("text", {
@@ -1034,7 +1034,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                   r: e.value.style.chart.layout.labels.value.rounding
                 }),
                 { datapoint: t }
-              )})` : ""), 13, ua)) : i("", !0),
+              )})` : ""), 13, na)) : i("", !0),
               X(t) && h.value.dataLabels.show ? (o(), r("text", {
                 key: 1,
                 "text-anchor": n(w)(t).anchor,
@@ -1044,7 +1044,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                 "font-size": e.value.style.chart.layout.labels.name.fontSize,
                 style: b(`font-weight:${e.value.style.chart.layout.labels.name.bold ? "bold" : ""}`),
                 onClick: (v) => H(t, a)
-              }, P(t.name), 13, na)) : i("", !0)
+              }, P(t.name), 13, ra)) : i("", !0)
             ], 64)) : i("", !0),
             e.value.type === "polar" ? (o(), r(m, { key: 3 }, [
               X(t) && h.value.dataLabels.show ? (o(), r("text", {
@@ -1069,7 +1069,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                   r: e.value.style.chart.layout.labels.value.rounding
                 }),
                 { datapoint: t }
-              )})` : ""), 13, ra)) : i("", !0),
+              )})` : ""), 13, ia)) : i("", !0),
               X(t) && h.value.dataLabels.show ? (o(), r("text", {
                 key: 1,
                 "text-anchor": le(c.value[a].middlePoint),
@@ -1082,10 +1082,10 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                   fontWeight: e.value.style.chart.layout.labels.name.bold ? "bold" : "normal"
                 }),
                 onClick: (v) => H(t, a)
-              }, P(t.name), 13, ia)) : i("", !0)
+              }, P(t.name), 13, va)) : i("", !0)
             ], 64)) : i("", !0)
           ])),
-          h.value.dataLabels.show && e.value.style.chart.comments.show && t.comment ? (o(), r("g", va, [
+          h.value.dataLabels.show && e.value.style.chart.comments.show && t.comment ? (o(), r("g", ca, [
             X(t) && e.value.type === "classic" ? (o(), r("foreignObject", {
               key: 0,
               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),
@@ -1099,7 +1099,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                   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),
+            ], 8, da)) : 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" ? 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),
@@ -1117,12 +1117,12 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                   plot: { ...t, textAlign: le(c.value[a].middlePoint), flexAlign: le(c.value[a].middlePoint), isFirstLoad: T.value }
                 }, void 0, !0)
               ])
-            ], 12, da)) : i("", !0)
+            ], 12, ha)) : i("", !0)
           ])) : i("", !0)
-        ], 10, ea))), 256)),
+        ], 10, ta))), 256)),
         g(l.$slots, "svg", { svg: u.value }, void 0, !0)
-      ], 14, rl)) : i("", !0),
-      l.$slots.watermark ? (o(), r("div", ha, [
+      ], 14, il)) : i("", !0),
+      l.$slots.watermark ? (o(), r("div", ya, [
         g(l.$slots, "watermark", oe(se({ isPrinting: n(Ie) || n(De) })), void 0, !0)
       ])) : i("", !0),
       ue.value ? i("", !0) : (o(), Q(n(pt), {
@@ -1142,7 +1142,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         ref_key: "chartLegend",
         ref: Te
       }, [
-        e.value.style.chart.legend.show ? (o(), Q(al, {
+        e.value.style.chart.legend.show ? (o(), Q(ol, {
           key: `legend_${Le.value}`,
           legendSet: Ue.value,
           config: At.value,
@@ -1167,7 +1167,7 @@ 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) ? "-" : n(D)(
+              V.value.includes(a) ? (o(), r("span", ga, " ( " + P(zt(t.proportion * 100)) + " % ) ", 1)) : (o(), r("span", pa, " (" + P(isNaN(t.value / F.value) ? "-" : n(D)(
                 e.value.style.chart.layout.labels.percentage.formatter,
                 He.value(t),
                 n(M)({
@@ -1176,14 +1176,14 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                   r: e.value.style.chart.legend.roundingPercentage
                 })
               )) + ") ", 1))
-            ], 12, ya)
+            ], 12, fa)
           ]),
           _: 2
         }, [
           l.$slots.pattern ? {
             name: "legend-pattern",
             fn: C(({ legend: t, index: a }) => [
-              $e(sl, {
+              $e(ul, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
@@ -1258,7 +1258,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               f("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, ga)
+              }, null, 8, ma)
             ]),
             td: C(({ td: t }) => [
               st(P(t.name ? t.name : isNaN(Number(t)) ? t.includes("%") ? t : n(D)(
@@ -1285,9 +1285,9 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         ]),
         _: 1
       }, 8, ["config"])) : i("", !0)
-    ], 46, nl));
+    ], 46, rl));
   }
-}, Sa = /* @__PURE__ */ ul(ma, [["__scopeId", "data-v-b5044af7"]]);
+}, La = /* @__PURE__ */ nl(ba, [["__scopeId", "data-v-2d2d806a"]]);
 export {
-  Sa as default
+  La as default
 };