vue-data-ui 2.14.2 → 2.14.3-beta.1

package/dist/{vue-ui-kpi-D8DQ02cm.js → vue-ui-kpi-BXiiCP9f.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as A, computed as x, useSlots as z, onMounted as C, watch as y, ref as k, createElementBlock as i, openBlock as s, normalizeStyle as u, normalizeClass as r, createElementVNode as $, renderSlot as n, createTextVNode as h, toDisplayString as b, createVNode as w, unref as v, Fragment as B } from "vue";
-import { u as L } from "./useNestedProp-Cu77c3W4.js";
-import { u as M, i as E, f as I } from "./index-DBYSSUsg.js";
+import { u as L } from "./useNestedProp-BS0-lsm3.js";
+import { u as M, i as E, f as I } from "./index-DpgjO9No.js";
 const G = {
   __name: "vue-ui-kpi",
   props: {
@@ -16,7 +16,7 @@ const G = {
     }
   },
   setup(o) {
-    const F = A(() => import("./vue-ui-digits-Ckblhu11.js")), { vue_ui_kpi: N } = M(), l = o, e = x({
+    const F = A(() => import("./vue-ui-digits-AxsWsoNG.js")), { vue_ui_kpi: N } = M(), l = o, e = x({
       get: () => c(),
       set: (a) => a
     }), D = z();

package/dist/{vue-ui-mini-loader-DpwNHrxl.js → vue-ui-mini-loader-LXae2ars.js}

@@ -1,6 +1,6 @@
 import { useCssVars as h, computed as r, ref as f, createElementBlock as n, openBlock as u, unref as M, createCommentVNode as a, createElementVNode as t, normalizeStyle as l } from "vue";
-import { u as m } from "./useNestedProp-Cu77c3W4.js";
-import { u as y, X as L } from "./index-DBYSSUsg.js";
+import { u as m } from "./useNestedProp-BS0-lsm3.js";
+import { u as y, X as L } from "./index-DpgjO9No.js";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const b = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"], A = ["stroke"], N = { key: 1 }, O = ["stroke"], S = { key: 2 }, F = ["stroke"], I = {
   __name: "vue-ui-mini-loader",

package/dist/{vue-ui-molecule-je8BUEgl.js → vue-ui-molecule-B2dzn9rQ.js}

@@ -1,7 +1,7 @@
 import { useCssVars as Qe, defineAsyncComponent as p, computed as k, onMounted as Je, ref as c, watch as Ke, createElementBlock as y, openBlock as r, unref as l, normalizeStyle as B, normalizeClass as he, createBlock as $, createCommentVNode as f, createVNode as F, createSlots as et, withCtx as d, renderSlot as i, normalizeProps as w, guardReactiveProps as T, createElementVNode as _, Fragment as tt, renderList as ot, createTextVNode as lt, toDisplayString as st, nextTick as at } from "vue";
-import { u as nt, o as rt, e as it, c as pe, t as ut, p as fe, a as ct, b as dt, P as vt, X as ht, l as pt, Q as ft, d as ge, q as gt, r as mt, x as yt, y as bt } from "./index-DBYSSUsg.js";
-import { u as me } from "./useNestedProp-Cu77c3W4.js";
-import { u as kt } from "./usePrinter-xF9W73YL.js";
+import { u as nt, o as rt, e as it, c as pe, t as ut, p as fe, a as ct, b as dt, Q as vt, X as ht, l as pt, R as ft, d as ge, q as gt, r as mt, x as yt, y as bt } from "./index-DpgjO9No.js";
+import { u as me } from "./useNestedProp-BS0-lsm3.js";
+import { u as kt } from "./usePrinter-EqGRLYQ_.js";
 import { u as Ct } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as $t } from "./useChartAccessibility-9icAAmYg.js";
 import { u as wt } from "./usePanZoom-BQMvRXEQ.js";
@@ -25,7 +25,7 @@ const Ot = ["id"], Pt = {
   key: 8,
   ref: "source",
   dir: "auto"
-}, Ut = ["innerHTML"], Rt = {
+}, Rt = ["innerHTML"], Ut = {
   __name: "vue-ui-molecule",
   props: {
     config: {
@@ -46,7 +46,7 @@ const Ot = ["id"], Pt = {
     Qe((t) => ({
       "1859f908": t.slicerColor
     }));
-    const Ce = p(() => import("./vue-ui-accordion-CEZHj_of.js")), $e = p(() => import("./BaseIcon-D0Q4E4nY.js")), we = p(() => import("./DataTable-DzCoab4C.js")), Te = p(() => import("./PackageVersion-DrhYhyQR.js")), Oe = p(() => import("./PenAndPaper-BdnVqpO9.js")), Pe = p(() => import("./RecursiveCircles-Dn3TGoL6.js")), Ae = p(() => import("./RecursiveLabels-NTMB9w5C.js")), Ie = p(() => import("./RecursiveLinks-ld_gDZH4.js")), Ne = p(() => import("./vue-ui-skeleton-BJy7bURO.js")), Fe = p(() => import("./Title-xtSGHclp.js")), _e = p(() => import("./Tooltip-D8swCIay.js")), Se = p(() => import("./UserOptions-BbJkNcCM.js")), { vue_ui_molecule: Le } = nt(), C = ye, De = ke, S = k(() => !!C.dataset && C.dataset.length);
+    const Ce = p(() => import("./vue-ui-accordion-B7SuIgFc.js")), $e = p(() => import("./BaseIcon-CjLVVFOF.js")), we = p(() => import("./DataTable-CQHjdD9t.js")), Te = p(() => import("./PackageVersion-mH9eFSdi.js")), Oe = p(() => import("./PenAndPaper-C49A3fVl.js")), Pe = p(() => import("./RecursiveCircles-Dn3TGoL6.js")), Ae = p(() => import("./RecursiveLabels-NTMB9w5C.js")), Ie = p(() => import("./RecursiveLinks-ld_gDZH4.js")), Ne = p(() => import("./vue-ui-skeleton-C-ca3jum.js")), Fe = p(() => import("./Title-Be-4IBib.js")), _e = p(() => import("./Tooltip-B4lRAXc3.js")), Se = p(() => import("./UserOptions-CZOjPjId.js")), { vue_ui_molecule: Le } = nt(), C = ye, De = ke, S = k(() => !!C.dataset && C.dataset.length);
     Je(() => {
       W();
     });
@@ -56,7 +56,7 @@ const Ot = ["id"], Pt = {
         type: "dataset"
       });
     }
-    const U = c(pe()), Be = c(null), R = c(!1), L = c(""), E = c(null), X = c(0), j = c(0), Y = c(0), e = k({
+    const R = c(pe()), Be = c(null), U = c(!1), L = c(""), E = c(null), X = c(0), j = c(0), Y = c(0), e = k({
       get: () => Q(),
       set: (t) => t
     }), { userOptionsVisible: x, setUserOptionsVisibility: Z, keepUserOptionState: q } = Ct({ config: e.value }), { svgRef: z } = $t({ config: e.value.style.chart.title });
@@ -77,10 +77,10 @@ const Ot = ["id"], Pt = {
       e.value = Q(), x.value = !e.value.userOptions.showOnChartHover, W(), j.value += 1, Y.value += 1, h.value.showTable = e.value.table.show, h.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: J, isImaging: K, generatePdf: ee, generateImage: te } = kt({
-      elementId: `cluster_${U.value}`,
+      elementId: `cluster_${R.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-molecule",
       options: e.value.userOptions.print
-    }), Ue = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), Re = k(() => dt(e.value.customPalette)), h = c({
+    }), Re = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ue = k(() => dt(e.value.customPalette)), h = c({
       showTable: e.value.table.show,
       showDataLabels: !0,
       showTooltip: e.value.style.chart.tooltip.show
@@ -114,7 +114,7 @@ const Ot = ["id"], Pt = {
           return M.startsWith("#") ? M : `#${M}`;
         })() : null;
         let P;
-        ve ? P = ve : G === 0 ? P = g : G === 1 ? (P = Re.value[u] || fe[u] || g, u += 1) : P = g, m.polygonPath = { coordinates: [de] }, m.circleRadius = n, m.color = P, m.uid = pe(), Array.isArray(m.nodes) && m.nodes.length && (m.nodes = le(
+        ve ? P = ve : G === 0 ? P = g : G === 1 ? (P = Ue.value[u] || fe[u] || g, u += 1) : P = g, m.polygonPath = { coordinates: [de] }, m.circleRadius = n, m.color = P, m.uid = pe(), Array.isArray(m.nodes) && m.nodes.length && (m.nodes = le(
           m.nodes,
           de,
           o / 2.9,
@@ -174,7 +174,7 @@ const Ot = ["id"], Pt = {
     }
     const se = c(null), A = c(null);
     function Ve(t) {
-      se.value = t, t ? (R.value = !0, He(t), A.value = t.uid) : (R.value = !1, L.value = "", A.value = null);
+      se.value = t, t ? (U.value = !0, He(t), A.value = t.uid) : (U.value = !1, L.value = "", A.value = null);
     }
     function Ge(t) {
       const s = [];
@@ -276,7 +276,7 @@ const Ot = ["id"], Pt = {
       ref: E,
       class: he(`vue-ui-molecule ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: B(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
-      id: `cluster_${U.value}`,
+      id: `cluster_${R.value}`,
       onMouseleave: s[2] || (s[2] = (o) => {
         se.value = null, A.value = null, l(Z)(!1);
       }),
@@ -290,7 +290,7 @@ const Ot = ["id"], Pt = {
         active: N.value,
         onClose: V
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
-      Ue.value ? (r(), y("div", Pt, null, 512)) : f("", !0),
+      Re.value ? (r(), y("div", Pt, null, 512)) : f("", !0),
       e.value.style.chart.title.text ? (r(), y("div", At, [
         (r(), $(l(Fe), {
           key: `title_${j.value}`,
@@ -314,7 +314,7 @@ const Ot = ["id"], Pt = {
         color: e.value.style.chart.color,
         isPrinting: l(J),
         isImaging: l(K),
-        uid: U.value,
+        uid: R.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
@@ -510,7 +510,7 @@ const Ot = ["id"], Pt = {
         i(t.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
       F(l(_e), {
-        show: h.value.showTooltip && R.value,
+        show: h.value.showTooltip && U.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -563,7 +563,7 @@ const Ot = ["id"], Pt = {
               _("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Ut)
+              }, null, 8, Rt)
             ]),
             td: d(({ td: o }) => [
               lt(st(o.name || o), 1)
@@ -575,7 +575,7 @@ const Ot = ["id"], Pt = {
       }, 8, ["config"])) : f("", !0)
     ], 46, Ot));
   }
-}, Xt = /* @__PURE__ */ Tt(Rt, [["__scopeId", "data-v-20a9487b"]]);
+}, Xt = /* @__PURE__ */ Tt(Ut, [["__scopeId", "data-v-20a9487b"]]);
 export {
   Xt as default
 };

package/dist/{vue-ui-mood-radar-DUwpDrKf.js → vue-ui-mood-radar-DIJJhVIZ.js}

@@ -1,16 +1,16 @@
 import { defineAsyncComponent as _, computed as c, onMounted as Ae, ref as y, watch as Oe, createElementBlock as h, openBlock as r, unref as a, normalizeStyle as I, normalizeClass as te, createBlock as m, createCommentVNode as i, renderSlot as v, createVNode as U, createSlots as Te, withCtx as f, normalizeProps as F, guardReactiveProps as S, createElementVNode as s, Fragment as oe, renderList as le, toDisplayString as O, createTextVNode as ae, nextTick as Le } from "vue";
-import { u as Ie, o as Fe, e as se, c as Se, a as Ve, Q as je, X as Re, s as C, w as Be, R as Ue, i as re, f as V, q as We, r as ze } from "./index-DBYSSUsg.js";
-import { u as ne } from "./useNestedProp-Cu77c3W4.js";
-import { u as De } from "./usePrinter-xF9W73YL.js";
+import { u as Ie, o as Fe, e as se, c as Se, a as Ve, R as je, X as Re, s as C, w as Be, S as Ue, i as re, f as V, q as We, r as ze } from "./index-DpgjO9No.js";
+import { u as ne } from "./useNestedProp-BS0-lsm3.js";
+import { u as De } from "./usePrinter-EqGRLYQ_.js";
 import { u as Ee } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ge } from "./useChartAccessibility-9icAAmYg.js";
-import He from "./Legend-DLJ9I-cg.js";
-import Xe from "./Title-xtSGHclp.js";
+import He from "./Legend-XakQeDJw.js";
+import Xe from "./Title-Be-4IBib.js";
 import { _ as Ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const qe = ["id"], Qe = {
+const qe = ["id"], Ye = {
   key: 2,
   style: "width:100%;background:transparent"
-}, Ye = ["xmlns", "viewBox"], Je = ["width", "height"], Ze = ["id"], et = ["stop-color"], tt = ["stop-color"], ot = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], lt = ["d", "stroke", "stroke-width"], at = ["stroke"], st = ["fill"], rt = ["stroke"], nt = ["fill"], ut = ["stroke"], it = ["fill"], dt = ["stroke"], ct = ["fill"], vt = ["stroke"], yt = ["fill"], ht = ["d", "stroke", "stroke-width", "fill"], ft = ["x1", "y1", "stroke"], pt = ["cx", "cy", "fill", "stroke"], mt = ["fill", "stroke"], gt = ["y", "fill", "font-weight"], kt = ["y", "fill"], bt = {
+}, Je = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = ["id"], et = ["stop-color"], tt = ["stop-color"], ot = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], lt = ["d", "stroke", "stroke-width"], at = ["stroke"], st = ["fill"], rt = ["stroke"], nt = ["fill"], ut = ["stroke"], it = ["fill"], dt = ["stroke"], ct = ["fill"], vt = ["stroke"], yt = ["fill"], ht = ["d", "stroke", "stroke-width", "fill"], ft = ["x1", "y1", "stroke"], pt = ["cx", "cy", "fill", "stroke"], mt = ["fill", "stroke"], gt = ["y", "fill", "font-weight"], kt = ["y", "fill"], bt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Ct = ["onClick"], wt = { style: { "font-weight": "bold" } }, xt = {
@@ -34,7 +34,7 @@ const qe = ["id"], Qe = {
     }
   },
   setup(ue, { expose: ie }) {
-    const de = _(() => import("./vue-ui-accordion-CEZHj_of.js")), $ = _(() => import("./BaseIcon-D0Q4E4nY.js")), ce = _(() => import("./DataTable-DzCoab4C.js")), ve = _(() => import("./PackageVersion-DrhYhyQR.js")), ye = _(() => import("./PenAndPaper-BdnVqpO9.js")), he = _(() => import("./vue-ui-skeleton-BJy7bURO.js")), fe = _(() => import("./UserOptions-BbJkNcCM.js")), { vue_ui_mood_radar: pe } = Ie(), d = ue, M = c(() => !!d.dataset && Object.keys(d.dataset).length);
+    const de = _(() => import("./vue-ui-accordion-B7SuIgFc.js")), $ = _(() => import("./BaseIcon-CjLVVFOF.js")), ce = _(() => import("./DataTable-CQHjdD9t.js")), ve = _(() => import("./PackageVersion-mH9eFSdi.js")), ye = _(() => import("./PenAndPaper-C49A3fVl.js")), he = _(() => import("./vue-ui-skeleton-C-ca3jum.js")), fe = _(() => import("./UserOptions-CZOjPjId.js")), { vue_ui_mood_radar: pe } = Ie(), d = ue, M = c(() => !!d.dataset && Object.keys(d.dataset).length);
     Ae(() => {
       W();
     });
@@ -63,7 +63,7 @@ const qe = ["id"], Qe = {
     Oe(() => d.config, (o) => {
       e.value = X(), j.value = !e.value.userOptions.showOnChartHover, W(), ke.value += 1, be.value += 1, D.value += 1, N.value.showTable = e.value.table.show;
     }, { deep: !0 });
-    const { isPrinting: K, isImaging: q, generatePdf: Q, generateImage: Y } = De({
+    const { isPrinting: K, isImaging: q, generatePdf: Y, generateImage: J } = De({
       elementId: P.value,
       fileName: e.value.style.chart.title.text || "vue-ui-mood-radar",
       options: e.value.userOptions.print
@@ -95,7 +95,7 @@ const qe = ["id"], Qe = {
         proportion: t / w.value,
         color: e.value.style.chart.layout.smileys.colors[o]
       };
-    }).sort((o, l) => l.key - o.key)), J = c(() => M.value ? (["1", "2", "3", "4", "5"].forEach((o) => {
+    }).sort((o, l) => l.key - o.key)), Q = c(() => M.value ? (["1", "2", "3", "4", "5"].forEach((o) => {
       [null, void 0].includes(d.dataset[o]) && se({
         componentName: "VueUiMoodRadar",
         type: "datasetAttribute",
@@ -194,9 +194,9 @@ const qe = ["id"], Qe = {
     }
     return ie({
       getData: Me,
-      generatePdf: Q,
+      generatePdf: Y,
       generateCsv: Z,
-      generateImage: Y,
+      generateImage: J,
       toggleTable: ee,
       toggleAnnotator: B
     }), (o, l) => (r(), h("div", {
@@ -223,7 +223,7 @@ const qe = ["id"], Qe = {
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : i("", !0),
-      e.value.style.chart.title.text ? (r(), h("div", Qe, [
+      e.value.style.chart.title.text ? (r(), h("div", Ye, [
         U(Xe, {
           config: {
             title: {
@@ -259,9 +259,9 @@ const qe = ["id"], Qe = {
         isAnnotation: L.value,
         callbacks: e.value.userOptions.callbacks,
         onToggleFullscreen: Pe,
-        onGeneratePdf: a(Q),
+        onGeneratePdf: a(Y),
         onGenerateCsv: Z,
-        onGenerateImage: a(Y),
+        onGenerateImage: a(J),
         onToggleTable: ee,
         onToggleAnnotator: B,
         style: I({
@@ -339,7 +339,7 @@ const qe = ["id"], Qe = {
           }
         }, [
           v(o.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Je)) : i("", !0),
+        ], 8, Qe)) : i("", !0),
         s("defs", null, [
           s("radialGradient", {
             cx: "50%",
@@ -456,14 +456,14 @@ const qe = ["id"], Qe = {
           fill: n.value === 1 ? a(C)(e.value.style.chart.layout.smileys.colors[1], 20) : "transparent"
         }, null, 40, yt),
         s("path", {
-          d: a(Ue)(J.value.map((t) => t.plots)),
+          d: a(Ue)(Q.value.map((t) => t.plots)),
           stroke: e.value.style.chart.layout.dataPolygon.stroke,
           "stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth,
           "stroke-linecap": "round",
           "stroke-linejoin": "round",
           fill: e.value.style.chart.layout.dataPolygon.gradient.show ? `url(#mood_radar_gradient_${P.value})` : a(C)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.opacity)
         }, null, 8, ht),
-        (r(!0), h(oe, null, le(J.value.map((t) => t.plots), (t, u) => (r(), h("g", {
+        (r(!0), h(oe, null, le(Q.value.map((t) => t.plots), (t, u) => (r(), h("g", {
           class: "vue-ui-mood-radar-trap",
           style: I(`opacity:${n.value == t.key ? "1" : "0"}`)
         }, [
@@ -521,7 +521,7 @@ const qe = ["id"], Qe = {
           })) + ") ", 9, kt)
         ], 4))), 256)),
         v(o.$slots, "svg", { svg: p.value }, void 0, !0)
-      ], 14, Ye)) : i("", !0),
+      ], 14, Je)) : i("", !0),
       o.$slots.watermark ? (r(), h("div", bt, [
         v(o.$slots, "watermark", F(S({ isPrinting: a(K) || a(q) })), void 0, !0)
       ])) : i("", !0),

package/dist/{vue-ui-nested-donuts-CcIiH5y3.js → vue-ui-nested-donuts-4lqDDJmG.js}

@@ -1,12 +1,12 @@
 import { defineAsyncComponent as R, computed as k, ref as v, watch as et, onMounted as tt, nextTick as lt, shallowRef as at, onBeforeUnmount as zt, createElementBlock as i, openBlock as n, unref as r, normalizeStyle as se, normalizeClass as B, createBlock as E, createCommentVNode as g, createVNode as ot, createSlots as Mt, withCtx as L, renderSlot as x, normalizeProps as Y, guardReactiveProps as X, createElementVNode as m, Fragment as T, renderList as F, toDisplayString as N, withDirectives as st, vShow as ut, createTextVNode as ue } from "vue";
-import { u as Rt, c as Bt, t as Et, p as Ce, a as Ut, H as D, o as Gt, e as H, b as Yt, d as Xt, m as nt, f as O, X as Ht, s as rt, K as Wt, k as _e, n as W, i as J, x as it, q as qt, r as Kt, y as Jt, S as dt } from "./index-DBYSSUsg.js";
+import { u as Rt, c as Bt, t as Et, p as Ce, a as Ut, H as D, o as Gt, e as H, b as Yt, d as Xt, m as nt, f as O, X as Ht, s as rt, L as Wt, k as _e, n as W, i as K, x as it, q as qt, r as Jt, y as Kt, T as dt } from "./index-DpgjO9No.js";
 import { t as Qt, u as Zt } from "./useResponsive-JZ9xq-JV.js";
-import { u as ct } from "./useNestedProp-Cu77c3W4.js";
-import { u as jt } from "./usePrinter-xF9W73YL.js";
+import { u as ct } from "./useNestedProp-BS0-lsm3.js";
+import { u as jt } from "./usePrinter-EqGRLYQ_.js";
 import { u as el } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as tl } from "./useChartAccessibility-9icAAmYg.js";
-import ll from "./Title-xtSGHclp.js";
-import al from "./Legend-DLJ9I-cg.js";
+import ll from "./Title-Be-4IBib.js";
+import al from "./Legend-XakQeDJw.js";
 import { _ as ol } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["id"], il = ["offset", "stop-color"], dl = ["offset", "stop-opacity"], cl = ["id"], vl = ["id"], hl = ["id"], fl = ["flood-color"], pl = ["d", "fill", "stroke", "stroke-width", "filter"], yl = { key: 1 }, bl = ["d", "fill"], gl = { key: 2 }, ml = ["x", "y", "font-size", "font-weight", "fill"], wl = { key: 3 }, $l = ["filter"], kl = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], Ll = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], xl = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Cl = ["d", "fill", "onMouseenter", "onClick"], _l = {
   key: 5,
@@ -14,7 +14,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
 }, Tl = {
   key: 0,
   class: "vue-ui-nested-donuts-legend-title"
-}, Ol = ["onClick"], Fl = ["innerHTML"], Sl = {
+}, Ol = ["onClick"], Fl = ["innerHTML"], Al = {
   __name: "vue-ui-nested-donuts",
   props: {
     config: {
@@ -32,7 +32,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(vt, { expose: ht, emit: ft }) {
-    const pt = R(() => import("./vue-ui-accordion-CEZHj_of.js")), yt = R(() => import("./DataTable-DzCoab4C.js")), bt = R(() => import("./PackageVersion-DrhYhyQR.js")), gt = R(() => import("./PenAndPaper-BdnVqpO9.js")), mt = R(() => import("./vue-ui-skeleton-BJy7bURO.js")), wt = R(() => import("./Tooltip-D8swCIay.js")), $t = R(() => import("./UserOptions-BbJkNcCM.js")), { vue_ui_nested_donuts: kt } = Rt(), C = vt, Q = k(() => !!C.dataset && C.dataset.length), y = v(Bt()), ne = v(!1), re = v(""), Lt = v(null), Te = v(0), q = v(null), Oe = v(null), ie = v(null), Fe = v(null), Se = v(null), Ae = v(0), Ie = v(0), Ne = v(0), z = v(!0), M = v([]), K = v([]), U = v(!1);
+    const pt = R(() => import("./vue-ui-accordion-B7SuIgFc.js")), yt = R(() => import("./DataTable-CQHjdD9t.js")), bt = R(() => import("./PackageVersion-mH9eFSdi.js")), gt = R(() => import("./PenAndPaper-C49A3fVl.js")), mt = R(() => import("./vue-ui-skeleton-C-ca3jum.js")), wt = R(() => import("./Tooltip-B4lRAXc3.js")), $t = R(() => import("./UserOptions-CZOjPjId.js")), { vue_ui_nested_donuts: kt } = Rt(), C = vt, Q = k(() => !!C.dataset && C.dataset.length), y = v(Bt()), ne = v(!1), re = v(""), Lt = v(null), Te = v(0), q = v(null), Oe = v(null), ie = v(null), Fe = v(null), Ae = v(null), Se = v(0), Ie = v(0), Ne = v(0), z = v(!0), M = v([]), J = v([]), U = v(!1);
     function xt(l) {
       U.value = l, Te.value += 1;
     }
@@ -58,7 +58,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
     et(
       () => C.config,
       (l) => {
-        e.value = ze(), de.value = !e.value.userOptions.showOnChartHover, ce(), Ae.value += 1, Ie.value += 1, Ne.value += 1, $.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, $.value.showTable = e.value.table.show, $.value.showTooltip = e.value.style.chart.tooltip.show, h.value.width = e.value.style.chart.width, h.value.height = e.value.style.chart.height;
+        e.value = ze(), de.value = !e.value.userOptions.showOnChartHover, ce(), Se.value += 1, Ie.value += 1, Ne.value += 1, $.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, $.value.showTable = e.value.table.show, $.value.showTooltip = e.value.style.chart.tooltip.show, h.value.width = e.value.style.chart.width, h.value.height = e.value.style.chart.height;
       },
       { deep: !0 }
     );
@@ -75,7 +75,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
     function Ct(l, s = 1e3, a = 50) {
       return new Promise((o) => {
         const t = l.length;
-        M.value = Array(t).fill(0), K.value = [];
+        M.value = Array(t).fill(0), J.value = [];
         let u = 0;
         l.forEach((c, f) => {
           setTimeout(() => {
@@ -103,7 +103,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
                   absoluteValues: [],
                   ghost: !0
                 }), we += oe.series.length;
-              }), K.value = ae, _ < 1 ? requestAnimationFrame(d) : (u += 1, u === t && o());
+              }), J.value = ae, _ < 1 ? requestAnimationFrame(d) : (u += 1, u === t && o());
             }
             requestAnimationFrame(d);
           }, f * a);
@@ -115,7 +115,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
         const s = C.dataset.flatMap((a) => a.series).map(
           (a) => D(a.values).reduce((o, t) => o + t, 0)
         );
-        M.value = s.map(() => 0), z.value = !0, K.value = C.dataset.map((a, o) => {
+        M.value = s.map(() => 0), z.value = !0, J.value = C.dataset.map((a, o) => {
           const t = a.series.reduce(
             (u, c) => u + D(c.values).reduce((f, I) => f + I, 0),
             0
@@ -138,7 +138,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
           e.value.startAnimation.durationMs,
           e.value.startAnimation.staggerMs
         ).then(() => {
-          z.value = !1, K.value = [];
+          z.value = !1, J.value = [];
         });
       } else
         z.value = !1;
@@ -158,7 +158,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
             title: e.value.style.chart.title.text ? Oe.value : null,
             legend: e.value.style.chart.legend.show ? ie.value : null,
             source: Fe.value,
-            noTitle: Se.value,
+            noTitle: Ae.value,
             padding: Me.value
           });
           requestAnimationFrame(() => {
@@ -203,7 +203,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
       }
       requestAnimationFrame(f);
     }
-    const w = v([]), S = k(() => {
+    const w = v([]), A = k(() => {
       C.dataset.forEach((s, a) => {
         [null, void 0].includes(s.name) && H({
           componentName: "VueUiNestedDonuts",
@@ -256,7 +256,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
           };
         })
       }));
-    }), A = k(() => Math.min(h.value.height, h.value.width) * (e.value.style.chart.layout.donut.strokeWidth / 512)), Xe = k(() => [...S.value].map((l, s) => {
+    }), S = k(() => Math.min(h.value.height, h.value.width) * (e.value.style.chart.layout.donut.strokeWidth / 512)), Xe = k(() => [...A.value].map((l, s) => {
       const a = l.series.filter((o) => !w.value.includes(o.id)).map((o) => o.value).reduce((o, t) => o + t, 0);
       return {
         ...l,
@@ -288,9 +288,9 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
         }))
       ).find((d) => d.id === l.id);
       if (!s) return;
-      const a = S.value.flatMap((d) => d.series).find((d) => d.id === l.id)?.value ?? 0, o = b.value.flatMap((d) => d.series).find((d) => d.id === l.id);
+      const a = A.value.flatMap((d) => d.series).find((d) => d.id === l.id)?.value ?? 0, o = b.value.flatMap((d) => d.series).find((d) => d.id === l.id);
       let u = o ? o.value : 0;
-      const c = S.value.find(
+      const c = A.value.find(
         (d) => d.id === s.arcOfId
       );
       if (!c) return;
@@ -330,8 +330,8 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
         series: d.series.map((p) => p.id === l.id ? { ...p, value: 0 } : p)
       })), w.value.push(l.id)));
     }
-    const he = k(() => A.value / S.value.length * e.value.style.chart.layout.donut.spacingRatio), He = k(() => b.value.map((l, s) => A.value - s * A.value / S.value.length)), Z = k(() => b.value.map((l, s) => {
-      const a = A.value - s * A.value / b.value.length, o = z.value ? K.value.find((u) => u.datasetIndex === s) : null, t = [...l.series, ...o ? [o] : []].map((u) => ({
+    const he = k(() => S.value / A.value.length * e.value.style.chart.layout.donut.spacingRatio), He = k(() => b.value.map((l, s) => S.value - s * S.value / A.value.length)), Z = k(() => b.value.map((l, s) => {
+      const a = S.value - s * S.value / b.value.length, o = z.value ? J.value.find((u) => u.datasetIndex === s) : null, t = [...l.series, ...o ? [o] : []].map((u) => ({
         ...u,
         value: u.value < 1e-3 ? 1e-3 : u.value
       }));
@@ -352,26 +352,26 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
           he.value
         )
       };
-    })), We = k(() => [...S.value].map((l, s) => {
-      const a = s * A.value / S.value.length;
+    })), We = k(() => [...A.value].map((l, s) => {
+      const a = s * S.value / A.value.length;
       return {
         sizeRatio: a,
         donut: nt(
           { series: [{ value: 1 }] },
           h.value.width / 2,
           h.value.height / 2,
-          A.value - a,
-          A.value - a,
+          S.value - a,
+          S.value - a,
           1.99999,
           2,
           1,
           360,
           105.25,
-          A.value / S.value.length * e.value.style.chart.layout.donut.spacingRatio
+          S.value / A.value.length * e.value.style.chart.layout.donut.spacingRatio
         )[0]
       };
     })), qe = v(null), j = v(null), ee = v(null), fe = v(null);
-    function St({ datapoint: l, _relativeIndex: s, seriesIndex: a }) {
+    function At({ datapoint: l, _relativeIndex: s, seriesIndex: a }) {
       qe.value = l.arcOfId, j.value = l.id, ee.value = a, fe.value = {
         datapoint: l,
         seriesIndex: a,
@@ -379,7 +379,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
         config: e.value
       };
       const o = e.value.style.chart.tooltip.customFormat;
-      if (it(o) && Jt(
+      if (it(o) && Kt(
         () => o({
           seriesIndex: a,
           datapoint: l,
@@ -410,7 +410,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
                             </span>
                         </div>
                         <span>
-                            ${e.value.style.chart.tooltip.showValue ? `<b>${J(
+                            ${e.value.style.chart.tooltip.showValue ? `<b>${K(
               e.value.style.chart.layout.labels.dataLabels.formatter,
               l.value,
               O({
@@ -432,7 +432,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
                 `;
           });
         } else
-          t += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l.arcOf ?? ""} - ${l.name}</div>`, t += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${l.color}"/></svg>`, e.value.style.chart.tooltip.showValue && (t += `<b>${J(
+          t += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l.arcOf ?? ""} - ${l.name}</div>`, t += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${l.color}"/></svg>`, e.value.style.chart.tooltip.showValue && (t += `<b>${K(
             e.value.style.chart.layout.labels.dataLabels.formatter,
             l.value,
             O({
@@ -458,7 +458,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
     function pe(l) {
       return l.proportion * 100 > e.value.style.chart.layout.labels.dataLabels.hideUnderValue;
     }
-    function Ke(l, s) {
+    function Je(l, s) {
       if (!e.value.useBlurOnHover)
         return "";
       if (e.value.style.chart.tooltip.showAllItemsAtIndex && w.value.length === 0)
@@ -466,7 +466,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
       if (!e.value.style.chart.tooltip.showAllItemsAtIndex || w.value.length)
         return [null, void 0].includes(j.value) || j.value === l.id ? "" : `url(#blur_${y.value})`;
     }
-    const ye = k(() => S.value.map((l, s) => {
+    const ye = k(() => A.value.map((l, s) => {
       const a = l.series.filter(
         (t) => !w.value.includes(t.id)
       ), o = z.value ? a.map((t) => {
@@ -497,7 +497,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
           isSegregated: w.value.includes(t.id)
         };
       });
-    })), At = k(() => ({
+    })), St = k(() => ({
       cy: "nested-donuts-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -512,7 +512,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
       }))), s = b.value.flatMap((a) => a.series.map((o) => o.value));
       return { head: l, body: s };
     });
-    function Je(l = null) {
+    function Ke(l = null) {
       lt(() => {
         const s = P.value.head.map((t, u) => [
           [t.name],
@@ -525,7 +525,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
           [e.value.style.chart.title.subtitle.text],
           [[""], ["val"], ["%"]]
         ].concat(s), o = qt(a);
-        l ? l(o) : Kt({
+        l ? l(o) : Jt({
           csvContent: o,
           title: e.value.style.chart.title.text || "vue-ui-nested-donuts"
         });
@@ -580,7 +580,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
       };
     });
     function It() {
-      return S.value;
+      return A.value;
     }
     function Qe() {
       $.value.showTable = !$.value.showTable;
@@ -598,7 +598,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
     return ht({
       getData: It,
       generatePdf: Ee,
-      generateCsv: Je,
+      generateCsv: Ke,
       generateImage: Ue,
       toggleTable: Qe,
       toggleLabels: Ze,
@@ -624,7 +624,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
       _t.value ? (n(), i("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Se,
+        ref: Ae,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : g("", !0),
@@ -634,7 +634,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
         ref: Oe
       }, [
         (n(), E(ll, {
-          key: `title_${Ae.value}`,
+          key: `title_${Se.value}`,
           config: {
             title: {
               cy: "donut-div-title",
@@ -672,7 +672,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
         callbacks: e.value.userOptions.callbacks,
         onToggleFullscreen: xt,
         onGeneratePdf: r(Ee),
-        onGenerateCsv: Je,
+        onGenerateCsv: Ke,
         onGenerateImage: r(Ue),
         onToggleTable: Qe,
         onToggleLabels: Ze,
@@ -836,7 +836,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
               fill: r(rt)(t.color, 80),
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.layout.donut.borderWidth,
-              filter: Ke(t, u)
+              filter: Je(t, u)
             }, null, 8, pl)
           ]))), 256))
         ]))), 256)),
@@ -872,7 +872,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
         e.value.style.chart.layout.labels.dataLabels.show ? (n(), i("g", wl, [
           (n(!0), i(T, null, F(Z.value, (a, o) => (n(), i("g", null, [
             (n(!0), i(T, null, F(a.donut.filter((t) => !t.ghost), (t, u) => (n(), i("g", {
-              filter: Ke(t, u)
+              filter: Je(t, u)
             }, [
               st(m("text", {
                 class: B({ animated: e.value.useCssAnimation }),
@@ -918,7 +918,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
                 fill: e.value.style.chart.layout.labels.dataLabels.useSerieColor ? t.color : e.value.style.chart.layout.labels.dataLabels.color,
                 "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
                 "font-weight": e.value.style.chart.layout.labels.dataLabels.boldValue ? "bold" : "normal"
-              }, " (" + N(r(J)(
+              }, " (" + N(r(K)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 t.value,
                 r(O)({
@@ -951,7 +951,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
                 fill: e.value.style.chart.layout.labels.dataLabels.useSerieColor ? t.color : e.value.style.chart.layout.labels.dataLabels.color,
                 "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
                 "font-weight": e.value.style.chart.layout.labels.dataLabels.boldValue ? "bold" : "normal"
-              }, N(r(J)(
+              }, N(r(K)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 t.value,
                 r(O)({
@@ -970,7 +970,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
             m("path", {
               d: t.arcSlice,
               fill: Lt.value === o ? "rgba(0,0,0,0.1)" : "transparent",
-              onMouseenter: (c) => St({
+              onMouseenter: (c) => At({
                 datapoint: t,
                 seriesIndex: t.seriesIndex
               }),
@@ -1031,7 +1031,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
         (n(!0), i(T, null, F(ye.value, (a, o) => (n(), E(al, {
           key: `legend_${o}_${Ne.value}`,
           legendSet: a,
-          config: At.value,
+          config: St.value,
           onClickMarker: s[1] || (s[1] = ({ legend: t }) => ve(t))
         }, {
           legendTitle: L(({ titleSet: t }) => [
@@ -1042,7 +1042,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
               onClick: (c) => ve(t),
               style: se(`opacity:${w.value.includes(t.id) ? 0.5 : 1}`)
             }, [
-              ue(N(t.name) + ": " + N(r(J)(
+              ue(N(t.name) + ": " + N(r(K)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 t.value,
                 r(O)({
@@ -1124,7 +1124,7 @@ const sl = ["id"], ul = ["xmlns", "viewBox"], nl = ["width", "height"], rl = ["i
       }, 8, ["config"])) : g("", !0)
     ], 46, sl));
   }
-}, El = /* @__PURE__ */ ol(Sl, [["__scopeId", "data-v-01b7bea5"]]);
+}, El = /* @__PURE__ */ ol(Al, [["__scopeId", "data-v-01b7bea5"]]);
 export {
   El as default
 };