vue-data-ui 3.3.3 → 3.4.0

package/dist/{vue-ui-mood-radar-CK8UF-ka.js → vue-ui-mood-radar-9aAC_ake.js}

@@ -1,18 +1,18 @@
 import { defineAsyncComponent as M, ref as u, computed as d, toRefs as st, onMounted as nt, watch as Ce, createElementBlock as h, openBlock as r, unref as a, normalizeStyle as E, normalizeClass as we, createBlock as k, createCommentVNode as c, createElementVNode as s, createVNode as j, createSlots as xe, withCtx as v, renderSlot as g, normalizeProps as z, guardReactiveProps as G, Fragment as $e, renderList as _e, toDisplayString as R, Teleport as rt, resolveDynamicComponent as ut, mergeProps as it, createTextVNode as Ae, nextTick as Te } from "vue";
-import { c as dt, t as ct, o as vt, f as Me, k as yt, a as Pe, d as H, X as ht, s as x, i as gt, S as ft, x as pt, y as mt } from "./lib-CSDxt1Zh.js";
+import { c as dt, t as ct, o as vt, f as Me, k as yt, a as Pe, d as H, X as ht, s as x, i as gt, a8 as ft, P as pt, Q as mt } from "./lib-BcBZIm6u.js";
 import { t as kt, u as bt } from "./useResponsive-DfdjqQps.js";
-import { u as Ct, a as Oe } from "./useNestedProp-Dh-ldrr5.js";
+import { u as Ct, a as Oe } from "./useNestedProp-B7CiTRDS.js";
 import { u as wt, B as xt } from "./BaseScanner-BgWxam9d.js";
-import { u as $t } from "./usePrinter-Cq8Pt6Lh.js";
+import { u as $t } from "./usePrinter-C1GiglOH.js";
 import { u as _t } from "./useSvgExport-DrjCWun4.js";
 import { u as At } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Tt } from "./useChartAccessibility-9icAAmYg.js";
-import Mt from "./img-DI-W68vp.js";
-import Pt from "./Title-B6rAo9Oz.js";
+import Mt from "./img-CFY3JivG.js";
+import Pt from "./Title-CFmv95In.js";
 import { t as Ot } from "./themes-Dw-dDudK.js";
