vue-data-ui 3.23.10 → 3.23.12

package/dist/{vue-ui-donut-EZu8p7HF.js → vue-ui-donut-Bz2ZI_vO.js}

@@ -1,37 +1,37 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Bt as n, D as r, Jt as i, K as a, Kt as o, Mt as s, Pt as c, S as l, Vt as u, X as d, at as ee, b as te, et as f, f as p, h as ne, i as m, j as h, jt as re, kt as ie, ot as ae, p as g, pt as oe, q as se, s as ce, t as le, tt as ue, w as de, xt as fe } from "./lib-AT2PUyyh.js";
+import { $ as t, D as n, Ht as r, It as i, Jt as a, K as o, Nt as s, Pt as c, S as l, St as u, Ut as ee, X as d, Xt as te, b as f, f as p, h as ne, i as m, j as h, jt as re, mt as ie, nt as ae, ot as oe, p as g, q as se, s as ce, st as le, t as ue, tt as de, w as fe } from "./lib-Dqr_-I6Y.js";
 import { n as pe, t as me } from "./useHints-Dq_w2E8B.js";
 import { t as he } from "./useConfig-DwdGsXTx.js";
-import { t as ge } from "./usePrinter-BFS7d6eb.js";
+import { t as ge } from "./usePrinter-CEiH1b6R.js";
 import { n as _e, t as ve } from "./BaseScanner-DZvpgOjM.js";
-import { t as ye } from "./useNestedProp-CW0vJS1B.js";
+import { t as ye } from "./useNestedProp-CulPqtou.js";
 import { t as be } from "./useThemeCheck-C43Tcqmk.js";
 import { t as xe } from "./useChartExport-DNiwdPmb.js";
-import { t as Se } from "./img-tU9mMt9W.js";
-import { n as Ce } from "./Title-BGLPsoA9.js";
-import { t as we } from "./Shape-BAhF1ToV.js";
+import { t as Se } from "./img-Bkzj3lDD.js";
+import { n as Ce } from "./Title-CaVA8EIw.js";
+import { t as we } from "./Shape-BAL5bQmA.js";
 import { t as Te } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as Ee, t as De } from "./useResponsive-ZtArZtUf.js";
 import { t as Oe } from "./DefGrad-DVBqDjhO.js";
-import { t as ke } from "./BaseLegendToggle-wRhcG_-q.js";
+import { t as ke } from "./BaseLegendToggle-CtEdLr4R.js";
 import { t as Ae } from "./A11yDataTable-DdRsVULz.js";
 import { t as je } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Me } from "./useChartAccessibility-DYqac8yF.js";
-import { n as Ne, t as Pe } from "./labelUtils-C_lMnQRs.js";
+import { n as Ne, t as Pe } from "./labelUtils-iX76cA2-.js";
 import { t as Fe } from "./vue_ui_donut-BDGqG07h.js";
