vue-data-ui 3.0.0-next.30 → 3.0.0-next.32

package/dist/{vue-ui-nested-donuts-B6krlgFx.js → vue-ui-nested-donuts-dMBxBBnZ.js}

@@ -1,16 +1,16 @@
-import { defineAsyncComponent as U, computed as C, ref as h, toRefs as Wt, watch as re, onMounted as qt, shallowRef as ct, onBeforeUnmount as Ht, createElementBlock as r, openBlock as n, unref as i, normalizeStyle as ie, normalizeClass as z, createBlock as G, createCommentVNode as $, createVNode as ht, createSlots as Jt, withCtx as x, renderSlot as _, normalizeProps as H, guardReactiveProps as J, createElementVNode as y, Fragment as A, renderList as T, toDisplayString as S, withDirectives as ft, vShow as yt, createTextVNode as Kt, nextTick as pt } from "vue";
-import { u as Qt, c as Zt, A as jt, t as ea, p as Ie, a as ta, C as Fe, o as aa, e as K, b as la, G as M, d as oa, m as Ve, f as O, X as sa, s as ua, L as bt, k as Pe, n as Q, i as j, x as gt, q as na, r as ra, y as ia, T as mt, v as De } from "./index-Bxh2efzz.js";
+import { defineAsyncComponent as U, computed as C, ref as h, toRefs as Wt, watch as re, onMounted as qt, shallowRef as ct, onBeforeUnmount as Ht, createElementBlock as r, openBlock as n, unref as i, normalizeStyle as ie, normalizeClass as z, createBlock as G, createCommentVNode as $, createVNode as ht, createSlots as Jt, withCtx as x, renderSlot as _, normalizeProps as H, guardReactiveProps as J, createElementVNode as y, Fragment as A, renderList as T, toDisplayString as O, withDirectives as ft, vShow as yt, createTextVNode as Kt, nextTick as pt } from "vue";
+import { u as Qt, c as Zt, A as jt, t as ea, p as Se, a as ta, C as Ie, o as aa, e as K, b as la, G as M, d as oa, m as Ve, f as F, X as sa, s as ua, L as bt, k as Pe, n as Q, i as j, x as gt, q as na, r as ra, y as ia, T as mt, v as De } from "./index-DB4XIP_N.js";
 import { t as da, u as va } from "./useResponsive-DfdjqQps.js";
-import { u as wt } from "./useNestedProp-BGEUK51b.js";
-import { u as ca } from "./usePrinter-CfB_poc_.js";
+import { u as wt } from "./useNestedProp-iTa19l34.js";
+import { u as ca } from "./usePrinter-id381vkp.js";
 import { u as ha } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as fa } from "./useChartAccessibility-9icAAmYg.js";
