vue-data-ui 2.6.18 → 2.6.20

package/dist/{vue-ui-nested-donuts-CVsN5wLZ.js → vue-ui-nested-donuts-D-7tn_Qe.js}

@@ -1,16 +1,16 @@
-import { computed as m, ref as i, watch as Me, onMounted as ot, onBeforeUnmount as st, createElementBlock as n, openBlock as u, unref as r, normalizeStyle as K, normalizeClass as P, createBlock as D, createCommentVNode as f, createVNode as Ue, createSlots as ut, withCtx as k, renderSlot as w, normalizeProps as R, guardReactiveProps as B, createElementVNode as b, Fragment as C, renderList as F, toDisplayString as S, createTextVNode as Q, nextTick as nt } from "vue";
-import { u as rt, c as it, t as dt, p as Z, a as vt, o as ct, e as V, b as ft, J as Re, d as ht, m as Be, f as x, X as yt, s as Ee, L as pt, k as ie, n as M, i as E, x as Ge, q as bt, r as gt, y as mt } from "./index-Df45PKBw.js";
+import { computed as w, ref as i, watch as Me, onMounted as ot, onBeforeUnmount as st, createElementBlock as n, openBlock as u, unref as r, normalizeStyle as K, normalizeClass as P, createBlock as D, createCommentVNode as f, createVNode as Ue, createSlots as ut, withCtx as b, renderSlot as g, normalizeProps as V, guardReactiveProps as M, createElementVNode as m, Fragment as C, renderList as F, toDisplayString as S, createTextVNode as Q, nextTick as nt } from "vue";
+import { u as rt, c as it, t as dt, p as Z, a as vt, o as ct, e as U, b as ft, J as Re, d as ht, m as Be, f as x, X as yt, s as Ee, L as pt, k as ie, n as R, i as E, x as Ge, q as bt, r as gt, y as mt } from "./index-Cq7-va_5.js";
 import { t as kt, u as wt } from "./useResponsive-BWapHhVH.js";
