vue-data-ui 3.17.9 → 3.17.11

package/dist/{vue-ui-nested-donuts-JhqmPAhH.js → vue-ui-nested-donuts-Cc_5aNFc.js}

@@ -1,12 +1,12 @@
-import { defineAsyncComponent as G, computed as $, ref as h, toRefs as Ol, watch as fe, onMounted as Fl, shallowRef as Ft, onBeforeUnmount as Dl, openBlock as u, createElementBlock as r, unref as v, normalizeStyle as pe, normalizeClass as Z, createElementVNode as g, toDisplayString as E, createBlock as V, createCommentVNode as A, withCtx as y, renderSlot as b, normalizeProps as P, guardReactiveProps as S, createSlots as Dt, createVNode as Xe, Fragment as T, renderList as _, withDirectives as Nt, vShow as Vt, Teleport as Nl, resolveDynamicComponent as Vl, mergeProps as Ml, createTextVNode as Mt, nextTick as He } from "vue";
-import { j as zl, t as zt, m as Bl, p as qe, o as El, q as oe, n as Ul, a8 as Y, s as Rl, a4 as je, k as Le, l as D, X as Gl, u as Yl, a as Bt, a6 as Et, a7 as xe, B as Ut, T as Rt, a0 as Wl, a1 as Kl, U as Xl, ai as Gt, K as Je } from "./lib-DMzrGQHK.js";
+import { defineAsyncComponent as G, computed as $, ref as h, toRefs as Ol, watch as fe, onMounted as Fl, shallowRef as Ft, onBeforeUnmount as Dl, openBlock as u, createElementBlock as r, unref as v, normalizeStyle as pe, normalizeClass as Z, createElementVNode as g, toDisplayString as E, createBlock as V, createCommentVNode as A, withCtx as y, renderSlot as b, normalizeProps as P, guardReactiveProps as S, createSlots as Dt, createVNode as Ke, Fragment as T, renderList as _, withDirectives as Nt, vShow as Vt, Teleport as Nl, resolveDynamicComponent as Vl, mergeProps as Ml, createTextVNode as Mt, nextTick as Xe } from "vue";
+import { j as zl, t as zt, m as Bl, p as He, o as El, q as oe, n as Ul, a8 as Y, s as Rl, a4 as qe, k as Le, l as D, X as Gl, u as Yl, a as Bt, a6 as Et, a7 as xe, B as Ut, T as Rt, a0 as Wl, a1 as Kl, U as Xl, ai as Gt, K as je } from "./lib-DMzrGQHK.js";
 import { b as Hl } from "./labelUtils-DX9oyq3C.js";
 import { t as ql, u as jl } from "./useResponsive-DfdjqQps.js";
 import { u as Jl } from "./useConfig-B70q17MC.js";
 import { u as Ql, B as Zl } from "./BaseScanner-C2j3TsSY.js";
 import { u as ea } from "./usePrinter-C4t8DdQ-.js";
 import { u as ta } from "./useSvgExport-BTG4hVPO.js";
-import { u as Qe } from "./useNestedProp-DH0BEVVS.js";
+import { u as Je } from "./useNestedProp-DH0BEVVS.js";
 import { u as la } from "./useThemeCheck-C9Ccl7U9.js";
 import { u as aa } from "./useUserOptionState-B7Ej974k.js";
 import { u as oa } from "./useChartAccessibility-cp6XQtqi.js";
@@ -51,7 +51,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
     ), Qt = G(
       () => import("./PenAndPaper-CJDoB5H9.js")
     ), Zt = G(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), el = G(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_nested_donuts: tl } = Jl(), { isThemeValid: ll, warnInvalidTheme: al } = la(), I = Yt, Te = $({
@@ -61,11 +61,11 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       set(t) {
         return t;
       }
-    }), f = h(zl()), se = h(!1), _e = h(""), ne = h(null), Ze = h(0), M = h(null), et = h(null), Pe = h(null), tt = h(null), lt = h(null), at = h(0), ot = h(0), st = h(0), W = h(!0), K = h([]), ue = h([]), nt = h(!1), re = h(null), Se = h(null), ge = h(!1), ye = h(!1), N = h(null), ut = h({ x: 0, y: 0 }), ie = h("pointer"), Ie = h(!1), X = h(!1);
+    }), f = h(zl()), se = h(!1), _e = h(""), ne = h(null), Qe = h(0), M = h(null), Ze = h(null), et = h(null), tt = h(null), lt = h(null), at = h(0), ot = h(0), st = h(0), W = h(!0), K = h([]), ue = h([]), nt = h(!1), re = h(null), Pe = h(null), ge = h(!1), ye = h(!1), N = h(null), ut = h({ x: 0, y: 0 }), ie = h("pointer"), Se = h(!1), X = h(!1);
     function rt(t) {
-      X.value = t, Ze.value += 1;
+      X.value = t, Qe.value += 1;
     }