-import { t as Ie } from "./Legend-DWEFXq9E.js";
+import { t as Ie } from "./Legend-BJtY2RA9.js";
 import { Fragment as _, Teleport as Le, computed as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createSlots as Re, createTextVNode as ze, createVNode as Be, defineAsyncComponent as Ve, guardReactiveProps as C, mergeProps as He, nextTick as Ue, normalizeClass as We, normalizeProps as w, normalizeStyle as T, onBeforeUnmount as Ge, onMounted as Ke, openBlock as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as qe, shallowRef as Je, toDisplayString as A, toRefs as Ye, unref as j, useSlots as Xe, vShow as Ze, watch as Qe, withCtx as M, withDirectives as $e } from "vue";
 //#region src/useSmallArcLayouts.js
 function et(e) {
-	let { FINAL_CONFIG: t, noGhostDonut: n, svg: r, padding: i, labels_inline_fontSize: a, minSize: o, findArcMidpoint: s, calcMarkerOffsetX: c, calcMarkerOffsetY: l, animatingIndex: u, segregated: d, isSmallArc: ee } = e;
+	let { FINAL_CONFIG: t, noGhostDonut: n, svg: r, padding: i, labels_inline_fontSize: a, minSize: o, findArcMidpoint: s, calcMarkerOffsetX: c, calcMarkerOffsetY: l, animatingIndex: u, segregated: ee, isSmallArc: d } = e;
 	return { smallArcLayoutsClassic: v(() => {
 		if (t.value.type !== "classic") return {};
 		let e = {}, te = n.value || [];
 		if (!te.length) return e;
-		let f = r.value.width / 2, p = r.value.height / 2, ne = i.value.top + 16, m = r.value.height - i.value.bottom - 16, h = a.value, re = h / 3, ie = h * 1.5, ae = f - (o.value + 6), g = f + (o.value + 6), oe = !!t.value.style.chart.layout.curvedMarkers;
+		let f = r.value.width / 2, p = r.value.height / 2, ne = i.value.top + 16, m = r.value.height - i.value.bottom - 16, h = a.value, re = h / 3, ie = h * 1.5, ae = f - (o.value + 6), oe = f + (o.value + 6), g = !!t.value.style.chart.layout.curvedMarkers;
 		function se({ midX: e, midY: t, bandX: n, bandY: r }) {
-			if (!oe) return `M ${e} ${t} L ${e} ${r} L ${n} ${r}`;
-			let i = n < f ? -1 : 1, a = n - e, o = r - t, s = Math.sqrt(a * a + o * o) || 1, c = e - f, l = t - p, u = Math.sqrt(c * c + l * l) || 1, d = c / u, ee = l / u, te = u + 9;
+			if (!g) return `M ${e} ${t} L ${e} ${r} L ${n} ${r}`;
+			let i = n < f ? -1 : 1, a = n - e, o = r - t, s = Math.sqrt(a * a + o * o) || 1, c = e - f, l = t - p, u = Math.sqrt(c * c + l * l) || 1, ee = c / u, d = l / u, te = u + 9;
 			function ne({ x: e, y: t }) {
 				let n = e - f, r = t - p, i = Math.sqrt(n * n + r * r) || 1;
 				if (i >= te) return {
@@ -47,11 +47,11 @@ function et(e) {
 			if (s < 56) {
 				let i = a / s, c = -(o / s), l = i, u = (e + n) * .5, te = (t + r) * .5, m = u + c, h = te + l, re = (m - f) * (m - f) + (h - p) * (h - p), ie = u - c, ae = te - l;
 				(ie - f) * (ie - f) + (ae - p) * (ae - p) > re && (c = -c, l = -l);
-				let g = .78, oe = e + a * g, se = t + o * g, ce = Math.max(0, Math.min(1, (s - 18) / 44)), le = ce * ce * (3 - 2 * ce), ue = 2.5 + le * 4, de = 1 + le * 2.5;
+				let oe = .78, g = e + a * oe, se = t + o * oe, ce = Math.max(0, Math.min(1, (s - 18) / 44)), le = ce * ce * (3 - 2 * ce), ue = 2.5 + le * 4, de = 1 + le * 2.5;
 				ue *= .9;
 				let fe = ne({
-					x: oe + c * ue + d * de,
-					y: se + l * ue + ee * de
+					x: g + c * ue + ee * de,
+					y: se + l * ue + d * de
 				});
 				return `M ${e} ${t} Q ${fe.x} ${fe.y} ${n} ${r}`;
 			}
@@ -60,13 +60,13 @@ function et(e) {
 			let h = s * .46;
 			h < 22 && (h = 22), h > 70 && (h = 70);
 			let re = {
-				x: e + d * m,
-				y: t + ee * m
+				x: e + ee * m,
+				y: t + d * m
 			}, ie = f + i * Math.max(Math.abs(n - f), te), ae = {
 				x: n - i * Math.min(h, Math.abs(ie - n) * .75),
 				y: r
-			}, g = ne(re), se = ne(ae);
-			return `M ${e} ${t} C ${g.x} ${g.y} ${se.x} ${se.y} ${n} ${r}`;
+			}, oe = ne(re), se = ne(ae);
+			return `M ${e} ${t} C ${oe.x} ${oe.y} ${se.x} ${se.y} ${n} ${r}`;
 		}
 		function ce(e) {
 			let t = String(e ?? "").split(/\n/g), n = Math.max(0, t.length - 1) * (h * 1.2);
@@ -86,7 +86,7 @@ function et(e) {
 		}
 		function ue(e) {
 			let { arc: t } = e, n = t.seriesIndex ?? 0;
-			return u.value === n || d.value.includes(n) ? !1 : ee(t, n);
+			return u.value === n || ee.value.includes(n) ? !1 : d(t, n);
 		}
 		function de(e) {
 			let t = e.inlineMarkerY < p, n = e.inlineMarkerX < f;
@@ -115,18 +115,18 @@ function et(e) {
 			t.forEach((t) => {
 				let { index: i, midX: s, midY: c, labelHeight: l } = t, u;
 				a === "down" ? (u = o, o += l) : (o -= l, u = o);
-				let d = u, ee = se({
+				let ee = u, d = se({
 					midX: s,
 					midY: c,
 					bandX: r,
-					bandY: d
+					bandY: ee
 				});
 				e[i] = pe({
 					side: n,
 					markerX: r,
-					markerY: d,
+					markerY: ee,
 					labelY: u,
-					connectorPath: ee
+					connectorPath: d
 				});
 			});
 		}
@@ -152,7 +152,7 @@ function et(e) {
 		}), me({
 			candidateList: ge.TR,
 			side: "right",
-			bandMarkerX: g,
+			bandMarkerX: oe,
 			startY: ne,
 			direction: "down"
 		}), ge.BL.length > 1 && me({
@@ -164,7 +164,7 @@ function et(e) {
 		}), ge.BR.length > 1 && me({
 			candidateList: ge.BR,
 			side: "right",
-			bandMarkerX: g,
+			bandMarkerX: oe,
 			startY: m,
 			direction: "up"
 		}), e;
@@ -401,7 +401,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 		"copyAlt"
 	],
 	setup(e, { expose: Te, emit: tt }) {
-		let gn = Ve(() => import("./Tooltip-DO4-MVhc.js")), _n = Ve(() => import("./BaseIcon-B4n7br_R.js").then((e) => e.n)), vn = Ve(() => import("./vue-ui-accordion-DJNjilyy.js").then((e) => e.n)), yn = Ve(() => import("./DataTable-DMsScfkx.js")), bn = Ve(() => import("./PenAndPaper-DJ607Hx6.js").then((e) => e.t)), xn = Ve(() => import("./UserOptions-HQyukyl2.js").then((e) => e.n)), Sn = Ve(() => import("./PackageVersion-DNTJUKh1.js").then((e) => e.t)), Cn = Ve(() => import("./BaseDraggableDialog-DBVHlhQZ.js").then((e) => e.n)), { vue_ui_donut: wn } = he(), { isThemeValid: Tn, warnInvalidTheme: En } = be(), Dn = Xe(), N = e, On = v({
+		let gn = Ve(() => import("./Tooltip-CVxJe3UW.js")), _n = Ve(() => import("./BaseIcon-BbElSC8_.js").then((e) => e.n)), vn = Ve(() => import("./vue-ui-accordion-C6L7glHU.js").then((e) => e.n)), yn = Ve(() => import("./DataTable-CmyEubtT.js")), bn = Ve(() => import("./PenAndPaper-CIa1F5Jq.js").then((e) => e.t)), xn = Ve(() => import("./UserOptions-WH7-49V0.js").then((e) => e.n)), Sn = Ve(() => import("./PackageVersion-CT8FfP7h.js").then((e) => e.t)), Cn = Ve(() => import("./BaseDraggableDialog-Dr_Q6Yt5.js").then((e) => e.n)), { vue_ui_donut: wn } = he(), { isThemeValid: Tn, warnInvalidTheme: En } = be(), Dn = Xe(), N = e, On = v({
 			get() {
 				return !!N.dataset && N.dataset.length;
 			},
@@ -485,16 +485,16 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 		});
 		let $n = v(() => R.value.debug);
 		function er() {
-			if (re(N.dataset) ? (ue({
+			if (s(N.dataset) ? (ae({
 				componentName: "VueUiDonut",
 				type: "dataset",
 				debug: $n.value
 			}), On.value = !1, lr.value = !0) : (N.dataset.forEach((e, t) => {
-				oe({
+				ie({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					ue({
+					ae({
 						componentName: "VueUiDonut",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -503,13 +503,13 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 					}), On.value = !1, lr.value = !0;
 				});
 			}), $n.value && N.dataset.forEach((e, t) => {
-				(!e.name || e.name === "") && ue({
+				(!e.name || e.name === "") && ae({
 					componentName: "VueUiDonut",
 					type: "datasetAttributeEmpty",
 					property: "name",
 					index: t
 				});
-			})), re(N.dataset) || (lr.value = R.value.loading), R.value.responsive) {
+			})), s(N.dataset) || (lr.value = R.value.loading), R.value.responsive) {
 				let e = Ee(() => {
 					let { width: e, height: t } = De({
 						chart: P.value,
@@ -544,7 +544,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 						userConfig: N.config,
 						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : o[n] || c
+					customPalette: e.customPalette.length ? e.customPalette : a[n] || i
 				};
 			}
 			return t;
@@ -571,7 +571,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 				}
 			]
 		});
-		let ar = v(() => R.value.userOptions.useCursorPointer), or = v(() => i({
+		let ar = v(() => R.value.userOptions.useCursorPointer), or = v(() => te({
 			defaultConfig: {
 				useCssAnimation: !1,
 				table: { show: !1 },
@@ -620,7 +620,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 					color: "#CACACA"
 				}
 			],
-			skeletonConfig: i({
+			skeletonConfig: te({
 				defaultConfig: R.value,
 				userConfig: or.value
 			})
@@ -629,7 +629,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 			return new Promise((t) => {
 				let n = performance.now();
 				function r(i) {
-					let a = i - n, o = Math.min(a / e, 1), s = f(o);
+					let a = i - n, o = Math.min(a / e, 1), s = de(o);
 					dr.value = s, o < 1 ? pr = requestAnimationFrame(r) : (dr.value = 1, pr = null, t());
 				}
 				pr !== null && cancelAnimationFrame(pr), dr.value = 0, pr = requestAnimationFrame(r);
@@ -663,7 +663,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 			elementId: `donut__${I.value}`,
 			fileName: R.value.style.chart.title.text || "vue-ui-donut",
 			options: R.value.userOptions.print
-		}), Tr = v(() => R.value.userOptions.show && !R.value.style.chart.title.text), Er = v(() => de(R.value.customPalette)), V = D({
+		}), Tr = v(() => R.value.userOptions.show && !R.value.style.chart.title.text), Er = v(() => fe(R.value.customPalette)), V = D({
 			dataLabels: { show: R.value.style.chart.layout.labels.dataLabels.show },
 			showTable: R.value.table.show,
 			showTooltip: R.value.style.chart.tooltip.show
@@ -687,8 +687,8 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 			return e.ghost && !t.ghost ? 1 : t.ghost && !e.ghost ? -1 : r - n;
 		}).map((e, t) => ({
 			name: e.name,
-			color: l(e.color) || Er.value[t] || c[t] || c[t % c.length],
-			value: te(e.values.reduce((e, t) => e + t, 0)),
+			color: l(e.color) || Er.value[t] || i[t] || i[t % i.length],
+			value: f(e.values.reduce((e, t) => e + t, 0)),
 			absoluteValues: e.values,
 			comment: e.comment || "",
 			patternIndex: t,
@@ -718,7 +718,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 				value: e.value
 			})));
 		}
-		function Nr({ from: e, to: t, duration: n, onUpdate: r, onDone: i, easing: a = f }) {
+		function Nr({ from: e, to: t, duration: n, onUpdate: r, onDone: i, easing: a = de }) {
 			let o = performance.now();
 			function s(c) {
 				let l = Math.min((c - o) / n, 1), u = a(l);
@@ -824,7 +824,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 			let n = (e.values || []).reduce((e, t) => e + t, 0), r = n / cr.value.map((e) => (e.values || []).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0);
 			return {
 				name: e.name,
-				color: l(e.color) || Er.value[t] || c[t] || c[t % c.length],
+				color: l(e.color) || Er.value[t] || i[t] || i[t % i.length],
 				value: n,
 				shape: "circle",
 				patternIndex: t,
@@ -867,7 +867,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 		})), K = v(() => {
 			let e = R.value.style.chart.layout.donut.radiusRatio, t = Math.max(.1, Math.min(.50001, e)), n = Math.min(H.value.width * t, H.value.height * t);
 			return Math.max(12, n);
-		}), q = v(() => ie({ series: Br.value }, H.value.width / 2, H.value.height / 2, K.value, K.value, 1.99999, 2, 1, 360, 105.25, Dr.value)), Ur = v(() => Math.abs(Br.value.map((e) => e.value).reduce((e, t) => e + t, 0)) > 0), Wr = v(() => ie({ series: [{
+		}), q = v(() => re({ series: Br.value }, H.value.width / 2, H.value.height / 2, K.value, K.value, 1.99999, 2, 1, 360, 105.25, Dr.value)), Ur = v(() => Math.abs(Br.value.map((e) => e.value).reduce((e, t) => e + t, 0)) > 0), Wr = v(() => re({ series: [{
 			value: 1,
 			color: R.value.style.chart.layout.donut.emptyFill,
 			name: "_",
@@ -891,13 +891,13 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 			return e.x > H.value.width / 2 + 6 ? "start" : e.x < H.value.width / 2 - 6 ? "end" : "middle";
 		}
 		function Kr(e) {
-			return e.middlePoint.y > H.value.height / 2 ? s({
+			return e.middlePoint.y > H.value.height / 2 ? c({
 				initX: e.middlePoint.x,
 				initY: e.middlePoint.y,
 				offset: 100,
 				centerX: H.value.width / 2,
 				centerY: H.value.height / 2
-			}).y : s({
+			}).y : c({
 				initX: e.middlePoint.x,
 				initY: e.middlePoint.y,
 				offset: 0,
@@ -919,7 +919,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 			padding: br,
 			labels_inline_fontSize: Yn,
 			minSize: K,
-			findArcMidpoint: ee,
+			findArcMidpoint: oe,
 			calcMarkerOffsetX: p,
 			calcMarkerOffsetY: g,
 			animatingIndex: jr,
@@ -962,7 +962,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 				series: U.value
 			}, tr.value = r, L.value = t;
 			let a = "", o = R.value.style.chart.tooltip.customFormat;
-			if (ei.value = !1, fe(o)) try {
+			if (ei.value = !1, u(o)) try {
 				let t = o({
 					seriesIndex: n,
 					datapoint: e,
@@ -1042,7 +1042,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 			}), r === "end" ? `${R.value.style.chart.layout.labels.name.show ? c : ""}${o}` : `${o}${R.value.style.chart.layout.labels.name.show ? c : ""}`;
 		}
 		function ii(e, t) {
-			let n = Y.value[t].middlePoint, r = Gr(n), i = s({
+			let n = Y.value[t].middlePoint, r = Gr(n), i = c({
 				initX: n.x,
 				initY: n.y,
 				offset: 42,
@@ -1050,7 +1050,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 				centerY: H.value.height / 2
 			}), a = i.x;
 			i.y;
-			let o = hi(e), c = `
+			let o = hi(e), s = `
         <tspan
             class="vue-data-ui-datalabel-value"
             fill="${R.value.style.chart.layout.labels.percentage.color}"
@@ -1076,7 +1076,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
                     style="font-weight:${R.value.style.chart.layout.labels.name.bold ? "bold" : "normal"}"
                 >${e}</tspan>
             `;
-			}), r === "end" ? `${R.value.style.chart.layout.labels.name.show ? u : ""}${c}` : `${c}${R.value.style.chart.layout.labels.name.show ? u : ""}`;
+			}), r === "end" ? `${R.value.style.chart.layout.labels.name.show ? u : ""}${s}` : `${s}${R.value.style.chart.layout.labels.name.show ? u : ""}`;
 		}
 		function ai(e) {
 			return R.value.useBlurOnHover && ![null, void 0].includes(L.value) && L.value !== e ? `url(#blur_${I.value})` : "";
@@ -1095,7 +1095,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 		}));
 		function ci(e = null) {
 			Ue(() => {
-				let n = si.value.head.map((e, t) => [
+				let r = si.value.head.map((e, t) => [
 					[e.name],
 					[si.value.body[t]],
 					[isNaN(si.value.body[t] / Q.value) ? "-" : si.value.body[t] / Q.value * 100]
@@ -1107,7 +1107,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 						["val"],
 						["%"]
 					]
-				].concat(n), a = r(i);
+				].concat(r), a = n(i);
 				e ? e(a) : t({
 					csvContent: a,
 					title: R.value.style.chart.title.text || "vue-ui-donut"
@@ -1333,7 +1333,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 			if (R.value.type === "classic") {
 				let r = J.value[e];
 				if (!r?.arcSlice) return;
-				let i = ee(r.arcSlice);
+				let i = oe(r.arcSlice);
 				if (!i) return;
 				t = i.x, n = i.y;
 			} else {
@@ -1367,7 +1367,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 			toggleAnnotator: xi,
 			toggleFullscreen: di,
 			copyAlt: Pi
-		}), (t, r) => (E(), x("div", {
+		}), (t, n) => (E(), x("div", {
 			ref_key: "donutChart",
 			ref: P,
 			class: We(`vue-data-ui-component vue-ui-donut ${ui.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${R.value.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -1563,7 +1563,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 			S("div", at, [(E(), x("svg", {
 				ref_key: "svgRef",
 				ref: B,
-				xmlns: j(le),
+				xmlns: j(ue),
 				"aria-describedby": `chart-instructions-${I.value}`,
 				class: We({
 					"vue-data-ui-fullscreen--on": ui.value,
@@ -1597,22 +1597,22 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 					stops: [
 						[
 							"0%",
-							j(n)(R.value.style.chart.backgroundColor, 0),
+							j(r)(R.value.style.chart.backgroundColor, 0),
 							0
 						],
 						[
 							`${(1 - Dr.value / K.value) * 100}%`,
-							j(n)("#FFFFFF", 0),
+							j(r)("#FFFFFF", 0),
 							0
 						],
 						[
 							`${(1 - Dr.value / K.value / 2) * 100}%`,
-							j(n)("#FFFFFF", R.value.style.chart.gradientIntensity),
+							j(r)("#FFFFFF", R.value.style.chart.gradientIntensity),
 							1
 						],
 						[
 							"100%",
-							j(n)(R.value.style.chart.backgroundColor, 0),
+							j(r)(R.value.style.chart.backgroundColor, 0),
 							0
 						]
 					]
@@ -1626,7 +1626,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 					r: "62%",
 					stops: [[
 						"0%",
-						j(u)(q.value[t].color, .05),
+						j(ee)(q.value[t].color, .05),
 						R.value.style.chart.gradientIntensity / 100
 					], [
 						"100%",
@@ -1650,7 +1650,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 						in: "SourceGraphic",
 						stdDeviation: 2,
 						id: `blur_std_${I.value}`
-					}, null, 8, dt), r[5] ||= S("feColorMatrix", {
+					}, null, 8, dt), n[5] ||= S("feColorMatrix", {
 						type: "saturate",
 						values: "0"
 					}, null, -1)], 8, ut),
@@ -1694,13 +1694,13 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 				}, null, 8, gt)) : b("", !0)]))), 256)) : b("", !0),
 				R.value.type === "polar" ? (E(!0), x(_, { key: 4 }, O(q.value.filter((e) => !e.ghost), (e, t) => (E(), x("g", null, [X(e) && V.value.dataLabels.show ? (E(), x("path", {
 					key: 0,
-					d: `M ${j(s)({
+					d: `M ${j(c)({
 						initX: Y.value[t].middlePoint.x,
 						initY: Y.value[t].middlePoint.y,
 						offset: 24,
 						centerX: H.value.width / 2,
 						centerY: H.value.height / 2
-					}).x},${j(s)({
+					}).x},${j(c)({
 						initX: Y.value[t].middlePoint.x,
 						initY: Y.value[t].middlePoint.y,
 						offset: 24,
@@ -1851,17 +1851,17 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 					cy: H.value.height / 2,
 					r: K.value,
 					fill: "transparent",
-					onMouseenter: r[0] ||= (e) => $({
+					onMouseenter: n[0] ||= (e) => $({
 						datapoint: q.value[0],
 						relativeIndex: 0,
 						seriesIndex: q.value[0].seriesIndex,
 						show: !0
 					}),
-					onMouseleave: r[1] ||= (e) => ti({
+					onMouseleave: n[1] ||= (e) => ti({
 						datapoint: q.value[0],
 						seriesIndex: q.value[0].seriesIndex
 					}),
-					onClick: r[2] ||= (e) => gi(q.value[0], t.i)
+					onClick: n[2] ||= (e) => gi(q.value[0], t.i)
 				}, null, 40, Ht)]))], 64)) : b("", !0),
 				R.value.type === "classic" ? (E(), x("g", {
 					key: 12,
@@ -1908,9 +1908,9 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 						fill: R.value.style.chart.layout.labels.hollow.average.value.color,
 						"font-size": R.value.style.chart.layout.labels.hollow.average.value.fontSize,
 						style: T(`font-weight:${R.value.style.chart.layout.labels.hollow.average.value.bold ? "bold" : ""}`)
-					}, A(Ar.value || z.value ? "--" : j(m)(R.value.style.chart.layout.labels.hollow.average.value.formatter, j(ae)(Zr.value), j(d)({
+					}, A(Ar.value || z.value ? "--" : j(m)(R.value.style.chart.layout.labels.hollow.average.value.formatter, j(le)(Zr.value), j(d)({
 						p: R.value.style.chart.layout.labels.hollow.average.value.prefix,
-						v: j(ae)(Zr.value),
+						v: j(le)(Zr.value),
 						s: R.value.style.chart.layout.labels.hollow.average.value.suffix,
 						r: R.value.style.chart.layout.labels.hollow.average.value.rounding
 					}))), 13, Kt)) : b("", !0)
@@ -2009,7 +2009,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					}),
-					innerHTML: j(a)({
+					innerHTML: j(o)({
 						content: e.name,
 						fontSize: F.value,
 						fill: R.value.style.chart.layout.labels.name.color,
@@ -2018,14 +2018,14 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 					})
 				}, null, 44, en), [[Ze, X(e, !0, 12) && V.value.dataLabels.show && R.value.style.chart.layout.labels.name.show]])], 64))], 64)) : b("", !0), R.value.type === "polar" ? (E(), x(_, { key: 1 }, [X(e) && V.value.dataLabels.show ? (E(), x("circle", {
 					key: 0,
-					cx: j(s)({
+					cx: j(c)({
 						initX: Y.value[n].middlePoint.x,
 						initY: Y.value[n].middlePoint.y,
 						offset: 24,
 						centerX: H.value.width / 2,
 						centerY: H.value.height / 2
 					}).x,
-					cy: j(s)({
+					cy: j(c)({
 						initX: Y.value[n].middlePoint.x,
 						initY: Y.value[n].middlePoint.y,
 						offset: 24,
@@ -2053,14 +2053,14 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 					key: 1,
 					class: "vue-data-ui-datalabel-inline",
 					"text-anchor": Gr(Y.value[n].middlePoint),
-					x: j(s)({
+					x: j(c)({
 						initX: Y.value[n].middlePoint.x,
 						initY: Y.value[n].middlePoint.y,
 						offset: 42,
 						centerX: H.value.width / 2,
 						centerY: H.value.height / 2
 					}).x,
-					y: j(s)({
+					y: j(c)({
 						initX: Y.value[n].middlePoint.x,
 						initY: Y.value[n].middlePoint.y,
 						offset: 42,
@@ -2084,14 +2084,14 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 					key: 0,
 					class: "vue-data-ui-datalabel-value",
 					"text-anchor": Gr(Y.value[n].middlePoint),
-					x: j(s)({
+					x: j(c)({
 						initX: Y.value[n].middlePoint.x,
 						initY: Y.value[n].middlePoint.y,
 						offset: 42,
 						centerX: H.value.width / 2,
 						centerY: H.value.height / 2
 					}).x,
-					y: j(s)({
+					y: j(c)({
 						initX: Y.value[n].middlePoint.x,
 						initY: Y.value[n].middlePoint.y,
 						offset: 42,
@@ -2119,14 +2119,14 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 					key: 1,
 					class: "vue-data-ui-datalabel-name",
 					"text-anchor": Gr(Y.value[n].middlePoint),
-					x: j(s)({
+					x: j(c)({
 						initX: Y.value[n].middlePoint.x,
 						initY: Y.value[n].middlePoint.y,
 						offset: 42,
 						centerX: H.value.width / 2,
 						centerY: H.value.height / 2
 					}).x,
-					y: j(s)({
+					y: j(c)({
 						initX: Y.value[n].middlePoint.x,
 						initY: Y.value[n].middlePoint.y,
 						offset: 42,
@@ -2150,18 +2150,18 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					}),
-					innerHTML: j(a)({
+					innerHTML: j(o)({
 						content: e.name,
 						fontSize: F.value,
 						fill: R.value.style.chart.layout.labels.name.color,
-						x: j(s)({
+						x: j(c)({
 							initX: Y.value[n].middlePoint.x,
 							initY: Y.value[n].middlePoint.y,
 							offset: 42,
 							centerX: H.value.width / 2,
 							centerY: H.value.height / 2
 						}).x,
-						y: j(s)({
+						y: j(c)({
 							initX: Y.value[n].middlePoint.x,
 							initY: Y.value[n].middlePoint.y,
 							offset: 42,
@@ -2186,19 +2186,19 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 					isFirstLoad: z.value
 				} }, void 0, !0)])], 8, sn)) : b("", !0), X(e) && R.value.type === "polar" ? (E(), x("foreignObject", {
 					key: 1,
-					x: R.value.style.chart.comments.offsetX + (Gr(Y.value[n].middlePoint) === "end" ? j(s)({
+					x: R.value.style.chart.comments.offsetX + (Gr(Y.value[n].middlePoint) === "end" ? j(c)({
 						initX: Y.value[n].middlePoint.x,
 						initY: Y.value[n].middlePoint.y,
 						offset: 42,
 						centerX: H.value.width / 2,
 						centerY: H.value.height / 2
-					}).x - R.value.style.chart.comments.width : Gr(Y.value[n].middlePoint) === "middle" ? j(s)({
+					}).x - R.value.style.chart.comments.width : Gr(Y.value[n].middlePoint) === "middle" ? j(c)({
 						initX: Y.value[n].middlePoint.x,
 						initY: Y.value[n].middlePoint.y,
 						offset: 42,
 						centerX: H.value.width / 2,
 						centerY: H.value.height / 2
-					}).x - R.value.style.chart.comments.width / 2 : j(s)({
+					}).x - R.value.style.chart.comments.width / 2 : j(c)({
 						initX: Y.value[n].middlePoint.x,
 						initY: Y.value[n].middlePoint.y,
 						offset: 42,
@@ -2241,7 +2241,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 				key: `legend_${Bn.value}`,
 				legendSet: Vr.value,
 				config: Hr.value,
-				onClickMarker: r[3] ||= ({ i: e }) => Fr(e),
+				onClickMarker: n[3] ||= ({ i: e }) => Fr(e),
 				isCursorPointer: ar.value
 			}, Re({
 				item: M(({ legend: e, index: t }) => [S("div", {
@@ -2397,7 +2397,7 @@ var tt = /* @__PURE__ */ e({ default: () => gn }), nt = ["id"], rt = ["id"], it
 				fn: M(() => [S("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: r[4] ||= (e) => ci(R.value.userOptions.callbacks.csv),
+					onClick: n[4] ||= (e) => ci(R.value.userOptions.callbacks.csv),
 					style: T({ cursor: ar.value ? "pointer" : "default" })
 				}, [Be(j(_n), {
 					name: "fileCsv",