vue-data-ui 2.17.0 → 2.17.2

package/dist/{vue-ui-onion-D4U7TL_N.js → vue-ui-onion-swDxtTT3.js}

@@ -1,18 +1,18 @@
-import { defineAsyncComponent as O, computed as h, ref as u, watch as xe, shallowRef as Te, onMounted as et, onBeforeUnmount as tt, createElementBlock as i, openBlock as s, unref as r, normalizeStyle as X, normalizeClass as E, createBlock as P, createCommentVNode as g, createElementVNode as S, createVNode as Oe, createSlots as at, withCtx as f, renderSlot as v, normalizeProps as F, guardReactiveProps as M, Fragment as D, renderList as L, toDisplayString as R, createTextVNode as lt, nextTick as ot } from "vue";
-import { u as nt, c as st, t as rt, p as Pe, a as ut, b as it, o as ct, e as Z, d as vt, X as dt, f as V, i as ee, x as _e, q as ht, r as ft, y as gt } from "./index-pPGk-uhD.js";
+import { defineAsyncComponent as O, computed as h, ref as u, watch as xe, shallowRef as Te, onMounted as et, onBeforeUnmount as tt, createElementBlock as i, openBlock as s, unref as r, normalizeStyle as X, normalizeClass as E, createBlock as P, createCommentVNode as p, createElementVNode as S, createVNode as Oe, createSlots as at, withCtx as f, renderSlot as v, normalizeProps as F, guardReactiveProps as M, Fragment as D, renderList as L, toDisplayString as R, createTextVNode as lt, nextTick as ot } from "vue";
+import { u as nt, c as st, t as rt, p as Pe, a as ut, b as it, o as ct, e as Z, d as vt, X as dt, f as V, i as ee, x as _e, q as ht, r as ft, y as gt } from "./index-JzUbx__y.js";
 import { t as pt, u as yt } from "./useResponsive-DfdjqQps.js";
-import { u as Ie } from "./useNestedProp-DjACxgdZ.js";
-import { u as mt } from "./usePrinter-DDHcrl0A.js";
+import { u as Ie } from "./useNestedProp-D_jd2dz9.js";
+import { u as mt } from "./usePrinter-CsyliflB.js";
 import { u as bt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as kt } from "./useChartAccessibility-9icAAmYg.js";
