vue-data-ui 3.19.9 → 3.20.0

package/dist/{vue-ui-rings-DkHS5dwd.js → vue-ui-rings-CIvvHHsF.js}

@@ -1,24 +1,24 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { B as t, G as n, H as r, J as i, Lt as a, Mt as ee, S as te, St as ne, Tt as o, X as re, i as ie, jt as ae, kt as oe, nt as se, ot as ce, pt as le, t as ue, v as de, x as fe, y as pe, zt as me } from "./lib-BkiwukKO.js";
-import { t as he } from "./useConfig-ByaaSKhz.js";
-import { t as ge } from "./usePrinter-X0yWOynH.js";
-import { n as _e, t as ve } from "./BaseScanner-C7dmAref.js";
-import { t as ye } from "./useSvgExport-Dtu973wa.js";
-import { t as be } from "./useNestedProp-Ck4hsrpu.js";
-import { t as xe } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as Se } from "./img-BjOr008R.js";
-import { n as Ce } from "./Title-__gWq2g6.js";
-import { t as we } from "./Shape-DEGOZ6GG.js";
-import { t as Te } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c as Ee } from "./canvas-lib-DTaADQOK.js";
-import { t as De } from "./useResponsive-CrAInupd.js";
-import { t as Oe } from "./BaseLegendToggle-CJTwLGXL.js";
-import { t as ke } from "./A11yDataTable-q2-8fSlJ.js";
-import { t as Ae } from "./useUserOptionState-CjPJPTg2.js";
-import { t as je } from "./useChartAccessibility-Do37qcw2.js";
-import { t as Me } from "./labelUtils-Cr97N8E1.js";
-import { t as Ne } from "./Legend-Gg5Q4Clb.js";
-import { t as Pe } from "./vue_ui_rings-DXC1VeX5.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { At as t, B as n, Bt as r, Ct as i, Et as a, G as o, H as ee, J as te, Mt as ne, Nt as re, Rt as ie, S as ae, X as oe, i as se, nt as ce, ot as le, pt as ue, t as de, v as fe, x as pe, y as me } from "./lib-DUeYQsS0.js";
+import { t as he } from "./useConfig-DAyQk86L.js";
+import { t as ge } from "./usePrinter-C1Gqt_Sp.js";
+import { n as _e, t as ve } from "./BaseScanner-Dr2a1Msy.js";
+import { t as ye } from "./useSvgExport-SVIsDot8.js";
+import { t as be } from "./useNestedProp-CNcoy38D.js";
+import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
+import { t as Se } from "./img-1cKsci8e.js";
+import { n as Ce } from "./Title-NWp4qB4K.js";
+import { t as we } from "./Shape-BPCJfphn.js";
+import { t as Te } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as Ee } from "./canvas-lib-BOP_HS11.js";
+import { t as De } from "./useResponsive-BfnK0KxU.js";
+import { t as Oe } from "./BaseLegendToggle-C_Db-y7s.js";
+import { t as ke } from "./A11yDataTable-BCbtxMU6.js";
+import { t as Ae } from "./useUserOptionState-DK-_1ddE.js";
+import { t as je } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Me } from "./labelUtils-CUctkYoA.js";
+import { t as Ne } from "./Legend-Cz2uQ5gs.js";
+import { t as Pe } from "./vue_ui_rings-BVgD2aMn.js";
 import { Fragment as Fe, Teleport as Ie, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as Le, createTextVNode as Re, createVNode as ze, defineAsyncComponent as f, guardReactiveProps as p, mergeProps as Be, nextTick as Ve, normalizeClass as m, normalizeProps as h, normalizeStyle as g, onBeforeUnmount as He, onMounted as Ue, openBlock as _, ref as v, renderList as We, renderSlot as y, resolveDynamicComponent as Ge, shallowRef as Ke, toDisplayString as qe, toRefs as Je, unref as b, useSlots as Ye, watch as Xe, withCtx as x } from "vue";
 //#region src/components/vue-ui-rings.vue
 var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et = ["id"], tt = { style: { position: "relative" } }, nt = [
@@ -107,10 +107,10 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 	},
 	emits: ["selectLegend", "copyAlt"],
 	setup(e, { expose: Te, emit: Ze }) {
-		let bt = f(() => import("./Tooltip-CuWEYGr3.js")), xt = f(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), St = f(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), Ct = f(() => import("./DataTable-DmE8Oo4i.js")), wt = f(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), Tt = f(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), Et = f(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), Dt = f(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), { vue_ui_rings: Ot } = he(), { isThemeValid: kt, warnInvalidTheme: At } = xe(), jt = Ye(), S = e, C = v(!1), Mt = s(() => !!S.dataset && S.dataset.length), w = v(r()), T = v(!1), Nt = v(""), E = v(null), Pt = v(0), D = v(null), Ft = v(null), It = v(null), Lt = v(null), Rt = v(null), zt = v(0), Bt = v(0), Vt = v(0), Ht = v(!1), Ut = v(!1), O = v(null), Wt = v(null), Gt = v(!1), Kt = v(!1), k = v(null), qt = v({
+		let bt = f(() => import("./Tooltip-BENq327o.js")), xt = f(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), St = f(() => import("./vue-ui-accordion-Dw4MHKVB.js").then((e) => e.n)), Ct = f(() => import("./DataTable-B--IN22e.js")), wt = f(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Tt = f(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Et = f(() => import("./PackageVersion-xcyrdRmY.js").then((e) => e.t)), Dt = f(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_rings: Ot } = he(), { isThemeValid: kt, warnInvalidTheme: At } = xe(), jt = Ye(), S = e, C = v(!1), Mt = s(() => !!S.dataset && S.dataset.length), w = v(ee()), T = v(!1), Nt = v(""), E = v(null), Pt = v(0), D = v(null), Ft = v(null), It = v(null), Lt = v(null), Rt = v(null), zt = v(0), Bt = v(0), Vt = v(0), Ht = v(!1), Ut = v(!1), O = v(null), Wt = v(null), Gt = v(!1), Kt = v(!1), k = v(null), qt = v({
 			x: 0,
 			y: 0
-		}), A = v("pointer"), Jt = v(!1), j = v(tn()), M = s(() => j.value.userOptions.useCursorPointer), Yt = s(() => me({
+		}), A = v("pointer"), Jt = v(!1), j = v(tn()), M = s(() => j.value.userOptions.useCursorPointer), Yt = s(() => r({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -158,7 +158,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 					color: "#DBDBDB"
 				}
 			],
-			skeletonConfig: me({
+			skeletonConfig: r({
 				defaultConfig: j.value,
 				userConfig: Yt.value
 			})
@@ -179,7 +179,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 					userConfig: S.config,
 					defaultConfig: n
 				}),
-				customPalette: e.customPalette.length ? e.customPalette : a[e.theme] || o
+				customPalette: e.customPalette.length ? e.customPalette : ie[e.theme] || a
 			};
 		}
 		Xe(() => S.config, (e) => {
@@ -204,20 +204,20 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 		});
 		let rn = s(() => !!j.value.debug);
 		function an() {
-			if (ne(S.dataset) ? (re({
+			if (i(S.dataset) ? (oe({
 				componentName: "VueUiRings",
 				type: "dataset",
 				debug: rn.value
 			}), Zt.value = !0) : S.dataset.forEach((e, t) => {
-				e.values.length || (re({
+				e.values.length || (oe({
 					componentName: "VueUiRings",
 					type: "dataset",
 					debug: rn.value
-				}), Zt.value = !0), ce({
+				}), Zt.value = !0), le({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					re({
+					oe({
 						componentName: "VueUiRings",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -225,7 +225,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 						debug: rn.value
 					});
 				});
-			}), ne(S.dataset) || (Zt.value = j.value.loading), j.value.responsive) {
+			}), i(S.dataset) || (Zt.value = j.value.loading), j.value.responsive) {
 				let e = Ee(() => {
 					Ht.value = !0;
 					let { width: e, height: t } = De({
@@ -252,7 +252,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			elementId: `rings_${w.value}`,
 			fileName: j.value.style.chart.title.text || "vue-ui-rings",
 			options: j.value.userOptions.print
-		}), un = s(() => j.value.userOptions.show && !j.value.style.chart.title.text), dn = s(() => fe(j.value.customPalette)), R = v({
+		}), un = s(() => j.value.userOptions.show && !j.value.style.chart.title.text), dn = s(() => pe(j.value.customPalette)), R = v({
 			showTable: j.value.table.show,
 			showTooltip: j.value.style.chart.tooltip.show,
 			showLabels: j.value.style.chart.layout.labels.dataLabels.show
@@ -303,18 +303,18 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 		function bn(e) {
 			return e / yn.value;
 		}
-		let H = s(() => Xt.value.map(({ values: e, name: t, color: n = null }, i) => {
-			let a = oe(e).reduce((e, t) => e + t, 0);
+		let H = s(() => Xt.value.map(({ values: e, name: n, color: r = null }, i) => {
+			let o = t(e).reduce((e, t) => e + t, 0);
 			return {
-				name: t,
-				color: n || pe(n) || dn.value[i] || o[i] || o[i % o.length],
-				value: a,
-				proportion: a / Xt.value.map((e) => (e.values || []).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0),
-				uid: r(),
+				name: n,
+				color: r || me(r) || dn.value[i] || a[i] || a[i % a.length],
+				value: o,
+				proportion: o / Xt.value.map((e) => (e.values || []).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0),
+				uid: ee(),
 				absoluteIndex: i
 			};
 		})), U = s(() => H.value.map((e, t) => {
-			let r = ie(j.value.style.chart.layout.labels.dataLabels.formatter, e.value, n({
+			let n = se(j.value.style.chart.layout.labels.dataLabels.formatter, e.value, o({
 				p: j.value.style.chart.layout.labels.dataLabels.prefix,
 				v: e.value,
 				s: j.value.style.chart.layout.labels.dataLabels.suffix,
@@ -322,15 +322,15 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			}), {
 				datapoint: e,
 				index: t
-			}), i = isNaN(e.value / W.value) ? "-" : n({
+			}), r = isNaN(e.value / W.value) ? "-" : o({
 				v: e.value / W.value * 100,
 				s: "%",
 				r: j.value.style.chart.legend.roundingPercentage
-			}), a = Tn({
+			}), i = Tn({
 				showVal: j.value.style.chart.legend.showValue,
 				showPercentage: j.value.style.chart.legend.showPercentage,
-				val: r,
-				percentage: B.value.includes(e.uid) ? "-%" : i
+				val: n,
+				percentage: B.value.includes(e.uid) ? "-%" : r
 			});
 			return {
 				...e,
@@ -338,7 +338,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				opacity: B.value.includes(e.uid) ? .5 : 1,
 				segregate: () => V(e.uid),
 				isSegregated: B.value.includes(e.uid),
-				display: `${e.name}${j.value.style.chart.legend.showPercentage || j.value.style.chart.legend.showValue ? ": " : ""}${a}`
+				display: `${e.name}${j.value.style.chart.legend.showPercentage || j.value.style.chart.legend.showValue ? ": " : ""}${i}`
 			};
 		}).toSorted((e, t) => t.value - e.value)), xn = s(() => ({
 			cy: "rings-div-legend",
@@ -347,11 +347,11 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			fontSize: j.value.style.chart.legend.fontSize,
 			paddingBottom: 12,
 			fontWeight: j.value.style.chart.legend.bold ? "bold" : ""
-		})), W = s(() => H.value.filter((e) => !B.value.includes(e.uid)).map(({ value: e }) => e).reduce((e, t) => e + t, 0)), G = s(() => H.value.filter((e) => !B.value.includes(e.uid)).map(({ name: e, value: t, color: n = null, uid: r, absoluteIndex: i }, a) => ({
+		})), W = s(() => H.value.filter((e) => !B.value.includes(e.uid)).map(({ value: e }) => e).reduce((e, t) => e + t, 0)), G = s(() => H.value.filter((e) => !B.value.includes(e.uid)).map(({ name: e, value: t, color: n = null, uid: r, absoluteIndex: i }, o) => ({
 			absoluteIndex: i,
 			uid: r,
 			name: e,
-			color: n || pe(n) || dn.value[a] || o[a] || o[a % o.length],
+			color: n || me(n) || dn.value[o] || a[o] || a[o % a.length],
 			value: t,
 			proportion: bn(t),
 			percentage: t / W.value * 100,
@@ -390,25 +390,25 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			});
 		}
 		function En(e) {
-			let t = j.value.style.chart.layout.labels.dataLabels, r = ie(t.formatter, e.value, n({
+			let t = j.value.style.chart.layout.labels.dataLabels, n = se(t.formatter, e.value, o({
 				p: t.prefix,
 				v: e.value,
 				s: t.suffix,
 				r: t.roundingValue
-			})), i = n({
+			})), r = o({
 				v: e.percentage,
 				s: "%",
 				r: t.roundingPercentage
 			});
 			return `${e.name}\n${Tn({
-				val: r,
-				percentage: i,
+				val: n,
+				percentage: r,
 				showVal: t.showValue,
 				showPercentage: t.showPercentage
 			})}`;
 		}
 		function q(e) {
-			return de(K.value * e.proportion / 2 * .9 <= 0 ? 1e-4 : K.value * e.proportion / 2 * .9);
+			return fe(K.value * e.proportion / 2 * .9 <= 0 ? 1e-4 : K.value * e.proportion / 2 * .9);
 		}
 		function J(e, t) {
 			return t === 0 ? F.value.y : F.value.y + K.value * G.value[0].proportion / 2 - K.value * e.proportion / 2 - 2 * (t + 1);
@@ -421,7 +421,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			};
 		}
 		let Dn = v(null);
-		function On(e, t, r = "pointer") {
+		function On(e, t, n = "pointer") {
 			if (j.value.events.datapointEnter && j.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
@@ -431,39 +431,39 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				seriesIndex: t,
 				series: G.value,
 				config: j.value
-			}, E.value = t, k.value = t, A.value = r;
-			let i = G.value[t], a = j.value.style.chart.tooltip.customFormat;
-			if (le(a) && se(() => a({
+			}, E.value = t, k.value = t, A.value = n;
+			let r = G.value[t], i = j.value.style.chart.tooltip.customFormat;
+			if (ue(i) && ce(() => i({
 				seriesIndex: t,
 				datapoint: e,
 				series: G.value,
 				config: j.value
-			}))) Nt.value = a({
+			}))) Nt.value = i({
 				seriesIndex: t,
 				datapoint: e,
 				series: G.value,
 				config: j.value
 			});
 			else {
-				let r = "";
-				r += `<div style="width:100%;text-align:center;border-bottom:1px solid ${j.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${i.name}</div>`, r += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${i.color}" />${jt.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${w.value}_${e.absoluteIndex})" />` : ""}</svg>`, r += `<b>${Tn({
+				let n = "";
+				n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${j.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${r.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${r.color}" />${jt.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${w.value}_${e.absoluteIndex})" />` : ""}</svg>`, n += `<b>${Tn({
 					showVal: j.value.style.chart.tooltip.showValue,
 					showPercentage: j.value.style.chart.tooltip.showPercentage,
-					val: `<span>${ie(j.value.style.chart.layout.labels.dataLabels.formatter, i.value, n({
+					val: `<span>${se(j.value.style.chart.layout.labels.dataLabels.formatter, r.value, o({
 						p: j.value.style.chart.layout.labels.dataLabels.prefix,
-						v: i.value,
+						v: r.value,
 						s: j.value.style.chart.layout.labels.dataLabels.suffix,
 						r: j.value.style.chart.tooltip.roundingValue
 					}), {
 						datapoint: e,
 						seriesIndex: t
 					})}</span>`,
-					percentage: n({
-						v: i.value / W.value * 100,
+					percentage: o({
+						v: r.value / W.value * 100,
 						s: "%",
 						r: j.value.style.chart.tooltip.roundingPercentage
 					})
-				})}</b></div>`, Nt.value = r;
+				})}</b></div>`, Nt.value = n;
 			}
 			T.value = !0;
 		}
@@ -476,7 +476,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 		})), Z = s(() => {
 			let e = [
 				" <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2\" /></svg>",
-				n({
+				o({
 					p: j.value.style.chart.layout.labels.dataLabels.prefix,
 					v: W.value,
 					s: j.value.style.chart.layout.labels.dataLabels.suffix,
@@ -488,7 +488,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 					color: e.color,
 					name: e.name
 				},
-				n({
+				o({
 					p: j.value.style.chart.layout.labels.dataLabels.prefix,
 					v: X.value.body[t],
 					s: j.value.style.chart.layout.labels.dataLabels.suffix,
@@ -526,7 +526,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 					[e.name],
 					[X.value.body[t]],
 					[isNaN(X.value.body[t] / W.value) ? "-" : X.value.body[t] / W.value * 100]
-				]), n = te([
+				]), n = ae([
 					[j.value.style.chart.title.text],
 					[j.value.style.chart.title.subtitle.text],
 					[
@@ -535,7 +535,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 						["%"]
 					]
 				].concat(t));
-				e ? e(n) : i({
+				e ? e(n) : te({
 					csvContent: n,
 					title: j.value.style.chart.title.text || "vue-ui-rings"
 				});
@@ -685,8 +685,8 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			}
 			let a = k.value;
 			a === null || a < 0 || a >= G.value.length ? a = n ? 0 : G.value.length - 1 : n ? (a += 1, a >= G.value.length && (a = 0)) : t && (--a, a < 0 && (a = G.value.length - 1));
-			let ee = G.value[a];
-			ee && (Yn(a), On(ee, a, "keyboard"));
+			let o = G.value[a];
+			o && (Yn(a), On(o, a, "keyboard"));
 		}
 		function Yn(e) {
 			if (!Number.isFinite(e) || !P.value) return;
@@ -717,16 +717,16 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			toggleFullscreen: An,
 			toggleLabels: Nn,
 			copyAlt: Gn
-		}), (e, n) => (_(), u("div", {
+		}), (e, t) => (_(), u("div", {
 			ref_key: "ringsChart",
 			ref: D,
 			class: m(`vue-data-ui-component vue-ui-rings ${Q.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${j.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			style: g(`font-family:${j.value.style.fontFamily};text-align:center;width:100%;background:${j.value.style.chart.backgroundColor};${j.value.responsive ? "height: 100%" : ""}`),
 			id: `rings_${w.value}`,
-			onMouseleave: n[2] ||= (e) => {
+			onMouseleave: t[2] ||= (e) => {
 				E.value = null, T.value = !1, b($t)(!1);
 			},
-			onMouseenter: n[3] ||= () => b($t)(!0)
+			onMouseenter: t[3] ||= () => b($t)(!0)
 		}, [
 			d("div", {
 				id: `chart-instructions-${w.value}`,
@@ -914,7 +914,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			d("div", tt, [(_(), u("svg", {
 				ref_key: "svgRef",
 				ref: P,
-				xmlns: b(ue),
+				xmlns: b(de),
 				class: m({
 					"vue-data-ui-fullscreen--on": Q.value,
 					"vue-data-ui-fulscreen--off": !Q.value,
@@ -946,7 +946,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 					id: `gradient_${w.value}_${t}`
 				}, [d("stop", {
 					offset: "0%",
-					"stop-color": b(ae)(b(ee)(e.color, .05), 100 - j.value.style.chart.layout.rings.gradient.intensity)
+					"stop-color": b(ne)(b(re)(e.color, .05), 100 - j.value.style.chart.layout.rings.gradient.intensity)
 				}, null, 8, at), d("stop", {
 					offset: "100%",
 					"stop-color": e.color
@@ -955,7 +955,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 					seriesIndex: t.absoluteIndex,
 					patternId: `pattern_${w.value}_${t.absoluteIndex}`
 				}), void 0, !0)]))), 256))])) : l("", !0),
-				(_(!0), u(Fe, null, We(G.value, (n, r) => (_(), u("g", null, [
+				(_(!0), u(Fe, null, We(G.value, (t, r) => (_(), u("g", null, [
 					d("circle", {
 						class: m({
 							"vue-ui-rings-item": C.value && j.value.useCssAnimation,
@@ -965,8 +965,8 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 						style: g(`animation-delay:${r * 100}ms`),
 						stroke: j.value.style.chart.layout.rings.stroke,
 						cx: F.value.x,
-						cy: J(n, r),
-						r: q(n),
+						cy: J(t, r),
+						r: q(t),
 						fill: j.value.style.chart.layout.rings.gradient.underlayerColor
 					}, null, 14, ct),
 					d("circle", {
@@ -978,11 +978,11 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 						}),
 						style: g(`animation-delay:${r * 100}ms`),
 						stroke: j.value.style.chart.layout.rings.stroke,
-						"stroke-width": n.strokeWidth < .5 ? .5 : n.strokeWidth,
+						"stroke-width": t.strokeWidth < .5 ? .5 : t.strokeWidth,
 						cx: F.value.x,
-						cy: J(n, r),
-						r: q(n),
-						fill: j.value.style.chart.layout.rings.gradient.show ? `url(#gradient_${w.value}_${r})` : n.color
+						cy: J(t, r),
+						r: q(t),
+						fill: j.value.style.chart.layout.rings.gradient.show ? `url(#gradient_${w.value}_${r})` : t.color
 					}, null, 14, lt),
 					e.$slots.pattern ? (_(), u("circle", {
 						key: 0,
@@ -994,27 +994,27 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 						}),
 						style: g(`animation-delay:${r * 100}ms`),
 						stroke: j.value.style.chart.layout.rings.stroke,
-						"stroke-width": n.strokeWidth < .5 ? .5 : n.strokeWidth,
+						"stroke-width": t.strokeWidth < .5 ? .5 : t.strokeWidth,
 						cx: F.value.x,
-						cy: J(n, r),
-						r: q(n),
-						fill: `url(#pattern_${w.value}_${n.absoluteIndex})`
+						cy: J(t, r),
+						r: q(t),
+						fill: `url(#pattern_${w.value}_${t.absoluteIndex})`
 					}, null, 14, ut)) : l("", !0),
 					d("circle", {
 						stroke: "none",
 						cx: F.value.x,
-						cy: J(n, r),
-						r: q(n),
+						cy: J(t, r),
+						r: q(t),
 						fill: "transparent",
-						onMouseenter: (e) => On(n, r, "pointer"),
-						onMouseleave: (e) => wn(n, r),
-						onClick: (e) => Cn(n, r)
+						onMouseenter: (e) => On(t, r, "pointer"),
+						onMouseleave: (e) => wn(t, r),
+						onClick: (e) => Cn(t, r)
 					}, null, 40, dt),
 					R.value.showLabels ? (_(), u(Fe, { key: 1 }, [
 						d("rect", {
-							x: j.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? Y(n, r).x : F.value.x,
-							y: Y(n, r).y - j.value.style.chart.layout.labels.dataLabels.markers.strokeWidth / 2,
-							width: Math.abs(F.value.x - Y(n, r).x),
+							x: j.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? Y(t, r).x : F.value.x,
+							y: Y(t, r).y - j.value.style.chart.layout.labels.dataLabels.markers.strokeWidth / 2,
+							width: Math.abs(F.value.x - Y(t, r).x),
 							height: j.value.style.chart.layout.labels.dataLabels.markers.strokeWidth,
 							fill: j.value.style.chart.layout.labels.dataLabels.markers.stroke,
 							rx: j.value.style.chart.layout.labels.dataLabels.markers.strokeWidth,
@@ -1026,10 +1026,10 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 							})
 						}, null, 10, ft),
 						d("circle", {
-							cx: Y(n, r).x,
-							cy: Y(n, r).y,
+							cx: Y(t, r).x,
+							cy: Y(t, r).y,
 							r: j.value.style.chart.layout.labels.dataLabels.markers.radius,
-							fill: n.color,
+							fill: t.color,
 							stroke: j.value.style.chart.backgroundColor,
 							class: m({
 								"vue-ui-rings-item": C.value && j.value.useCssAnimation,
@@ -1039,8 +1039,8 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 							})
 						}, null, 10, pt),
 						d("text", {
-							x: Y(n, r).x + (j.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? -j.value.style.chart.layout.labels.dataLabels.offsetX : j.value.style.chart.layout.labels.dataLabels.offsetX),
-							y: Y(n, r).y + j.value.style.chart.layout.labels.dataLabels.fontSize / 3,
+							x: Y(t, r).x + (j.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? -j.value.style.chart.layout.labels.dataLabels.offsetX : j.value.style.chart.layout.labels.dataLabels.offsetX),
+							y: Y(t, r).y + j.value.style.chart.layout.labels.dataLabels.fontSize / 3,
 							"text-anchor": j.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? "end" : "start",
 							"font-size": j.value.style.chart.layout.labels.dataLabels.fontSize,
 							fill: j.value.style.chart.layout.labels.dataLabels.color,
@@ -1051,15 +1051,15 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 								"vue-ui-rings-shadow": j.value.style.chart.layout.rings.useShadow,
 								"vue-ui-rings-blur": E.value !== null && E.value !== r
 							}),
-							onMouseenter: (e) => On(n, r, "pointer"),
-							onMouseleave: (e) => wn(n, r),
-							onClick: (e) => Cn(n, r),
-							innerHTML: b(t)({
-								content: En(n),
+							onMouseenter: (e) => On(t, r, "pointer"),
+							onMouseleave: (e) => wn(t, r),
+							onClick: (e) => Cn(t, r),
+							innerHTML: b(n)({
+								content: En(t),
 								fontSize: j.value.style.chart.layout.labels.dataLabels.fontSize,
 								fill: j.value.style.chart.layout.labels.dataLabels.color,
-								x: Y(n, r).x + (j.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? -j.value.style.chart.layout.labels.dataLabels.offsetX - 6 - j.value.style.chart.layout.labels.dataLabels.markers.radius : j.value.style.chart.layout.labels.dataLabels.offsetX + 6 + j.value.style.chart.layout.labels.dataLabels.markers.radius),
-								y: Y(n, r).y + j.value.style.chart.layout.labels.dataLabels.fontSize / 3,
+								x: Y(t, r).x + (j.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? -j.value.style.chart.layout.labels.dataLabels.offsetX - 6 - j.value.style.chart.layout.labels.dataLabels.markers.radius : j.value.style.chart.layout.labels.dataLabels.offsetX + 6 + j.value.style.chart.layout.labels.dataLabels.markers.radius),
+								y: Y(t, r).y + j.value.style.chart.layout.labels.dataLabels.fontSize / 3,
 								translateY: !0
 							})
 						}, null, 42, mt)
@@ -1087,7 +1087,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				legendSet: U.value,
 				config: xn.value,
 				isCursorPointer: M.value,
-				onClickMarker: n[0] ||= ({ legend: e }) => V(e.uid)
+				onClickMarker: t[0] ||= ({ legend: e }) => V(e.uid)
 			}, Le({
 				item: x(({ legend: e, index: t }) => [b(N) ? l("", !0) : (_(), u("div", {
 					key: 0,
@@ -1230,7 +1230,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				fn: x(() => [d("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[1] ||= (e) => kn(j.value.userOptions.callbacks.csv),
+					onClick: t[1] ||= (e) => kn(j.value.userOptions.callbacks.csv),
 					style: g({ cursor: M.value ? "pointer" : "default" })
 				}, [ze(b(xt), {
 					name: "fileCsv",