vue-data-ui 2.3.90 → 2.3.91

package/dist/{vue-ui-donut-B3yDJvZI.js → vue-ui-donut-CBG9ECp8.js}

@@ -1,25 +1,26 @@
-import { computed as b, ref as v, onMounted as Ye, onBeforeUnmount as He, watch as Ne, openBlock as s, createElementBlock as n, normalizeClass as ue, normalizeStyle as z, renderSlot as g, createBlock as V, createCommentVNode as d, unref as o, createSlots as We, withCtx as w, normalizeProps as H, guardReactiveProps as W, createElementVNode as f, Fragment as M, renderList as X, toDisplayString as C, createTextVNode as Oe, createVNode as Xe, nextTick as qe, pushScopeId as Je, popScopeId as Ke } from "vue";
-import { u as Qe, o as Ze, e as Pe, g as el, c as ll, b as tl, d as Ae, p as D, m as al, f as x, X as ol, s as q, j as ul, F as sl, i as F, k as y, n as J, t as rl, a as nl, x as il, q as vl, r as cl } from "./index-DQl1TFXa.js";
+import { computed as b, ref as v, onMounted as He, onBeforeUnmount as We, watch as Ne, openBlock as s, createElementBlock as n, normalizeClass as ue, normalizeStyle as z, renderSlot as g, createBlock as V, createCommentVNode as d, unref as o, createSlots as Xe, withCtx as w, normalizeProps as H, guardReactiveProps as W, createVNode as Oe, createElementVNode as y, Fragment as M, renderList as X, toDisplayString as C, createTextVNode as Pe, nextTick as qe, pushScopeId as Je, popScopeId as Ke } from "vue";
+import { u as Qe, o as Ze, e as Ae, g as el, c as ll, b as tl, d as De, p as D, m as al, f as x, X as ol, s as q, j as ul, F as sl, i as F, k as f, n as J, t as rl, a as nl, x as il, q as vl, r as cl } from "./index-mBy4elhB.js";
 import { t as dl, u as hl } from "./useResponsive-NZB-WLRF.js";