-import wt from "./Title-B-2bV0SW.js";
-import $t from "./Legend-Bxlv67uY.js";
-import Ct from "./img-Y_hYz-ZC.js";
+import wt from "./Title-BQb7X_OR.js";
+import $t from "./Legend-1R-B-7st.js";
+import Ct from "./img-D0DpKcFX.js";
 import { _ as xt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], It = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], At = ["id"], St = ["stdDeviation"], Ft = ["filter"], Mt = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Rt = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "onMouseenter"], Nt = { key: 2 }, Dt = ["onMouseenter"], Lt = ["x", "y", "font-size", "fill", "font-weight"], Vt = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, zt = ["onClick"], Yt = ["innerHTML"], Bt = {
+}, zt = ["onClick"], Bt = ["innerHTML"], Yt = {
   __name: "vue-ui-onion",
   props: {
     config: {
@@ -30,24 +30,24 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
   },
   emits: ["selectLegend"],
   setup(Ae, { expose: Se, emit: Fe }) {
-    const Me = O(() => import("./vue-ui-accordion-CVnA550V.js")), Re = O(() => import("./DataTable-D0VYDhfx.js")), Ne = O(() => import("./PackageVersion-5TR4ocqp.js")), De = O(() => import("./PenAndPaper-D6AqipIO.js")), Le = O(() => import("./vue-ui-skeleton-DJPjyNYn.js")), Ve = O(() => import("./Tooltip-CoQnTnr-.js")), ze = O(() => import("./UserOptions-Dd34lEKb.js")), { vue_ui_onion: Ye } = nt(), w = Ae, z = h(() => !!w.dataset && w.dataset.length), _ = u(st()), Be = u(null), te = u(0), Y = u(!1), G = u(""), y = u([]), x = u(null), ae = u(null), le = u(null), oe = u(null), ne = u(null), se = u(0), re = u(0), ue = u(0), e = h({
+    const Me = O(() => import("./vue-ui-accordion-CcTUbiHq.js")), Re = O(() => import("./DataTable-6BxhjBzt.js")), Ne = O(() => import("./PackageVersion-CIX1W_aa.js")), De = O(() => import("./PenAndPaper-CqJ4wudB.js")), Le = O(() => import("./vue-ui-skeleton-B4KQLEQy.js")), Ve = O(() => import("./Tooltip-BTnTpPdO.js")), ze = O(() => import("./UserOptions-lneAyZKu.js")), { vue_ui_onion: Be } = nt(), $ = Ae, z = h(() => !!$.dataset && $.dataset.length), _ = u(st()), Ye = u(null), te = u(0), B = u(!1), G = u(""), y = u([]), C = u(null), ae = u(null), le = u(null), oe = u(null), ne = u(null), se = u(0), re = u(0), ue = u(0), e = h({
       get: () => de(),
       set: (t) => t
     }), { userOptionsVisible: H, setUserOptionsVisibility: ie, keepUserOptionState: ce } = bt({ config: e.value }), { svgRef: ve } = kt({ config: e.value.style.chart.title });
     function de() {
       const t = Ie({
-        userConfig: w.config,
-        defaultConfig: Ye
+        userConfig: $.config,
+        defaultConfig: Be
       });
       return t.theme ? {
         ...Ie({
-          userConfig: ut.vue_ui_onion[t.theme] || w.config,
+          userConfig: ut.vue_ui_onion[t.theme] || $.config,
           defaultConfig: t
         }),
         customPalette: rt[t.theme] || Pe
       } : t;
     }
-    xe(() => w.config, (t) => {
+    xe(() => $.config, (t) => {
       e.value = de(), H.value = !e.value.userOptions.showOnChartHover, ye(), se.value += 1, re.value += 1, ue.value += 1, m.value.showTable = e.value.table.show, m.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: he, isImaging: fe, generatePdf: ge, generateImage: pe } = mt({
@@ -67,18 +67,18 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         bottom: 64
       },
       minRadius: 64
-    }), $ = Te(null), I = Te(null);
+    }), x = Te(null), I = Te(null);
     et(() => {
       ye();
     });
     function ye() {
-      if (ct(w.dataset) && Z({
+      if (ct($.dataset) && Z({
         componentName: "VueUiOnion",
         type: "dataset"
       }), e.value.responsive) {
         const o = pt(() => {
           const { width: a, height: l } = yt({
-            chart: x.value,
+            chart: C.value,
             title: e.value.style.chart.title.text ? ae.value : null,
             legend: e.value.style.chart.legend.show ? le.value : null,
             source: oe.value,
@@ -88,11 +88,11 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
             n.value.width = a, n.value.height = l, n.value.padding.top = Math.max(a, l) * 0.125, n.value.padding.right = Math.max(a, l) * 0.125, n.value.padding.bottom = Math.max(a, l) * 0.125, n.value.padding.left = Math.max(a, l) * 0.125, n.value.minRadius = Math.min(a, l) * 0.125;
           });
         });
-        $.value && (I.value && $.value.unobserve(I.value), $.value.disconnect()), $.value = new ResizeObserver(o), I.value = x.value.parentNode, $.value.observe(I.value);
+        x.value && (I.value && x.value.unobserve(I.value), x.value.disconnect()), x.value = new ResizeObserver(o), I.value = C.value.parentNode, x.value.observe(I.value);
       }
     }
     tt(() => {
-      $.value && (I.value && $.value.unobserve(I.value), $.value.disconnect());
+      x.value && (I.value && x.value.unobserve(I.value), x.value.disconnect());
     });
     const c = h(() => ({
       top: n.value.padding.top,
@@ -105,7 +105,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
       height: n.value.height - n.value.padding.bottom - n.value.padding.top,
       minRadius: n.value.minRadius,
       maxRadius: Math.min(n.value.width, n.value.height) - n.value.padding.top * 2
-    })), d = h(() => (w.dataset.forEach((t, o) => {
+    })), d = h(() => ($.dataset.forEach((t, o) => {
       [null, void 0].includes(t.name) && Z({
         componentName: "VueUiOnion",
         type: "datasetSerieAttribute",
@@ -117,7 +117,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         property: "percentage",
         index: o
       });
-    }), w.dataset.map((t, o) => {
+    }), $.dataset.map((t, o) => {
       const a = `onion_serie_${o}_${_.value}`;
       return {
         ...t,
@@ -163,7 +163,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         gutter: (t > e.value.style.chart.layout.maxThickness ? e.value.style.chart.layout.maxThickness : t) * e.value.style.chart.layout.gutter.width,
         track: (t > e.value.style.chart.layout.maxThickness ? e.value.style.chart.layout.maxThickness : t) * e.value.style.chart.layout.track.width
       };
-    }), b = h(() => N.value.filter((t) => !y.value.includes(t.id)).map((t, o) => {
+    }), k = h(() => N.value.filter((t) => !y.value.includes(t.id)).map((t, o) => {
       const a = (c.value.maxRadius - T.value.track) / qe.value / 2 * (1 + o), l = c.value.centerY - a;
       return {
         percentage: t.percentage || 0,
@@ -174,12 +174,12 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
       };
     }));
     function Je(t, o) {
-      const a = 2 * Math.PI * t, l = a * 0.75, p = `${l} ${a}`, C = l * (1 - o / 100);
+      const a = 2 * Math.PI * t, l = a * 0.75, g = `${l} ${a}`, b = l * (1 - o / 100);
       return {
         bgDashArray: `${l} ${a}`,
         bgDashOffset: 0,
-        dashArray: p,
-        dashOffset: C,
+        dashArray: g,
+        dashOffset: b,
         fullOffset: 0,
         active: `
             M ${c.value.centerX},${c.value.centerY - t} 
@@ -190,20 +190,20 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
     }
     const Ke = Fe;
     function me(t) {
-      y.value.includes(t) ? y.value = y.value.filter((o) => o !== t) : y.value.push(t), Ke("selectLegend", b.value);
+      y.value.includes(t) ? y.value = y.value.filter((o) => o !== t) : y.value.push(t), Ke("selectLegend", k.value);
     }
     function Qe() {
-      return b.value;
+      return k.value;
     }
     const j = h(() => {
-      const t = [e.value.table.translations.serie, e.value.table.translations.percentage, e.value.table.translations.value], o = b.value.map((a) => [
+      const t = [e.value.table.translations.serie, e.value.table.translations.percentage, e.value.table.translations.value], o = k.value.map((a) => [
         a.name,
         a.percentage,
         a.value
       ]);
       return { head: t, body: o };
-    }), B = h(() => {
-      const t = j.value.head, o = b.value.map((l) => [
+    }), Y = h(() => {
+      const t = j.value.head, o = k.value.map((l) => [
         `<span style="color:${l.color}">⬤</span> ${l.name}`,
         `${Number(l.percentage ?? 0).toFixed(e.value.table.td.roundingPercentage).toLocaleString()}%`,
         `${l.prefix || ""}${[null, void 0, NaN, "NaN"].includes(l.value) ? "-" : l.value.toFixed(e.value.table.td.roundingValue).toLocaleString()}${l.suffix || ""}`
@@ -224,32 +224,32 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
     });
     function be(t = null) {
       ot(() => {
-        const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = j.value.head, l = j.value.body, p = o.concat([a]).concat(l), C = ht(p);
-        t ? t(C) : ft({ csvContent: C, title: e.value.style.chart.title.text || "vue-ui-onion" });
+        const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = j.value.head, l = j.value.body, g = o.concat([a]).concat(l), b = ht(g);
+        t ? t(b) : ft({ csvContent: b, title: e.value.style.chart.title.text || "vue-ui-onion" });
       });
     }
-    const k = u(void 0), A = u(!1);
+    const w = u(void 0), A = u(!1);
     function ke(t) {
       A.value = t, te.value += 1;
     }
     const q = u(null);
     function we({ datapoint: t, seriesIndex: o, show: a = !0 }) {
       const l = t.absoluteIndex;
-      k.value = o, q.value = {
+      w.value = o, q.value = {
         datapoint: t,
         seriesIndex: l,
         series: d.value,
         config: e.value
-      }, Y.value = a;
-      let p = "";
-      const C = e.value.style.chart.tooltip.customFormat;
-      if (_e(C) && gt(() => C({
+      }, B.value = a;
+      let g = "";
+      const b = e.value.style.chart.tooltip.customFormat;
+      if (_e(b) && gt(() => b({
         seriesIndex: l,
         datapoint: t,
         series: d.value,
         config: e.value
       })))
-        G.value = C({
+        G.value = b({
           seriesIndex: l,
           datapoint: t,
           series: d.value,
@@ -257,7 +257,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         });
       else {
         const K = e.value.style.chart.tooltip.showPercentage, Q = e.value.style.chart.tooltip.showValue;
-        p += `<div style="width: 100%; border-bottom: 1px solid ${e.value.style.chart.tooltip.borderColor}; padding-bottom: 6px;margin-bottom:3px;display:flex;flex-direction:row;gap:3px;align-items:center"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg><span></span>${t.name}</span></div>`, p += `<div style="width:100%;text-align:left;"><b>${K ? V({ p: "", v: t.percentage, s: "%", r: e.value.style.chart.tooltip.roundingPercentage }) : ""}</b> ${K && Q ? "(" : ""}${Q ? ee(
+        g += `<div style="width: 100%; border-bottom: 1px solid ${e.value.style.chart.tooltip.borderColor}; padding-bottom: 6px;margin-bottom:3px;display:flex;flex-direction:row;gap:3px;align-items:center"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg><span></span>${t.name}</span></div>`, g += `<div style="width:100%;text-align:left;"><b>${K ? V({ p: "", v: t.percentage, s: "%", r: e.value.style.chart.tooltip.roundingPercentage }) : ""}</b> ${K && Q ? "(" : ""}${Q ? ee(
           e.value.style.chart.layout.labels.value.formatter,
           t.value,
           V({
@@ -267,7 +267,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
             r: e.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: t, seriesIndex: o }
-        ) : ""}${K && Q ? ")" : ""}</div>`, G.value = `<div>${p}</div>`;
+        ) : ""}${K && Q ? ")" : ""}</div>`, G.value = `<div>${g}</div>`;
       }
     }
     function $e() {
@@ -281,9 +281,16 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
       U.value = !U.value;
     }
     async function Ze({ scale: t = 2 } = {}) {
-      if (!x.value) return;
-      const { imageUri: o, base64: a } = await Ct({ domElement: x.value, base64: !0, img: !0, scale: t });
-      return { imageUri: o, base64: a };
+      if (!C.value) return;
+      const { width: o, height: a } = C.value.getBoundingClientRect(), l = o / a, { imageUri: g, base64: b } = await Ct({ domElement: C.value, base64: !0, img: !0, scale: t });
+      return {
+        imageUri: g,
+        base64: b,
+        title: e.value.style.chart.title.text,
+        width: o,
+        height: a,
+        aspectRatio: l
+      };
     }
     return Se({
       getData: Qe,
@@ -298,7 +305,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
     }), (t, o) => (s(), i("div", {
       class: E(`vue-ui-onion ${A.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "onionChart",
-      ref: x,
+      ref: C,
       id: `vue-ui-onion_${_.value}`,
       style: X(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
       onMouseenter: o[4] || (o[4] = () => r(ie)(!0)),
@@ -311,14 +318,14 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         color: e.value.style.chart.color,
         active: U.value,
         onClose: J
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
       Ue.value ? (s(), i("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ne,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : g("", !0),
+      }, null, 512)) : p("", !0),
       e.value.style.chart.title.text ? (s(), i("div", {
         key: 2,
         ref_key: "chartTitle",
@@ -338,10 +345,10 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : g("", !0),
+      ], 512)) : p("", !0),
       e.value.userOptions.show && z.value && (r(ce) || r(H)) ? (s(), P(r(ze), {
         ref_key: "details",
-        ref: Be,
+        ref: Ye,
         key: `user_options${te.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
@@ -357,7 +364,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         isFullscreen: A.value,
         isTooltip: m.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: x.value,
+        chartElement: C.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: U.value,
@@ -430,7 +437,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
       z.value ? (s(), i("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -452,8 +459,8 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
           }
         }, [
           v(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Pt)) : g("", !0),
-        (s(!0), i(D, null, L(b.value, (a, l) => (s(), i("circle", {
+        ], 8, Pt)) : p("", !0),
+        (s(!0), i(D, null, L(k.value, (a, l) => (s(), i("circle", {
           cx: c.value.centerX,
           cy: c.value.centerY,
           r: a.radius <= 0 ? 1e-4 : a.radius,
@@ -463,10 +470,10 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
           "stroke-dasharray": a.path.bgDashArray,
           "stroke-dashoffset": a.path.fullOffset,
           "stroke-linecap": "round",
-          class: E({ "vue-ui-onion-path": !0, "vue-ui-onion-blur": e.value.useBlurOnHover && ![null, void 0].includes(k.value) && k.value !== l }),
+          class: E({ "vue-ui-onion-path": !0, "vue-ui-onion-blur": e.value.useBlurOnHover && ![null, void 0].includes(w.value) && w.value !== l }),
           style: { transform: "rotate(-90deg)", "transform-origin": "50% 50%" }
         }, null, 10, _t))), 256)),
-        (s(!0), i(D, null, L(b.value, (a, l) => (s(), i("circle", {
+        (s(!0), i(D, null, L(k.value, (a, l) => (s(), i("circle", {
           cx: c.value.centerX,
           cy: c.value.centerY,
           r: a.radius < 0 ? 1e-4 : a.radius,
@@ -475,7 +482,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
           fill: "none",
           "stroke-dasharray": a.path.dashArray,
           "stroke-dashoffset": a.path.dashOffset,
-          class: E({ "vue-ui-onion-path": !0, "vue-ui-onion-blur": e.value.useBlurOnHover && ![null, void 0].includes(k.value) && k.value !== l }),
+          class: E({ "vue-ui-onion-path": !0, "vue-ui-onion-blur": e.value.useBlurOnHover && ![null, void 0].includes(w.value) && w.value !== l }),
           "stroke-linecap": "round",
           style: { transform: "rotate(-90deg)", "transform-origin": "50% 50%" }
         }, null, 10, It))), 256)),
@@ -497,7 +504,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
           key: 1,
           filter: `url(#blur_${_.value})`
         }, [
-          (s(!0), i(D, null, L(b.value, (a, l) => (s(), i("circle", {
+          (s(!0), i(D, null, L(k.value, (a, l) => (s(), i("circle", {
             cx: c.value.centerX,
             cy: c.value.centerY,
             r: a.radius <= 0 ? 1e-4 : a.radius,
@@ -509,8 +516,8 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
             "stroke-dashoffset": a.path.dashOffset,
             style: { transform: "rotate(-90deg)", "transform-origin": "50% 50%" }
           }, null, 8, Mt))), 256))
-        ], 8, Ft)) : g("", !0),
-        (s(!0), i(D, null, L(b.value, (a, l) => (s(), i("circle", {
+        ], 8, Ft)) : p("", !0),
+        (s(!0), i(D, null, L(k.value, (a, l) => (s(), i("circle", {
           cx: c.value.centerX,
           cy: c.value.centerY,
           r: a.radius <= 0 ? 1e-4 : a.radius,
@@ -522,33 +529,33 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
           "stroke-linecap": "round",
           class: "vue-ui-onion-path",
           style: { transform: "rotate(-90deg)", "transform-origin": "50% 50%" },
-          onMouseenter: (p) => we({
+          onMouseenter: (g) => we({
             datapoint: a,
             show: !0,
             seriesIndex: l
           }),
-          onMouseleave: o[0] || (o[0] = (p) => {
-            k.value = void 0, Y.value = !1;
+          onMouseleave: o[0] || (o[0] = (g) => {
+            w.value = void 0, B.value = !1;
           })
         }, null, 40, Rt))), 256)),
         e.value.style.chart.layout.labels.show ? (s(), i("g", Nt, [
-          (s(!0), i(D, null, L(b.value, (a, l) => (s(), i("g", {
-            onMouseenter: (p) => we({
+          (s(!0), i(D, null, L(k.value, (a, l) => (s(), i("g", {
+            onMouseenter: (g) => we({
               datapoint: a,
               show: !0,
               seriesIndex: l
             }),
-            onMouseleave: o[1] || (o[1] = (p) => {
-              k.value = void 0, Y.value = !1;
+            onMouseleave: o[1] || (o[1] = (g) => {
+              w.value = void 0, B.value = !1;
             })
           }, [
-            y.value.includes(a.id) ? g("", !0) : (s(), i("text", {
+            y.value.includes(a.id) ? p("", !0) : (s(), i("text", {
               key: 0,
               x: n.value.width / 2 - T.value.gutter * 0.8 + e.value.style.chart.layout.labels.offsetX,
               y: a.labelY + e.value.style.chart.layout.labels.offsetY,
               "text-anchor": "end",
               "font-size": e.value.style.chart.layout.labels.fontSize,
-              fill: e.value.useBlurOnHover && ![null, void 0].includes(k.value) && k.value === l ? a.color : e.value.style.chart.layout.labels.color,
+              fill: e.value.useBlurOnHover && ![null, void 0].includes(w.value) && w.value === l ? a.color : e.value.style.chart.layout.labels.color,
               "font-weight": e.value.style.chart.layout.labels.bold ? "bold" : "normal"
             }, R(a.name ? a.name + ": " : "") + " " + R(e.value.style.chart.layout.labels.percentage.show ? r(V)({
               v: a.percentage,
@@ -576,13 +583,13 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
               { datapoint: a, seriesIndex: l }
             )})` : ""}`), 9, Lt))
           ], 40, Dt))), 256))
-        ])) : g("", !0),
+        ])) : p("", !0),
         v(t.$slots, "svg", { svg: n.value }, void 0, !0)
-      ], 14, Ot)) : g("", !0),
+      ], 14, Ot)) : p("", !0),
       t.$slots.watermark ? (s(), i("div", Vt, [
         v(t.$slots, "watermark", F(M({ isPrinting: r(he) || r(fe) })), void 0, !0)
-      ])) : g("", !0),
-      z.value ? g("", !0) : (s(), P(r(Le), {
+      ])) : p("", !0),
+      z.value ? p("", !0) : (s(), P(r(Le), {
         key: 6,
         config: {
           type: "onion",
@@ -624,9 +631,9 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         dir: "auto"
       }, [
         v(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : g("", !0),
+      ], 512)) : p("", !0),
       Oe(r(Ve), {
-        show: m.value.showTooltip && Y.value,
+        show: m.value.showTooltip && B.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -636,7 +643,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: x.value,
+        parent: C.value,
         content: G.value,
         isFullscreen: A.value,
         isCustom: r(_e)(e.value.style.chart.tooltip.customFormat)
@@ -668,10 +675,10 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         content: f(() => [
           (s(), P(r(Re), {
             key: `table_${re.value}`,
-            colNames: B.value.colNames,
-            head: B.value.head,
-            body: B.value.body,
-            config: B.value.config,
+            colNames: Y.value.colNames,
+            head: Y.value.head,
+            body: Y.value.body,
+            config: Y.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: o[3] || (o[3] = (a) => m.value.showTable = !1)
           }, {
@@ -679,16 +686,16 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
               lt(R(a), 1)
             ]),
             td: f(({ td: a }) => [
-              S("div", { innerHTML: a }, null, 8, Yt)
+              S("div", { innerHTML: a }, null, 8, Bt)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : g("", !0)
+      }, 8, ["config"])) : p("", !0)
     ], 46, Tt));
   }
-}, Zt = /* @__PURE__ */ xt(Bt, [["__scopeId", "data-v-b59ee3e3"]]);
+}, Zt = /* @__PURE__ */ xt(Yt, [["__scopeId", "data-v-ba8786fc"]]);
 export {
   Zt as default
 };