-    const e = h(De()), H = $(
+    const e = h(Fe()), H = $(
       () => e.value.userOptions.useCursorPointer
     ), it = {
       name: "",
@@ -115,10 +115,10 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: be, FINAL_DATASET: q, manualLoading: Oe } = Ql({
+    })), { loading: be, FINAL_DATASET: q, manualLoading: Ie } = Ql({
       ...Ol(I),
       FINAL_CONFIG: e,
-      prepareConfig: De,
+      prepareConfig: Fe,
       callback: () => {
         Promise.resolve().then(async () => {
           await ht();
@@ -129,11 +129,11 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         defaultConfig: e.value,
         userConfig: ol.value
       })
-    }), { userOptionsVisible: Fe, setUserOptionsVisibility: dt, keepUserOptionState: ct } = aa({ config: e.value }), { svgRef: z } = oa({
+    }), { userOptionsVisible: Oe, setUserOptionsVisibility: dt, keepUserOptionState: ct } = aa({ config: e.value }), { svgRef: z } = oa({
       config: e.value.style.chart.title
     });
-    function De() {
-      const t = Qe({
+    function Fe() {
+      const t = Je({
         userConfig: I.config,
         defaultConfig: tl
       });
@@ -143,16 +143,16 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         if (!ll.value(t))
           al(t), s = t;
         else {
-          const o = Qe({
+          const o = Je({
             userConfig: ua[l] || I.config,
             defaultConfig: t
           });
           s = {
-            ...Qe({
+            ...Je({
               userConfig: I.config,
               defaultConfig: o
             }),
-            customPalette: t.customPalette.length ? t.customPalette : Bl[l] || qe
+            customPalette: t.customPalette.length ? t.customPalette : Bl[l] || He
           };
         }
       else
@@ -162,7 +162,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
     fe(
       () => I.config,
       (t) => {
-        be.value || (e.value = De()), Fe.value = !e.value.userOptions.showOnChartHover, ft(), at.value += 1, ot.value += 1, st.value += 1, L.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, L.value.showTable = e.value.table.show, L.value.showTooltip = e.value.style.chart.tooltip.show, p.value.width = e.value.style.chart.width, p.value.height = e.value.style.chart.height;
+        be.value || (e.value = Fe()), Oe.value = !e.value.userOptions.showOnChartHover, ft(), at.value += 1, ot.value += 1, st.value += 1, L.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, L.value.showTable = e.value.table.show, L.value.showTooltip = e.value.style.chart.tooltip.show, p.value.width = e.value.style.chart.width, p.value.height = e.value.style.chart.height;
       },
       { deep: !0 }
     );
@@ -188,34 +188,34 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
               const x = Math.min((w - k) / s, 1), ve = Gt(x), he = d * ve;
               K.value[c] = he, K.value = [...K.value];
               const Ce = [];
-              let Re = 0;
-              I.dataset.forEach((Ae, Ge) => {
-                const _l = Je(
+              let Ue = 0;
+              I.dataset.forEach((Ae, Re) => {
+                const _l = je(
                   Ae.series.reduce(
-                    (We, Ke) => We + Je(
-                      Y(Ke.values).reduce(
+                    (Ye, We) => Ye + je(
+                      Y(We.values).reduce(
                         (Sl, Il) => Sl + Il,
                         0
                       )
                     ),
                     0
                   )
-                ), Pl = Je(
-                  K.value.slice(Re, Re + Ae.series.length).reduce((We, Ke) => We + Ke, 0)
-                ), Ye = _l - Pl;
-                Ye > Number.MIN_VALUE && Ce.push({
+                ), Pl = je(
+                  K.value.slice(Ue, Ue + Ae.series.length).reduce((Ye, We) => Ye + We, 0)
+                ), Ge = _l - Pl;
+                Ge > Number.MIN_VALUE && Ce.push({
                   name: "__ghost__",
                   arcOf: Ae.name,
-                  arcOfId: `${f.value}_${Ge}`,
-                  id: `ghost_${f.value}_${Ge}`,
+                  arcOfId: `${f.value}_${Re}`,
+                  id: `ghost_${f.value}_${Re}`,
                   seriesIndex: -1,
-                  datasetIndex: Ge,
+                  datasetIndex: Re,
                   color: "transparent",
-                  value: Ye,
-                  fullValue: Ye,
+                  value: Ge,
+                  fullValue: Ge,
                   absoluteValues: [],
                   ghost: !0
-                }), Re += Ae.series.length;
+                }), Ue += Ae.series.length;
               }), ue.value = Ce, x < 1 ? requestAnimationFrame(i) : (n += 1, n === a && o());
             }
             requestAnimationFrame(i);
@@ -246,7 +246,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
             absoluteValues: [],
             ghost: !0
           };
-        }), await He(), sl(
+        }), await Xe(), sl(
           s,
           e.value.startAnimation.durationMs,
           e.value.startAnimation.staggerMs
@@ -265,12 +265,12 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         componentName: "VueUiNestedDonuts",
         type: "dataset",
         debug: te.value
-      }), Te.value = !1, Oe.value = !0) : Oe.value = e.value.loading, e.value.responsive) {
+      }), Te.value = !1, Ie.value = !0) : Ie.value = e.value.loading, e.value.responsive) {
         const t = ql(() => {
           const { width: s, height: l } = jl({
             chart: M.value,
-            title: e.value.style.chart.title.text ? et.value : null,
-            legend: e.value.style.chart.legend.show ? Pe.value : null,
+            title: e.value.style.chart.title.text ? Ze.value : null,
+            legend: e.value.style.chart.legend.show ? et.value : null,
             source: tt.value,
             noTitle: lt.value,
             padding: vt.value
@@ -285,7 +285,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
     Dl(() => {
       U.value && (ee.value && U.value.unobserve(ee.value), U.value.disconnect());
     });
-    const { isPrinting: Ne, isImaging: Ve, generatePdf: pt, generateImage: gt } = ea({
+    const { isPrinting: De, isImaging: Ne, generatePdf: pt, generateImage: gt } = ea({
       elementId: `nested_donuts_${f.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-nested-donuts",
       options: e.value.userOptions.print
@@ -312,9 +312,9 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
     const p = h({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height
-    }), Me = Kt;
+    }), Ve = Kt;
     function yt({ datapoint: t, index: s, seriesIndex: l }) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: l }), Me("selectDatapoint", { datapoint: t, index: s });
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: l }), Ve("selectDatapoint", { datapoint: t, index: s });
     }
     function bt({
       from: t,
@@ -386,7 +386,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
             id: `${f.value}_${l}_${a}`,
             seriesIndex: a,
             datasetIndex: l,
-            color: Rl(o.color) || ul.value[a] || qe[a % qe.length],
+            color: Rl(o.color) || ul.value[a] || He[a % He.length],
             value: W.value ? K.value[t++] ?? 0 : n,
             absoluteValues: o.values || []
           };
@@ -396,7 +396,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
     fe(
       () => I.dataset,
       (t) => {
-        Array.isArray(t) && t.length > 0 && (Oe.value = !1);
+        Array.isArray(t) && t.length > 0 && (Ie.value = !1);
       },
       { immediate: !0 }
     );
@@ -431,7 +431,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         m.value.push(...s);
     }
     function j(t) {
-      Me("selectLegend", t);
+      Ve("selectLegend", t);
       const s = I.dataset.flatMap(
         (i, w) => i.series.map((x, ve) => ({
           value: Y(x.values).reduce((he, Ce) => he + Ce, 0),
@@ -512,7 +512,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       const l = Math.abs(t.series.map((k) => k.value).reduce((k, i) => k + i, 0)) > 0, o = B.value - s * B.value / C.value.length, a = W.value ? ue.value.find((k) => k.datasetIndex === s) : null, n = [...t.series, ...a ? [a] : []].map((k) => ({
         ...k,
         value: k.value < 1e-11 ? Number.MIN_VALUE : k.value
-      })), d = je(
+      })), d = qe(
         {
           series: [
             {
@@ -541,7 +541,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         radius: o,
         skeleton: d,
         fullCirclePath: c,
-        donut: je(
+        donut: qe(
           { series: n },
           p.value.width / 2,
           p.value.height / 2,
@@ -559,7 +559,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       const l = s * B.value / O.value.length;
       return {
         sizeRatio: l,
-        donut: je(
+        donut: qe(
           { series: [{ value: 1 }] },
           p.value.width / 2,
           p.value.height / 2,
@@ -757,8 +757,8 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       }))), s = C.value.flatMap((l) => l.series.map((o) => o.value));
       return { head: t, body: s };
     });
-    function ze(t = null) {
-      He(() => {
+    function Me(t = null) {
+      Xe(() => {
         const s = R.value.head.map((a, n) => [
           [a.name],
           [R.value.body[n]],
@@ -838,7 +838,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       L.value.showTooltip = !L.value.showTooltip;
     }
     const de = h(!1);
-    function Be() {
+    function ze() {
       de.value = !de.value;
     }
     async function pl({ scale: t = 2 } = {}) {
@@ -858,10 +858,10 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         aspectRatio: o
       };
     }
-    const Ee = h(null);
+    const Be = h(null);
     function gl() {
-      if (!Ee.value) return;
-      const { x: t, y: s, width: l, height: o } = Ee.value.getBBox();
+      if (!Be.value) return;
+      const { x: t, y: s, width: l, height: o } = Be.value.getBBox();
       z.value && z.value.setAttribute(
         "viewBox",
         `${t} ${s} ${l + Math.min(0, t)} ${o + Math.min(0, s)}`
@@ -905,7 +905,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       }
     );
     function St() {
-      L.value.showTable = !1, Se.value && Se.value.setTableIconState(!1);
+      L.value.showTable = !1, Pe.value && Pe.value.setTableIconState(!1);
     }
     const yl = $(() => e.value.style.chart.backgroundColor), bl = $(() => e.value.style.chart.legend), ml = $(() => e.value.style.chart.title), wl = $(
       () => $e.value.flat().map((t) => ({
@@ -920,7 +920,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       backgroundColor: yl
     });
     async function It({ isCb: t }) {
-      ye.value = !0, await He();
+      ye.value = !0, await Xe();
       try {
         if (t) {
           const { blob: s, url: l, text: o, dataUrl: a } = await $l();
@@ -950,7 +950,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       gt();
     }
     async function Ot() {
-      if (Me("copyAlt", {
+      if (Ve("copyAlt", {
         config: e.value,
         dataset: C.value
       }), !e.value.userOptions.callbacks.altCopy) {
@@ -968,10 +968,10 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
     }
     const F = $(() => J.value.flatMap((t) => t.donut.filter((s) => !s.ghost)));
     function Al() {
-      N.value = null, Ie.value = !0;
+      N.value = null, Se.value = !0;
     }
     function Ll() {
-      N.value = null, ie.value = "pointer", se.value = !1, we.value = null, ne.value = null, le.value = null, Q.value = null, Ie.value = !1;
+      N.value = null, ie.value = "pointer", se.value = !1, we.value = null, ne.value = null, le.value = null, Q.value = null, Se.value = !1;
     }
     function xl(t) {
       if (!z.value || de.value || document.activeElement !== z.value || !F.value.length) return;
@@ -1011,7 +1011,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         y: t.top + t.height / 2
       };
     }
-    const Ue = $(() => {
+    const Ee = $(() => {
       const t = ae.value?.colNames ?? [], s = ae.value?.a11yBody ?? [];
       return { headers: t, rows: s };
     });
@@ -1020,7 +1020,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       getData: fl,
       getImage: pl,
       generatePdf: pt,
-      generateCsv: ze,
+      generateCsv: Me,
       generateImage: gt,
       generateSvg: It,
       hideSeries: cl,
@@ -1028,7 +1028,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       toggleTable: Tt,
       toggleLabels: _t,
       toggleTooltip: Pt,
-      toggleAnnotator: Be,
+      toggleAnnotator: ze,
       toggleFullscreen: rt,
       copyAlt: Ot
     }), (t, s) => (u(), r("div", {
@@ -1046,11 +1046,11 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       }, [
         g("p", null, E(e.value.a11y.translations.keyboardNavigation), 1)
       ], 8, ha),
-      Ue.value?.rows?.length ? (u(), V(ia, {
+      Ee.value?.rows?.length ? (u(), V(ia, {
         key: 0,
         uid: f.value,
-        head: Ue.value.headers,
-        body: Ue.value.rows,
+        head: Ee.value.headers,
+        body: Ee.value.rows,
         notice: e.value.a11y.translations.tableAvailable,
         caption: e.value.a11y.translations.tableCaption
       }, null, 8, ["uid", "head", "body", "notice", "caption"])) : A("", !0),
@@ -1061,7 +1061,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         color: e.value.style.chart.color,
         active: de.value,
         isCursorPointer: H.value,
-        onClose: Be
+        onClose: ze
       }, {
         "annotator-action-close": y(() => [
           b(t.$slots, "annotator-action-close", {}, void 0, !0)
@@ -1093,7 +1093,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       e.value.style.chart.title.text ? (u(), r("div", {
         key: 3,
         ref_key: "chartTitle",
-        ref: et
+        ref: Ze
       }, [
         (u(), V(na, {
           key: `title_${at.value}`,
@@ -1112,14 +1112,14 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       g("div", {
         id: `legend-top-${f.value}`
       }, null, 8, fa),
-      e.value.userOptions.show && Te.value && (v(ct) || v(Fe)) ? (u(), V(v(Jt), {
+      e.value.userOptions.show && Te.value && (v(ct) || v(Oe)) ? (u(), V(v(Jt), {
         ref_key: "userOptionsRef",
-        ref: Se,
-        key: `user_option_${Ze.value}`,
+        ref: Pe,
+        key: `user_option_${Qe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: v(Ne),
-        isImaging: v(Ve),
+        isPrinting: v(De),
+        isImaging: v(Ne),
         uid: f.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -1143,16 +1143,16 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         isCursorPointer: H.value,
         onToggleFullscreen: rt,
         onGeneratePdf: v(pt),
-        onGenerateCsv: ze,
+        onGenerateCsv: Me,
         onGenerateImage: Cl,
         onGenerateSvg: It,
         onToggleTable: Tt,
         onToggleLabels: _t,
         onToggleTooltip: Pt,
-        onToggleAnnotator: Be,
+        onToggleAnnotator: ze,
         onCopyAlt: Ot,
         style: pe({
-          visibility: v(ct) ? v(Fe) ? "visible" : "hidden" : "visible"
+          visibility: v(ct) ? v(Oe) ? "visible" : "hidden" : "visible"
         })
       }, Dt({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -1253,10 +1253,10 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         }, [
           g("g", {
             ref_key: "G",
-            ref: Ee,
+            ref: Be,
             class: "vue-data-ui-g"
           }, [
-            Xe(v(Zt)),
+            Ke(v(Zt)),
             t.$slots["chart-background"] ? (u(), r("foreignObject", {
               key: 0,
               x: 0,
@@ -1525,7 +1525,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
             b(t.$slots, "svg", {
               svg: {
                 ...p.value,
-                isPrintingImg: v(Ne) | v(Ve) | ge.value,
+                isPrintingImg: v(De) | v(Ne) | ge.value,
                 isPrintingSvg: ye.value
               }
             }, void 0, !0)
@@ -1534,16 +1534,16 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         t.$slots.hint ? (u(), r("div", Ba, [
           b(t.$slots, "hint", P(S({
             hint: e.value.a11y.translations.keyboardNavigation,
-            isVisible: Ie.value
+            isVisible: Se.value
           })), void 0, !0)
         ])) : A("", !0)
       ]),
       t.$slots.watermark ? (u(), r("div", Ea, [
         b(t.$slots, "watermark", P(S({
-          isPrinting: v(Ne) || v(Ve) || ge.value || ye.value
+          isPrinting: v(De) || v(Ne) || ge.value || ye.value
         })), void 0, !0)
       ])) : A("", !0),
-      Xe(v(Xt), {
+      Ke(v(Xt), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: L.value.showTooltip && se.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -1580,65 +1580,62 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       g("div", {
         id: `legend-bottom-${f.value}`
       }, null, 8, Ua),
-      nt.value ? (u(), V(Nl, {
+      nt.value && (e.value.style.chart.legend.show || t.$slots.legend) ? (u(), V(Nl, {
         key: 6,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${f.value}` : `#legend-bottom-${f.value}`
       }, [
         e.value.style.chart.legend.show ? (u(), r("div", {
           key: 0,
           ref_key: "chartLegend",
-          ref: Pe,
+          ref: et,
           class: Z({
             "vue-ui-nested-donuts-legend": $e.value.length > 1
           })
         }, [
-          (u(!0), r(T, null, _($e.value, (l, o) => (u(), V(ra, {
-            key: `legend_${o}_${st.value}`,
-            legendSet: l,
-            config: hl.value,
-            isCursorPointer: H.value,
-            onClickMarker: s[0] || (s[0] = ({ legend: a }) => j(a))
-          }, {
-            legendTitle: y(({ titleSet: a }) => [
-              a[0] && a[0].arcOf ? (u(), r("div", Ra, E(a[0].arcOf), 1)) : A("", !0)
-            ]),
-            item: y(({ legend: a, index: n }) => [
-              g("div", {
-                onClick: (d) => j(a),
-                style: pe(`opacity:${m.value.includes(a.id) ? 0.5 : 1}`)
-              }, E(a.display), 13, Ga)
-            ]),
-            legendToggle: y(() => [
-              l.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !v(be) ? (u(), V(da, {
-                key: `toggle-${o}`,
-                backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
-                color: e.value.style.chart.legend.selectAllToggle.color,
-                fontSize: e.value.style.chart.legend.fontSize,
-                checked: l.some((a) => m.value.includes(a.id)),
-                isCursorPointer: H.value,
-                onToggle: (a) => il(l)
-              }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer", "onToggle"])) : A("", !0)
-            ]),
-            _: 2
-          }, 1032, ["legendSet", "config", "isCursorPointer"]))), 128))
+          b(t.$slots, "legend", { legend: $e.value }, () => [
+            (u(!0), r(T, null, _($e.value, (l, o) => (u(), V(ra, {
+              key: `legend_${o}_${st.value}`,
+              legendSet: l,
+              config: hl.value,
+              isCursorPointer: H.value,
+              onClickMarker: s[0] || (s[0] = ({ legend: a }) => j(a))
+            }, {
+              legendTitle: y(({ titleSet: a }) => [
+                a[0] && a[0].arcOf ? (u(), r("div", Ra, E(a[0].arcOf), 1)) : A("", !0)
+              ]),
+              item: y(({ legend: a, index: n }) => [
+                g("div", {
+                  onClick: (d) => j(a),
+                  style: pe(`opacity:${m.value.includes(a.id) ? 0.5 : 1}`)
+                }, E(a.display), 13, Ga)
+              ]),
+              legendToggle: y(() => [
+                l.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !v(be) ? (u(), V(da, {
+                  key: `toggle-${o}`,
+                  backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
+                  color: e.value.style.chart.legend.selectAllToggle.color,
+                  fontSize: e.value.style.chart.legend.fontSize,
+                  checked: l.some(
+                    (a) => m.value.includes(a.id)
+                  ),
+                  isCursorPointer: H.value,
+                  onToggle: (a) => il(l)
+                }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer", "onToggle"])) : A("", !0)
+              ]),
+              _: 2
+            }, 1032, ["legendSet", "config", "isCursorPointer"]))), 128))
+          ], !0)
         ], 2)) : A("", !0)
       ], 8, ["to"])) : A("", !0),
-      e.value.style.chart.legend.show ? A("", !0) : (u(), r("div", {
-        key: 7,
-        ref_key: "chartLegend",
-        ref: Pe
-      }, [
-        b(t.$slots, "legend", { legend: $e.value }, void 0, !0)
-      ], 512)),
       t.$slots.source ? (u(), r("div", {
-        key: 8,
+        key: 7,
         ref_key: "source",
         ref: tt,
         dir: "auto"
       }, [
         b(t.$slots, "source", {}, void 0, !0)
       ], 512)) : A("", !0),
-      Te.value && e.value.userOptions.buttons.table ? (u(), V(Vl(ce.value.component), Ml({ key: 9 }, ce.value.props, {
+      Te.value && e.value.userOptions.buttons.table ? (u(), V(Vl(ce.value.component), Ml({ key: 8 }, ce.value.props, {
         ref_key: "tableUnit",
         ref: re,
         onClose: St
@@ -1682,10 +1679,10 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
             g("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: s[1] || (s[1] = (l) => ze(e.value.userOptions.callbacks.csv)),
+              onClick: s[1] || (s[1] = (l) => Me(e.value.userOptions.callbacks.csv)),
               style: pe({ cursor: H.value ? "pointer" : "default" })
             }, [
-              Xe(v(Ht), {
+              Ke(v(Ht), {
                 name: "fileCsv",
                 stroke: ce.value.props.color
               }, null, 8, ["stroke"])
@@ -1699,7 +1696,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       ], !0)
     ], 46, va));
   }
-}, vo = /* @__PURE__ */ ca(Wa, [["__scopeId", "data-v-5d2304e8"]]);
+}, vo = /* @__PURE__ */ ca(Wa, [["__scopeId", "data-v-7f94932f"]]);
 export {
   vo as default
 };