vue-data-ui 2.3.75 → 2.3.77

package/dist/{vue-ui-nested-donuts-BDAlZrMF.js → vue-ui-nested-donuts-DoFALZtp.js}

@@ -1,33 +1,33 @@
-import { computed as k, ref as d, watch as Fe, onMounted as Xe, onBeforeUnmount as He, openBlock as s, createElementBlock as n, normalizeClass as P, normalizeStyle as se, createBlock as O, createCommentVNode as y, unref as r, createSlots as We, withCtx as m, renderSlot as $, normalizeProps as q, guardReactiveProps as J, createElementVNode as b, Fragment as w, renderList as L, toDisplayString as F, createVNode as qe, createTextVNode as K, nextTick as Je, pushScopeId as Ke, popScopeId as Qe } from "vue";
-import { u as Ze, c as je, t as et, a as tt, p as Q, o as lt, e as A, b as at, F as Ie, d as ot, m as De, f as C, X as st, H as ut, k as V, n as ue, i as E, x as ze, y as nt, q as rt, r as it } from "./index-Cm4Iry5c.js";
-import { t as dt, u as ct } from "./useResponsive-NZB-WLRF.js";
-import { _ as vt } from "./Title-C26I_HC3.js";
-import { u as ht, U as ft } from "./usePrinter-B8RnF8_q.js";
-import { D as yt } from "./DataTable-CQANRZju.js";
-import { _ as pt } from "./Tooltip-CH8GmDCG.js";
-import { L as bt } from "./Legend-DX1kv21U.js";
-import gt from "./vue-ui-skeleton-C1oUnz7R.js";
-import mt from "./vue-ui-accordion-Cb6XBCbu.js";
-import { u as Pe } from "./useNestedProp-CurQIHTa.js";
-import { _ as wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = ["xmlns", "viewBox"], kt = ["id", "fr"], $t = /* @__PURE__ */ ne(() => /* @__PURE__ */ b("stop", {
+import { computed as k, ref as d, watch as Fe, onMounted as Xe, onBeforeUnmount as We, openBlock as s, createElementBlock as n, normalizeClass as O, normalizeStyle as se, createBlock as P, createCommentVNode as y, unref as r, createSlots as He, withCtx as m, renderSlot as $, normalizeProps as q, guardReactiveProps as J, createElementVNode as b, Fragment as w, renderList as L, toDisplayString as F, createVNode as qe, createTextVNode as K, nextTick as Je, pushScopeId as Ke, popScopeId as Qe } from "vue";
+import { u as Ze, c as je, t as et, a as tt, p as Q, o as lt, e as A, b as at, G as Ie, d as ot, m as De, f as C, X as st, s as ut, I as nt, k as V, n as ue, i as R, x as ze, y as rt, q as it, r as dt } from "./index-0KN57HdM.js";
+import { t as ct, u as vt } from "./useResponsive-NZB-WLRF.js";
+import { _ as ht } from "./Title-gvR5aS6q.js";
+import { u as ft, U as yt } from "./usePrinter-BvKYEc1z.js";
+import { D as pt } from "./DataTable-OAUXdIYA.js";
+import { _ as bt } from "./Tooltip-BGmkuAK4.js";
+import { L as gt } from "./Legend-BVByqGqZ.js";
+import mt from "./vue-ui-skeleton-dgMXr8k9.js";
+import wt from "./vue-ui-accordion-CczyfFaC.js";
+import { u as Oe } from "./useNestedProp-NeGalTYk.js";
+import { _ as xt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ne = (M) => (Ke("data-v-8ee0a3c3"), M = M(), Qe(), M), _t = ["id"], kt = ["xmlns", "viewBox"], $t = ["id", "fr"], Lt = /* @__PURE__ */ ne(() => /* @__PURE__ */ b("stop", {
   offset: "0%",
   "stop-color": "#FFFFFF",
   "stop-opacity": "0"
-}, null, -1)), Lt = ["offset", "stop-opacity"], Ct = /* @__PURE__ */ ne(() => /* @__PURE__ */ b("stop", {
+}, null, -1)), Ct = ["offset", "stop-opacity"], St = /* @__PURE__ */ ne(() => /* @__PURE__ */ b("stop", {
   offset: "100%",
   "stop-color": "#FFFFFF",
   "stop-opacity": "0"
-}, null, -1)), St = ["id"], Nt = ["id"], Tt = /* @__PURE__ */ ne(() => /* @__PURE__ */ b("feColorMatrix", {
+}, null, -1)), Nt = ["id"], Tt = ["id"], Ft = /* @__PURE__ */ ne(() => /* @__PURE__ */ b("feColorMatrix", {
   type: "saturate",
   values: "0"
-}, null, -1)), Ft = ["id"], It = ["flood-color"], Dt = ["cx", "cy", "r", "fill", "filter"], zt = ["d", "fill", "stroke", "stroke-width", "filter"], Pt = { key: 0 }, Ot = ["d", "fill"], At = { key: 1 }, Vt = ["x", "y", "font-size", "font-weight", "fill"], Mt = { key: 2 }, Bt = ["filter"], Ut = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Rt = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Et = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Gt = ["d", "fill", "onMouseenter", "onClick"], Yt = {
+}, null, -1)), It = ["id"], Dt = ["flood-color"], zt = ["cx", "cy", "r", "fill", "filter"], Ot = ["d", "fill", "stroke", "stroke-width", "filter"], Pt = { key: 0 }, At = ["d", "fill"], Vt = { key: 1 }, Mt = ["x", "y", "font-size", "font-weight", "fill"], Bt = { key: 2 }, Ut = ["filter"], Gt = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Rt = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Et = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Yt = ["d", "fill", "onMouseenter", "onClick"], Xt = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, Xt = {
+}, Wt = {
   key: 0,
   class: "vue-ui-nested-donuts-legend-title"
-}, Ht = ["onClick"], Wt = ["innerHTML"], qt = {
+}, Ht = ["onClick"], qt = ["innerHTML"], Jt = {
   __name: "vue-ui-nested-donuts",
   props: {
     config: {
@@ -44,8 +44,8 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(M, { expose: Oe, emit: re }) {
-    const I = M, { vue_ui_nested_donuts: Ae } = Ze(), G = k(() => !!I.dataset && I.dataset.length), g = d(je()), Z = d(!1), j = d(""), Ve = d(null), ie = d(0), B = d(null), de = d(null), ee = d(null), ce = d(0), ve = d(0), he = d(0), U = d(!1);
+  setup(M, { expose: Pe, emit: re }) {
+    const I = M, { vue_ui_nested_donuts: Ae } = Ze(), E = k(() => !!I.dataset && I.dataset.length), g = d(je()), Z = d(!1), j = d(""), Ve = d(null), ie = d(0), B = d(null), de = d(null), ee = d(null), ce = d(0), ve = d(0), he = d(0), U = d(!1);
     function Me(t) {
       U.value = t, ie.value += 1;
     }
@@ -54,12 +54,12 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
       set: (t) => t
     });
     function fe() {
-      const t = Pe({
+      const t = Oe({
         userConfig: I.config,
         defaultConfig: Ae
       });
       return t.theme ? {
-        ...Pe({
+        ...Oe({
           userConfig: et.vue_ui_nested_donuts[t.theme] || I.config,
           defaultConfig: t
         }),
@@ -78,8 +78,8 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
         componentName: "VueUiNestedDonuts",
         type: "dataset"
       }), e.value.responsive) {
-        const t = dt(() => {
-          const { width: u, height: a } = ct({
+        const t = ct(() => {
+          const { width: u, height: a } = vt({
             chart: B.value,
             title: e.value.style.chart.title.text ? de.value : null,
             legend: e.value.style.chart.legend.show ? ee.value : null
@@ -89,10 +89,10 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
         Y.value = new ResizeObserver(t), Y.value.observe(B.value.parentNode);
       }
     }
-    He(() => {
+    We(() => {
       Y.value && Y.value.disconnect();
     });
-    const { isPrinting: pe, isImaging: be, generatePdf: ge, generateImage: me } = ht({
+    const { isPrinting: pe, isImaging: be, generatePdf: ge, generateImage: me } = ft({
       elementId: `nested_donuts_${g.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-nested-donuts"
     }), Be = k(() => at(e.value.customPalette)), x = d({
@@ -165,7 +165,7 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
         }))
       };
     }));
-    function Re(t, u, a) {
+    function Ge(t, u, a) {
       let o = 0;
       for (let l = 0; l < t.length; l += 1)
         a.includes(t[l]) && (o += 1);
@@ -178,7 +178,7 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
       re("selectLegend", t);
       const u = S.value.flatMap((c) => c.series).find((c) => c.id === t.id), a = h.value.flatMap((c) => c.series).find((c) => c.id === t.id);
       let l = a ? a.value : 0;
-      const i = S.value.find((c) => c.id === u.arcOfId).series.map((c) => c.id), p = Re(i, i.length - 1, f.value);
+      const i = S.value.find((c) => c.id === u.arcOfId).series.map((c) => c.id), p = Ge(i, i.length - 1, f.value);
       if (f.value.includes(t.id)) {
         let c = function() {
           l > u.value ? (cancelAnimationFrame(xe.value), h.value = h.value.map((_) => ({
@@ -215,7 +215,7 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
         c();
       }
     }
-    const R = k(() => h.value.map((t, u) => {
+    const G = k(() => h.value.map((t, u) => {
       const a = u * N.value / S.value.length;
       return {
         ...t,
@@ -252,16 +252,16 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
           N.value / S.value.length * e.value.style.chart.layout.donut.spacingRatio
         )[0]
       };
-    })), $e = d(null), X = d(null), H = d(null), le = d(null);
-    function Ee({ datapoint: t, _relativeIndex: u, seriesIndex: a }) {
-      $e.value = t.arcOfId, X.value = t.id, H.value = a, le.value = {
+    })), $e = d(null), X = d(null), W = d(null), le = d(null);
+    function Re({ datapoint: t, _relativeIndex: u, seriesIndex: a }) {
+      $e.value = t.arcOfId, X.value = t.id, W.value = a, le.value = {
         datapoint: t,
         seriesIndex: a,
         series: h.value,
         config: e.value
       };
       const o = e.value.style.chart.tooltip.customFormat;
-      if (ze(o) && nt(() => o({
+      if (ze(o) && rt(() => o({
         seriesIndex: a,
         datapoint: t,
         series: h.value,
@@ -290,7 +290,7 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
                             </span>
                         </div>
                         <span>
-                            ${e.value.style.chart.tooltip.showValue ? `<b>${E(
+                            ${e.value.style.chart.tooltip.showValue ? `<b>${R(
               e.value.style.chart.layout.labels.dataLabels.formatter,
               t.value,
               C({
@@ -312,7 +312,7 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
                 `;
           });
         } else
-          l += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t.arcOf ?? ""} - ${t.name}</div>`, l += `<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="${t.color}"/></svg>`, e.value.style.chart.tooltip.showValue && (l += `<b>${E(
+          l += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t.arcOf ?? ""} - ${t.name}</div>`, l += `<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="${t.color}"/></svg>`, e.value.style.chart.tooltip.showValue && (l += `<b>${R(
             e.value.style.chart.layout.labels.dataLabels.formatter,
             t.value,
             C({
@@ -342,7 +342,7 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
       if (!e.value.useBlurOnHover)
         return "";
       if (e.value.style.chart.tooltip.showAllItemsAtIndex && f.value.length === 0)
-        return [null, void 0].includes(H.value) || H.value === u ? "" : `url(#blur_${g.value})`;
+        return [null, void 0].includes(W.value) || W.value === u ? "" : `url(#blur_${g.value})`;
       if (!e.value.style.chart.tooltip.showAllItemsAtIndex || f.value.length)
         return [null, void 0].includes(X.value) || X.value === t.id ? "" : `url(#blur_${g.value})`;
     }
@@ -361,7 +361,7 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
       opacity: f.value.includes(a.id) ? 0.5 : 1,
       segregate: () => te(a),
       isSegregated: f.value.includes(a.id)
-    })))), Ge = k(() => ({
+    })))), Ee = k(() => ({
       cy: "nested-donuts-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -380,11 +380,11 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
       Je(() => {
         const t = D.value.head.map((o, l) => [[
           o.name
-        ], [D.value.body[l]], [isNaN(D.value.body[l] / o.total) ? "-" : D.value.body[l] / o.total * 100]]), u = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), a = rt(u);
-        it({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-nested-donuts" });
+        ], [D.value.body[l]], [isNaN(D.value.body[l] / o.total) ? "-" : D.value.body[l] / o.total * 100]]), u = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), a = it(u);
+        dt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-nested-donuts" });
       });
     }
-    const W = k(() => {
+    const H = k(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value,
@@ -439,7 +439,7 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
     function Te() {
       x.value.showTooltip = !x.value.showTooltip;
     }
-    return Oe({
+    return Pe({
       getData: Ye,
       generatePdf: ge,
       generateCsv: Ce,
@@ -450,7 +450,7 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
     }), (t, u) => (s(), n("div", {
       ref_key: "nestedDonutsChart",
       ref: B,
-      class: P(`vue-ui-nested-donuts ${U.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: O(`vue-ui-nested-donuts ${U.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: se(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${!e.value.style.chart.title.text && e.value.userOptions.show ? "padding-top:36px" : ""};background:${e.value.style.chart.backgroundColor}`),
       id: `nested_donuts_${g.value}`
     }, [
@@ -459,7 +459,7 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
         ref_key: "chartTitle",
         ref: de
       }, [
-        (s(), O(vt, {
+        (s(), P(ht, {
           key: `title_${ce.value}`,
           config: {
             title: {
@@ -473,7 +473,7 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && G.value ? (s(), O(ft, {
+      e.value.userOptions.show && E.value ? (s(), P(yt, {
         ref: "details",
         key: `user_option_${ie.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -499,7 +499,7 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
         onToggleTable: Se,
         onToggleLabels: Ne,
         onToggleTooltip: Te
-      }, We({ _: 2 }, [
+      }, He({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: m(() => [
@@ -550,10 +550,10 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
           key: "6"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : y("", !0),
-      G.value ? (s(), n("svg", {
+      E.value ? (s(), n("svg", {
         key: 2,
         xmlns: r(st),
-        class: P({ "vue-data-ui-fullscreen--on": U.value, "vue-data-ui-fulscreen--off": !U.value }),
+        class: O({ "vue-data-ui-fullscreen--on": U.value, "vue-data-ui-fulscreen--off": !U.value }),
         viewBox: `0 0 ${v.value.width <= 0 ? 1e-3 : v.value.width} ${v.value.height < 0 ? 1e-3 : v.value.height}`,
         style: se(`max-width:100%; overflow: visible; background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color}`)
       }, [
@@ -565,14 +565,14 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
             r: "50%",
             fr: 30 - 1 * (o + 1) + "%"
           }, [
-            $t,
+            Lt,
             b("stop", {
               offset: 70 - 20 * o + "%",
               "stop-color": "#FFFFFF",
               "stop-opacity": e.value.style.chart.gradientIntensity / 100
-            }, null, 8, Lt),
-            Ct
-          ], 8, kt))), 256))
+            }, null, 8, Ct),
+            St
+          ], 8, $t))), 256))
         ]),
         b("defs", null, [
           b("filter", {
@@ -586,9 +586,9 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
               in: "SourceGraphic",
               stdDeviation: 2,
               id: `blur_std_${g.value}`
-            }, null, 8, Nt),
-            Tt
-          ], 8, St),
+            }, null, 8, Tt),
+            Ft
+          ], 8, Nt),
           b("filter", {
             id: `shadow_${g.value}`,
             "color-interpolation-filters": "sRGB"
@@ -599,26 +599,26 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
               stdDeviation: "10",
               "flood-opacity": "0.5",
               "flood-color": e.value.style.chart.layout.donut.shadowColor
-            }, null, 8, It)
-          ], 8, Ft)
+            }, null, 8, Dt)
+          ], 8, It)
         ]),
-        (s(!0), n(w, null, L(R.value, (a) => (s(), n("circle", {
+        (s(!0), n(w, null, L(G.value, (a) => (s(), n("circle", {
           cx: v.value.width / 2,
           cy: v.value.height / 2,
           r: a.radius < 0 ? 1e-5 : a.radius,
           fill: e.value.style.chart.backgroundColor,
           filter: e.value.style.chart.layout.donut.useShadow ? `url(#shadow_${g.value})` : ""
-        }, null, 8, Dt))), 256)),
-        (s(!0), n(w, null, L(R.value, (a, o) => (s(), n("g", null, [
+        }, null, 8, zt))), 256)),
+        (s(!0), n(w, null, L(G.value, (a, o) => (s(), n("g", null, [
           (s(!0), n(w, null, L(a.donut, (l, i) => (s(), n("g", null, [
             b("path", {
               class: "vue-ui-donut-arc-path",
               d: l.arcSlice,
-              fill: `${l.color}CC`,
+              fill: r(ut)(l.color, 80),
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.layout.donut.borderWidth,
               filter: Le(l, i)
-            }, null, 8, zt)
+            }, null, 8, Ot)
           ]))), 256))
         ]))), 256)),
         e.value.style.chart.useGradient ? (s(), n("g", Pt, [
@@ -628,50 +628,50 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
               fill: `url(#radial_${g.value}_${o})`,
               stroke: "transparent",
               "stroke-width": "0"
-            }, null, 8, Ot)
+            }, null, 8, At)
           ]))), 256))
         ])) : y("", !0),
-        e.value.style.chart.layout.labels.dataLabels.showDonutName ? (s(), n("g", At, [
-          (s(!0), n(w, null, L(R.value, (a, o) => (s(), n("g", null, [
+        e.value.style.chart.layout.labels.dataLabels.showDonutName ? (s(), n("g", Vt, [
+          (s(!0), n(w, null, L(G.value, (a, o) => (s(), n("g", null, [
             (s(!0), n(w, null, L(a.donut, (l, i) => (s(), n("g", null, [
               i === 0 && v.value.width && v.value.height ? (s(), n("text", {
                 key: 0,
-                class: P({ animated: e.value.useCssAnimation }),
+                class: O({ animated: e.value.useCssAnimation }),
                 x: v.value.width / 2,
                 y: l.startY - e.value.style.chart.layout.labels.dataLabels.fontSize + e.value.style.chart.layout.labels.dataLabels.donutNameOffsetY,
                 "text-anchor": "middle",
                 "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
-              }, F(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? r(ut)({ source: a.name, length: e.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize }) : a.name), 11, Vt)) : y("", !0)
+              }, F(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? r(nt)({ source: a.name, length: e.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize }) : a.name), 11, Mt)) : y("", !0)
             ]))), 256))
           ]))), 256))
         ])) : y("", !0),
-        e.value.style.chart.layout.labels.dataLabels.show ? (s(), n("g", Mt, [
-          (s(!0), n(w, null, L(R.value, (a, o) => (s(), n("g", null, [
+        e.value.style.chart.layout.labels.dataLabels.show ? (s(), n("g", Bt, [
+          (s(!0), n(w, null, L(G.value, (a, o) => (s(), n("g", null, [
             (s(!0), n(w, null, L(a.donut, (l, i) => (s(), n("g", {
               filter: Le(l, i)
             }, [
               ae(l) && x.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage ? (s(), n("text", {
                 key: 0,
-                class: P({ animated: e.value.useCssAnimation }),
+                class: O({ animated: e.value.useCssAnimation }),
                 "text-anchor": r(V)(l, !0).anchor,
                 x: r(V)(l, !1, e.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
                 y: r(ue)(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,
                 "font-weight": e.value.style.chart.layout.labels.dataLabels.boldPercentage ? "bold" : "normal"
-              }, F(r(C)({ v: l.proportion * 100, s: "%", r: e.value.style.chart.layout.labels.dataLabels.roundingPercentage })), 11, Ut)) : y("", !0),
+              }, F(r(C)({ v: l.proportion * 100, s: "%", r: e.value.style.chart.layout.labels.dataLabels.roundingPercentage })), 11, Gt)) : y("", !0),
               ae(l) && x.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage && e.value.style.chart.layout.labels.dataLabels.showValue ? (s(), n("text", {
                 key: 1,
-                class: P({ animated: e.value.useCssAnimation }),
+                class: O({ animated: e.value.useCssAnimation }),
                 "text-anchor": r(V)(l, !0).anchor,
                 x: r(V)(l, !1, e.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
                 y: r(ue)(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,
                 "font-weight": e.value.style.chart.layout.labels.dataLabels.boldValue ? "bold" : "normal"
-              }, " (" + F(r(E)(
+              }, " (" + F(r(R)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
                 r(C)({
@@ -684,14 +684,14 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
               )) + ") ", 11, Rt)) : y("", !0),
               ae(l) && x.value.dataLabels.show && !e.value.style.chart.layout.labels.dataLabels.showPercentage && e.value.style.chart.layout.labels.dataLabels.showValue ? (s(), n("text", {
                 key: 2,
-                class: P({ animated: e.value.useCssAnimation }),
+                class: O({ animated: e.value.useCssAnimation }),
                 "text-anchor": r(V)(l, !0).anchor,
                 x: r(V)(l, !1, e.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
                 y: r(ue)(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,
                 "font-weight": e.value.style.chart.layout.labels.dataLabels.boldValue ? "bold" : "normal"
-              }, F(r(E)(
+              }, F(r(R)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
                 r(C)({
@@ -702,33 +702,33 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
                 }),
                 { datapoint: l, seriesIndex: o, datapointIndex: i }
               )), 11, Et)) : y("", !0)
-            ], 8, Bt))), 256))
+            ], 8, Ut))), 256))
           ]))), 256))
         ])) : y("", !0),
-        (s(!0), n(w, null, L(R.value, (a, o) => (s(), n("g", null, [
+        (s(!0), n(w, null, L(G.value, (a, o) => (s(), n("g", null, [
           (s(!0), n(w, null, L(a.donut, (l, i) => (s(), n("g", null, [
             b("path", {
               "data-cy-donut-trap": "",
               d: l.arcSlice,
               fill: Ve.value === o ? "rgba(0,0,0,0.1)" : "transparent",
-              onMouseenter: (p) => Ee({
+              onMouseenter: (p) => Re({
                 datapoint: l,
                 relativeIndex: o,
                 seriesIndex: l.seriesIndex
               }),
               onClick: (p) => Ue({ datapoint: l, index: i }),
               onMouseleave: u[0] || (u[0] = (p) => {
-                Z.value = !1, $e.value = null, X.value = null, H.value = null;
+                Z.value = !1, $e.value = null, X.value = null, W.value = null;
               })
-            }, null, 40, Gt)
+            }, null, 40, Yt)
           ]))), 256))
         ]))), 256)),
         $(t.$slots, "svg", { svg: v.value }, void 0, !0)
-      ], 14, _t)) : y("", !0),
-      t.$slots.watermark ? (s(), n("div", Yt, [
+      ], 14, kt)) : y("", !0),
+      t.$slots.watermark ? (s(), n("div", Xt, [
         $(t.$slots, "watermark", q(J({ isPrinting: r(pe) || r(be) })), void 0, !0)
       ])) : y("", !0),
-      G.value ? y("", !0) : (s(), O(gt, {
+      E.value ? y("", !0) : (s(), P(mt, {
         key: 4,
         config: {
           type: "donut",
@@ -740,7 +740,7 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
           }
         }
       }, null, 8, ["config"])),
-      qe(pt, {
+      qe(bt, {
         show: x.value.showTooltip && Z.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -767,23 +767,23 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
         key: 5,
         ref_key: "chartLegend",
         ref: ee,
-        class: P({ "vue-ui-nested-donuts-legend": oe.value.length > 1 })
+        class: O({ "vue-ui-nested-donuts-legend": oe.value.length > 1 })
       }, [
-        (s(!0), n(w, null, L(oe.value, (a, o) => (s(), O(bt, {
+        (s(!0), n(w, null, L(oe.value, (a, o) => (s(), P(gt, {
           key: `legend_${o}_${he.value}`,
           legendSet: a,
-          config: Ge.value,
+          config: Ee.value,
           onClickMarker: u[1] || (u[1] = ({ legend: l }) => te(l))
         }, {
           legendTitle: m(({ titleSet: l }) => [
-            l[0] && l[0].arcOf ? (s(), n("div", Xt, F(l[0].arcOf), 1)) : y("", !0)
+            l[0] && l[0].arcOf ? (s(), n("div", Wt, F(l[0].arcOf), 1)) : y("", !0)
           ]),
           item: m(({ legend: l, index: i }) => [
             b("div", {
               onClick: (p) => te(l),
               style: se(`opacity:${f.value.includes(l.id) ? 0.5 : 1}`)
             }, [
-              K(F(l.name) + ": " + F(r(E)(
+              K(F(l.name) + ": " + F(r(R)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
                 r(C)({
@@ -811,7 +811,7 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
       }, [
         $(t.$slots, "legend", { legend: oe.value }, void 0, !0)
       ], 512)),
-      G.value ? (s(), O(mt, {
+      E.value ? (s(), P(wt, {
         key: 7,
         hideDetails: "",
         config: {
@@ -828,12 +828,12 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
         }
       }, {
         content: m(() => [
-          (s(), O(yt, {
+          (s(), P(pt, {
             key: `table_${ve.value}`,
-            colNames: W.value.colNames,
-            head: W.value.head,
-            body: W.value.body,
-            config: W.value.config,
+            colNames: H.value.colNames,
+            head: H.value.head,
+            body: H.value.body,
+            config: H.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: u[2] || (u[2] = (a) => x.value.showTable = !1)
           }, {
@@ -841,7 +841,7 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
               b("div", {
                 innerHTML: a,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Wt)
+              }, null, 8, qt)
             ]),
             td: m(({ td: a }) => [
               K(F(a.name || a), 1)
@@ -851,9 +851,9 @@ const ne = (M) => (Ke("data-v-7e1c384d"), M = M(), Qe(), M), xt = ["id"], _t = [
         ]),
         _: 1
       }, 8, ["config"])) : y("", !0)
-    ], 14, xt));
+    ], 14, _t));
   }
-}, nl = /* @__PURE__ */ wt(qt, [["__scopeId", "data-v-7e1c384d"]]);
+}, rl = /* @__PURE__ */ xt(Jt, [["__scopeId", "data-v-8ee0a3c3"]]);
 export {
-  nl as default
+  rl as default
 };

package/dist/{vue-ui-onion-Df7YcsVR.cjs → vue-ui-onion-BdZC2qt8.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-DYUBiaGS.cjs"),j=require("./useResponsive-B3TrDDIG.cjs"),he=require("./Title-XBiDFYKD.cjs"),J=require("./usePrinter-ZlHxdaEz.cjs"),pe=require("./Legend-CtbPB0Bo.cjs"),fe=require("./DataTable-DjQzrklZ.cjs"),ge=require("./Tooltip-DxtWkIt5.cjs"),me=require("./vue-ui-skeleton-ClpTCY1x.cjs"),ye=require("./vue-ui-accordion-1WxrfiCH.cjs"),K=require("./useNestedProp-w7AMWWmz.cjs"),be=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ke=["id"],we=["xmlns","viewBox"],Ce=["cx","cy","r","stroke","stroke-width","stroke-dasharray","stroke-dashoffset"],$e=["cx","cy","r","stroke","stroke-width","stroke-dasharray","stroke-dashoffset"],xe=["id"],Be=["stdDeviation"],Te=["filter"],Se=["cx","cy","r","stroke-width","stroke-dasharray","stroke-dashoffset"],_e=["cx","cy","r","stroke-width","stroke-dasharray","stroke-dashoffset","onMouseenter"],Pe={key:1},Ne=["onMouseenter"],Oe=["x","y","font-size","fill","font-weight"],Fe={key:3,class:"vue-data-ui-watermark"},Ie=["onClick"],Ee=["innerHTML"],Le={__name:"vue-ui-onion",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectLegend"],setup(Q,{expose:Z,emit:ee}){const p=Q,{vue_ui_onion:te}=u.useConfig(),C=e.computed(()=>!!p.dataset&&p.dataset.length),m=e.ref(u.createUid()),le=e.ref(null),F=e.ref(0),$=e.ref(!1),T=e.ref(""),d=e.ref([]),y=e.ref(null),I=e.ref(null),E=e.ref(null),L=e.ref(0),M=e.ref(0),V=e.ref(0),t=e.computed({get:()=>D(),set:a=>a});function D(){const a=K.useNestedProp({userConfig:p.config,defaultConfig:te});return a.theme?{...K.useNestedProp({userConfig:u.themes.vue_ui_onion[a.theme]||p.config,defaultConfig:a}),customPalette:u.themePalettes[a.theme]||u.palette}:a}e.watch(()=>p.config,a=>{t.value=D(),q(),L.value+=1,M.value+=1,V.value+=1},{deep:!0});const{isPrinting:R,isImaging:z,generatePdf:A,generateImage:Y}=J.usePrinter({elementId:`vue-ui-onion_${m.value}`,fileName:t.value.style.chart.title.text||"vue-ui-onion"}),ae=e.computed(()=>u.convertCustomPalette(t.value.customPalette)),f=e.ref({showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),n=e.ref({height:512,width:512,padding:{top:64,left:64,right:64,bottom:64},minRadius:64}),x=e.ref(null);e.onMounted(()=>{q()});function q(){if(u.objectIsEmpty(p.dataset)&&u.error({componentName:"VueUiOnion",type:"dataset"}),t.value.responsive){const r=j.throttle(()=>{const{width:l,height:o}=j.useResponsive({chart:y.value,title:t.value.style.chart.title.text?I.value:null,legend:t.value.style.chart.legend.show?E.value:null});n.value.width=l,n.value.height=o,n.value.padding.top=Math.max(l,o)*.125,n.value.padding.right=Math.max(l,o)*.125,n.value.padding.bottom=Math.max(l,o)*.125,n.value.padding.left=Math.max(l,o)*.125,n.value.minRadius=Math.min(l,o)*.125});x.value=new ResizeObserver(r),x.value.observe(y.value.parentNode)}}e.onBeforeUnmount(()=>{x.value&&x.value.disconnect()});const s=e.computed(()=>({top:n.value.padding.top,left:n.value.padding.left,right:n.value.width-n.value.padding.right,bottom:n.value.height-n.value.padding.bottom,centerX:n.value.width/2,centerY:n.value.height/2,width:n.value.width-n.value.padding.right-n.value.padding.left,height:n.value.height-n.value.padding.bottom-n.value.padding.top,minRadius:n.value.minRadius,maxRadius:Math.min(n.value.width,n.value.height)-n.value.padding.top*2})),i=e.computed(()=>(p.dataset.forEach((a,r)=>{[null,void 0].includes(a.name)&&u.error({componentName:"VueUiOnion",type:"datasetSerieAttribute",property:"name",index:r}),[void 0].includes(a.percentage)&&u.error({componentName:"VueUiOnion",type:"datasetSerieAttribute",property:"percentage",index:r})}),p.dataset.map((a,r)=>{const l=`onion_serie_${r}_${m.value}`;return{...a,percentage:a.percentage||0,targetPercentage:a.percentage||0,color:u.convertColorToHex(a.color)||ae.value[r]||u.palette[r],id:l,shape:"circle",opacity:d.value.includes(l)?.5:1,absoluteIndex:r,segregate:()=>X(l),isSegregated:d.value.includes(l)}}))),b=e.ref(i.value),oe=e.computed(()=>t.value.useStartAnimation),re=e.ref(null),ne=e.computed(()=>Math.max(...i.value.map(a=>a.percentage))),S=e.ref(!1);e.watch(()=>i.value,ue,{immediate:!0});function ue(){if(oe.value&&!S.value){let r=function(){a>=ne.value?(cancelAnimationFrame(re.value),b.value=i.value,S.value=!0):(b.value=i.value.map(l=>({...l,percentage:a<l.targetPercentage?a:l.targetPercentage})),a+=1,requestAnimationFrame(r),S.value=!0)};b.value=i.value.map(l=>({...l,percentage:0}));let a=0;r()}else b.value=i.value}const se=e.computed(()=>({cy:"onion-div-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""})),ie=e.computed(()=>i.value.filter(a=>!d.value.includes(a.id)).length),g=e.computed(()=>{const a=Math.min(s.value.width,s.value.height)/2/i.value.length;return{gutter:(a>t.value.style.chart.layout.maxThickness?t.value.style.chart.layout.maxThickness:a)*t.value.style.chart.layout.gutter.width,track:(a>t.value.style.chart.layout.maxThickness?t.value.style.chart.layout.maxThickness:a)*t.value.style.chart.layout.track.width}}),v=e.computed(()=>b.value.filter(a=>!d.value.includes(a.id)).map((a,r)=>{const l=(s.value.maxRadius-g.value.track)/ie.value/2*(1+r),o=s.value.centerY-l;return{percentage:a.percentage||0,...a,labelY:o,radius:l,path:ce(l,a.percentage||0)}}));function ce(a,r){const l=2*Math.PI*a,o=l*.75,c=`${o} ${l}`,w=o*(1-r/100);return{bgDashArray:`${o} ${l}`,bgDashOffset:0,dashArray:c,dashOffset:w,fullOffset:0,active:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-TabZg_HV.cjs"),j=require("./useResponsive-B3TrDDIG.cjs"),he=require("./Title-D9lSjLTg.cjs"),J=require("./usePrinter--7sLxlpn.cjs"),pe=require("./Legend-DfU44fjz.cjs"),fe=require("./DataTable-CeHw-cqZ.cjs"),ge=require("./Tooltip-C0PSN8vf.cjs"),me=require("./vue-ui-skeleton-CYeXVNFu.cjs"),ye=require("./vue-ui-accordion-0uSZBHsp.cjs"),K=require("./useNestedProp-CoLyVvV9.cjs"),be=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ke=["id"],we=["xmlns","viewBox"],Ce=["cx","cy","r","stroke","stroke-width","stroke-dasharray","stroke-dashoffset"],$e=["cx","cy","r","stroke","stroke-width","stroke-dasharray","stroke-dashoffset"],xe=["id"],Be=["stdDeviation"],Te=["filter"],Se=["cx","cy","r","stroke-width","stroke-dasharray","stroke-dashoffset"],_e=["cx","cy","r","stroke-width","stroke-dasharray","stroke-dashoffset","onMouseenter"],Pe={key:1},Ne=["onMouseenter"],Oe=["x","y","font-size","fill","font-weight"],Fe={key:3,class:"vue-data-ui-watermark"},Ie=["onClick"],Ee=["innerHTML"],Le={__name:"vue-ui-onion",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectLegend"],setup(Q,{expose:Z,emit:ee}){const p=Q,{vue_ui_onion:te}=u.useConfig(),C=e.computed(()=>!!p.dataset&&p.dataset.length),m=e.ref(u.createUid()),le=e.ref(null),F=e.ref(0),$=e.ref(!1),T=e.ref(""),d=e.ref([]),y=e.ref(null),I=e.ref(null),E=e.ref(null),L=e.ref(0),M=e.ref(0),V=e.ref(0),t=e.computed({get:()=>D(),set:a=>a});function D(){const a=K.useNestedProp({userConfig:p.config,defaultConfig:te});return a.theme?{...K.useNestedProp({userConfig:u.themes.vue_ui_onion[a.theme]||p.config,defaultConfig:a}),customPalette:u.themePalettes[a.theme]||u.palette}:a}e.watch(()=>p.config,a=>{t.value=D(),q(),L.value+=1,M.value+=1,V.value+=1},{deep:!0});const{isPrinting:R,isImaging:z,generatePdf:A,generateImage:Y}=J.usePrinter({elementId:`vue-ui-onion_${m.value}`,fileName:t.value.style.chart.title.text||"vue-ui-onion"}),ae=e.computed(()=>u.convertCustomPalette(t.value.customPalette)),f=e.ref({showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),n=e.ref({height:512,width:512,padding:{top:64,left:64,right:64,bottom:64},minRadius:64}),x=e.ref(null);e.onMounted(()=>{q()});function q(){if(u.objectIsEmpty(p.dataset)&&u.error({componentName:"VueUiOnion",type:"dataset"}),t.value.responsive){const r=j.throttle(()=>{const{width:l,height:o}=j.useResponsive({chart:y.value,title:t.value.style.chart.title.text?I.value:null,legend:t.value.style.chart.legend.show?E.value:null});n.value.width=l,n.value.height=o,n.value.padding.top=Math.max(l,o)*.125,n.value.padding.right=Math.max(l,o)*.125,n.value.padding.bottom=Math.max(l,o)*.125,n.value.padding.left=Math.max(l,o)*.125,n.value.minRadius=Math.min(l,o)*.125});x.value=new ResizeObserver(r),x.value.observe(y.value.parentNode)}}e.onBeforeUnmount(()=>{x.value&&x.value.disconnect()});const s=e.computed(()=>({top:n.value.padding.top,left:n.value.padding.left,right:n.value.width-n.value.padding.right,bottom:n.value.height-n.value.padding.bottom,centerX:n.value.width/2,centerY:n.value.height/2,width:n.value.width-n.value.padding.right-n.value.padding.left,height:n.value.height-n.value.padding.bottom-n.value.padding.top,minRadius:n.value.minRadius,maxRadius:Math.min(n.value.width,n.value.height)-n.value.padding.top*2})),i=e.computed(()=>(p.dataset.forEach((a,r)=>{[null,void 0].includes(a.name)&&u.error({componentName:"VueUiOnion",type:"datasetSerieAttribute",property:"name",index:r}),[void 0].includes(a.percentage)&&u.error({componentName:"VueUiOnion",type:"datasetSerieAttribute",property:"percentage",index:r})}),p.dataset.map((a,r)=>{const l=`onion_serie_${r}_${m.value}`;return{...a,percentage:a.percentage||0,targetPercentage:a.percentage||0,color:u.convertColorToHex(a.color)||ae.value[r]||u.palette[r],id:l,shape:"circle",opacity:d.value.includes(l)?.5:1,absoluteIndex:r,segregate:()=>X(l),isSegregated:d.value.includes(l)}}))),b=e.ref(i.value),oe=e.computed(()=>t.value.useStartAnimation),re=e.ref(null),ne=e.computed(()=>Math.max(...i.value.map(a=>a.percentage))),S=e.ref(!1);e.watch(()=>i.value,ue,{immediate:!0});function ue(){if(oe.value&&!S.value){let r=function(){a>=ne.value?(cancelAnimationFrame(re.value),b.value=i.value,S.value=!0):(b.value=i.value.map(l=>({...l,percentage:a<l.targetPercentage?a:l.targetPercentage})),a+=1,requestAnimationFrame(r),S.value=!0)};b.value=i.value.map(l=>({...l,percentage:0}));let a=0;r()}else b.value=i.value}const se=e.computed(()=>({cy:"onion-div-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""})),ie=e.computed(()=>i.value.filter(a=>!d.value.includes(a.id)).length),g=e.computed(()=>{const a=Math.min(s.value.width,s.value.height)/2/i.value.length;return{gutter:(a>t.value.style.chart.layout.maxThickness?t.value.style.chart.layout.maxThickness:a)*t.value.style.chart.layout.gutter.width,track:(a>t.value.style.chart.layout.maxThickness?t.value.style.chart.layout.maxThickness:a)*t.value.style.chart.layout.track.width}}),v=e.computed(()=>b.value.filter(a=>!d.value.includes(a.id)).map((a,r)=>{const l=(s.value.maxRadius-g.value.track)/ie.value/2*(1+r),o=s.value.centerY-l;return{percentage:a.percentage||0,...a,labelY:o,radius:l,path:ce(l,a.percentage||0)}}));function ce(a,r){const l=2*Math.PI*a,o=l*.75,c=`${o} ${l}`,w=o*(1-r/100);return{bgDashArray:`${o} ${l}`,bgDashOffset:0,dashArray:c,dashOffset:w,fullOffset:0,active:`
             M ${s.value.centerX},${s.value.centerY-a} 
             A ${a},${a} 0 1 1 
             ${s.value.centerX+a*Math.cos(Math.PI*3/4)},${s.value.centerY+a*Math.sin(Math.PI*3/4)}

package/dist/{vue-ui-onion-CFa4VD-w.js → vue-ui-onion-_GaJ78t_.js}

@@ -1,14 +1,14 @@
 import { computed as d, ref as u, watch as he, onMounted as Fe, onBeforeUnmount as Ne, openBlock as s, createElementBlock as n, normalizeClass as z, normalizeStyle as Y, createBlock as x, createCommentVNode as b, unref as v, createSlots as Re, withCtx as h, renderSlot as g, normalizeProps as B, guardReactiveProps as V, Fragment as M, renderList as F, createElementVNode as T, toDisplayString as _, createVNode as Ae, createTextVNode as De, nextTick as Le } from "vue";
-import { u as ze, c as Ye, t as Be, a as Ve, p as fe, b as Xe, o as Ge, e as j, d as Ue, X as Ee, f as N, i as q, x as ge, q as He, r as We, y as je } from "./index-Cm4Iry5c.js";
+import { u as ze, c as Ye, t as Be, a as Ve, p as fe, b as Xe, o as Ge, e as j, d as Ue, X as Ee, f as N, i as q, x as ge, q as He, r as We, y as je } from "./index-0KN57HdM.js";
 import { t as qe, u as Je } from "./useResponsive-NZB-WLRF.js";
-import { _ as Ke } from "./Title-C26I_HC3.js";
-import { u as Qe, U as Ze } from "./usePrinter-B8RnF8_q.js";
-import { L as et } from "./Legend-DX1kv21U.js";
-import { D as tt } from "./DataTable-CQANRZju.js";
-import { _ as at } from "./Tooltip-CH8GmDCG.js";
-import lt from "./vue-ui-skeleton-C1oUnz7R.js";
-import ot from "./vue-ui-accordion-Cb6XBCbu.js";
-import { u as pe } from "./useNestedProp-CurQIHTa.js";
+import { _ as Ke } from "./Title-gvR5aS6q.js";
+import { u as Qe, U as Ze } from "./usePrinter-BvKYEc1z.js";
+import { L as et } from "./Legend-BVByqGqZ.js";
+import { D as tt } from "./DataTable-OAUXdIYA.js";
+import { _ as at } from "./Tooltip-BGmkuAK4.js";
+import lt from "./vue-ui-skeleton-dgMXr8k9.js";
+import ot from "./vue-ui-accordion-CczyfFaC.js";
+import { u as pe } from "./useNestedProp-NeGalTYk.js";
 import { _ as rt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const st = ["id"], ut = ["xmlns", "viewBox"], nt = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], it = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], ct = ["id"], dt = ["stdDeviation"], vt = ["filter"], ht = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], ft = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "onMouseenter"], gt = { key: 1 }, pt = ["onMouseenter"], yt = ["x", "y", "font-size", "fill", "font-weight"], mt = {
   key: 3,