-import { _ as yl } from "./Title-DlBwa3-X.js";
-import { u as fl, U as pl } from "./usePrinter-DgKGVvJC.js";
-import { D as bl } from "./DataTable-Cmbf3abv.js";
-import { _ as gl } from "./Tooltip-w32n-8sY.js";
-import { L as ml } from "./Legend-CCq0mNRg.js";
-import wl from "./vue-ui-skeleton-BVJGmYjj.js";
-import kl from "./vue-ui-accordion-CroZrm7T.js";
-import { u as De } from "./useNestedProp-lmeFt-ev.js";
-import { _ as _l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = ["xmlns", "viewBox"], Sl = ["id"], Ll = ["stop-color"], Fl = ["offset", "stop-color"], Tl = ["offset", "stop-color"], zl = ["stop-color"], Nl = ["id"], Ol = ["id"], Pl = /* @__PURE__ */ Cl(() => /* @__PURE__ */ f("feColorMatrix", {
+import { _ as fl } from "./Title-CECK1w9L.js";
+import { u as yl, U as pl } from "./usePrinter-Ck-yukK2.js";
+import { D as bl } from "./DataTable-BKc3r3k3.js";
+import { _ as gl } from "./Tooltip-Ci3AprCm.js";
+import { L as ml } from "./Legend-WNL92WSx.js";
+import wl from "./vue-ui-skeleton-DDhwPZd_.js";
+import kl from "./vue-ui-accordion-dyF20BlD.js";
+import { u as Ie } from "./useNestedProp-BrIRtQj1.js";
+import { _ as _l } from "./PackageVersion-D9PU8glB.js";
+import { _ as Cl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const xl = (G) => (Je("data-v-98fd948d"), G = G(), Ke(), G), $l = ["id"], Sl = ["xmlns", "viewBox"], Ll = ["id"], Fl = ["stop-color"], Tl = ["offset", "stop-color"], zl = ["offset", "stop-color"], Nl = ["stop-color"], Ol = ["id"], Pl = ["id"], Al = /* @__PURE__ */ xl(() => /* @__PURE__ */ y("feColorMatrix", {
   type: "saturate",
   values: "0"
-}, null, -1)), Al = ["id"], Dl = ["flood-color"], Il = ["d", "stroke", "filter"], Bl = ["cx", "cy", "r", "fill", "filter"], Vl = ["stroke", "d"], Ml = ["d", "fill", "stroke", "stroke-width", "filter"], Gl = ["cx", "cy", "r", "fill", "stroke"], Ul = ["cx", "cy", "r", "fill"], jl = ["d", "fill", "onMouseenter", "onClick"], El = ["x", "y", "fill", "font-size"], Rl = ["x", "y", "fill", "font-size"], Yl = ["x", "y", "fill", "font-size"], Hl = ["x", "y", "fill", "font-size"], Wl = ["filter"], Xl = { key: 0 }, ql = ["x", "y"], Jl = { key: 1 }, Kl = ["cx", "cy", "fill", "filter", "onClick"], Ql = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], Zl = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], et = { key: 2 }, lt = ["x", "y", "width"], tt = {
+}, null, -1)), Dl = ["id"], Il = ["flood-color"], Bl = ["d", "stroke", "filter"], Vl = ["cx", "cy", "r", "fill", "filter"], Ml = ["stroke", "d"], Gl = ["d", "fill", "stroke", "stroke-width", "filter"], Ul = ["cx", "cy", "r", "fill", "stroke"], jl = ["cx", "cy", "r", "fill"], El = ["d", "fill", "onMouseenter", "onClick"], Rl = ["x", "y", "fill", "font-size"], Yl = ["x", "y", "fill", "font-size"], Hl = ["x", "y", "fill", "font-size"], Wl = ["x", "y", "fill", "font-size"], Xl = ["filter"], ql = { key: 0 }, Jl = ["x", "y"], Kl = { key: 1 }, Ql = ["cx", "cy", "fill", "filter", "onClick"], Zl = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], et = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], lt = { key: 2 }, tt = ["x", "y", "width"], at = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, at = ["onClick"], ot = {
+}, ot = ["onClick"], ut = {
   key: 0,
   style: { "font-variant-numeric": "tabular-nums" }
-}, ut = { key: 1 }, st = ["innerHTML"], rt = {
+}, st = { key: 1 }, rt = ["innerHTML"], nt = {
   __name: "vue-ui-donut",
   props: {
     config: {
@@ -36,8 +37,8 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(G, { expose: Ie, emit: se }) {
-    const S = G, { vue_ui_donut: Be } = Qe(), U = b({
+  setup(G, { expose: Be, emit: se }) {
+    const S = G, { vue_ui_donut: Ve } = Qe(), U = b({
       get() {
         return !!S.dataset && S.dataset.length;
       },
@@ -45,13 +46,13 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
         return t;
       }
     }), j = v(null), re = v(null), ne = v(null), K = v(null), ie = v(0), ve = v(0), ce = v(0);
-    Ye(() => {
+    He(() => {
       de();
-    }), He(() => {
+    }), We(() => {
       K.value && K.value.disconnect();
     });
     function de() {
-      if (Ze(S.dataset) ? Pe({
+      if (Ze(S.dataset) ? Ae({
         componentName: "VueUiDonut",
         type: "dataset"
       }) : S.dataset.forEach((t, a) => {
@@ -59,7 +60,7 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
-          U.value = !1, Pe({
+          U.value = !1, Ae({
             componentName: "VueUiDonut",
             type: "datasetSerieAttribute",
             property: l,
@@ -78,14 +79,14 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
         K.value = new ResizeObserver(t), K.value.observe(j.value.parentNode);
       }
     }
-    const $ = v(ll()), Ve = v(null), ee = v(!1), le = v(""), T = v(null), he = v(0);
-    function ye() {
-      const t = De({
+    const $ = v(ll()), Me = v(null), ee = v(!1), le = v(""), T = v(null), he = v(0);
+    function fe() {
+      const t = Ie({
         userConfig: S.config,
-        defaultConfig: Be
+        defaultConfig: Ve
       });
       return t.theme ? {
-        ...De({
+        ...Ie({
           userConfig: rl.vue_ui_donut[t.theme] || S.config,
           defaultConfig: t
         }),
@@ -93,13 +94,13 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
       } : t;
     }
     const e = b({
-      get: () => ye(),
+      get: () => fe(),
       set: (t) => t
     });
     Ne(() => S.config, (t) => {
-      e.value = ye(), de(), ie.value += 1, ve.value += 1, ce.value += 1;
+      e.value = fe(), de(), ie.value += 1, ve.value += 1, ce.value += 1;
     }, { deep: !0 });
-    const { isPrinting: fe, isImaging: pe, generatePdf: be, generateImage: ge } = fl({
+    const { isPrinting: ye, isImaging: pe, generatePdf: be, generateImage: ge } = yl({
       elementId: `donut__${$.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-donut"
     }), me = b(() => tl(e.value.customPalette)), p = v({
@@ -116,13 +117,13 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
       return l < 24 ? 24 : l;
     }), O = b(() => S.dataset.map((t, a) => ({
       name: t.name,
-      color: Ae(t.color) || me.value[a] || D[a] || D[a % D.length],
+      color: De(t.color) || me.value[a] || D[a] || D[a % D.length],
       value: t.values.reduce((l, u) => l + u, 0),
       absoluteValues: t.values,
       comment: t.comment || ""
     }))), k = v(O.value);
     Ne(() => O.value, (t) => k.value = t);
-    function Me() {
+    function Ge() {
       return O.value.map((t) => ({
         name: t.name,
         color: t.color,
@@ -175,7 +176,7 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
       seriesIndex: a
     })).filter((t, a) => !L.value.includes(a)))), Ce = b(() => S.dataset.map((t, a) => ({
       name: t.name,
-      color: Ae(t.color) || me.value[a] || D[a] || D[a % D.length],
+      color: De(t.color) || me.value[a] || D[a] || D[a % D.length],
       value: (t.values || []).reduce((l, u) => l + u, 0),
       shape: "circle"
     })).map((t, a) => ({
@@ -184,7 +185,7 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
       opacity: L.value.includes(a) ? 0.5 : 1,
       segregate: () => _e(a),
       isSegregated: L.value.includes(a)
-    }))), Ge = b(() => ({
+    }))), Ue = b(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -199,7 +200,7 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
       return t.proportion * 100 > e.value.style.chart.layout.labels.dataLabels.hideUnderValue;
     }
     function xe(t, a) {
-      const l = t.value / Ue(a);
+      const l = t.value / je(a);
       return isNaN(l) ? 0 : F(
         e.value.style.chart.layout.labels.percentage.formatter,
         l * 100,
@@ -211,11 +212,11 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
         { datapoint: t }
       );
     }
-    function Ue(t) {
+    function je(t) {
       return [...t].map((a) => a.value).reduce((a, l) => a + l, 0);
     }
     const m = b(() => I.value.map((t) => t.value).reduce((t, a) => t + a, 0)), $e = b(() => m.value / I.value.length), te = v(null), R = v(!1);
-    function je({ datapoint: t, relativeIndex: a, seriesIndex: l, show: u = !1 }) {
+    function Ee({ datapoint: t, relativeIndex: a, seriesIndex: l, show: u = !1 }) {
       te.value = { datapoint: t, seriesIndex: l, config: e.value, series: O.value }, ee.value = u, T.value = a;
       let r = "";
       const h = e.value.style.chart.tooltip.customFormat;
@@ -261,7 +262,7 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
               seriesIndex: l
             }
           );
-          e.value.style.chart.tooltip.showValue ? r += `<span>(${c})</span></div>` : r += `<b>${c}%</b></div>`;
+          e.value.style.chart.tooltip.showValue ? r += `<span>(${c})</span></div>` : r += `<b>${c}</b></div>`;
         }
         e.value.style.chart.comments.showInTooltip && t.comment && (r += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; margin-top:6px; border-left: 1px solid ${t.color}">${t.comment}</div>`), le.value = `<div>${r}</div>`;
       }
@@ -323,11 +324,11 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
         config: l
       };
     }), Y = v(!1);
-    function Ee(t) {
+    function Re(t) {
       Y.value = t, he.value += 1;
     }
     const Le = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent));
-    function Re(t) {
+    function Ye(t) {
       return t.toFixed(e.value.style.chart.legend.roundingPercentage).split("").map((a) => "-").join("");
     }
     function Z(t, a) {
@@ -342,8 +343,8 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
     function ze() {
       p.value.showTooltip = !p.value.showTooltip;
     }
-    return Ie({
-      getData: Me,
+    return Be({
+      getData: Ge,
       generatePdf: be,
       generateCsv: Se,
       generateImage: ge,
@@ -364,7 +365,7 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
         ref: re,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (s(), V(yl, {
+        (s(), V(fl, {
           key: `title_${ie.value}`,
           config: {
             title: {
@@ -380,11 +381,11 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
       ], 512)) : d("", !0),
       e.value.userOptions.show && U.value ? (s(), V(pl, {
         ref_key: "details",
-        ref: Ve,
+        ref: Me,
         key: `user_option_${he.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: o(fe),
+        isPrinting: o(ye),
         isImaging: o(pe),
         uid: $.value,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
@@ -399,14 +400,14 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
         position: e.value.userOptions.position,
         isTooltip: p.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        onToggleFullscreen: Ee,
+        onToggleFullscreen: Re,
         onGeneratePdf: o(be),
         onGenerateCsv: Se,
         onGenerateImage: o(ge),
         onToggleTable: Fe,
         onToggleLabels: Te,
         onToggleTooltip: ze
-      }, We({ _: 2 }, [
+      }, Xe({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: w(() => [
@@ -464,59 +465,60 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
         viewBox: `0 0 ${i.value.width <= 0 ? 10 : i.value.width} ${i.value.height <= 0 ? 10 : i.value.height}`,
         style: z(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        f("defs", null, [
+        Oe(_l),
+        y("defs", null, [
           e.value.style.chart.useGradient ? (s(), n("radialGradient", {
             key: 0,
             id: `gradient_${$.value}`
           }, [
-            f("stop", {
+            y("stop", {
               offset: "0%",
               "stop-color": o(q)(e.value.style.chart.backgroundColor, 0),
               "stop-opacity": "0"
-            }, null, 8, Ll),
-            f("stop", {
+            }, null, 8, Fl),
+            y("stop", {
               offset: `${(1 - E.value / _.value) * 100}%`,
               "stop-color": o(q)("#FFFFFF", 0),
               "stop-opacity": "0"
-            }, null, 8, Fl),
-            f("stop", {
+            }, null, 8, Tl),
+            y("stop", {
               offset: `${(1 - E.value / _.value / 2) * 100}%`,
               "stop-color": o(q)("#FFFFFF", e.value.style.chart.gradientIntensity)
-            }, null, 8, Tl),
-            f("stop", {
+            }, null, 8, zl),
+            y("stop", {
               offset: "100%",
               "stop-color": o(q)(e.value.style.chart.backgroundColor, 0),
               "stop-opacity": "0"
-            }, null, 8, zl)
-          ], 8, Sl)) : d("", !0)
+            }, null, 8, Nl)
+          ], 8, Ll)) : d("", !0)
         ]),
-        f("defs", null, [
-          f("filter", {
+        y("defs", null, [
+          y("filter", {
             id: `blur_${$.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
             height: "200%"
           }, [
-            f("feGaussianBlur", {
+            y("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 2,
               id: `blur_std_${$.value}`
-            }, null, 8, Ol),
-            Pl
-          ], 8, Nl),
-          f("filter", {
+            }, null, 8, Pl),
+            Al
+          ], 8, Ol),
+          y("filter", {
             id: `shadow_${$.value}`,
             "color-interpolation-filters": "sRGB"
           }, [
-            f("feDropShadow", {
+            y("feDropShadow", {
               dx: "0",
               dy: "0",
               stdDeviation: "10",
               "flood-opacity": "0.5",
               "flood-color": e.value.style.chart.layout.donut.shadowColor
-            }, null, 8, Dl)
-          ], 8, Al)
+            }, null, 8, Il)
+          ], 8, Dl)
         ]),
         (s(!0), n(M, null, X(A.value, (l, u) => (s(), n("g", null, [
           B(l) && p.value.dataLabels.show ? (s(), n("path", {
@@ -528,21 +530,21 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
             "stroke-linejoin": "round",
             fill: "none",
             filter: ae(u)
-          }, null, 8, Il)) : d("", !0)
+          }, null, 8, Bl)) : d("", !0)
         ]))), 256)),
-        f("circle", {
+        y("circle", {
           cx: i.value.width / 2,
           cy: i.value.height / 2,
           r: _.value <= 0 ? 10 : _.value,
           fill: e.value.style.chart.backgroundColor,
           filter: e.value.style.chart.layout.donut.useShadow ? `url(#shadow_${$.value})` : ""
-        }, null, 8, Bl),
+        }, null, 8, Vl),
         m.value ? (s(), n(M, { key: 0 }, [
           (s(!0), n(M, null, X(A.value, (l, u) => (s(), n("path", {
             stroke: e.value.style.chart.backgroundColor,
             d: l.arcSlice,
             fill: "#FFFFFF"
-          }, null, 8, Vl))), 256)),
+          }, null, 8, Ml))), 256)),
           (s(!0), n(M, null, X(A.value, (l, u) => (s(), n("path", {
             class: "vue-ui-donut-arc-path",
             d: l.arcSlice,
@@ -550,7 +552,7 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": e.value.style.chart.layout.donut.borderWidth,
             filter: ae(u)
-          }, null, 8, Ml))), 256))
+          }, null, 8, Gl))), 256))
         ], 64)) : (s(), n("circle", {
           key: 1,
           cx: i.value.width / 2,
@@ -558,7 +560,7 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
           r: _.value <= 0 ? 10 : _.value,
           fill: e.value.style.chart.backgroundColor,
           stroke: o(sl)(e.value.style.chart.background)
-        }, null, 8, Gl)),
+        }, null, 8, Ul)),
         e.value.style.chart.useGradient ? (s(), n("circle", {
           key: 2,
           cx: i.value.width / 2,
@@ -568,12 +570,12 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
             _.value <= 0 ? 10 : _.value
           ),
           fill: `url(#gradient_${$.value})`
-        }, null, 8, Ul)) : d("", !0),
+        }, null, 8, jl)) : d("", !0),
         m.value ? (s(!0), n(M, { key: 3 }, X(A.value, (l, u) => (s(), n("path", {
           "data-cy-donut-trap": "",
           d: l.arcSlice,
           fill: T.value === u ? "rgba(0,0,0,0.1)" : "transparent",
-          onMouseenter: (r) => je({
+          onMouseenter: (r) => Ee({
             datapoint: l,
             relativeIndex: u,
             seriesIndex: l.seriesIndex,
@@ -583,7 +585,7 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
             ee.value = !1, T.value = null;
           }),
           onClick: (r) => Z(l, u)
-        }, null, 40, jl))), 256)) : d("", !0),
+        }, null, 40, El))), 256)) : d("", !0),
         e.value.style.chart.layout.labels.hollow.total.show ? (s(), n("text", {
           key: 4,
           "text-anchor": "middle",
@@ -592,7 +594,7 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
           fill: e.value.style.chart.layout.labels.hollow.total.color,
           "font-size": e.value.style.chart.layout.labels.hollow.total.fontSize,
           style: z(`font-weight:${e.value.style.chart.layout.labels.hollow.total.bold ? "bold" : ""}`)
-        }, C(e.value.style.chart.layout.labels.hollow.total.text), 13, El)) : d("", !0),
+        }, C(e.value.style.chart.layout.labels.hollow.total.text), 13, Rl)) : d("", !0),
         e.value.style.chart.layout.labels.hollow.total.show ? (s(), n("text", {
           key: 5,
           "text-anchor": "middle",
@@ -609,7 +611,7 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
             v: m.value,
             s: e.value.style.chart.layout.labels.hollow.total.value.suffix
           })
-        )), 13, Rl)) : d("", !0),
+        )), 13, Yl)) : d("", !0),
         e.value.style.chart.layout.labels.hollow.average.show ? (s(), n("text", {
           key: 6,
           "text-anchor": "middle",
@@ -618,7 +620,7 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
           fill: e.value.style.chart.layout.labels.hollow.average.color,
           "font-size": e.value.style.chart.layout.labels.hollow.average.fontSize,
           style: z(`font-weight:${e.value.style.chart.layout.labels.hollow.average.bold ? "bold" : ""}`)
-        }, C(e.value.style.chart.layout.labels.hollow.average.text), 13, Yl)) : d("", !0),
+        }, C(e.value.style.chart.layout.labels.hollow.average.text), 13, Hl)) : d("", !0),
         e.value.style.chart.layout.labels.hollow.average.show ? (s(), n("text", {
           key: 7,
           "text-anchor": "middle",
@@ -636,45 +638,45 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
             s: e.value.style.chart.layout.labels.hollow.average.value.suffix,
             r: e.value.style.chart.layout.labels.hollow.average.value.rounding
           })
-        )), 13, Hl)) : d("", !0),
+        )), 13, Wl)) : d("", !0),
         (s(!0), n(M, null, X(A.value, (l, u) => (s(), n("g", {
           filter: ae(u),
           class: ue({ animated: e.value.useCssAnimation })
         }, [
-          e.value.style.chart.layout.labels.dataLabels.useLabelSlots ? (s(), n("g", Xl, [
+          e.value.style.chart.layout.labels.dataLabels.useLabelSlots ? (s(), n("g", ql, [
             (s(), n("foreignObject", {
-              x: o(y)(l, !0).anchor === "end" ? o(y)(l).x - 120 : o(y)(l, !0).anchor === "middle" ? o(y)(l).x - 60 : o(y)(l).x,
+              x: o(f)(l, !0).anchor === "end" ? o(f)(l).x - 120 : o(f)(l, !0).anchor === "middle" ? o(f)(l).x - 60 : o(f)(l).x,
               y: o(J)(l) - (Le.value ? 20 : 0),
               width: "120",
               height: "60",
               style: { overflow: "visible" }
             }, [
-              f("div", null, [
+              y("div", null, [
                 g(t.$slots, "dataLabel", H(W({
                   datapoint: l,
                   isBlur: !e.value.useBlurOnHover || [null, void 0].includes(T.value) || T.value === u,
                   isSafari: Le.value,
                   isVisible: B(l) && p.value.dataLabels.show,
-                  textAlign: o(y)(l, !0, 16, !0).anchor,
-                  flexAlign: o(y)(l, !0, 16).anchor,
+                  textAlign: o(f)(l, !0, 16, !0).anchor,
+                  flexAlign: o(f)(l, !0, 16).anchor,
                   percentage: xe(l, A.value)
                 })), void 0, !0)
               ])
-            ], 8, ql))
-          ])) : (s(), n("g", Jl, [
+            ], 8, Jl))
+          ])) : (s(), n("g", Kl, [
             B(l) && p.value.dataLabels.show ? (s(), n("circle", {
               key: 0,
-              cx: o(y)(l).x,
+              cx: o(f)(l).x,
               cy: o(J)(l) - 3.5,
               fill: l.color,
               r: 3,
               filter: !e.value.useBlurOnHover || [null, void 0].includes(T.value) || T.value === u ? "" : `url(#blur_${$.value})`,
               onClick: (r) => Z(l, u)
-            }, null, 8, Kl)) : d("", !0),
+            }, null, 8, Ql)) : d("", !0),
             B(l) && p.value.dataLabels.show ? (s(), n("text", {
               key: 1,
-              "text-anchor": o(y)(l, !0, 12).anchor,
-              x: o(y)(l, !0, 12).x,
+              "text-anchor": o(f)(l, !0, 12).anchor,
+              x: o(f)(l, !0, 12).x,
               y: o(J)(l),
               fill: e.value.style.chart.layout.labels.percentage.color,
               "font-size": e.value.style.chart.layout.labels.percentage.fontSize,
@@ -690,39 +692,39 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
                 r: e.value.style.chart.layout.labels.value.rounding
               }),
               { datapoint: l }
-            )})` : ""), 13, Ql)) : d("", !0),
+            )})` : ""), 13, Zl)) : d("", !0),
             B(l) && p.value.dataLabels.show ? (s(), n("text", {
               key: 2,
-              "text-anchor": o(y)(l).anchor,
-              x: o(y)(l, !0, 12).x,
+              "text-anchor": o(f)(l).anchor,
+              x: o(f)(l, !0, 12).x,
               y: o(J)(l) + e.value.style.chart.layout.labels.percentage.fontSize,
               fill: e.value.style.chart.layout.labels.name.color,
               "font-size": e.value.style.chart.layout.labels.name.fontSize,
               style: z(`font-weight:${e.value.style.chart.layout.labels.name.bold ? "bold" : ""}`),
               onClick: (r) => Z(l, u)
-            }, C(l.name), 13, Zl)) : d("", !0)
+            }, C(l.name), 13, et)) : d("", !0)
           ])),