-import { _ as $t } from "./Title-xfHZTDT9.js";
-import { u as Lt, U as Ct } from "./usePrinter-MC5pKUx5.js";
-import { D as xt } from "./DataTable-BH56SPdO.js";
-import { _ as _t } from "./Tooltip-CF9cKbnr.js";
-import { L as Tt } from "./Legend-w7VxyGN0.js";
-import Ft from "./vue-ui-skeleton-BIYEApQO.js";
-import Nt from "./vue-ui-accordion-BbCvey8w.js";
-import { u as Ye } from "./useNestedProp-BaSIdRPe.js";
-import { _ as St } from "./PackageVersion-D1edJun6.js";
-import { P as Ot } from "./PenAndPaper-DWnLI5jM.js";
+import { _ as $t } from "./Title-CUHNtIyE.js";
+import { u as Lt, U as Ct } from "./usePrinter-jRjc8Naz.js";
+import { D as xt } from "./DataTable-CMUyDj6S.js";
+import { _ as _t } from "./Tooltip-BuAQ8HVL.js";
+import { L as Tt } from "./Legend-CaMKYW-V.js";
+import Ft from "./vue-ui-skeleton-DIrE1OTF.js";
+import Nt from "./vue-ui-accordion-vAQ_LLoP.js";
+import { u as Ye } from "./useNestedProp-BEyJNlaO.js";
+import { _ as St } from "./PackageVersion-CURzw4q1.js";
+import { P as Ot } from "./PenAndPaper-CjiJra09.js";
 import { u as At } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as It } from "./useChartAccessibility-BWojgys7.js";
 import { _ as Pt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -38,11 +38,11 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Xe, { expose: He, emit: We }) {
-    const { vue_ui_nested_donuts: qe } = rt(), O = Xe, G = m(() => !!O.dataset && O.dataset.length), $ = i(it()), j = i(!1), ee = i(""), Je = i(null), de = i(0), U = i(null), ve = i(null), te = i(null), ce = i(null), fe = i(null), he = i(0), ye = i(0), pe = i(0), z = i(!1);
+    const { vue_ui_nested_donuts: qe } = rt(), O = Xe, G = w(() => !!O.dataset && O.dataset.length), $ = i(it()), j = i(!1), ee = i(""), Je = i(null), de = i(0), B = i(null), ve = i(null), te = i(null), ce = i(null), fe = i(null), he = i(0), ye = i(0), pe = i(0), z = i(!1);
     function Ke(t) {
       z.value = t, de.value += 1;
     }
-    const e = m({
+    const e = w({
       get: () => ke(),
       set: (t) => t
     }), { userOptionsVisible: le, setUserOptionsVisibility: be, keepUserOptionState: ge } = At({ config: e.value }), { svgRef: me } = It({ config: e.value.style.chart.title });
@@ -67,13 +67,13 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
       we();
     });
     function we() {
-      if (ct(O.dataset) && V({
+      if (ct(O.dataset) && U({
         componentName: "VueUiNestedDonuts",
         type: "dataset"
       }), e.value.responsive) {
         const t = kt(() => {
           const { width: s, height: a } = wt({
-            chart: U.value,
+            chart: B.value,
             title: e.value.style.chart.title.text ? ve.value : null,
             legend: e.value.style.chart.legend.show ? te.value : null,
             source: ce.value,
@@ -83,7 +83,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
             c.value.width = s, c.value.height = a;
           });
         });
-        Y.value = new ResizeObserver(t), Y.value.observe(U.value.parentNode);
+        Y.value = new ResizeObserver(t), Y.value.observe(B.value.parentNode);
       }
     }
     st(() => {
@@ -92,7 +92,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
     const { isPrinting: $e, isImaging: Le, generatePdf: Ce, generateImage: xe } = Lt({
       elementId: `nested_donuts_${$.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-nested-donuts"
-    }), Qe = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ze = m(() => ft(e.value.customPalette)), y = i({
+    }), Qe = w(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ze = w(() => ft(e.value.customPalette)), y = i({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
@@ -105,29 +105,29 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
     function je({ datapoint: t, index: s }) {
       _e("selectDatapoint", { datapoint: t, index: s });
     }
-    const p = i([]), _ = m(() => (O.dataset.forEach((t, s) => {
-      [null, void 0].includes(t.name) && V({
+    const p = i([]), _ = w(() => (O.dataset.forEach((t, s) => {
+      [null, void 0].includes(t.name) && U({
         componentName: "VueUiNestedDonuts",
         type: "datasetSerieAttribute",
         property: "name",
         index: s
-      }), [null, void 0].includes(t.series) ? V({
+      }), [null, void 0].includes(t.series) ? U({
         componentName: "VueUiNestedDonuts",
         type: "datasetSerieAttribute",
         property: "series",
         index: s
-      }) : t.series.length === 0 ? V({
+      }) : t.series.length === 0 ? U({
         componentName: "VueUiNestedDonuts",
         type: "datasetAttributeEmpty",
         property: `series at index ${s}`
       }) : t.series.forEach((a, o) => {
-        [null, void 0].includes(a.name) && V({
+        [null, void 0].includes(a.name) && U({
           componentName: "VueUiNestedDonuts",
           type: "datasetSerieAttribute",
           property: "name",
           index: o,
           key: "serie"
-        }), [null, void 0].includes(a.values) && V({
+        }), [null, void 0].includes(a.values) && U({
           componentName: "VueUiNestedDonuts",
           type: "datasetSerieAttribute",
           property: "values",
@@ -151,7 +151,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
         value: Re(a.values).reduce((l, d) => l + d, 0),
         absoluteValues: a.values || []
       }))
-    })))), T = m(() => Math.min(c.value.height, c.value.width) * (e.value.style.chart.layout.donut.strokeWidth / 512)), Te = m(() => [..._.value].map((t, s) => {
+    })))), T = w(() => Math.min(c.value.height, c.value.width) * (e.value.style.chart.layout.donut.strokeWidth / 512)), Te = w(() => [..._.value].map((t, s) => {
       const a = t.series.filter((o) => !p.value.includes(o.id)).map((o) => o.value).reduce((o, l) => o + l, 0);
       return {
         ...t,
@@ -175,7 +175,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
       _e("selectLegend", t);
       const s = _.value.flatMap((v) => v.series).find((v) => v.id === t.id), a = h.value.flatMap((v) => v.series).find((v) => v.id === t.id);
       let l = a ? a.value : 0;
-      const d = _.value.find((v) => v.id === s.arcOfId).series.map((v) => v.id), g = et(d, d.length - 1, p.value);
+      const d = _.value.find((v) => v.id === s.arcOfId).series.map((v) => v.id), k = et(d, d.length - 1, p.value);
       if (p.value.includes(t.id)) {
         let v = function() {
           l > s.value ? (cancelAnimationFrame(Fe.value), h.value = h.value.map((L) => ({
@@ -193,7 +193,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
           })), Fe.value = requestAnimationFrame(v));
         };
         p.value = p.value.filter((L) => L !== t.id), v();
-      } else if (g) {
+      } else if (k) {
         let v = function() {
           l < 0.1 ? (cancelAnimationFrame(Ne.value), p.value.push(t.id), h.value = h.value.map((L, N) => ({
             ...L,
@@ -212,7 +212,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
         v();
       }
     }
-    const oe = m(() => T.value / _.value.length * e.value.style.chart.layout.donut.spacingRatio), Se = m(() => h.value.map((t, s) => T.value - s * T.value / _.value.length)), X = m(() => h.value.map((t, s) => {
+    const oe = w(() => T.value / _.value.length * e.value.style.chart.layout.donut.spacingRatio), Se = w(() => h.value.map((t, s) => T.value - s * T.value / _.value.length)), X = w(() => h.value.map((t, s) => {
       const a = s * T.value / _.value.length;
       return {
         ...t,
@@ -231,7 +231,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
           oe.value
         )
       };
-    })), Oe = m(() => [..._.value].map((t, s) => {
+    })), Oe = w(() => [..._.value].map((t, s) => {
       const a = s * T.value / _.value.length;
       return {
         sizeRatio: a,
@@ -273,17 +273,17 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
       else {
         let l = "";
         if (e.value.style.chart.tooltip.showAllItemsAtIndex && p.value.length === 0) {
-          const d = h.value.map((g) => g.series.find((v) => v.seriesIndex === a));
-          d.forEach((g, v) => {
-            if (!g) return "";
+          const d = h.value.map((k) => k.series.find((v) => v.seriesIndex === a));
+          d.forEach((k, v) => {
+            if (!k) return "";
             l += `
                     <div style="display:flex; flex-direction: column; justify-content:flex-start; align-items:flex-start;padding:6px 0; ${v < d.length - 1 ? `border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor}` : ""}">
                         <div style="display:flex; flex-direction: row; gap: 3px; justify-content:flex-start; align-items:center;">
                             <svg viewBox="0 0 20 20" height="${e.value.style.chart.tooltip.fontSize}" width="${e.value.style.chart.tooltip.fontSize}">
-                                <circle cx="10" cy="10" r="10" fill="${g.color}"/>
+                                <circle cx="10" cy="10" r="10" fill="${k.color}"/>
                             </svg>
                             <span>
-                                ${g.arcOf ?? ""} - ${g.name}
+                                ${k.arcOf ?? ""} - ${k.name}
                             </span>
                         </div>
                         <span>
@@ -300,7 +300,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
             )}
                         </b>` : ""}
                             ${e.value.style.chart.tooltip.showPercentage ? `(${x({
-              v: g.proportion * 100,
+              v: k.proportion * 100,
               s: "%",
               r: e.value.style.chart.tooltip.roundingPercentage
             })})` : ""}
@@ -343,7 +343,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
       if (!e.value.style.chart.tooltip.showAllItemsAtIndex || p.value.length)
         return [null, void 0].includes(H.value) || H.value === t.id ? "" : `url(#blur_${$.value})`;
     }
-    const ne = m(() => _.value.map((t, s) => t.series.map((a, o) => ({
+    const ne = w(() => _.value.map((t, s) => t.series.map((a, o) => ({
       name: a.name,
       color: a.color,
       value: a.value,
@@ -358,14 +358,14 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
       opacity: p.value.includes(a.id) ? 0.5 : 1,
       segregate: () => ae(a),
       isSegregated: p.value.includes(a.id)
-    })))), lt = m(() => ({
+    })))), lt = w(() => ({
       cy: "nested-donuts-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), A = m(() => {
+    })), A = w(() => {
       const t = h.value.flatMap((a) => a.series.map((o) => ({
         name: `${a.name} - ${o.name}`,
         color: o.color,
@@ -381,19 +381,19 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
         gt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-nested-donuts" });
       });
     }
-    const q = m(() => {
+    const q = w(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value,
         e.value.table.columnNames.percentage
       ], s = A.value.head.map((l, d) => {
-        const g = x({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: A.value.body[d], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue });
+        const k = x({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: A.value.body[d], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue });
         return [
           {
             color: l.color,
             name: l.name
           },
-          g,
+          k,
           isNaN(A.value.body[d] / l.total) ? "-" : x({
             v: A.value.body[d] / l.total * 100,
             s: "%",
@@ -451,7 +451,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
       toggleAnnotator: re
     }), (t, s) => (u(), n("div", {
       ref_key: "nestedDonutsChart",
-      ref: U,
+      ref: B,
       class: P(`vue-ui-nested-donuts ${z.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: K(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `nested_donuts_${$.value}`,
@@ -510,7 +510,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
         isFullscreen: z.value,
         isTooltip: y.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: U.value,
+        chartElement: B.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: J.value,
@@ -526,61 +526,68 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
           visibility: r(ge) ? r(le) ? "visible" : "hidden" : "visible"
         })
       }, ut({ _: 2 }, [
+        t.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: b(({ isOpen: a, color: o }) => [
+            g(t.$slots, "menuIcon", V(M({ isOpen: a, color: o })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: k(() => [
-            w(t.$slots, "optionTooltip", {}, void 0, !0)
+          fn: b(() => [
+            g(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
-          key: "0"
+          key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: k(() => [
-            w(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: b(() => [
+            g(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
-          key: "1"
+          key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: k(() => [
-            w(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: b(() => [
+            g(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
-          key: "2"
+          key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: k(() => [
-            w(t.$slots, "optionImg", {}, void 0, !0)
+          fn: b(() => [
+            g(t.$slots, "optionImg", {}, void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: k(() => [
-            w(t.$slots, "optionTable", {}, void 0, !0)
+          fn: b(() => [
+            g(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         t.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: k(() => [
-            w(t.$slots, "optionLabels", {}, void 0, !0)
+          fn: b(() => [
+            g(t.$slots, "optionLabels", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: k(({ toggleFullscreen: a, isFullscreen: o }) => [
-            w(t.$slots, "optionFullscreen", R(B({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+          fn: b(({ toggleFullscreen: a, isFullscreen: o }) => [
+            g(t.$slots, "optionFullscreen", V(M({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: k(({ toggleAnnotator: a, isAnnotator: o }) => [
-            w(t.$slots, "optionAnnotator", R(B({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+          fn: b(({ toggleAnnotator: a, isAnnotator: o }) => [
+            g(t.$slots, "optionAnnotator", V(M({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
-          key: "7"
+          key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
       G.value ? (u(), n("svg", {
@@ -603,57 +610,57 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
             pointerEvents: "none"
           }
         }, [
-          w(t.$slots, "chart-background", {}, void 0, !0)
+          g(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Vt)) : f("", !0),
-        b("defs", null, [
+        m("defs", null, [
           (u(!0), n(C, null, F(Oe.value, (a, o) => (u(), n("radialGradient", {
             id: `radial_${$.value}_${o}`
           }, [
-            s[5] || (s[5] = b("stop", {
+            s[5] || (s[5] = m("stop", {
               offset: "0%",
               "stop-color": "#FFFFFF",
               "stop-opacity": "0"
             }, null, -1)),
-            b("stop", {
+            m("stop", {
               offset: `${(1 - oe.value / Se.value[o]) * 100}%`,
               "stop-color": r(Ee)("#FFFFFF", 0),
               "stop-opacity": "0"
             }, null, 8, Ut),
-            b("stop", {
+            m("stop", {
               offset: `${(1 - oe.value / Se.value[o] / 2) * 100}%`,
               "stop-color": "#FFFFFF",
               "stop-opacity": e.value.style.chart.gradientIntensity / 100
             }, null, 8, Rt),
-            s[6] || (s[6] = b("stop", {
+            s[6] || (s[6] = m("stop", {
               offset: "100%",
               "stop-color": "#FFFFFF",
               "stop-opacity": "0"
             }, null, -1))
           ], 8, Mt))), 256))
         ]),
-        b("defs", null, [
-          b("filter", {
+        m("defs", null, [
+          m("filter", {
             id: `blur_${$.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
             height: "200%"
           }, [
-            b("feGaussianBlur", {
+            m("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 2,
               id: `blur_std_${$.value}`
             }, null, 8, Et),
-            s[7] || (s[7] = b("feColorMatrix", {
+            s[7] || (s[7] = m("feColorMatrix", {
               type: "saturate",
               values: "0"
             }, null, -1))
           ], 8, Bt),
-          b("filter", {
+          m("filter", {
             id: `shadow_${$.value}`,
             "color-interpolation-filters": "sRGB"
           }, [
-            b("feDropShadow", {
+            m("feDropShadow", {
               dx: "0",
               dy: "0",
               stdDeviation: "10",
@@ -664,7 +671,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
         ]),
         (u(!0), n(C, null, F(X.value, (a, o) => (u(), n("g", null, [
           (u(!0), n(C, null, F(a.donut, (l, d) => (u(), n("g", null, [
-            b("path", {
+            m("path", {
               class: "vue-ui-donut-arc-path",
               d: l.arcSlice,
               fill: r(Ee)(l.color, 80),
@@ -676,7 +683,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
         ]))), 256)),
         e.value.style.chart.useGradient ? (u(), n("g", Ht, [
           (u(!0), n(C, null, F(Oe.value, (a, o) => (u(), n("g", null, [
-            b("path", {
+            m("path", {
               d: a.donut.arcSlice,
               fill: `url(#radial_${$.value}_${o})`,
               stroke: "transparent",
@@ -708,8 +715,8 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
               ue(l) && y.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage ? (u(), n("text", {
                 key: 0,
                 class: P({ animated: e.value.useCssAnimation }),
-                "text-anchor": r(M)(l, !0).anchor,
-                x: r(M)(l, !1, e.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
+                "text-anchor": r(R)(l, !0).anchor,
+                x: r(R)(l, !1, e.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
                 y: r(ie)(l, e.value.style.chart.layout.labels.dataLabels.offsetY, e.value.style.chart.layout.labels.dataLabels.offsetY),
                 fill: e.value.style.chart.layout.labels.dataLabels.useSerieColor ? l.color : e.value.style.chart.layout.labels.dataLabels.color,
                 "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
@@ -718,8 +725,8 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
               ue(l) && y.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage && e.value.style.chart.layout.labels.dataLabels.showValue ? (u(), n("text", {
                 key: 1,
                 class: P({ animated: e.value.useCssAnimation }),
-                "text-anchor": r(M)(l, !0).anchor,
-                x: r(M)(l, !1, e.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
+                "text-anchor": r(R)(l, !0).anchor,
+                x: r(R)(l, !1, e.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
                 y: r(ie)(l, e.value.style.chart.layout.labels.dataLabels.offsetY, e.value.style.chart.layout.labels.dataLabels.offsetY) + e.value.style.chart.layout.labels.dataLabels.fontSize,
                 fill: e.value.style.chart.layout.labels.dataLabels.useSerieColor ? l.color : e.value.style.chart.layout.labels.dataLabels.color,
                 "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
@@ -738,8 +745,8 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
               ue(l) && y.value.dataLabels.show && !e.value.style.chart.layout.labels.dataLabels.showPercentage && e.value.style.chart.layout.labels.dataLabels.showValue ? (u(), n("text", {
                 key: 2,
                 class: P({ animated: e.value.useCssAnimation }),
-                "text-anchor": r(M)(l, !0).anchor,
-                x: r(M)(l, !1, e.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
+                "text-anchor": r(R)(l, !0).anchor,
+                x: r(R)(l, !1, e.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
                 y: r(ie)(l, e.value.style.chart.layout.labels.dataLabels.offsetY, e.value.style.chart.layout.labels.dataLabels.offsetY),
                 fill: e.value.style.chart.layout.labels.dataLabels.useSerieColor ? l.color : e.value.style.chart.layout.labels.dataLabels.color,
                 "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
@@ -760,24 +767,24 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
         ])) : f("", !0),
         (u(!0), n(C, null, F(X.value, (a, o) => (u(), n("g", null, [
           (u(!0), n(C, null, F(a.donut, (l, d) => (u(), n("g", null, [
-            b("path", {
+            m("path", {
               d: l.arcSlice,
               fill: Je.value === o ? "rgba(0,0,0,0.1)" : "transparent",
-              onMouseenter: (g) => tt({
+              onMouseenter: (k) => tt({
                 datapoint: l,
                 seriesIndex: l.seriesIndex
               }),
-              onClick: (g) => je({ datapoint: l, index: d }),
-              onMouseleave: s[0] || (s[0] = (g) => {
+              onClick: (k) => je({ datapoint: l, index: d }),
+              onMouseleave: s[0] || (s[0] = (k) => {
                 j.value = !1, Ae.value = null, H.value = null, W.value = null;
               })
             }, null, 40, tl)
           ]))), 256))
         ]))), 256)),
-        w(t.$slots, "svg", { svg: c.value }, void 0, !0)
+        g(t.$slots, "svg", { svg: c.value }, void 0, !0)
       ], 14, zt)) : f("", !0),
       t.$slots.watermark ? (u(), n("div", ll, [
-        w(t.$slots, "watermark", R(B({ isPrinting: r($e) || r(Le) })), void 0, !0)
+        g(t.$slots, "watermark", V(M({ isPrinting: r($e) || r(Le) })), void 0, !0)
       ])) : f("", !0),
       G.value ? f("", !0) : (u(), D(Ft, {
         key: 6,
@@ -802,16 +809,16 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: U.value,
+        parent: B.value,
         content: ee.value,
         isFullscreen: z.value,
         isCustom: r(Ge)(e.value.style.chart.tooltip.customFormat)
       }, {
-        "tooltip-before": k(() => [
-          w(t.$slots, "tooltip-before", R(B({ ...se.value })), void 0, !0)
+        "tooltip-before": b(() => [
+          g(t.$slots, "tooltip-before", V(M({ ...se.value })), void 0, !0)
         ]),
-        "tooltip-after": k(() => [
-          w(t.$slots, "tooltip-after", R(B({ ...se.value })), void 0, !0)
+        "tooltip-after": b(() => [
+          g(t.$slots, "tooltip-after", V(M({ ...se.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
@@ -827,12 +834,12 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
           config: lt.value,
           onClickMarker: s[1] || (s[1] = ({ legend: l }) => ae(l))
         }, {
-          legendTitle: k(({ titleSet: l }) => [
+          legendTitle: b(({ titleSet: l }) => [
             l[0] && l[0].arcOf ? (u(), n("div", al, S(l[0].arcOf), 1)) : f("", !0)
           ]),
-          item: k(({ legend: l, index: d }) => [
-            b("div", {
-              onClick: (g) => ae(l),
+          item: b(({ legend: l, index: d }) => [
+            m("div", {
+              onClick: (k) => ae(l),
               style: K(`opacity:${p.value.includes(l.id) ? 0.5 : 1}`)
             }, [
               Q(S(l.name) + ": " + S(r(E)(
@@ -861,7 +868,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
         ref_key: "chartLegend",
         ref: te
       }, [
-        w(t.$slots, "legend", { legend: ne.value }, void 0, !0)
+        g(t.$slots, "legend", { legend: ne.value }, void 0, !0)
       ], 512)),
       t.$slots.source ? (u(), n("div", {
         key: 9,
@@ -869,7 +876,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
         ref: ce,
         dir: "auto"
       }, [
-        w(t.$slots, "source", {}, void 0, !0)
+        g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
       G.value ? (u(), D(Nt, {
         key: 10,
@@ -887,7 +894,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
           }
         }
       }, {
-        content: k(() => [
+        content: b(() => [
           (u(), D(xt, {
             key: `table_${ye.value}`,
             colNames: q.value.colNames,
@@ -897,13 +904,13 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: s[2] || (s[2] = (a) => y.value.showTable = !1)
           }, {
-            th: k(({ th: a }) => [
-              b("div", {
+            th: b(({ th: a }) => [
+              m("div", {
                 innerHTML: a,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, sl)
             ]),
-            td: k(({ td: a }) => [
+            td: b(({ td: a }) => [
               Q(S(a.name || a), 1)
             ]),
             _: 1
@@ -913,7 +920,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["width", "height"], Mt = ["i
       }, 8, ["config"])) : f("", !0)
     ], 46, Dt));
   }
-}, Ll = /* @__PURE__ */ Pt(ul, [["__scopeId", "data-v-17317b93"]]);
+}, Ll = /* @__PURE__ */ Pt(ul, [["__scopeId", "data-v-f2992cb6"]]);
 export {
   Ll as default
 };