-import ya from "./Title-B21jaJ0n.js";
-import pa from "./Legend-DNs8ZSxL.js";
-import ba from "./img-UQKhhbxb.js";
+import ya from "./Title-B5lsq0cx.js";
+import pa from "./Legend-DlUDcF1t.js";
+import ba from "./img-CWXYkVMQ.js";
 import { u as ga, B as ma } from "./BaseScanner-DIK2NTdp.js";
 import { _ as wa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["id"], xa = ["offset", "stop-color"], _a = ["offset", "stop-opacity"], Aa = ["id"], Ta = ["id"], Na = ["id"], Oa = ["flood-color"], Sa = ["id", "d"], Ia = ["d", "fill", "stroke", "stroke-width", "filter"], Fa = ["d", "fill", "stroke", "stroke-width"], Va = { key: 1 }, Pa = ["d", "fill"], Da = { key: 2 }, za = ["font-size", "font-weight", "fill", "dy"], Ma = ["href"], Ea = ["x", "y", "font-size", "font-weight", "fill"], Ba = { key: 3 }, Ra = ["filter"], Ua = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], Ga = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], Ya = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Xa = ["d", "fill", "onMouseenter", "onClick", "onMouseleave"], Wa = {
+const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["id"], xa = ["offset", "stop-color"], _a = ["offset", "stop-opacity"], Aa = ["id"], Ta = ["id"], Na = ["id"], Fa = ["flood-color"], Oa = ["id", "d"], Sa = ["d", "fill", "stroke", "stroke-width", "filter"], Ia = ["d", "fill", "stroke", "stroke-width"], Va = { key: 1 }, Pa = ["d", "fill"], Da = { key: 2 }, za = ["font-size", "font-weight", "fill", "dy"], Ma = ["href"], Ea = ["x", "y", "font-size", "font-weight", "fill"], Ba = { key: 3 }, Ra = ["filter"], Ua = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], Ga = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], Ya = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Xa = ["d", "fill", "onMouseenter", "onClick", "onMouseleave"], Wa = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, qa = {
@@ -34,9 +34,9 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup($t, { expose: kt, emit: Lt }) {
-    const Ct = U(() => import("./vue-ui-accordion-CXj3OfMj.js")), xt = U(() => import("./DataTable-DjL9vVfm.js")), _t = U(() => import("./PackageVersion-SqC1iXfO.js")), At = U(() => import("./PenAndPaper-C1bF0gIz.js"));
-    U(() => import("./vue-ui-skeleton-DIb-2uan.js"));
-    const Tt = U(() => import("./Tooltip-C4HWh3fx.js")), Nt = U(() => import("./UserOptions-DQDPN9YO.js")), { vue_ui_nested_donuts: Ot } = Qt(), g = $t, de = C({
+    const Ct = U(() => import("./vue-ui-accordion-DAT3uTMD.js")), xt = U(() => import("./DataTable-Cm1oLidx.js")), _t = U(() => import("./PackageVersion-DZMJZGOu.js")), At = U(() => import("./PenAndPaper-BDNLADWh.js"));
+    U(() => import("./vue-ui-skeleton-DDLBx4bb.js"));
+    const Tt = U(() => import("./Tooltip-CrAURNKT.js")), Nt = U(() => import("./UserOptions-CksX2mn0.js")), { vue_ui_nested_donuts: Ft } = Qt(), g = $t, de = C({
       get() {
         return !!g.dataset && g.dataset.length;
       },
@@ -108,7 +108,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
     function ge() {
       const a = wt({
         userConfig: g.config,
-        defaultConfig: Ot
+        defaultConfig: Ft
       });
       let s = {};
       return a.theme ? s = {
@@ -116,8 +116,8 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
           userConfig: ta.vue_ui_nested_donuts[a.theme] || g.config,
           defaultConfig: a
         }),
-        customPalette: ea[a.theme] || Ie
-      } : s = a, g.config && Fe(g.config, "events.datapointEnter") ? s.events.datapointEnter = g.config.events.datapointEnter : s.events.datapointEnter = null, g.config && Fe(g.config, "events.datapointLeave") ? s.events.datapointLeave = g.config.events.datapointLeave : s.events.datapointLeave = null, g.config && Fe(g.config, "events.datapointClick") ? s.events.datapointClick = g.config.events.datapointClick : s.events.datapointClick = null, s;
+        customPalette: ea[a.theme] || Se
+      } : s = a, g.config && Ie(g.config, "events.datapointEnter") ? s.events.datapointEnter = g.config.events.datapointEnter : s.events.datapointEnter = null, g.config && Ie(g.config, "events.datapointLeave") ? s.events.datapointLeave = g.config.events.datapointLeave : s.events.datapointLeave = null, g.config && Ie(g.config, "events.datapointClick") ? s.events.datapointClick = g.config.events.datapointClick : s.events.datapointClick = null, s;
     }
     re(
       () => g.config,
@@ -136,7 +136,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
         left: o
       };
     });
-    function St(a, s = 1e3, l = 50) {
+    function Ot(a, s = 1e3, l = 50) {
       return new Promise((o) => {
         const t = a.length;
         B.value = Array(t).fill(0), Z.value = [];
@@ -151,9 +151,9 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
               let Ae = 0;
               g.dataset.forEach((ne, Te) => {
                 const Ut = De(ne.series.reduce(
-                  (Oe, Se) => Oe + De(M(Se.values).reduce((Yt, Xt) => Yt + Xt, 0)),
+                  (Fe, Oe) => Fe + De(M(Oe.values).reduce((Yt, Xt) => Yt + Xt, 0)),
                   0
-                )), Gt = De(B.value.slice(Ae, Ae + ne.series.length).reduce((Oe, Se) => Oe + Se, 0)), Ne = Ut - Gt;
+                )), Gt = De(B.value.slice(Ae, Ae + ne.series.length).reduce((Fe, Oe) => Fe + Oe, 0)), Ne = Ut - Gt;
                 Ne > Number.MIN_VALUE && ue.push({
                   name: "__ghost__",
                   arcOf: ne.name,
@@ -197,7 +197,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
             absoluteValues: [],
             ghost: !0
           };
-        }), await pt(), St(
+        }), await pt(), Ot(
           s,
           e.value.startAnimation.durationMs,
           e.value.startAnimation.staggerMs
@@ -240,7 +240,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
       elementId: `nested_donuts_${p.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-nested-donuts",
       options: e.value.userOptions.print
-    }), It = C(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ft = C(() => la(e.value.customPalette)), k = h({
+    }), St = C(() => e.value.userOptions.show && !e.value.style.chart.title.text), It = C(() => la(e.value.customPalette)), k = h({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
@@ -278,7 +278,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
       }
       requestAnimationFrame(f);
     }
-    const L = h([]), I = C(() => {
+    const L = h([]), S = C(() => {
       ye.value, R.value.forEach((s, l) => {
         [null, void 0].includes(s.name) && K({
           componentName: "VueUiNestedDonuts",
@@ -330,7 +330,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
             id: `${p.value}_${l}_${t}`,
             seriesIndex: t,
             datasetIndex: l,
-            color: oa(o.color) || Ft.value[t] || Ie[t % Ie.length],
+            color: oa(o.color) || It.value[t] || Se[t % Se.length],
             value: E.value ? B.value[a++] ?? 0 : u,
             absoluteValues: o.values || []
           };
@@ -340,7 +340,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
     re(() => g.dataset, (a) => {
       Array.isArray(a) && a.length > 0 && (pe.value = !1);
     }, { immediate: !0 });
-    const F = C(() => Math.min(c.value.height, c.value.width) * (e.value.style.chart.layout.donut.strokeWidth / 512)), lt = C(() => [...I.value].map((a, s) => {
+    const I = C(() => Math.min(c.value.height, c.value.width) * (e.value.style.chart.layout.donut.strokeWidth / 512)), lt = C(() => [...S.value].map((a, s) => {
       const l = a.series.filter((o) => !L.value.includes(o.id)).map((o) => o.value).reduce((o, t) => o + t, 0);
       return {
         ...a,
@@ -372,9 +372,9 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
         }))
       ).find((d) => d.id === a.id);
       if (!s) return;
-      const l = I.value.flatMap((d) => d.series).find((d) => d.id === a.id)?.value ?? 0, o = m.value.flatMap((d) => d.series).find((d) => d.id === a.id);
+      const l = S.value.flatMap((d) => d.series).find((d) => d.id === a.id)?.value ?? 0, o = m.value.flatMap((d) => d.series).find((d) => d.id === a.id);
       let u = o ? o.value : 0;
-      const v = I.value.find(
+      const v = S.value.find(
         (d) => d.id === s.arcOfId
       );
       if (!v) return;
@@ -414,8 +414,8 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
         series: d.series.map((b) => b.id === a.id ? { ...b, value: 0 } : b)
       })), L.value.push(a.id)));
     }
-    const te = C(() => F.value / I.value.length * e.value.style.chart.layout.donut.spacingRatio), ot = C(() => m.value.map((a, s) => F.value - s * F.value / I.value.length)), q = C(() => m.value.map((a, s) => {
-      const l = Math.abs(a.series.map((w) => w.value).reduce((w, d) => w + d, 0)) > 0, o = F.value - s * F.value / m.value.length, t = E.value ? Z.value.find((w) => w.datasetIndex === s) : null, u = [...a.series, ...t ? [t] : []].map((w) => ({
+    const te = C(() => I.value / S.value.length * e.value.style.chart.layout.donut.spacingRatio), ot = C(() => m.value.map((a, s) => I.value - s * I.value / S.value.length)), q = C(() => m.value.map((a, s) => {
+      const l = Math.abs(a.series.map((w) => w.value).reduce((w, d) => w + d, 0)) > 0, o = I.value - s * I.value / m.value.length, t = E.value ? Z.value.find((w) => w.datasetIndex === s) : null, u = [...a.series, ...t ? [t] : []].map((w) => ({
         ...w,
         value: w.value < 1e-11 ? Number.MIN_VALUE : w.value
       })), v = Ve(
@@ -455,22 +455,22 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
           te.value
         )
       };
-    })), st = C(() => [...I.value].map((a, s) => {
-      const l = s * F.value / I.value.length;
+    })), st = C(() => [...S.value].map((a, s) => {
+      const l = s * I.value / S.value.length;
       return {
         sizeRatio: l,
         donut: Ve(
           { series: [{ value: 1 }] },
           c.value.width / 2,
           c.value.height / 2,
-          F.value - l,
-          F.value - l,
+          I.value - l,
+          I.value - l,
           1.99999,
           2,
           1,
           360,
           105.25,
-          F.value / I.value.length * e.value.style.chart.layout.donut.spacingRatio
+          I.value / S.value.length * e.value.style.chart.layout.donut.spacingRatio
         )[0]
       };
     })), ut = h(null), ae = h(null), le = h(null), we = h(null);
@@ -519,7 +519,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
                             ${e.value.style.chart.tooltip.showValue ? `<b>${j(
               e.value.style.chart.layout.labels.dataLabels.formatter,
               a.value,
-              O({
+              F({
                 p: e.value.style.chart.layout.labels.dataLabels.prefix,
                 v: a.value,
                 s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -528,7 +528,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
               { datapoint: a, seriesIndex: l }
             )}
                         </b>` : ""}
-                            ${e.value.style.chart.tooltip.showPercentage ? `(${O({
+                            ${e.value.style.chart.tooltip.showPercentage ? `(${F({
               v: v.proportion * 100,
               s: "%",
               r: e.value.style.chart.tooltip.roundingPercentage
@@ -541,18 +541,18 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
           t += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${a.arcOf ?? ""} - ${a.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="${a.color}"/></svg>`, e.value.style.chart.tooltip.showValue && (t += `<b>${j(
             e.value.style.chart.layout.labels.dataLabels.formatter,
             a.value,
-            O({
+            F({
               p: e.value.style.chart.layout.labels.dataLabels.prefix,
               v: a.value,
               s: e.value.style.chart.layout.labels.dataLabels.suffix,
               r: e.value.style.chart.tooltip.roundingValue
             }),
             { datapoint: a, seriesIndex: l }
-          )}</b>`), e.value.style.chart.tooltip.showPercentage && (e.value.style.chart.tooltip.showValue ? t += `<span>(${O({
+          )}</b>`), e.value.style.chart.tooltip.showPercentage && (e.value.style.chart.tooltip.showValue ? t += `<span>(${F({
             v: a.proportion * 100,
             s: "%",
             r: e.value.style.chart.tooltip.roundingPercentage
-          })})</span></div>` : t += `<b>${O({
+          })})</span></div>` : t += `<b>${F({
             v: a.proportion * 100,
             s: "%",
             r: e.value.style.chart.tooltip.roundingPercentage
@@ -572,7 +572,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
       if (!e.value.style.chart.tooltip.showAllItemsAtIndex || L.value.length)
         return [null, void 0].includes(ae.value) || ae.value === a.id ? "" : `url(#blur_${p.value})`;
     }
-    const ke = C(() => I.value.map((a, s) => {
+    const ke = C(() => S.value.map((a, s) => {
       const l = a.series.filter(
         (t) => !L.value.includes(t.id)
       ), o = E.value ? l.map((t) => {
@@ -643,7 +643,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
         e.value.table.columnNames.value,
         e.value.table.columnNames.percentage
       ], s = D.value.head.map((t, u) => {
-        const v = O({
+        const v = F({
           p: e.value.style.chart.layout.labels.dataLabels.prefix,
           v: D.value.body[u],
           s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -655,7 +655,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
             name: t.name
           },
           v,
-          isNaN(D.value.body[u] / t.total) ? "-" : O({
+          isNaN(D.value.body[u] / t.total) ? "-" : F({
             v: D.value.body[u] / t.total * 100,
             s: "%",
             r: e.value.table.td.roundingPercentage
@@ -686,7 +686,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
       };
     });
     function Et() {
-      return I.value;
+      return S.value;
     }
     function it() {
       k.value.showTable = !k.value.showTable;
@@ -748,7 +748,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
         active: se.value,
         onClose: Le
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : $("", !0),
-      It.value ? (n(), r("div", {
+      St.value ? (n(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Be,
@@ -958,7 +958,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
                 stdDeviation: "10",
                 "flood-opacity": "0.5",
                 "flood-color": e.value.style.chart.layout.donut.shadowColor
-              }, null, 8, Oa)
+              }, null, 8, Fa)
             ], 8, Na)
           ]),
           y("defs", null, [
@@ -967,7 +967,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
               id: `path-full-${o}-${p.value}`,
               d: l.fullCirclePath,
               fill: "none"
-            }, null, 8, Sa))), 128))
+            }, null, 8, Oa))), 128))
           ]),
           (n(!0), r(A, null, T(q.value, (l, o) => (n(), r("g", null, [
             l.hasData ? (n(!0), r(A, { key: 0 }, T(l.donut.filter((t) => !t.ghost), (t, u) => (n(), r("g", null, [
@@ -978,7 +978,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
                 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: nt(t, u)
-              }, null, 8, Ia)
+              }, null, 8, Sa)
             ]))), 256)) : (n(!0), r(A, { key: 1 }, T(l.skeleton, (t, u) => (n(), r("g", null, [
               y("path", {
                 class: "vue-ui-donut-arc-path",
@@ -986,7 +986,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
                 fill: t.color,
                 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
-              }, null, 8, Fa)
+              }, null, 8, Ia)
             ]))), 256))
           ]))), 256)),
           e.value.style.chart.useGradient ? (n(), r("g", Va, [
@@ -1018,7 +1018,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
                     method: "align",
                     spacing: "auto",
                     side: "right"
-                  }, S(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? i(bt)({
+                  }, O(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? i(bt)({
                     source: l.name,
                     length: e.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize
                   }) : l.name), 9, Ma)
@@ -1035,7 +1035,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
                   "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
                   "font-weight": e.value.style.chart.layout.labels.dataLabels.boldDonutName ? "bold" : "normal",
                   fill: e.value.style.chart.layout.labels.dataLabels.color
-                }, S(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? i(bt)({
+                }, O(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? i(bt)({
                   source: l.name,
                   length: e.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize
                 }) : l.name), 11, Ea)) : $("", !0)
@@ -1064,7 +1064,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["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.boldPercentage ? "bold" : "normal"
-                }, S(i(O)({
+                }, O(i(F)({
                   v: t.proportion * 100,
                   s: "%",
                   r: e.value.style.chart.layout.labels.dataLabels.roundingPercentage
@@ -1091,10 +1091,10 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["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"
-                }, " (" + S(i(j)(
+                }, " (" + O(i(j)(
                   e.value.style.chart.layout.labels.dataLabels.formatter,
                   t.value,
-                  i(O)({
+                  i(F)({
                     p: e.value.style.chart.layout.labels.dataLabels.prefix,
                     v: t.value,
                     s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -1124,10 +1124,10 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["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"
-                }, S(i(j)(
+                }, O(i(j)(
                   e.value.style.chart.layout.labels.dataLabels.formatter,
                   t.value,
-                  i(O)({
+                  i(F)({
                     p: e.value.style.chart.layout.labels.dataLabels.prefix,
                     v: t.value,
                     s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -1172,7 +1172,9 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
         parent: V.value,
         content: ce.value,
         isFullscreen: Y.value,
-        isCustom: i(gt)(e.value.style.chart.tooltip.customFormat)
+        isCustom: i(gt)(e.value.style.chart.tooltip.customFormat),
+        smooth: e.value.style.chart.tooltip.smooth,
+        backdropFilter: e.value.style.chart.tooltip.backdropFilter
       }, {
         "tooltip-before": x(() => [
           _(a.$slots, "tooltip-before", H(J({ ...we.value })), void 0, !0)
@@ -1181,7 +1183,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
           _(a.$slots, "tooltip-after", H(J({ ...we.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
+      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
       e.value.style.chart.legend.show ? (n(), r("div", {
         key: 5,
         ref_key: "chartLegend",
@@ -1195,23 +1197,23 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
           onClickMarker: s[0] || (s[0] = ({ legend: t }) => me(t))
         }, {
           legendTitle: x(({ titleSet: t }) => [
-            t[0] && t[0].arcOf ? (n(), r("div", qa, S(t[0].arcOf), 1)) : $("", !0)
+            t[0] && t[0].arcOf ? (n(), r("div", qa, O(t[0].arcOf), 1)) : $("", !0)
           ]),
           item: x(({ legend: t, index: u }) => [
             y("div", {
               onClick: (v) => me(t),
               style: ie(`opacity:${L.value.includes(t.id) ? 0.5 : 1}`)
-            }, S(t.name) + S(e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ":" : "") + " " + S(e.value.style.chart.legend.showValue ? i(j)(
+            }, O(t.name) + O(e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ":" : "") + " " + O(e.value.style.chart.legend.showValue ? i(j)(
               e.value.style.chart.layout.labels.dataLabels.formatter,
               t.value,
-              i(O)({
+              i(F)({
                 p: e.value.style.chart.layout.labels.dataLabels.prefix,
                 v: t.value,
                 s: e.value.style.chart.layout.labels.dataLabels.suffix,
                 r: e.value.style.chart.legend.roundingValue
               }),
               { datapoint: t, seriesIndex: u }
-            ) : "") + " " + S(e.value.style.chart.legend.showPercentage ? L.value.includes(t.id) ? `${e.value.style.chart.legend.showValue ? "(" : ""}- %${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? "(" : ""}${isNaN(t.value / t.total) ? "-" : i(O)({
+            ) : "") + " " + O(e.value.style.chart.legend.showPercentage ? L.value.includes(t.id) ? `${e.value.style.chart.legend.showValue ? "(" : ""}- %${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? "(" : ""}${isNaN(t.value / t.total) ? "-" : i(F)({
               v: t.value / t.total * 100,
               s: "%",
               r: e.value.style.chart.legend.roundingPercentage
@@ -1268,7 +1270,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
               }, null, 8, Ja)
             ]),
             td: x(({ td: l }) => [
-              Kt(S(l.name || l), 1)
+              Kt(O(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
@@ -1278,7 +1280,7 @@ const $a = ["id"], ka = ["xmlns", "viewBox"], La = ["width", "height"], Ca = ["i
       i(ye) ? (n(), G(ma, { key: 9 })) : $("", !0)
     ], 46, $a));
   }
-}, il = /* @__PURE__ */ wa(Ka, [["__scopeId", "data-v-469c5bfc"]]);
+}, il = /* @__PURE__ */ wa(Ka, [["__scopeId", "data-v-2b87514e"]]);
 export {
   il as default
 };