-          p.value.dataLabels.show && e.value.style.chart.comments.show && l.comment ? (s(), n("g", et, [
+          p.value.dataLabels.show && e.value.style.chart.comments.show && l.comment ? (s(), n("g", lt, [
             B(l) ? (s(), n("foreignObject", {
               key: 0,
-              x: e.value.style.chart.comments.offsetX + (o(y)(l, !0).anchor === "end" ? o(y)(l).x - e.value.style.chart.comments.width : o(y)(l, !0).anchor === "middle" ? o(y)(l).x - e.value.style.chart.comments.width / 2 : o(y)(l).x),
+              x: e.value.style.chart.comments.offsetX + (o(f)(l, !0).anchor === "end" ? o(f)(l).x - e.value.style.chart.comments.width : o(f)(l, !0).anchor === "middle" ? o(f)(l).x - e.value.style.chart.comments.width / 2 : o(f)(l).x),
               y: o(J)(l) + 24 + e.value.style.chart.comments.offsetY,
               width: e.value.style.chart.comments.width,
               height: "200",
               style: { overflow: "visible", "pointer-events": "none" }
             }, [
-              f("div", null, [
+              y("div", null, [
                 g(t.$slots, "plot-comment", {
-                  plot: { ...l, textAlign: o(y)(l, !0, 16, !0).anchor, flexAlign: o(y)(l, !0, 16).anchor }
+                  plot: { ...l, textAlign: o(f)(l, !0, 16, !0).anchor, flexAlign: o(f)(l, !0, 16).anchor }
                 }, void 0, !0)
               ])
-            ], 8, lt)) : d("", !0)
+            ], 8, tt)) : d("", !0)
           ])) : d("", !0)
-        ], 10, Wl))), 256)),
+        ], 10, Xl))), 256)),
         g(t.$slots, "svg", { svg: i.value }, void 0, !0)