-import Nt from "./Legend-CCBZ2x8T.js";
+import Nt from "./Legend-C8u37J42.js";
 import { _ as Lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["id"], Et = ["stop-color"], Rt = ["stop-color"], Vt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ut = ["d", "stroke", "stroke-width"], Wt = ["transform"], jt = ["stroke"], zt = ["fill"], Gt = ["transform"], Ht = ["stroke"], Xt = ["fill"], Kt = ["transform"], qt = ["stroke"], Yt = ["fill"], Jt = ["transform"], Qt = ["stroke"], Zt = ["fill"], eo = ["transform"], to = ["stroke"], oo = ["fill"], lo = ["d", "stroke", "stroke-width", "fill"], ao = ["x1", "y1", "x2", "y2", "stroke"], so = ["cx", "cy", "fill", "stroke"], no = ["cx", "cy", "fill", "stroke"], ro = ["x", "y", "fill", "font-weight"], uo = ["x", "y", "fill"], io = {
+const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["id"], Et = ["stop-color"], Rt = ["stop-color"], Vt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ut = ["d", "stroke", "stroke-width"], Wt = ["transform"], jt = ["stroke"], zt = ["fill"], Gt = ["transform"], Ht = ["stroke"], Xt = ["fill"], Kt = ["transform"], qt = ["stroke"], Qt = ["fill"], Yt = ["transform"], Jt = ["stroke"], Zt = ["fill"], eo = ["transform"], to = ["stroke"], oo = ["fill"], lo = ["d", "stroke", "stroke-width", "fill"], ao = ["x1", "y1", "x2", "y2", "stroke"], so = ["cx", "cy", "fill", "stroke"], no = ["cx", "cy", "fill", "stroke"], ro = ["x", "y", "fill", "font-weight"], uo = ["x", "y", "fill"], io = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, co = ["id"], vo = ["onClick"], yo = ["innerHTML"], ho = {
@@ -32,10 +32,10 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
     }
   },
   setup(Ne, { expose: Le }) {
-    const P = M(() => import("./BaseIcon-DG6cvf2h.js")), Se = M(() => import("./vue-ui-accordion-CaClZrCp.js")), Ie = M(() => import("./DataTable-DUpZ_s2c.js")), De = M(() => import("./PenAndPaper-D9LruJaM.js")), Fe = M(() => import("./UserOptions-CJXSEhan.js")), Be = M(() => import("./PackageVersion-CQvYRebC.js")), Ee = M(() => import("./BaseDraggableDialog-Cysanw8-.js")), { vue_ui_mood_radar: Re } = Ct(), $ = Ne, b = u(dt()), C = u(null), f = u(null), oe = u(null), Ve = u(0), Ue = u(0), le = u(0), ae = u(null), se = u(null), L = u(null), V = u(null), ne = u(null), re = u(!1), S = u(null), X = u(null), ue = d(() => !!$.dataset && Object.keys($.dataset).length), e = u(J()), { loading: K, FINAL_DATASET: _ } = wt({
+    const P = M(() => import("./BaseIcon-B5KaGWWC.js")), Se = M(() => import("./vue-ui-accordion-BKkTS12x.js")), Ie = M(() => import("./DataTable-DOx3zgih.js")), De = M(() => import("./PenAndPaper-Dj2diYr0.js")), Fe = M(() => import("./UserOptions-C0YT60JN.js")), Be = M(() => import("./PackageVersion-DyDViSOy.js")), Ee = M(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_mood_radar: Re } = Ct(), $ = Ne, b = u(dt()), C = u(null), f = u(null), oe = u(null), Ve = u(0), Ue = u(0), le = u(0), ae = u(null), se = u(null), L = u(null), V = u(null), ne = u(null), re = u(!1), S = u(null), X = u(null), ue = d(() => !!$.dataset && Object.keys($.dataset).length), e = u(Y()), { loading: K, FINAL_DATASET: _ } = wt({
       ...st($),
       FINAL_CONFIG: e,
-      prepareConfig: J,
+      prepareConfig: Y,
       callback: () => {
         Promise.resolve().then(async () => {
           await Te(), A.value.showTable = e.value.table.show;
@@ -114,8 +114,8 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         L.value && (V.value && L.value.unobserve(V.value), L.value.disconnect()), L.value = new ResizeObserver(t), V.value = C.value.parentNode, L.value.observe(V.value);
       }
     }
-    const { userOptionsVisible: q, setUserOptionsVisibility: de, keepUserOptionState: ce } = At({ config: e.value }), { svgRef: Y } = Tt({ config: e.value.style.chart.title });
-    function J() {
+    const { userOptionsVisible: q, setUserOptionsVisibility: de, keepUserOptionState: ce } = At({ config: e.value }), { svgRef: Q } = Tt({ config: e.value.style.chart.title });
+    function Y() {
       const t = Oe({
         userConfig: $.config,
         defaultConfig: Re
@@ -128,7 +128,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
       } : t;
     }
     Ce(() => $.config, (t) => {
-      e.value = J(), q.value = !e.value.userOptions.showOnChartHover, ie(), Ve.value += 1, Ue.value += 1, le.value += 1, A.value.showTable = e.value.table.show;
+      e.value = Y(), q.value = !e.value.userOptions.showOnChartHover, ie(), Ve.value += 1, Ue.value += 1, le.value += 1, A.value.showTable = e.value.table.show;
     }, { deep: !0 });
     const { isPrinting: ve, isImaging: ye, generatePdf: he, generateImage: ge } = $t({
       elementId: b.value,
@@ -155,7 +155,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
       const l = ze[t], o = Ge.value[t] || l;
       return `translate(${o.x - l.x}, ${o.y - l.y})`;
     }
-    const Q = d(() => yt({
+    const J = d(() => yt({
       plot: { x: n.value.width / 2, y: n.value.height / 2 },
       radius: Math.min(n.value.height, n.value.width) * 0.35,
       sides: 5,
@@ -200,7 +200,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         type: "datasetAttribute",
         property: t
       });
-    }), Q.value.coordinates.map((t, l) => {
+    }), J.value.coordinates.map((t, l) => {
       const o = He({
         centerX: n.value.width / 2,
         centerY: n.value.height / 2,
@@ -291,7 +291,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         colNames: i
       };
     });
-    function Ye() {
+    function Qe() {
       return y.value;
     }
     function pe() {
@@ -305,7 +305,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
     function te() {
       W.value = !W.value;
     }
-    async function Je({ scale: t = 2 } = {}) {
+    async function Ye({ scale: t = 2 } = {}) {
       if (!C.value) return;
       const { width: l, height: o } = C.value.getBoundingClientRect(), i = l / o, { imageUri: p, base64: m } = await Mt({ domElement: C.value, base64: !0, img: !0, scale: t });
       return {
@@ -353,15 +353,15 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
     function ke() {
       A.value.showTable = !1, X.value && X.value.setTableIconState(!1);
     }
-    const Qe = d(() => fe.value.map((t) => ({
+    const Je = d(() => fe.value.map((t) => ({
       ...t,
       name: t.display,
       shape: "circle"
     }))), Ze = d(() => e.value.style.chart.backgroundColor), et = d(() => e.value.style.chart.legend), tt = d(() => e.value.style.chart.title), { exportSvg: ot, getSvg: lt } = _t({
-      svg: Y,
+      svg: Q,
       title: tt,
       legend: et,
-      legendItems: Qe,
+      legendItems: Je,
       backgroundColor: Ze
     });
     async function be({ isCb: t }) {
@@ -372,8 +372,8 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         ot();
     }
     return Le({
-      getData: Ye,
-      getImage: Je,
+      getData: Qe,
+      getImage: Ye,
       generatePdf: he,
       generateCsv: ee,
       generateImage: ge,
@@ -392,7 +392,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
     }, [
       e.value.userOptions.buttons.annotator ? (r(), k(a(De), {
         key: 0,
-        svgRef: a(Y),
+        svgRef: a(Q),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: W.value,
@@ -514,7 +514,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
       (r(), h("svg", {
         ref_key: "svgRef",
-        ref: Y,
+        ref: Q,
         xmlns: a(ht),
         viewBox: `0 0 ${n.value.width} ${n.value.height}`,
         class: we({ "vue-data-ui-fullscreen--on": N.value, "vue-data-ui-fulscreen--off": !N.value }),
@@ -552,7 +552,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
             }, null, 8, Rt)
           ], 8, Bt)
         ]),
-        (r(!0), h($e, null, _e(Q.value.coordinates, (o) => (r(), h("line", {
+        (r(!0), h($e, null, _e(J.value.coordinates, (o) => (r(), h("line", {
           x1: n.value.width / 2,
           y1: n.value.height / 2,
           x2: o.x,
@@ -561,7 +561,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
           "stroke-width": e.value.style.chart.layout.grid.strokeWidth
         }, null, 8, Vt))), 256)),
         s("path", {
-          d: Q.value.path,
+          d: J.value.path,
           fill: "none",
           stroke: e.value.style.chart.layout.outerPolygon.stroke,
           "stroke-width": e.value.style.chart.layout.outerPolygon.strokeWidth,
@@ -629,7 +629,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
             onMouseenter: l[6] || (l[6] = (o) => D("3")),
             onMouseleave: l[7] || (l[7] = (o) => F("3")),
             onClick: l[8] || (l[8] = (o) => O("3"))
-          }, null, 40, Yt)
+          }, null, 40, Qt)
         ], 8, Kt),
         s("g", {
           transform: I("2")
@@ -640,7 +640,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
             "stroke-width": "1",
             "stroke-linecap": "round",
             d: "M56 213A1 1 0 0074 213 1 1 0 0056 213M60 216C63 214 67 214 70 216M60 210A1 1 0 0063 210 1 1 0 0060 210M67 210A1 1 0 0070 210 1 1 0 0067 210"
-          }, null, 8, Qt),
+          }, null, 8, Jt),
           s("circle", {
             class: "vue-ui-mood-radar-trap",
             cx: "65",
@@ -651,7 +651,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
             onMouseleave: l[10] || (l[10] = (o) => F("2")),
             onClick: l[11] || (l[11] = (o) => O("2"))
           }, null, 40, Zt)
-        ], 8, Jt),
+        ], 8, Yt),
         s("g", {
           transform: I("1")
         }, [

package/dist/{vue-ui-nested-donuts-DO0FV0tU.js → vue-ui-nested-donuts-BnVXn9Qa.js}

@@ -1,18 +1,18 @@
-import { defineAsyncComponent as z, computed as b, ref as c, toRefs as rl, watch as le, onMounted as il, shallowRef as mt, onBeforeUnmount as dl, createElementBlock as r, openBlock as u, unref as i, normalizeStyle as ce, normalizeClass as M, createBlock as B, createCommentVNode as $, createElementVNode as y, createVNode as Ve, createSlots as wt, withCtx as L, renderSlot as _, normalizeProps as H, guardReactiveProps as J, Fragment as A, renderList as T, toDisplayString as D, withDirectives as kt, vShow as $t, Teleport as vl, resolveDynamicComponent as cl, mergeProps as hl, createTextVNode as Ct, nextTick as Lt } from "vue";
-import { c as fl, t as pl, b as yl, p as ze, B as Me, o as gl, f as K, e as bl, J as E, h as ml, n as Be, a as ae, d as O, X as wl, s as kl, O as xt, v as Ee, w as Q, z as _t, x as $l, y as Cl, A as Ll, I as At, q as Re } from "./lib-CSDxt1Zh.js";
+import { defineAsyncComponent as z, computed as b, ref as c, toRefs as rl, watch as le, onMounted as il, shallowRef as mt, onBeforeUnmount as dl, createElementBlock as r, openBlock as u, unref as i, normalizeStyle as ce, normalizeClass as M, createBlock as B, createCommentVNode as $, createElementVNode as y, createVNode as Ve, createSlots as wt, withCtx as L, renderSlot as _, normalizeProps as q, guardReactiveProps as Q, Fragment as A, renderList as T, toDisplayString as D, withDirectives as kt, vShow as $t, Teleport as vl, resolveDynamicComponent as cl, mergeProps as hl, createTextVNode as Ct, nextTick as Lt } from "vue";
+import { c as fl, t as pl, b as yl, p as ze, O as Me, o as gl, f as J, e as bl, a1 as E, h as ml, T as Be, a as ae, d as O, X as wl, s as kl, I as xt, W as Ee, Y as K, G as _t, P as $l, Q as Cl, H as Ll, a0 as At, x as Re } from "./lib-BcBZIm6u.js";
 import { t as xl, u as _l } from "./useResponsive-DfdjqQps.js";
-import { u as Al, a as Tt } from "./useNestedProp-Dh-ldrr5.js";
+import { u as Al, a as Tt } from "./useNestedProp-B7CiTRDS.js";
 import { u as Tl, B as Sl } from "./BaseScanner-BgWxam9d.js";
-import { u as Ol } from "./usePrinter-Cq8Pt6Lh.js";
+import { u as Ol } from "./usePrinter-C1GiglOH.js";
 import { u as Fl } from "./useSvgExport-DrjCWun4.js";
 import { u as Il } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Nl } from "./useChartAccessibility-9icAAmYg.js";
-import Dl from "./img-DI-W68vp.js";
-import Pl from "./Title-B6rAo9Oz.js";
+import Dl from "./img-CFY3JivG.js";
+import Pl from "./Title-CFmv95In.js";
 import { t as Vl } from "./themes-Dw-dDudK.js";
-import zl from "./Legend-CCBZ2x8T.js";
+import zl from "./Legend-C8u37J42.js";
 import { _ as Ml } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "height"], Gl = ["id"], Yl = ["offset", "stop-color"], Wl = ["offset", "stop-opacity"], Xl = ["id"], ql = ["id"], Hl = ["id"], Jl = ["flood-color"], Kl = ["id", "d"], Ql = ["d", "fill", "stroke", "stroke-width", "filter"], Zl = ["d", "fill", "stroke", "stroke-width"], jl = { key: 1 }, ea = ["d", "fill"], ta = { key: 2 }, la = ["font-size", "font-weight", "fill", "dy"], aa = ["href"], oa = ["x", "y", "font-size", "font-weight", "fill"], sa = { key: 3 }, ua = ["filter"], na = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], ra = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], ia = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], da = ["d", "fill", "onMouseenter", "onClick", "onMouseleave"], va = {
+const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "height"], Gl = ["id"], Yl = ["offset", "stop-color"], Wl = ["offset", "stop-opacity"], Xl = ["id"], Hl = ["id"], ql = ["id"], Ql = ["flood-color"], Jl = ["id", "d"], Kl = ["d", "fill", "stroke", "stroke-width", "filter"], Zl = ["d", "fill", "stroke", "stroke-width"], jl = { key: 1 }, ea = ["d", "fill"], ta = { key: 2 }, la = ["font-size", "font-weight", "fill", "dy"], aa = ["href"], oa = ["x", "y", "font-size", "font-weight", "fill"], sa = { key: 3 }, ua = ["filter"], na = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], ra = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], ia = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], da = ["d", "fill", "onMouseenter", "onClick", "onMouseleave"], va = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, ca = ["id"], ha = {
@@ -36,18 +36,18 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(St, { expose: Ot, emit: Ft }) {
-    const It = z(() => import("./Tooltip-DaInVNiV.js")), Nt = z(() => import("./BaseIcon-DG6cvf2h.js")), Dt = z(() => import("./vue-ui-accordion-CaClZrCp.js")), Pt = z(() => import("./DataTable-DUpZ_s2c.js")), Vt = z(() => import("./UserOptions-CJXSEhan.js")), zt = z(() => import("./PenAndPaper-D9LruJaM.js")), Mt = z(() => import("./PackageVersion-CQvYRebC.js")), Bt = z(() => import("./BaseDraggableDialog-Cysanw8-.js")), { vue_ui_nested_donuts: Et } = Al(), w = St, he = b({
+    const It = z(() => import("./Tooltip-Cs4v8OnI.js")), Nt = z(() => import("./BaseIcon-B5KaGWWC.js")), Dt = z(() => import("./vue-ui-accordion-BKkTS12x.js")), Pt = z(() => import("./DataTable-DOx3zgih.js")), Vt = z(() => import("./UserOptions-C0YT60JN.js")), zt = z(() => import("./PenAndPaper-Dj2diYr0.js")), Mt = z(() => import("./PackageVersion-DyDViSOy.js")), Bt = z(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_nested_donuts: Et } = Al(), w = St, he = b({
       get() {
         return !!w.dataset && w.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), p = c(fl()), fe = c(!1), pe = c(""), ye = c(null), Ue = c(0), I = c(null), Ge = c(null), ge = c(null), Ye = c(null), We = c(null), Xe = c(0), qe = c(0), He = c(0), R = c(!0), U = c([]), Z = c([]), Je = c(!1), j = c(null), be = c(null), G = c(!1);
-    function Ke(t) {
+    }), p = c(fl()), fe = c(!1), pe = c(""), ye = c(null), Ue = c(0), I = c(null), Ge = c(null), ge = c(null), Ye = c(null), We = c(null), Xe = c(0), He = c(0), qe = c(0), R = c(!0), U = c([]), Z = c([]), Qe = c(!1), j = c(null), be = c(null), G = c(!1);
+    function Je(t) {
       G.value = t, Ue.value += 1;
     }
-    const e = c($e()), Qe = {
+    const e = c($e()), Ke = {
       name: "",
       series: [
         {
@@ -75,7 +75,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
           await tt();
         });
       },
-      skeletonDataset: [Qe, Qe],
+      skeletonDataset: [Ke, Ke],
       skeletonConfig: pl({
         defaultConfig: e.value,
         userConfig: {
@@ -122,7 +122,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
     le(
       () => w.config,
       (t) => {
-        me.value || (e.value = $e()), ke.value = !e.value.userOptions.showOnChartHover, lt(), Xe.value += 1, qe.value += 1, He.value += 1, C.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show, h.value.width = e.value.style.chart.width, h.value.height = e.value.style.chart.height;
+        me.value || (e.value = $e()), ke.value = !e.value.userOptions.showOnChartHover, lt(), Xe.value += 1, He.value += 1, qe.value += 1, C.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, C.value.showTable = e.value.table.show, C.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 }
     );
@@ -208,11 +208,11 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         R.value = !1;
     }
     il(async () => {
-      Je.value = !0, lt(), await tt();
+      Qe.value = !0, lt(), await tt();
     });
     const P = mt(null), W = mt(null), X = b(() => !!e.value.debug);
     function lt() {
-      if (gl(w.dataset) ? (K({
+      if (gl(w.dataset) ? (J({
         componentName: "VueUiNestedDonuts",
         type: "dataset",
         debug: X.value
@@ -280,32 +280,32 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
     }
     const x = c([]), F = b(() => {
       me.value, Y.value.forEach((s, a) => {
-        [null, void 0].includes(s.name) && K({
+        [null, void 0].includes(s.name) && J({
           componentName: "VueUiNestedDonuts",
           type: "datasetSerieAttribute",
           property: "name",
           index: a,
           debug: X.value
-        }), [null, void 0].includes(s.series) ? K({
+        }), [null, void 0].includes(s.series) ? J({
           componentName: "VueUiNestedDonuts",
           type: "datasetSerieAttribute",
           property: "series",
           index: a,
           debug: X.value
-        }) : s.series.length === 0 ? K({
+        }) : s.series.length === 0 ? J({
           componentName: "VueUiNestedDonuts",
           type: "datasetAttributeEmpty",
           property: `series at index ${a}`,
           debug: X.value
         }) : s.series.forEach((o, l) => {
-          [null, void 0].includes(o.name) && K({
+          [null, void 0].includes(o.name) && J({
             componentName: "VueUiNestedDonuts",
             type: "datasetSerieAttribute",
             property: "name",
             index: l,
             key: "serie",
             debug: X.value
-          }), [null, void 0].includes(o.values) && K({
+          }), [null, void 0].includes(o.values) && J({
             componentName: "VueUiNestedDonuts",
             type: "datasetSerieAttribute",
             property: "values",
@@ -414,7 +414,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         series: d.series.map((g) => g.id === t.id ? { ...g, value: 0 } : g)
       })), x.value.push(t.id)));
     }
-    const oe = b(() => N.value / F.value.length * e.value.style.chart.layout.donut.spacingRatio), dt = b(() => k.value.map((t, s) => N.value - s * N.value / F.value.length)), q = b(() => k.value.map((t, s) => {
+    const oe = b(() => N.value / F.value.length * e.value.style.chart.layout.donut.spacingRatio), dt = b(() => k.value.map((t, s) => N.value - s * N.value / F.value.length)), H = b(() => k.value.map((t, s) => {
       const a = Math.abs(t.series.map((m) => m.value).reduce((m, d) => m + d, 0)) > 0, o = N.value - s * N.value / k.value.length, l = R.value ? Z.value.find((m) => m.datasetIndex === s) : null, n = [...t.series, ...l ? [l] : []].map((m) => ({
         ...m,
         value: m.value < 1e-11 ? Number.MIN_VALUE : m.value
@@ -477,7 +477,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
     function Xt({ datapoint: t, seriesIndex: s }) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: s }), fe.value = !1, ct.value = null, ye.value = null, se.value = null, ue.value = null;
     }
-    function qt({ datapoint: t, _relativeIndex: s, seriesIndex: a }) {
+    function Ht({ datapoint: t, _relativeIndex: s, seriesIndex: a }) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), ct.value = t.arcOfId, se.value = t.id, ue.value = a, ye.value = t.id, Le.value = {
         datapoint: t,
         seriesIndex: a,
@@ -619,7 +619,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
           isSegregated: x.value.includes(l.id)
         };
       });
-    })), Ht = b(() => ({
+    })), qt = b(() => ({
       cy: "nested-donuts-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -701,7 +701,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         config: a
       };
     });
-    function Jt() {
+    function Qt() {
       return F.value;
     }
     function ft() {
@@ -717,7 +717,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
     function Ae() {
       ie.value = !ie.value;
     }
-    async function Kt({ scale: t = 2 } = {}) {
+    async function Jt({ scale: t = 2 } = {}) {
       if (!I.value) return;
       const { width: s, height: a } = I.value.getBoundingClientRect(), o = s / a, { imageUri: l, base64: n } = await Dl({ domElement: I.value, base64: !0, img: !0, scale: t });
       return {
@@ -730,7 +730,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
       };
     }
     const Te = c(null);
-    function Qt() {
+    function Kt() {
       if (!Te.value) return;
       const { x: t, y: s, width: a, height: o } = Te.value.getBBox();
       ee.value && ee.value.setAttribute("viewBox", `${t} ${s} ${a + Math.min(0, t)} ${o + Math.min(0, s)}`);
@@ -789,9 +789,9 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         ll();
     }
     return Ot({
-      autoSize: Qt,
-      getData: Jt,
-      getImage: Kt,
+      autoSize: Kt,
+      getData: Qt,
+      getImage: Jt,
       generatePdf: st,
       generateCsv: _e,
       generateImage: ut,
@@ -800,7 +800,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
       toggleLabels: pt,
       toggleTooltip: yt,
       toggleAnnotator: Ae,
-      toggleFullscreen: Ke
+      toggleFullscreen: Je
     }), (t, s) => (u(), r("div", {
       ref_key: "nestedDonutsChart",
       ref: I,
@@ -874,7 +874,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
-        onToggleFullscreen: Ke,
+        onToggleFullscreen: Je,
         onGeneratePdf: i(st),
         onGenerateCsv: _e,
         onGenerateImage: i(ut),
@@ -890,7 +890,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: L(({ isOpen: a, color: o }) => [
-            _(t.$slots, "menuIcon", H(J({ isOpen: a, color: o })), void 0, !0)
+            _(t.$slots, "menuIcon", q(Q({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -939,14 +939,14 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: L(({ toggleFullscreen: a, isFullscreen: o }) => [
-            _(t.$slots, "optionFullscreen", H(J({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+            _(t.$slots, "optionFullscreen", q(Q({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: L(({ toggleAnnotator: a, isAnnotator: o }) => [
-            _(t.$slots, "optionAnnotator", H(J({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+            _(t.$slots, "optionAnnotator", q(Q({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "8"
         } : void 0
@@ -1019,7 +1019,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
                 in: "SourceGraphic",
                 stdDeviation: 2,
                 id: `blur_std_${p.value}`
-              }, null, 8, ql),
+              }, null, 8, Hl),
               s[6] || (s[6] = y("feColorMatrix", {
                 type: "saturate",
                 values: "0"
@@ -1035,18 +1035,18 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
                 stdDeviation: "10",
                 "flood-opacity": "0.5",
                 "flood-color": e.value.style.chart.layout.donut.shadowColor
-              }, null, 8, Jl)
-            ], 8, Hl)
+              }, null, 8, Ql)
+            ], 8, ql)
           ]),
           y("defs", null, [
-            (u(!0), r(A, null, T(q.value, (a, o) => (u(), r("path", {
+            (u(!0), r(A, null, T(H.value, (a, o) => (u(), r("path", {
               key: `path-full-${o}`,
               id: `path-full-${o}-${p.value}`,
               d: a.fullCirclePath,
               fill: "none"
-            }, null, 8, Kl))), 128))
+            }, null, 8, Jl))), 128))
           ]),
-          (u(!0), r(A, null, T(q.value, (a, o) => (u(), r("g", null, [
+          (u(!0), r(A, null, T(H.value, (a, o) => (u(), r("g", null, [
             a.hasData ? (u(!0), r(A, { key: 0 }, T(a.donut.filter((l) => !l.ghost), (l, n) => (u(), r("g", null, [
               y("path", {
                 class: "vue-ui-donut-arc-path",
@@ -1055,7 +1055,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
                 stroke: e.value.style.chart.layout.donut.borderColorAuto ? e.value.style.chart.backgroundColor : e.value.style.chart.layout.donut.borderColor,
                 "stroke-width": e.value.style.chart.layout.donut.borderWidth,
                 filter: ht(l, n)
-              }, null, 8, Ql)
+              }, null, 8, Kl)
             ]))), 256)) : (u(!0), r(A, { key: 1 }, T(a.skeleton, (l, n) => (u(), r("g", null, [
               y("path", {
                 class: "vue-ui-donut-arc-path",
@@ -1077,7 +1077,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
             ]))), 256))
           ])) : $("", !0),
           e.value.style.chart.layout.labels.dataLabels.showDonutName ? (u(), r("g", ta, [
-            e.value.style.chart.layout.labels.dataLabels.curvedDonutName ? (u(!0), r(A, { key: 0 }, T(q.value, (a, o) => (u(), r("g", null, [
+            e.value.style.chart.layout.labels.dataLabels.curvedDonutName ? (u(!0), r(A, { key: 0 }, T(H.value, (a, o) => (u(), r("g", null, [
               (u(!0), r(A, null, T(a.donut, (l, n) => (u(), r("g", null, [
                 n === 0 && h.value.width && h.value.height ? (u(), r("text", {
                   key: 0,
@@ -1100,7 +1100,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
                   }) : a.name), 9, aa)
                 ], 10, la)) : $("", !0)
               ]))), 256))
-            ]))), 256)) : (u(!0), r(A, { key: 1 }, T(q.value, (a, o) => (u(), r("g", null, [
+            ]))), 256)) : (u(!0), r(A, { key: 1 }, T(H.value, (a, o) => (u(), r("g", null, [
               (u(!0), r(A, null, T(a.donut, (l, n) => (u(), r("g", null, [
                 n === 0 && h.value.width && h.value.height ? (u(), r("text", {
                   key: 0,
@@ -1119,15 +1119,15 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
             ]))), 256))
           ])) : $("", !0),
           e.value.style.chart.layout.labels.dataLabels.show ? (u(), r("g", sa, [
-            (u(!0), r(A, null, T(q.value, (a, o) => (u(), r("g", null, [
+            (u(!0), r(A, null, T(H.value, (a, o) => (u(), r("g", null, [
               (u(!0), r(A, null, T(a.donut.filter((l) => !l.ghost), (l, n) => (u(), r("g", {
                 filter: ht(l, n)
               }, [
                 kt(y("text", {
                   class: M({ animated: e.value.useCssAnimation }),
                   opacity: xe(l) ? 1 : 0,
-                  "text-anchor": i(Q)(l, !0).anchor,
-                  x: i(Q)(
+                  "text-anchor": i(K)(l, !0).anchor,
+                  x: i(K)(
                     l,
                     !1,
                     e.value.style.chart.layout.labels.dataLabels.offsetX
@@ -1153,8 +1153,8 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
                 kt(y("text", {
                   class: M({ animated: e.value.useCssAnimation }),
                   opacity: xe(l) ? 1 : 0,
-                  "text-anchor": i(Q)(l, !0).anchor,
-                  x: i(Q)(
+                  "text-anchor": i(K)(l, !0).anchor,
+                  x: i(K)(
                     l,
                     !1,
                     e.value.style.chart.layout.labels.dataLabels.offsetX
@@ -1186,8 +1186,8 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
                 xe(l) && C.value.dataLabels.show && !e.value.style.chart.layout.labels.dataLabels.showPercentage && e.value.style.chart.layout.labels.dataLabels.showValue ? (u(), r("text", {
                   key: 0,
                   class: M({ animated: e.value.useCssAnimation }),
-                  "text-anchor": i(Q)(l, !0).anchor,
-                  x: i(Q)(
+                  "text-anchor": i(K)(l, !0).anchor,
+                  x: i(K)(
                     l,
                     !1,
                     e.value.style.chart.layout.labels.dataLabels.offsetX
@@ -1214,12 +1214,12 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
               ], 8, ua))), 256))
             ]))), 256))
           ])) : $("", !0),
-          (u(!0), r(A, null, T(q.value, (a, o) => (u(), r("g", null, [
+          (u(!0), r(A, null, T(H.value, (a, o) => (u(), r("g", null, [
             (u(!0), r(A, null, T(a.donut, (l, n) => (u(), r("g", null, [
               y("path", {
                 d: l.arcSlice,
                 fill: ye.value === l.id ? e.value.style.chart.layout.donut.selectedColor : "transparent",
-                onMouseenter: (v) => qt({
+                onMouseenter: (v) => Ht({
                   datapoint: l,
                   seriesIndex: l.seriesIndex
                 }),
@@ -1232,7 +1232,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         ], 512)
       ], 14, Rl)),
       t.$slots.watermark ? (u(), r("div", va, [
-        _(t.$slots, "watermark", H(J({ isPrinting: i(at) || i(ot) })), void 0, !0)
+        _(t.$slots, "watermark", q(Q({ isPrinting: i(at) || i(ot) })), void 0, !0)
       ])) : $("", !0),
       Ve(i(It), {
         show: C.value.showTooltip && fe.value,
@@ -1255,17 +1255,17 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": L(() => [
-          _(t.$slots, "tooltip-before", H(J({ ...Le.value })), void 0, !0)
+          _(t.$slots, "tooltip-before", q(Q({ ...Le.value })), void 0, !0)
         ]),
         "tooltip-after": L(() => [
-          _(t.$slots, "tooltip-after", H(J({ ...Le.value })), void 0, !0)
+          _(t.$slots, "tooltip-after", q(Q({ ...Le.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
       y("div", {
         id: `legend-bottom-${p.value}`
       }, null, 8, ca),
-      Je.value ? (u(), B(vl, {
+      Qe.value ? (u(), B(vl, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${p.value}` : `#legend-bottom-${p.value}`
       }, [
@@ -1276,9 +1276,9 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
           class: M({ "vue-ui-nested-donuts-legend": ne.value.length > 1 })
         }, [
           (u(!0), r(A, null, T(ne.value, (a, o) => (u(), B(zl, {
-            key: `legend_${o}_${He.value}`,
+            key: `legend_${o}_${qe.value}`,
             legendSet: a,
-            config: Ht.value,
+            config: qt.value,
             onClickMarker: s[0] || (s[0] = ({ legend: l }) => Ce(l))
           }, {
             legendTitle: L(({ titleSet: l }) => [
@@ -1316,7 +1316,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
       }), wt({
         content: L(() => [
           (u(), B(i(Pt), {
-            key: `table_${qe.value}`,
+            key: `table_${He.value}`,
             colNames: re.value.colNames,
             head: re.value.head,
             body: re.value.body,