vue-data-ui 3.4.6 → 3.4.8

package/dist/{vue-ui-nested-donuts-DtnysjV9.js → vue-ui-nested-donuts-Cyi98NXq.js}

@@ -1,5 +1,5 @@
-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-C_mNZmhD.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 k, createElementVNode as y, createVNode as Ve, createSlots as wt, withCtx as C, renderSlot as _, normalizeProps as q, guardReactiveProps as Q, Fragment as A, renderList as T, toDisplayString as D, withDirectives as $t, vShow as kt, 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 $l, I as xt, W as Ee, Y as K, G as _t, P as kl, Q as Cl, H as Ll, a0 as At, x as Re } from "./lib-C_mNZmhD.js";
 import { t as xl, u as _l } from "./useResponsive-DfdjqQps.js";
 import { u as Al, a as Tt } from "./useNestedProp-BjZe1Y85.js";
 import { u as Tl, B as Sl } from "./BaseScanner-BgWxam9d.js";
@@ -36,7 +36,7 @@ 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-oWCO1HKy.js")), Nt = z(() => import("./BaseIcon-BmMbm4d0.js")), Dt = z(() => import("./vue-ui-accordion-CZ0thhxa.js")), Pt = z(() => import("./DataTable-BT7VF2ua.js")), Vt = z(() => import("./UserOptions-CnzumGJj.js")), zt = z(() => import("./PenAndPaper-DSvu9dwa.js")), Mt = z(() => import("./PackageVersion-BSldVhnp.js")), Bt = z(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_nested_donuts: Et } = Al(), w = St, he = b({
+    const It = z(() => import("./Tooltip-oWCO1HKy.js")), Nt = z(() => import("./BaseIcon-BmMbm4d0.js")), Dt = z(() => import("./vue-ui-accordion-CZ0thhxa.js")), Pt = z(() => import("./DataTable-BT7VF2ua.js")), Vt = z(() => import("./UserOptions-CGnQt6Fd.js")), zt = z(() => import("./PenAndPaper-DSvu9dwa.js")), Mt = z(() => import("./PackageVersion-D-auaEEJ.js")), Bt = z(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_nested_donuts: Et } = Al(), w = St, he = b({
       get() {
         return !!w.dataset && w.dataset.length;
       },
@@ -47,7 +47,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
     function Je(t) {
       G.value = t, Ue.value += 1;
     }
-    const e = c($e()), Ke = {
+    const e = c(ke()), Ke = {
       name: "",
       series: [
         {
@@ -69,7 +69,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
     }, { loading: me, FINAL_DATASET: Y, manualLoading: we } = Tl({
       ...rl(w),
       FINAL_CONFIG: e,
-      prepareConfig: $e,
+      prepareConfig: ke,
       callback: () => {
         Promise.resolve().then(async () => {
           await tt();
@@ -102,10 +102,10 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
           }
         }
       })
-    }), { userOptionsVisible: ke, setUserOptionsVisibility: Ze, keepUserOptionState: je } = Il({ config: e.value }), { svgRef: ee } = Nl({
+    }), { userOptionsVisible: $e, setUserOptionsVisibility: Ze, keepUserOptionState: je } = Il({ config: e.value }), { svgRef: ee } = Nl({
       config: e.value.style.chart.title
     });
-    function $e() {
+    function ke() {
       const t = Tt({
         userConfig: w.config,
         defaultConfig: Et
@@ -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, 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;
+        me.value || (e.value = ke()), $e.value = !e.value.userOptions.showOnChartHover, lt(), Xe.value += 1, He.value += 1, qe.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, h.value.width = e.value.style.chart.width, h.value.height = e.value.style.chart.height;
       },
       { deep: !0 }
     );
@@ -240,7 +240,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
       elementId: `nested_donuts_${p.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-nested-donuts",
       options: e.value.userOptions.print
-    }), Ut = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), Gt = b(() => bl(e.value.customPalette)), C = c({
+    }), Ut = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), Gt = b(() => bl(e.value.customPalette)), L = c({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
@@ -248,7 +248,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
       showTooltip: e.value.style.chart.tooltip.show
     });
     le(e, () => {
-      C.value = {
+      L.value = {
         dataLabels: {
           show: e.value.style.chart.layout.labels.dataLabels.show
         },
@@ -357,10 +357,10 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         a.includes(t[l]) && (o += 1);
       return o < s;
     }
-    const k = c(it.value);
+    const $ = c(it.value);
     le(
       () => it.value,
-      (t) => k.value = t
+      (t) => $.value = t
     );
     function Ce(t) {
       nt("selectLegend", t);
@@ -372,7 +372,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         }))
       ).find((d) => d.id === t.id);
       if (!s) return;
-      const a = F.value.flatMap((d) => d.series).find((d) => d.id === t.id)?.value ?? 0, o = k.value.flatMap((d) => d.series).find((d) => d.id === t.id);
+      const a = F.value.flatMap((d) => d.series).find((d) => d.id === t.id)?.value ?? 0, o = $.value.flatMap((d) => d.series).find((d) => d.id === t.id);
       let n = o ? o.value : 0;
       const v = F.value.find(
         (d) => d.id === s.arcOfId
@@ -388,12 +388,12 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         to: a,
         duration: e.value.serieToggleAnimation.durationMs,
         onUpdate: (d) => {
-          k.value = k.value.map((g) => ({
+          $.value = $.value.map((g) => ({
             ...g,
             series: g.series.map((S) => S.id === t.id ? { ...S, value: d } : S)
           }));
         }
-      }) : k.value = k.value.map((d) => ({
+      }) : $.value = $.value.map((d) => ({
         ...d,
         series: d.series.map((g) => g.id === t.id ? { ...g, value: a } : g)
       }))) : m && (e.value.serieToggleAnimation.show ? rt({
@@ -401,7 +401,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         to: 0,
         duration: e.value.serieToggleAnimation.durationMs,
         onUpdate: (d) => {
-          k.value = k.value.map((g) => ({
+          $.value = $.value.map((g) => ({
             ...g,
             series: g.series.map((S) => S.id === t.id ? { ...S, value: d } : S)
           }));
@@ -409,13 +409,13 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         onDone: () => {
           x.value.push(t.id);
         }
-      }) : (k.value = k.value.map((d) => ({
+      }) : ($.value = $.value.map((d) => ({
         ...d,
         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)), 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) => ({
+    const oe = b(() => N.value / F.value.length * e.value.style.chart.layout.donut.spacingRatio), dt = b(() => $.value.map((t, s) => N.value - s * N.value / F.value.length)), H = b(() => $.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 / $.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
       })), v = Be(
@@ -481,7 +481,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
       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,
-        series: k.value,
+        series: $.value,
         config: e.value
       };
       const o = e.value.style.chart.tooltip.customFormat;
@@ -489,20 +489,20 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         () => o({
           seriesIndex: a,
           datapoint: t,
-          series: k.value,
+          series: $.value,
           config: e.value
         })
       ))
         pe.value = o({
           seriesIndex: a,
           datapoint: t,
-          series: k.value,
+          series: $.value,
           config: e.value
         });
       else {
         let l = "";
         if (e.value.style.chart.tooltip.showAllItemsAtIndex && x.value.length === 0) {
-          const n = k.value.map((v) => v.series.find((f) => f.seriesIndex === a));
+          const n = $.value.map((v) => v.series.find((f) => f.seriesIndex === a));
           n.forEach((v, f) => {
             if (!v) return "";
             l += `
@@ -627,11 +627,11 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), V = b(() => {
-      const t = k.value.flatMap((a) => a.series.map((o) => ({
+      const t = $.value.flatMap((a) => a.series.map((o) => ({
         name: `${a.name} - ${o.name}`,
         color: o.color,
         total: a.total
-      }))), s = k.value.flatMap((a) => a.series.map((o) => o.value));
+      }))), s = $.value.flatMap((a) => a.series.map((o) => o.value));
       return { head: t, body: s };
     });
     function _e(t = null) {
@@ -646,7 +646,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text],
           [[""], ["val"], ["%"]]
-        ].concat(s), o = $l(a);
+        ].concat(s), o = kl(a);
         t ? t(o) : Cl({
           csvContent: o,
           title: e.value.style.chart.title.text || "vue-ui-nested-donuts"
@@ -705,13 +705,13 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
       return F.value;
     }
     function ft() {
-      C.value.showTable = !C.value.showTable;
+      L.value.showTable = !L.value.showTable;
     }
     function pt() {
-      C.value.dataLabels.show = !C.value.dataLabels.show;
+      L.value.dataLabels.show = !L.value.dataLabels.show;
     }
     function yt() {
-      C.value.showTooltip = !C.value.showTooltip;
+      L.value.showTooltip = !L.value.showTooltip;
     }
     const ie = c(!1);
     function Ae() {
@@ -736,7 +736,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
       ee.value && ee.value.setAttribute("viewBox", `${t} ${s} ${a + Math.min(0, t)} ${o + Math.min(0, s)}`);
     }
     const te = b(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, s = C.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, s = L.value.showTable;
       return {
         component: t ? Bt : Dt,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
@@ -765,11 +765,11 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         }
       };
     });
-    le(() => C.value.showTable, (t) => {
+    le(() => L.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && j.value ? j.value.open() : "close" in j.value && j.value.close());
     });
     function gt() {
-      C.value.showTable = !1, be.value && be.value.setTableIconState(!1);
+      L.value.showTable = !1, be.value && be.value.setTableIconState(!1);
     }
     const Zt = b(() => e.value.style.chart.backgroundColor), jt = b(() => e.value.style.chart.legend), el = b(() => e.value.style.chart.title), tl = b(() => ne.value.flat().map((t) => ({
       ...t,
@@ -817,14 +817,14 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         color: e.value.style.chart.color,
         active: ie.value,
         onClose: Ae
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : $("", !0),
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : k("", !0),
       Ut.value ? (u(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: We,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : $("", !0),
+      }, null, 512)) : k("", !0),
       e.value.style.chart.title.text ? (u(), r("div", {
         key: 2,
         ref_key: "chartTitle",
@@ -843,11 +843,11 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : $("", !0),
+      ], 512)) : k("", !0),
       y("div", {
         id: `legend-top-${p.value}`
       }, null, 8, El),
-      e.value.userOptions.show && he.value && (i(je) || i(ke)) ? (u(), B(i(Vt), {
+      e.value.userOptions.show && he.value && (i(je) || i($e)) ? (u(), B(i(Vt), {
         ref_key: "userOptionsRef",
         ref: be,
         key: `user_option_${Ue.value}`,
@@ -865,7 +865,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: G.value,
-        isTooltip: C.value.showTooltip,
+        isTooltip: L.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: I.value,
         position: e.value.userOptions.position,
@@ -884,73 +884,80 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         onToggleTooltip: yt,
         onToggleAnnotator: Ae,
         style: ce({
-          visibility: i(je) ? i(ke) ? "visible" : "hidden" : "visible"
+          visibility: i(je) ? i($e) ? "visible" : "hidden" : "visible"
         })
       }, wt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: L(({ isOpen: a, color: o }) => [
+          fn: C(({ isOpen: a, color: o }) => [
             _(t.$slots, "menuIcon", q(Q({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: L(() => [
+          fn: C(() => [
             _(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: L(() => [
+          fn: C(() => [
             _(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: L(() => [
+          fn: C(() => [
             _(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: L(() => [
+          fn: C(() => [
             _(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: C(() => [
+            _(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: L(() => [
+          fn: C(() => [
             _(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: L(() => [
+          fn: C(() => [
             _(t.$slots, "optionLabels", {}, void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: L(({ toggleFullscreen: a, isFullscreen: o }) => [
+          fn: C(({ toggleFullscreen: a, isFullscreen: o }) => [
             _(t.$slots, "optionFullscreen", q(Q({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
-          key: "7"
+          key: "8"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: L(({ toggleAnnotator: a, isAnnotator: o }) => [
+          fn: C(({ toggleAnnotator: a, isAnnotator: o }) => [
             _(t.$slots, "optionAnnotator", q(Q({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
-          key: "8"
+          key: "9"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : $("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : k("", !0),
       (u(), r("svg", {
         ref_key: "svgRef",
         ref: ee,
@@ -980,7 +987,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
             }
           }, [
             _(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Ul)) : $("", !0),
+          ], 8, Ul)) : k("", !0),
           y("defs", null, [
             (u(!0), r(A, null, T(vt.value, (a, o) => (u(), r("radialGradient", {
               id: `radial_${p.value}_${o}`
@@ -992,7 +999,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
               }, null, -1)),
               y("stop", {
                 offset: `${(1 - oe.value / dt.value[o]) * 100}%`,
-                "stop-color": i(kl)("#FFFFFF", 0),
+                "stop-color": i($l)("#FFFFFF", 0),
                 "stop-opacity": "0"
               }, null, 8, Yl),
               y("stop", {
@@ -1075,7 +1082,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
                 "stroke-width": "0"
               }, null, 8, ea)
             ]))), 256))
-          ])) : $("", !0),
+          ])) : k("", !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(H.value, (a, o) => (u(), r("g", null, [
               (u(!0), r(A, null, T(a.donut, (l, n) => (u(), r("g", null, [
@@ -1098,7 +1105,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
                     source: a.name,
                     length: e.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize
                   }) : a.name), 9, aa)
-                ], 10, la)) : $("", !0)
+                ], 10, la)) : k("", !0)
               ]))), 256))
             ]))), 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, [
@@ -1114,16 +1121,16 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
                 }, D(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? i(xt)({
                   source: a.name,
                   length: e.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize
-                }) : a.name), 11, oa)) : $("", !0)
+                }) : a.name), 11, oa)) : k("", !0)
               ]))), 256))
             ]))), 256))
-          ])) : $("", !0),
+          ])) : k("", !0),
           e.value.style.chart.layout.labels.dataLabels.show ? (u(), r("g", sa, [
             (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", {
+                $t(y("text", {
                   class: M({ animated: e.value.useCssAnimation }),
                   opacity: xe(l) ? 1 : 0,
                   "text-anchor": i(K)(l, !0).anchor,
@@ -1146,11 +1153,11 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
                   r: e.value.style.chart.layout.labels.dataLabels.roundingPercentage
                 })), 11, na), [
                   [
-                    $t,
-                    C.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage
+                    kt,
+                    L.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage
                   ]
                 ]),
-                kt(y("text", {
+                $t(y("text", {
                   class: M({ animated: e.value.useCssAnimation }),
                   opacity: xe(l) ? 1 : 0,
                   "text-anchor": i(K)(l, !0).anchor,
@@ -1179,11 +1186,11 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
                   { datapoint: l, seriesIndex: o, datapointIndex: n }
                 )) + ") ", 11, ra), [
                   [
-                    $t,
-                    C.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage && e.value.style.chart.layout.labels.dataLabels.showValue
+                    kt,
+                    L.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage && e.value.style.chart.layout.labels.dataLabels.showValue
                   ]
                 ]),
-                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", {
+                xe(l) && L.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(K)(l, !0).anchor,
@@ -1210,10 +1217,10 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
                     r: e.value.style.chart.layout.labels.dataLabels.roundingValue
                   }),
                   { datapoint: l, seriesIndex: o, datapointIndex: n }
-                )), 11, ia)) : $("", !0)
+                )), 11, ia)) : k("", !0)
               ], 8, ua))), 256))
             ]))), 256))
-          ])) : $("", !0),
+          ])) : k("", !0),
           (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", {
@@ -1233,9 +1240,9 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
       ], 14, Rl)),
       t.$slots.watermark ? (u(), r("div", va, [
         _(t.$slots, "watermark", q(Q({ isPrinting: i(at) || i(ot) })), void 0, !0)
-      ])) : $("", !0),
+      ])) : k("", !0),
       Ve(i(It), {
-        show: C.value.showTooltip && fe.value,
+        show: L.value.showTooltip && fe.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -1254,10 +1261,10 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         smoothForce: e.value.style.chart.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": L(() => [
+        "tooltip-before": C(() => [
           _(t.$slots, "tooltip-before", q(Q({ ...Le.value })), void 0, !0)
         ]),
-        "tooltip-after": L(() => [
+        "tooltip-after": C(() => [
           _(t.$slots, "tooltip-after", q(Q({ ...Le.value })), void 0, !0)
         ]),
         _: 3
@@ -1281,10 +1288,10 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
             config: qt.value,
             onClickMarker: s[0] || (s[0] = ({ legend: l }) => Ce(l))
           }, {
-            legendTitle: L(({ titleSet: l }) => [
-              l[0] && l[0].arcOf ? (u(), r("div", ha, D(l[0].arcOf), 1)) : $("", !0)
+            legendTitle: C(({ titleSet: l }) => [
+              l[0] && l[0].arcOf ? (u(), r("div", ha, D(l[0].arcOf), 1)) : k("", !0)
             ]),
-            item: L(({ legend: l, index: n }) => [
+            item: C(({ legend: l, index: n }) => [
               y("div", {
                 onClick: (v) => Ce(l),
                 style: ce(`opacity:${x.value.includes(l.id) ? 0.5 : 1}`)
@@ -1292,9 +1299,9 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
             ]),
             _: 1
           }, 8, ["legendSet", "config"]))), 128))
-        ], 2)) : $("", !0)
-      ], 8, ["to"])) : $("", !0),
-      e.value.style.chart.legend.show ? $("", !0) : (u(), r("div", {
+        ], 2)) : k("", !0)
+      ], 8, ["to"])) : k("", !0),
+      e.value.style.chart.legend.show ? k("", !0) : (u(), r("div", {
         key: 6,
         ref_key: "chartLegend",
         ref: ge
@@ -1308,13 +1315,13 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
         dir: "auto"
       }, [
         _(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : $("", !0),
+      ], 512)) : k("", !0),
       he.value && e.value.userOptions.buttons.table ? (u(), B(cl(te.value.component), hl({ key: 8 }, te.value.props, {
         ref_key: "tableUnit",
         ref: j,
         onClose: gt
       }), wt({
-        content: L(() => [
+        content: C(() => [
           (u(), B(i(Pt), {
             key: `table_${He.value}`,
             colNames: re.value.colNames,
@@ -1325,13 +1332,13 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
             withCloseButton: !e.value.table.useDialog,
             onClose: gt
           }, {
-            th: L(({ th: a }) => [
+            th: C(({ th: a }) => [
               y("div", {
                 innerHTML: a,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, pa)
             ]),
-            td: L(({ td: a }) => [
+            td: C(({ td: a }) => [
               Ct(D(a.name || a), 1)
             ]),
             _: 1
@@ -1341,14 +1348,14 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: L(() => [
+          fn: C(() => [
             Ct(D(te.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: L(() => [
+          fn: C(() => [
             y("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -1362,11 +1369,11 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : $("", !0),
-      i(me) ? (u(), B(Sl, { key: 9 })) : $("", !0)
+      ]), 1040)) : k("", !0),
+      i(me) ? (u(), B(Sl, { key: 9 })) : k("", !0)
     ], 46, Bl));
   }
-}, Fa = /* @__PURE__ */ Ml(ya, [["__scopeId", "data-v-f58dd2ed"]]);
+}, Fa = /* @__PURE__ */ Ml(ya, [["__scopeId", "data-v-4462e610"]]);
 export {
   Fa as default
 };