-      ], 14, $l)) : d("", !0),
-      t.$slots.watermark ? (s(), n("div", tt, [
-        g(t.$slots, "watermark", H(W({ isPrinting: o(fe) || o(pe) })), void 0, !0)
+      ], 14, Sl)) : d("", !0),
+      t.$slots.watermark ? (s(), n("div", at, [
+        g(t.$slots, "watermark", H(W({ isPrinting: o(ye) || o(pe) })), void 0, !0)
       ])) : d("", !0),
       U.value ? d("", !0) : (s(), V(wl, {
         key: 4,
@@ -737,22 +739,22 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
           }
         }
       }, null, 8, ["config"])),
-      f("div", {
+      y("div", {
         ref_key: "chartLegend",
         ref: ne
       }, [
         e.value.style.chart.legend.show ? (s(), V(ml, {
           key: `legend_${ce.value}`,
           legendSet: Ce.value,
-          config: Ge.value,
+          config: Ue.value,
           onClickMarker: a[1] || (a[1] = ({ i: l }) => _e(l))
         }, {
           item: w(({ legend: l, index: u }) => [
-            f("div", {
+            y("div", {
               onClick: (r) => l.segregate(),
               style: z(`opacity:${L.value.includes(u) ? 0.5 : 1}`)
             }, [
-              Oe(C(l.name) + ": " + C(o(F)(
+              Pe(C(l.name) + ": " + C(o(F)(
                 e.value.style.chart.layout.labels.value.formatter,
                 l.value,
                 o(x)({
@@ -766,7 +768,7 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
                   index: u
                 }
               )) + " ", 1),
-              L.value.includes(u) ? (s(), n("span", ut, " ( " + C(Re(l.proportion * 100)) + " % ) ", 1)) : (s(), n("span", ot, " (" + C(isNaN(l.value / m.value) ? "-" : o(F)(
+              L.value.includes(u) ? (s(), n("span", st, " ( " + C(Ye(l.proportion * 100)) + " % ) ", 1)) : (s(), n("span", ut, " (" + C(isNaN(l.value / m.value) ? "-" : o(F)(
                 e.value.style.chart.layout.labels.percentage.formatter,
                 P.value ? l.proportion * 100 : l.value / m.value * 100,
                 o(x)({
@@ -775,13 +777,13 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
                   r: e.value.style.chart.legend.roundingPercentage
                 })
               )) + ") ", 1))
-            ], 12, at)
+            ], 12, ot)
           ]),
           _: 1
         }, 8, ["legendSet", "config"])) : d("", !0),
         g(t.$slots, "legend", { legend: Ce.value }, void 0, !0)
       ], 512),
-      Xe(gl, {
+      Oe(gl, {
         show: p.value.showTooltip && ee.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -831,13 +833,13 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
             onClose: a[2] || (a[2] = (l) => p.value.showTable = !1)
           }, {
             th: w(({ th: l }) => [
-              f("div", {
+              y("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, st)
+              }, null, 8, rt)
             ]),
             td: w(({ td: l }) => [
-              Oe(C(l.name ? l.name : isNaN(Number(l)) ? l.includes("%") ? o(F)(
+              Pe(C(l.name ? l.name : isNaN(Number(l)) ? l.includes("%") ? o(F)(
                 e.value.style.chart.layout.labels.percentage.formatter,
                 l,
                 o(x)({
@@ -861,9 +863,9 @@ const Cl = (G) => (Je("data-v-15467798"), G = G(), Ke(), G), xl = ["id"], $l = [
         ]),
         _: 1
       }, 8, ["config"])) : d("", !0)
-    ], 14, xl));
+    ], 14, $l));
   }
-}, wt = /* @__PURE__ */ _l(rt, [["__scopeId", "data-v-15467798"]]);
+}, _t = /* @__PURE__ */ Cl(nt, [["__scopeId", "data-v-98fd948d"]]);
 export {
-  wt as default
+  _t as default
 };