vue-data-ui 2.12.7-beta.0 → 2.12.7-beta.1

package/dist/{vue-ui-donut-D3_z61HI.js → vue-ui-donut-BIFf4SLq.js}

@@ -1,14 +1,15 @@
-import { defineAsyncComponent as q, useSlots as Nt, computed as f, shallowRef as W, ref as _, onMounted as tt, onBeforeUnmount as Yt, watch as lt, createElementBlock as r, openBlock as o, normalizeStyle as b, normalizeClass as _e, createBlock as Q, createCommentVNode as i, renderSlot as p, createElementVNode as y, createVNode as xe, unref as u, createSlots as at, withCtx as C, normalizeProps as oe, guardReactiveProps as se, Fragment as g, renderList as F, mergeProps as ot, toDisplayString as P, createTextVNode as st, nextTick as Xt } from "vue";
-import { u as It, o as Dt, e as ut, g as Vt, c as Bt, b as Gt, d as nt, p as Z, m as Rt, _ as Wt, f as N, X as Et, s as ve, w as Ut, j as jt, M as L, i as D, k as ce, n as w, t as Ht, a as qt, q as Jt, r as Kt, x as Qt, S as rt } from "./index-BiHmNd1-.js";
-import { t as Zt, u as el } from "./useResponsive-JZ9xq-JV.js";
-import { u as it } from "./useNestedProp-tRqS0ZAM.js";
-import { u as tl } from "./usePrinter-CRCbl1WG.js";
-import { u as ll } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as al } from "./useChartAccessibility-9icAAmYg.js";
-import ol from "./Legend-DFunFf8i.js";
-import sl from "./Title-B5qqUI3M.js";
+import { defineAsyncComponent as K, useSlots as Mt, computed as f, 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 p, createElementVNode as y, createVNode as xe, unref as u, createSlots as at, withCtx as C, normalizeProps as oe, guardReactiveProps as se, Fragment as g, 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-BHEd2dgu.js";
+import { t as Qt, u as Zt } from "./useResponsive-JZ9xq-JV.js";
+import { u as it } from "./useNestedProp-CZztHZIm.js";
+import { u as el } from "./usePrinter-C8URL2IU.js";
+import { u as tl } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as ll } from "./useChartAccessibility-9icAAmYg.js";
+import al from "./Legend-DtTYopxf.js";
+import ol from "./Title-Bc66VstS.js";
+import sl from "./Shape-B6kIkp2s.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"], Sl = { key: 6 }, Fl = ["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 = {
+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,
   class: "vue-data-ui-watermark"
 }, ya = ["onClick"], fa = {
@@ -32,25 +33,25 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup($e, { expose: vt, emit: ct }) {
-    const dt = q(() => import("./vue-ui-accordion-CmCs2yR2.js")), ht = q(() => import("./DataTable-Cv9CIz-a.js")), yt = q(() => import("./PackageVersion-CLY-udAA.js")), ft = q(() => import("./PenAndPaper-B9na2mbr.js")), pt = q(() => import("./Shape-D3w9qas1.js")), gt = q(() => import("./vue-ui-skeleton-CbYQYRvD.js")), mt = q(() => import("./Tooltip-C9rxJ-Ru.js")), bt = q(() => import("./UserOptions-Ddy6CuLC.js")), { vue_ui_donut: wt } = It(), kt = Nt(), z = $e, ue = f({
+    const dt = K(() => import("./vue-ui-accordion-DntThSTF.js")), ht = K(() => import("./DataTable-Y5HbiUZU.js")), yt = K(() => import("./PackageVersion-DaWGaZxE.js")), ft = K(() => import("./PenAndPaper-C-CpE0NC.js")), pt = K(() => import("./vue-ui-skeleton-CG3Pn3Zg.js")), gt = K(() => import("./Tooltip-B07vY6jm.js")), mt = K(() => import("./UserOptions-C8X2STEg.js")), { vue_ui_donut: bt } = Xt(), wt = Mt(), z = $e, ue = f({
       get() {
         return !!z.dataset && z.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), ne = W(null), Ce = W(null), Te = W(null), E = W(null), ee = W(null), Pe = W(null), Ae = W(null), Se = _(0), Fe = _(0), Le = _(0);
+    }), ne = W(null), Ce = W(null), Te = W(null), E = W(null), ee = W(null), Pe = W(null), Ae = W(null), Fe = _(0), Se = _(0), Le = _(0);
     tt(() => {
       ze();
-    }), Yt(() => {
+    }), Nt(() => {
       E.value && (ee.value && E.value.unobserve(ee.value), E.value.disconnect());
     });
     function ze() {
-      if (Dt(z.dataset) ? ut({
+      if (It(z.dataset) ? ut({
         componentName: "VueUiDonut",
         type: "dataset"
       }) : z.dataset.forEach((l, s) => {
-        Vt({
+        Dt({
           datasetObject: l,
           requiredAttributes: ["name", "values"]
         }).forEach((t) => {
@@ -62,8 +63,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           });
         });
       }), e.value.responsive) {
-        const l = Zt(() => {
-          const { width: s, height: t } = el({
+        const l = Qt(() => {
+          const { width: s, height: t } = Zt({
             chart: ne.value,
             title: e.value.style.chart.title.text ? Ce.value : null,
             legend: e.value.style.chart.legend.show ? Te.value : null,
@@ -78,25 +79,25 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         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);
       }
     }
-    const h = _(Bt()), _t = _(null), de = _(!1), pe = _(""), O = _(null), Oe = _(0);
+    const h = _(Vt()), kt = _(null), de = _(!1), pe = _(""), O = _(null), Oe = _(0);
     function Me() {
       const l = it({
         userConfig: z.config,
-        defaultConfig: wt
+        defaultConfig: bt
       });
       return l.theme ? {
         ...it({
-          userConfig: qt.vue_ui_donut[l.theme] || z.config,
+          userConfig: Ht.vue_ui_donut[l.theme] || z.config,
           defaultConfig: l
         }),
-        customPalette: Ht[l.theme] || Z
+        customPalette: jt[l.theme] || Z
       } : l;
     }
     const e = f({
       get: () => Me(),
       set: (l) => l
     }), T = _(!0), B = W([]);
-    function xt(l, s = 1e3, t = 50) {
+    function _t(l, s = 1e3, t = 50) {
       return new Promise((a) => {
         const v = l.length;
         B.value = Array(v).fill(0);
@@ -105,8 +106,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           setTimeout(() => {
             const R = performance.now();
             function I(ie) {
-              const fe = Math.min((ie - R) / s, 1), Mt = rt(fe);
-              B.value[$] = k * Mt, B.value = [...B.value], fe < 1 ? requestAnimationFrame(I) : (B.value[$] = k, B.value = [...B.value], m += 1, m === v && a());
+              const fe = Math.min((ie - R) / s, 1), Ot = rt(fe);
+              B.value[$] = k * Ot, B.value = [...B.value], fe < 1 ? requestAnimationFrame(I) : (B.value[$] = k, B.value = [...B.value], m += 1, m === v && a());
             }
             requestAnimationFrame(I);
           }, $ * t);
@@ -115,21 +116,21 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
     }
     tt(async () => {
       const l = z.dataset.map((s) => s.values.reduce((t, a) => t + a, 0));
-      e.value.startAnimation.show && await xt(
+      e.value.startAnimation.show && await _t(
         l,
         e.value.startAnimation.durationMs,
         e.value.startAnimation.staggerMs
       ), T.value = !1;
     });
-    const { userOptionsVisible: ge, setUserOptionsVisibility: Ne, keepUserOptionState: Ye } = ll({ config: e.value }), { svgRef: me } = al({ config: e.value.style.chart.title });
-    function $t() {
+    const { userOptionsVisible: ge, setUserOptionsVisibility: Ne, keepUserOptionState: Ye } = tl({ config: e.value }), { svgRef: me } = ll({ config: e.value.style.chart.title });
+    function xt() {
       Ne(!0);
     }
-    function Ct() {
+    function $t() {
       Ne(!1);
     }
     lt(() => z.config, (l) => {
-      e.value = Me(), ge.value = !e.value.userOptions.showOnChartHover, ze(), Se.value += 1, Fe.value += 1, Le.value += 1, d.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, d.value.showTable = e.value.table.show, d.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, d.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, d.value.showTable = e.value.table.show, d.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const Xe = f(() => {
       const { top: l, right: s, bottom: t, left: a } = e.value.style.chart.padding;
@@ -140,11 +141,11 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         bottom: t,
         left: a
       };
-    }), { isPrinting: Ie, isImaging: De, generatePdf: Ve, generateImage: Be } = tl({
+    }), { isPrinting: Ie, isImaging: De, generatePdf: Ve, generateImage: Be } = el({
       elementId: `donut__${h.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-donut",
       options: e.value.userOptions.print
-    }), Tt = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ge = f(() => Gt(e.value.customPalette)), d = _({
+    }), Ct = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ge = f(() => Bt(e.value.customPalette)), d = _({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
@@ -168,14 +169,14 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       pattern: `pattern_${h.value}_${s}`
     }))), M = W(G.value);
     lt(() => G.value, (l) => M.value = l);
-    function Pt() {
+    function Tt() {
       return G.value.map((l) => ({
         name: l.name,
         color: l.color,
         value: l.value
       }));
     }
-    const V = _([]), J = _(!1);
+    const V = _([]), q = _(!1);
     function We({ from: l, to: s, duration: t, onUpdate: a, onDone: v, easing: m = rt }) {
       const k = performance.now();
       function $(R) {
@@ -193,7 +194,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             ($, R) => l === R ? { ...$, value: v } : $
           );
         }, k = function() {
-          J.value = !0, We({
+          q.value = !0, We({
             from: a,
             to: v,
             duration: e.value.serieToggleAnimation.durationMs,
@@ -203,7 +204,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               );
             },
             onDone: () => {
-              m(), J.value = !1;
+              m(), q.value = !1;
             }
           });
         };
@@ -216,7 +217,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             (k, $) => l === $ ? { ...k, value: 0 } : k
           );
         }, m = function() {
-          J.value = !0, We({
+          q.value = !0, We({
             from: a,
             to: 0,
             duration: e.value.serieToggleAnimation.durationMs,
@@ -226,7 +227,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               );
             },
             onDone: () => {
-              v(), J.value = !1;
+              v(), q.value = !1;
             }
           });
         };
@@ -238,14 +239,14 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         value: v.value
       })));
     }
-    const At = f(() => z.dataset.reduce((l, s) => l + s.values.reduce((t, a) => t + a, 0), 0)), U = f(() => {
+    const Pt = f(() => z.dataset.reduce((l, s) => l + s.values.reduce((t, a) => t + a, 0), 0)), U = f(() => {
       if (T.value) {
         const l = B.value.map((t, a) => ({
           ...G.value[a],
           value: t,
           color: G.value[a].color,
           ghost: !1
-        })), s = At.value - B.value.reduce((t, a) => t + a, 0);
+        })), s = Pt.value - B.value.reduce((t, a) => t + a, 0);
         return s > 0 && l.push({
           name: "__ghost__",
           value: s,
@@ -273,9 +274,9 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       ...l,
       proportion: l.value / z.dataset.map((t) => (t.values || []).reduce((a, v) => a + v, 0)).reduce((t, a) => t + a, 0),
       opacity: V.value.includes(s) ? 0.5 : 1,
-      segregate: () => !J.value && Ee(s),
+      segregate: () => !q.value && Ee(s),
       isSegregated: V.value.includes(s)
-    }))), St = f(() => ({
+    }))), At = f(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -285,9 +286,9 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
     })), x = f(() => {
       const l = Math.min(n.value.width / 3, n.value.height / 3);
       return l < 55 ? 55 : l;
-    }), A = f(() => Rt({ 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 = f(() => A.value.filter((l) => !l.ghost)), c = f(() => {
+    }), A = f(() => 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 = f(() => A.value.filter((l) => !l.ghost)), c = f(() => {
       const l = Math.max(...U.value.map((t) => t.value)), s = U.value.map((t) => t.value / l);
-      return Wt({
+      return Rt({
         series: s,
         center: {
           x: n.value.width / 2,
@@ -307,7 +308,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       return l.proportion * 100 > e.value.style.chart.layout.labels.dataLabels.hideUnderValue;
     }
     function be(l, s) {
-      const t = l.value / Lt(s);
+      const t = l.value / St(s);
       return isNaN(t) ? 0 : D(
         e.value.style.chart.layout.labels.percentage.formatter,
         t * 100,
@@ -319,15 +320,15 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         { datapoint: l }
       );
     }
-    function Lt(l) {
+    function St(l) {
       return [...l].map((s) => s.value).reduce((s, t) => s + t, 0);
     }
-    const S = f(() => U.value.map((l) => l.value).reduce((l, s) => l + s, 0)), je = f(() => S.value / U.value.length), He = f(() => (l) => J.value ? l.proportion * 100 : l.value / S.value * 100), we = _(null), re = _(!1);
+    const F = f(() => U.value.map((l) => l.value).reduce((l, s) => l + s, 0)), je = f(() => F.value / U.value.length), He = f(() => (l) => q.value ? l.proportion * 100 : l.value / F.value * 100), we = _(null), re = _(!1);
     function qe({ datapoint: l, relativeIndex: s, seriesIndex: t, show: a = !1 }) {
       we.value = { datapoint: l, seriesIndex: t, config: e.value, series: G.value }, de.value = a, O.value = s;
       let v = "";
       const m = e.value.style.chart.tooltip.customFormat;
-      if (re.value = !1, Qt(m))
+      if (re.value = !1, Kt(m))
         try {
           const k = m({
             seriesIndex: t,
@@ -340,7 +341,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           console.warn("Custom format cannot be applied."), re.value = !1;
         }
       if (!re.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}"/>${kt.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${h.value}_${t})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (v += `<b>${D(
+        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}"/>${wt.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${h.value}_${t})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (v += `<b>${D(
           e.value.style.chart.layout.labels.value.formatter,
           l.value,
           N({
@@ -374,7 +375,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         e.value.style.chart.comments.showInTooltip && l.comment && (v += `<div class="vue-data-ui-tooltip-comment" style="background:${l.color}20; padding: 6px; margin-bottom: 6px; margin-top:6px; border-left: 1px solid ${l.color}">${l.comment}</div>`), pe.value = `<div>${v}</div>`;
       }
     }
-    function K(l) {
+    function J(l) {
       return e.value.useBlurOnHover && ![null, void 0].includes(O.value) && O.value !== l ? `url(#blur_${h.value})` : "";
     }
     const j = f(() => {
@@ -385,17 +386,17 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       return { head: l, body: s };
     });
     function Je() {
-      Xt(() => {
+      Yt(() => {
         const l = j.value.head.map((a, v) => [[
           a.name
-        ], [j.value.body[v]], [isNaN(j.value.body[v] / S.value) ? "-" : j.value.body[v] / S.value * 100]]), s = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(l), t = Jt(s);
-        Kt({ csvContent: t, title: e.value.style.chart.title.text || "vue-ui-donut" });
+        ], [j.value.body[v]], [isNaN(j.value.body[v] / F.value) ? "-" : j.value.body[v] / F.value * 100]]), s = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(l), t = qt(s);
+        Jt({ csvContent: t, title: e.value.style.chart.title.text || "vue-ui-donut" });
       });
     }
     const he = f(() => {
       const l = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
-        N({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: S.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
+        N({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: F.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
         "100%"
       ], s = j.value.head.map((v, m) => [
         {
@@ -403,7 +404,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           name: v.name
         },
         j.value.body[m],
-        isNaN(j.value.body[m] / S.value) ? "-" : (j.value.body[m] / S.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
+        isNaN(j.value.body[m] / F.value) ? "-" : (j.value.body[m] / F.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
       ]), t = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -428,11 +429,11 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         config: t
       };
     }), ae = _(!1);
-    function zt(l) {
+    function Lt(l) {
       ae.value = l, Oe.value += 1;
     }
     const Ke = f(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent));
-    function Ot(l) {
+    function zt(l) {
       return l.toFixed(e.value.style.chart.legend.roundingPercentage).split("").map((s) => "-").join("");
     }
     function H(l, s) {
@@ -452,7 +453,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       ye.value = !ye.value;
     }
     return vt({
-      getData: Pt,
+      getData: Tt,
       generatePdf: Ve,
       generateCsv: Je,
       generateImage: Be,
@@ -466,8 +467,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       class: _e(`vue-ui-donut ${ae.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: b(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height:100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `donut__${h.value}`,
-      onMouseenter: $t,
-      onMouseleave: Ct
+      onMouseenter: xt,
+      onMouseleave: $t
     }, [
       e.value.userOptions.buttons.annotator && u(me) ? (o(), Q(u(ft), {
         key: 0,
@@ -478,7 +479,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         onClose: ke
       }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : i("", !0),
       p(l.$slots, "userConfig", {}, void 0, !0),
-      Tt.value ? (o(), r("div", {
+      Ct.value ? (o(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Ae,
@@ -491,8 +492,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         ref: Ce,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (o(), Q(sl, {
-          key: `title_${Se.value}`,
+        (o(), Q(ol, {
+          key: `title_${Fe.value}`,
           config: {
             title: {
               cy: "donut-div-title",
@@ -505,9 +506,9 @@ 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(bt), {
+      e.value.userOptions.show && ue.value && (u(Ye) || u(ge)) ? (o(), Q(u(mt), {
         ref_key: "details",
-        ref: _t,
+        ref: kt,
         key: `user_option_${Oe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
@@ -528,7 +529,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: ye.value,
-        onToggleFullscreen: zt,
+        onToggleFullscreen: Lt,
         onGeneratePdf: u(Ve),
         onGenerateCsv: Je,
         onGenerateImage: u(Be),
@@ -608,7 +609,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         key: 4,
         ref_key: "svgRef",
         ref: me,
-        xmlns: u(Et),
+        xmlns: u(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}`,
         style: b(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};${Xe.value.css}`)
@@ -653,7 +654,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           ], 8, cl)) : i("", !0)
         ])) : i("", !0),
         e.value.type === "polar" ? (o(), r("defs", pl, [
-          (o(!0), r(g, null, F(c.value, (t, a) => (o(), r("radialGradient", {
+          (o(!0), r(g, null, S(c.value, (t, a) => (o(), r("radialGradient", {
             id: `polar_gradient_${a}_${h.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) + "%",
@@ -661,7 +662,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           }, [
             y("stop", {
               offset: "0%",
-              "stop-color": u(Ut)(A.value[a].color, 0.05),
+              "stop-color": u(Et)(A.value[a].color, 0.05),
               "stop-opacity": e.value.style.chart.gradientIntensity / 100
             }, null, 8, ml),
             y("stop", {
@@ -717,19 +718,19 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             }, null, 8, Cl)
           ], 8, $l)
         ]),
-        e.value.type === "classic" ? (o(!0), r(g, { key: 3 }, F(A.value.filter((t) => !t.ghost), (t, a) => (o(), r("g", null, [
+        e.value.type === "classic" ? (o(!0), r(g, { key: 3 }, S(A.value.filter((t) => !t.ghost), (t, a) => (o(), r("g", null, [
           X(t) && d.value.dataLabels.show ? (o(), r("path", {
             key: 0,
-            d: u(jt)(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: 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),
             stroke: t.color,
             "stroke-width": "1",
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             fill: "none",
-            filter: K(a)
+            filter: J(a)
           }, null, 8, Tl)) : i("", !0)
         ]))), 256)) : i("", !0),
-        e.value.type === "polar" ? (o(!0), r(g, { key: 4 }, F(A.value.filter((t) => !t.ghost), (t, a) => (o(), r("g", null, [
+        e.value.type === "polar" ? (o(!0), r(g, { key: 4 }, S(A.value.filter((t) => !t.ghost), (t, a) => (o(), r("g", null, [
           X(t) && d.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}`,
@@ -738,7 +739,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             fill: "none",
-            filter: K(a),
+            filter: J(a),
             style: b({
               transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
             })
@@ -752,41 +753,41 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           fill: e.value.style.chart.backgroundColor,
           filter: `url(#shadow_${h.value})`
         }, null, 8, Al)) : i("", !0),
-        l.$slots.pattern ? (o(), r("g", Sl, [
-          (o(!0), r(g, null, F($e.dataset, (t, a) => (o(), r("defs", {
+        l.$slots.pattern ? (o(), r("g", Fl, [
+          (o(!0), r(g, null, S($e.dataset, (t, a) => (o(), r("defs", {
             key: `pattern-${t.patternIndex}`
           }, [
             p(l.$slots, "pattern", ot({ ref_for: !0 }, { seriesIndex: a, patternId: `pattern_${h.value}_${a}` }), void 0, !0)
           ]))), 128))
         ])) : i("", !0),
-        S.value && e.value.type === "classic" ? (o(), r(g, { key: 7 }, [
-          (o(!0), r(g, null, F(Y.value, (t, a) => (o(), r("path", {
+        F.value && e.value.type === "classic" ? (o(), r(g, { key: 7 }, [
+          (o(!0), r(g, null, S(Y.value, (t, a) => (o(), r("path", {
             stroke: e.value.style.chart.backgroundColor,
             d: t.arcSlice,
             fill: "#FFFFFF"
-          }, null, 8, Fl))), 256)),
+          }, null, 8, Sl))), 256)),
           l.$slots.pattern ? (o(), r("g", Ll, [
-            (o(!0), r(g, null, F(Y.value, (t, a) => (o(), r("path", {
+            (o(!0), r(g, null, S(Y.value, (t, a) => (o(), r("path", {
               class: "vue-ui-donut-arc-path",
               d: t.arcSlice,
               fill: `url(#${t.pattern})`,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.layout.donut.borderWidth,
-              filter: K(a)
+              filter: J(a)
             }, null, 8, zl))), 256))
           ])) : i("", !0),
-          (o(!0), r(g, null, F(Y.value, (t, a) => (o(), r("path", {
+          (o(!0), r(g, null, S(Y.value, (t, a) => (o(), r("path", {
             class: "vue-ui-donut-arc-path",
             d: t.arcSlice,
             fill: u(ve)(t.color, 80),
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": e.value.style.chart.layout.donut.borderWidth,
-            filter: K(a)
+            filter: J(a)
           }, null, 8, Ol))), 256))
         ], 64)) : i("", !0),
-        S.value && e.value.type === "polar" ? (o(), r(g, { key: 8 }, [
+        F.value && e.value.type === "polar" ? (o(), r(g, { key: 8 }, [
           A.value.length > 1 ? (o(), r("g", Ml, [
-            (o(!0), r(g, null, F(Y.value, (t, a) => (o(), r("path", {
+            (o(!0), r(g, null, S(Y.value, (t, a) => (o(), r("path", {
               stroke: e.value.style.chart.backgroundColor,
               d: c.value[a].path,
               fill: "#FFFFFF",
@@ -795,7 +796,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               })
             }, null, 12, Nl))), 256)),
             e.value.style.chart.layout.donut.useShadow ? (o(), r("g", Yl, [
-              (o(!0), r(g, null, F(Y.value, (t, a) => (o(), r("path", {
+              (o(!0), r(g, null, S(Y.value, (t, a) => (o(), r("path", {
                 class: "vue-ui-donut-arc-path",
                 d: c.value[a].path,
                 fill: "transparent",
@@ -808,25 +809,25 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               }, null, 12, Xl))), 256))
             ])) : i("", !0),
             l.$slots.pattern ? (o(), r("g", Il, [
-              (o(!0), r(g, null, F(Y.value, (t, a) => (o(), r("path", {
+              (o(!0), r(g, null, S(Y.value, (t, a) => (o(), r("path", {
                 class: "vue-ui-donut-arc-path",
                 d: c.value[a].path,
                 fill: `url(#${t.pattern})`,
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": e.value.style.chart.layout.donut.borderWidth,
-                filter: K(a),
+                filter: J(a),
                 style: b({
                   transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
                 })
               }, null, 12, Dl))), 256))
             ])) : i("", !0),
-            (o(!0), r(g, null, F(Y.value, (t, a) => (o(), r("path", {
+            (o(!0), r(g, null, S(Y.value, (t, a) => (o(), r("path", {
               class: "vue-ui-donut-arc-path",
               d: c.value[a].path,
               fill: e.value.style.chart.useGradient ? `url(#polar_gradient_${a}_${h.value})` : t.color,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.layout.donut.borderWidth,
-              filter: K(a),
+              filter: J(a),
               style: b({
                 transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
               })
@@ -868,9 +869,9 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           ),
           fill: `url(#gradient_${h.value})`
         }, null, 8, El)) : i("", !0),
-        S.value ? (o(), r(g, { key: 11 }, [
+        F.value ? (o(), r(g, { key: 11 }, [
           A.value.length > 1 || e.value.type === "classic" ? (o(), r("g", Ul, [
-            (o(!0), r(g, null, F(A.value.filter((t) => !t.ghost), (t, a) => (o(), r("path", {
+            (o(!0), r(g, 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",
               onMouseenter: (v) => qe({
@@ -923,10 +924,10 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             style: b(`font-weight:${e.value.style.chart.layout.labels.hollow.total.value.bold ? "bold" : ""}`)
           }, P(u(D)(
             e.value.style.chart.layout.labels.hollow.total.value.formatter,
-            S.value,
+            F.value,
             u(N)({
               p: e.value.style.chart.layout.labels.hollow.total.value.prefix,
-              v: S.value,
+              v: F.value,
               s: e.value.style.chart.layout.labels.hollow.total.value.suffix
             })
           )), 13, Kl)) : i("", !0),
@@ -947,7 +948,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             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(J.value || T.value ? "--" : u(D)(
+          }, P(q.value || T.value ? "--" : u(D)(
             e.value.style.chart.layout.labels.hollow.average.value.formatter,
             je.value,
             u(N)({
@@ -958,8 +959,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             })
           )), 13, Zl)) : i("", !0)
         ], 64)) : i("", !0),
-        (o(!0), r(g, null, F(Y.value.filter((t) => !t.ghost), (t, a) => (o(), r("g", {
-          filter: K(a),
+        (o(!0), r(g, 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, [
@@ -1123,7 +1124,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       l.$slots.watermark ? (o(), r("div", ha, [
         p(l.$slots, "watermark", oe(se({ isPrinting: u(Ie) || u(De) })), void 0, !0)
       ])) : i("", !0),
-      ue.value ? i("", !0) : (o(), Q(u(gt), {
+      ue.value ? i("", !0) : (o(), Q(u(pt), {
         key: 6,
         config: {
           type: "donut",
@@ -1140,10 +1141,10 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         ref_key: "chartLegend",
         ref: Te
       }, [
-        e.value.style.chart.legend.show ? (o(), Q(ol, {
+        e.value.style.chart.legend.show ? (o(), Q(al, {
           key: `legend_${Le.value}`,
           legendSet: Ue.value,
-          config: St.value,
+          config: At.value,
           onClickMarker: s[4] || (s[4] = ({ i: t }) => Ee(t))
         }, at({
           item: C(({ legend: t, index: a }) => [
@@ -1165,7 +1166,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                   index: a
                 }
               )) + " ", 1),
-              V.value.includes(a) ? (o(), r("span", pa, " ( " + P(Ot(t.proportion * 100)) + " % ) ", 1)) : (o(), r("span", fa, " (" + P(isNaN(t.value / S.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) ? "-" : u(D)(
                 e.value.style.chart.layout.labels.percentage.formatter,
                 He.value(t),
                 u(N)({
@@ -1181,7 +1182,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           l.$slots.pattern ? {
             name: "legend-pattern",
             fn: C(({ legend: t, index: a }) => [
-              xe(u(pt), {
+              xe(sl, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
@@ -1202,7 +1203,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       }, [
         p(l.$slots, "source", {}, void 0, !0)
       ], 512)) : i("", !0),
-      xe(u(mt), {
+      xe(u(gt), {
         show: d.value.showTooltip && de.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -1244,7 +1245,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       }, {
         content: C(() => [
           (o(), Q(u(ht), {
-            key: `table_${Fe.value}`,
+            key: `table_${Se.value}`,
             colNames: he.value.colNames,
             head: he.value.head,
             body: he.value.body,
@@ -1285,7 +1286,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-bced576d"]]);
+}, Sa = /* @__PURE__ */ ul(ma, [["__scopeId", "data-v-ce420fe5"]]);
 export {
   Sa as default
 };