vue-data-ui 3.22.8 → 3.22.9

package/dist/{vue-ui-nested-donuts-3TRV8pN-.js → vue-ui-nested-donuts-8Ehwcuns.js}

@@ -11,42 +11,43 @@ import { n as Ce } from "./Title-CcNiYzEo.js";
 import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as Te } from "./canvas-lib-BOP_HS11.js";
 import { t as Ee } from "./useResponsive-BfnK0KxU.js";
-import { t as De } from "./BaseLegendToggle-DtQ8vyfr.js";
-import { t as Oe } from "./A11yDataTable-DdRsVULz.js";
-import { t as ke } from "./useUserOptionState-DK-_1ddE.js";
-import { t as Ae } from "./useChartAccessibility-DYqac8yF.js";
-import { t as je } from "./labelUtils-DBEh078l.js";
-import { t as Me } from "./Legend-ROt6ugzW.js";
-import { t as Ne } from "./vue_ui_nested_donuts-B8csIoVO.js";
-import { Fragment as u, Teleport as Pe, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as Fe, createTextVNode as Ie, createVNode as Le, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as Re, nextTick as ze, normalizeClass as v, normalizeProps as y, normalizeStyle as Be, onBeforeUnmount as Ve, onMounted as He, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as Ue, shallowRef as We, toDisplayString as w, toRefs as Ge, unref as T, vShow as Ke, watch as qe, withCtx as E, withDirectives as Je } from "vue";
+import { t as De } from "./DefGrad-DVBqDjhO.js";
+import { t as Oe } from "./BaseLegendToggle-DWtet-Hh.js";
+import { t as ke } from "./A11yDataTable-DdRsVULz.js";
+import { t as Ae } from "./useUserOptionState-DK-_1ddE.js";
+import { t as je } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Me } from "./labelUtils-DBEh078l.js";
+import { t as Ne } from "./Legend-ROt6ugzW.js";
+import { t as Pe } from "./vue_ui_nested_donuts-B8csIoVO.js";
+import { Fragment as u, Teleport as Fe, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as Ie, createTextVNode as Le, createVNode as Re, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as ze, nextTick as Be, normalizeClass as v, normalizeProps as y, normalizeStyle as Ve, onBeforeUnmount as He, onMounted as Ue, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as We, shallowRef as Ge, toDisplayString as w, toRefs as Ke, unref as T, vShow as qe, watch as Je, withCtx as E, withDirectives as Ye } from "vue";
 //#region src/components/vue-ui-nested-donuts.vue
-var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe = ["id"], $e = { style: { position: "relative" } }, et = [
+var Xe = /* @__PURE__ */ e({ default: () => Dt }), Ze = ["id"], Qe = ["id"], $e = ["id"], et = { style: { position: "relative" } }, tt = [
 	"xmlns",
 	"aria-describedby",
 	"viewBox"
-], tt = ["width", "height"], nt = ["id"], rt = ["offset", "stop-color"], it = ["offset", "stop-opacity"], at = ["id"], ot = ["id"], st = ["id"], ct = ["flood-color"], lt = ["id", "d"], ut = [
+], nt = ["width", "height"], rt = ["id"], it = ["id"], at = ["id"], ot = ["flood-color"], st = ["id", "d"], ct = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], dt = [
+], lt = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width"
-], ft = { key: 1 }, pt = ["d", "fill"], mt = { key: 2 }, ht = [
+], ut = { key: 1 }, dt = ["d", "fill"], ft = { key: 2 }, pt = [
 	"font-size",
 	"font-weight",
 	"fill",
 	"dy"
-], gt = ["href"], _t = [
+], mt = ["href"], ht = [
 	"x",
 	"y",
 	"font-size",
 	"font-weight",
 	"fill"
-], vt = { key: 3 }, yt = ["filter"], bt = [
+], gt = { key: 3 }, _t = ["filter"], vt = [
 	"opacity",
 	"text-anchor",
 	"x",
@@ -54,7 +55,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 	"fill",
 	"font-size",
 	"font-weight"
-], xt = [
+], yt = [
 	"opacity",
 	"text-anchor",
 	"x",
@@ -62,13 +63,13 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 	"fill",
 	"font-size",
 	"font-weight"
-], St = [
+], bt = [
 	"d",
 	"fill",
 	"onMouseenter",
 	"onClick",
 	"onMouseleave"
-], Ct = {
+], xt = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -78,13 +79,13 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, wt = {
+}, St = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, Tt = ["id"], Et = {
+}, Ct = ["id"], wt = {
 	key: 0,
 	class: "vue-ui-nested-donuts-legend-title"
-}, Dt = ["onClick"], Ot = ["innerHTML"], kt = /*#__PURE__*/ we({
+}, Tt = ["onClick"], Et = ["innerHTML"], Dt = /*#__PURE__*/ we({
 	__name: "vue-ui-nested-donuts",
 	props: {
 		config: {
@@ -105,22 +106,22 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 		"selectDatapoint",
 		"copyAlt"
 	],
-	setup(e, { expose: we, emit: Ye }) {
-		let kt = g(() => import("./Tooltip-CxOrWlFy.js")), At = g(() => import("./BaseIcon-C2qlyHc7.js").then((e) => e.n)), jt = g(() => import("./vue-ui-accordion-YyosvEPo.js").then((e) => e.n)), Mt = g(() => import("./DataTable-D9NvewTT.js")), Nt = g(() => import("./UserOptions-16uF1ayB.js").then((e) => e.n)), Pt = g(() => import("./PenAndPaper-pcgwlYr2.js").then((e) => e.t)), Ft = g(() => import("./PackageVersion-DW7zwRcm.js").then((e) => e.t)), It = g(() => import("./BaseDraggableDialog-DcfGlH8A.js").then((e) => e.n)), { vue_ui_nested_donuts: Lt } = he(), { isThemeValid: Rt, warnInvalidTheme: zt } = xe(), D = e, Bt = d({
+	setup(e, { expose: we, emit: Xe }) {
+		let Dt = g(() => import("./Tooltip-CxOrWlFy.js")), Ot = g(() => import("./BaseIcon-UdRAvP2h.js").then((e) => e.n)), kt = g(() => import("./vue-ui-accordion-CjAGqEJg.js").then((e) => e.n)), At = g(() => import("./DataTable-BxpTMgfK.js")), jt = g(() => import("./UserOptions-trvJ26nz.js").then((e) => e.n)), Mt = g(() => import("./PenAndPaper-DsXi7GJ-.js").then((e) => e.t)), Nt = g(() => import("./PackageVersion-D__dRVRA.js").then((e) => e.t)), Pt = g(() => import("./BaseDraggableDialog-Av7Uxq5V.js").then((e) => e.n)), { vue_ui_nested_donuts: Ft } = he(), { isThemeValid: It, warnInvalidTheme: Lt } = xe(), D = e, Rt = d({
 			get() {
 				return !!D.dataset && D.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), O = x(r()), Vt = x(!1), Ht = x(""), Ut = x(null), Wt = x(0), k = x(null), Gt = x(null), Kt = x(null), qt = x(null), Jt = x(null), Yt = x(0), Xt = x(0), Zt = x(0), A = x(!0), j = x([]), Qt = x([]), $t = x(!1), en = x(null), tn = x(null), nn = x(!1), rn = x(!1), M = x(null), an = x({
+		}), O = x(r()), zt = x(!1), Bt = x(""), Vt = x(null), Ht = x(0), k = x(null), Ut = x(null), Wt = x(null), Gt = x(null), Kt = x(null), qt = x(0), Jt = x(0), Yt = x(0), A = x(!0), j = x([]), Xt = x([]), Zt = x(!1), Qt = x(null), $t = x(null), en = x(!1), tn = x(!1), M = x(null), nn = x({
 			x: 0,
 			y: 0
-		}), on = x("pointer"), sn = x(!1), N = x(!1);
-		function cn(e) {
-			N.value = e, Wt.value += 1;
+		}), rn = x("pointer"), an = x(!1), N = x(!1);
+		function on(e) {
+			N.value = e, Ht.value += 1;
 		}
-		let P = x(gn()), F = d(() => P.value.userOptions.useCursorPointer), ln = {
+		let P = x(mn()), F = d(() => P.value.userOptions.useCursorPointer), sn = {
 			name: "",
 			series: [
 				{
@@ -139,7 +140,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 					color: "#CACACA"
 				}
 			]
-		}, un = d(() => o({
+		}, cn = d(() => o({
 			defaultConfig: {
 				useCssAnimation: !1,
 				table: { show: !1 },
@@ -160,30 +161,30 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				} }
 			},
 			userConfig: P.value.skeletonConfig ?? {}
-		})), { loading: dn, FINAL_DATASET: I, manualLoading: fn } = _e({
-			...Ge(D),
+		})), { loading: ln, FINAL_DATASET: I, manualLoading: un } = _e({
+			...Ke(D),
 			FINAL_CONFIG: P,
-			prepareConfig: gn,
+			prepareConfig: mn,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					await yn();
+					await _n();
 				});
 			},
-			skeletonDataset: D.config?.skeletonDataset ?? [ln, ln],
+			skeletonDataset: D.config?.skeletonDataset ?? [sn, sn],
 			skeletonConfig: o({
 				defaultConfig: P.value,
-				userConfig: un.value
+				userConfig: cn.value
 			})
-		}), { userOptionsVisible: pn, setUserOptionsVisibility: mn, keepUserOptionState: hn } = ke({ config: P.value }), { svgRef: L } = Ae({ config: P.value.style.chart.title });
-		function gn() {
+		}), { userOptionsVisible: dn, setUserOptionsVisibility: fn, keepUserOptionState: pn } = Ae({ config: P.value }), { svgRef: L } = je({ config: P.value.style.chart.title });
+		function mn() {
 			let e = be({
 				userConfig: D.config,
-				defaultConfig: Lt
+				defaultConfig: Ft
 			}), t = {}, n = e.theme;
-			if (n) if (!Rt.value(e)) zt(e), t = e;
+			if (n) if (!It.value(e)) Lt(e), t = e;
 			else {
 				let r = be({
-					userConfig: Ne[n] || D.config,
+					userConfig: Pe[n] || D.config,
 					defaultConfig: e
 				});
 				t = {
@@ -197,10 +198,10 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 			else t = e;
 			return t;
 		}
-		qe(() => D.config, (e) => {
-			dn.value || (P.value = gn()), pn.value = !P.value.userOptions.showOnChartHover, bn(), Yt.value += 1, Xt.value += 1, Zt.value += 1, V.value.dataLabels.show = P.value.style.chart.layout.labels.dataLabels.show, V.value.showTable = P.value.table.show, V.value.showTooltip = P.value.style.chart.tooltip.show, H.value.width = P.value.style.chart.width, H.value.height = P.value.style.chart.height;
+		Je(() => D.config, (e) => {
+			ln.value || (P.value = mn()), dn.value = !P.value.userOptions.showOnChartHover, vn(), qt.value += 1, Jt.value += 1, Yt.value += 1, V.value.dataLabels.show = P.value.style.chart.layout.labels.dataLabels.show, V.value.showTable = P.value.table.show, V.value.showTooltip = P.value.style.chart.tooltip.show, H.value.width = P.value.style.chart.width, H.value.height = P.value.style.chart.height;
 		}, { deep: !0 });
-		let _n = d(() => {
+		let hn = d(() => {
 			let { top: e, right: t, bottom: n, left: r } = P.value.style.chart.padding;
 			return {
 				css: `padding:${e}px ${t}px ${n}px ${r}px`,
@@ -210,10 +211,10 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				left: r
 			};
 		});
-		function vn(e, t = 1e3, n = 50) {
+		function gn(e, t = 1e3, n = 50) {
 			return new Promise((r) => {
 				let a = e.length;
-				j.value = Array(a).fill(0), Qt.value = [];
+				j.value = Array(a).fill(0), Xt.value = [];
 				let o = 0;
 				e.forEach((e, s) => {
 					setTimeout(() => {
@@ -237,17 +238,17 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 									absoluteValues: [],
 									ghost: !0
 								}), ie += e.series.length;
-							}), Qt.value = re, te < 1 ? requestAnimationFrame(c) : (o += 1, o === a && r());
+							}), Xt.value = re, te < 1 ? requestAnimationFrame(c) : (o += 1, o === a && r());
 						}
 						requestAnimationFrame(c);
 					}, s * n);
 				});
 			});
 		}
-		async function yn() {
+		async function _n() {
 			if (P.value.startAnimation?.show) {
 				let e = I.value.flatMap((e) => e.series).map((e) => i(e.values).reduce((e, t) => e + t, 0));
-				j.value = e.map(() => 0), A.value = !0, Qt.value = I.value.map((e, t) => {
+				j.value = e.map(() => 0), A.value = !0, Xt.value = I.value.map((e, t) => {
 					let n = e.series.reduce((e, t) => e + i(t.values).reduce((e, t) => e + t, 0), 0);
 					return {
 						name: "__ghost__",
@@ -262,29 +263,29 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 						absoluteValues: [],
 						ghost: !0
 					};
-				}), await ze(), vn(e, P.value.startAnimation.durationMs, P.value.startAnimation.staggerMs).then(() => {
-					A.value = !1, Qt.value = [];
+				}), await Be(), gn(e, P.value.startAnimation.durationMs, P.value.startAnimation.staggerMs).then(() => {
+					A.value = !1, Xt.value = [];
 				});
 			} else A.value = !1;
 		}
-		He(async () => {
-			$t.value = !0, bn(), await yn();
+		Ue(async () => {
+			Zt.value = !0, vn(), await _n();
 		});
-		let R = We(null), z = We(null), B = d(() => !!P.value.debug);
-		function bn() {
+		let R = Ge(null), z = Ge(null), B = d(() => !!P.value.debug);
+		function vn() {
 			if (ce(D.dataset) ? (t({
 				componentName: "VueUiNestedDonuts",
 				type: "dataset",
 				debug: B.value
-			}), Bt.value = !1, fn.value = !0) : fn.value = P.value.loading, P.value.responsive) {
+			}), Rt.value = !1, un.value = !0) : un.value = P.value.loading, P.value.responsive) {
 				let e = Te(() => {
 					let { width: e, height: t } = Ee({
 						chart: k.value,
-						title: P.value.style.chart.title.text ? Gt.value : null,
-						legend: P.value.style.chart.legend.show ? Kt.value : null,
-						source: qt.value,
-						noTitle: Jt.value,
-						padding: _n.value
+						title: P.value.style.chart.title.text ? Ut.value : null,
+						legend: P.value.style.chart.legend.show ? Wt.value : null,
+						source: Gt.value,
+						noTitle: Kt.value,
+						padding: hn.value
 					});
 					requestAnimationFrame(() => {
 						H.value.width = e, H.value.height = t;
@@ -293,19 +294,19 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				R.value && (z.value && R.value.unobserve(z.value), R.value.disconnect()), R.value = new ResizeObserver(e), z.value = k.value.parentNode, R.value.observe(z.value);
 			}
 		}
-		Ve(() => {
+		He(() => {
 			R.value && (z.value && R.value.unobserve(z.value), R.value.disconnect());
 		});
-		let { isPrinting: xn, isImaging: Sn, generatePdf: Cn, generateImage: wn } = ge({
+		let { isPrinting: yn, isImaging: bn, generatePdf: xn, generateImage: Sn } = ge({
 			elementId: `nested_donuts_${O.value}`,
 			fileName: P.value.style.chart.title.text || "vue-ui-nested-donuts",
 			options: P.value.userOptions.print
-		}), Tn = d(() => P.value.userOptions.show && !P.value.style.chart.title.text), En = d(() => te(P.value.customPalette)), V = x({
+		}), Cn = d(() => P.value.userOptions.show && !P.value.style.chart.title.text), wn = d(() => te(P.value.customPalette)), V = x({
 			dataLabels: { show: P.value.style.chart.layout.labels.dataLabels.show },
 			showTable: P.value.table.show,
 			showTooltip: P.value.style.chart.tooltip.show
 		});
-		qe(P, () => {
+		Je(P, () => {
 			V.value = {
 				dataLabels: { show: P.value.style.chart.layout.labels.dataLabels.show },
 				showTable: P.value.table.show,
@@ -315,8 +316,8 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 		let H = x({
 			width: P.value.style.chart.width,
 			height: P.value.style.chart.height
-		}), U = Ye;
-		function Dn({ datapoint: e, index: t, seriesIndex: n }) {
+		}), U = Xe;
+		function Tn({ datapoint: e, index: t, seriesIndex: n }) {
 			P.value.events.datapointClick && P.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: n
@@ -325,7 +326,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				index: t
 			});
 		}
-		function On({ from: e, to: t, duration: n, onUpdate: r, onDone: i, easing: a = l }) {
+		function En({ from: e, to: t, duration: n, onUpdate: r, onDone: i, easing: a = l }) {
 			let o = performance.now();
 			function s(c) {
 				let l = Math.min((c - o) / n, 1), ee = a(l);
@@ -334,7 +335,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 			requestAnimationFrame(s);
 		}
 		let W = x([]), G = d(() => {
-			dn.value, I.value.forEach((e, n) => {
+			ln.value, I.value.forEach((e, n) => {
 				[null, void 0].includes(e.name) && t({
 					componentName: "VueUiNestedDonuts",
 					type: "datasetSerieAttribute",
@@ -385,15 +386,15 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 						id: `${O.value}_${n}_${a}`,
 						seriesIndex: a,
 						datasetIndex: n,
-						color: ae(r.color) || En.value[a] || s[a % s.length],
+						color: ae(r.color) || wn.value[a] || s[a % s.length],
 						value: A.value ? j.value[e++] ?? 0 : o,
 						absoluteValues: r.values || []
 					};
 				})
 			}));
 		});
-		qe(() => D.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (fn.value = !1);
+		Je(() => D.dataset, (e) => {
+			Array.isArray(e) && e.length > 0 && (un.value = !1);
 		}, { immediate: !0 });
 		let K = d(() => Math.min(H.value.height, H.value.width) * (P.value.style.chart.layout.donut.strokeWidth / 512)), q = d(() => [...G.value].map((e, t) => {
 			let n = e.series.filter((e) => !W.value.includes(e.id)).map((e) => e.value).reduce((e, t) => e + t, 0);
@@ -406,14 +407,14 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				}))
 			};
 		}));
-		function kn(e, t, n) {
+		function Dn(e, t, n) {
 			let r = 0;
 			for (let t = 0; t < e.length; t += 1) n.includes(e[t]) && (r += 1);
 			return r < t;
 		}
 		let J = x(q.value);
-		qe(() => q.value, (e) => J.value = e);
-		function An(e) {
+		Je(() => q.value, (e) => J.value = e);
+		function On(e) {
 			let t = e.map((e) => e.id);
 			if (e.some((e) => W.value.includes(e.id))) {
 				let e = new Set(t);
@@ -430,8 +431,8 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 			if (!t) return;
 			let n = G.value.flatMap((e) => e.series).find((t) => t.id === e.id)?.value ?? 0, r = J.value.flatMap((e) => e.series).find((t) => t.id === e.id), a = r ? r.value : 0, o = G.value.find((e) => e.id === t.arcOfId);
 			if (!o) return;
-			let s = o.series.map((e) => e.id), c = kn(s, s.length - 1, W.value);
-			W.value.includes(e.id) ? (W.value = W.value.filter((t) => t !== e.id), P.value.serieToggleAnimation.show ? On({
+			let s = o.series.map((e) => e.id), c = Dn(s, s.length - 1, W.value);
+			W.value.includes(e.id) ? (W.value = W.value.filter((t) => t !== e.id), P.value.serieToggleAnimation.show ? En({
 				from: a,
 				to: n,
 				duration: P.value.serieToggleAnimation.durationMs,
@@ -453,7 +454,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 					...t,
 					value: n
 				} : t)
-			})), U("selectLegend", q.value))) : c && (P.value.serieToggleAnimation.show ? On({
+			})), U("selectLegend", q.value))) : c && (P.value.serieToggleAnimation.show ? En({
 				from: a,
 				to: 0,
 				duration: P.value.serieToggleAnimation.durationMs,
@@ -477,30 +478,30 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				} : t)
 			})), W.value.push(e.id), U("selectLegend", q.value)));
 		}
-		function jn(e) {
+		function kn(e) {
 			return G.value.length ? G.value.flatMap((e) => e.series).filter((t) => t.name === e) || (P.value.debug && console.warn(`VueUiNestedDonuts - Series name not found "${e}"`), null) : (P.value.debug && console.warn("VueUiNestedDonuts - There are no series to show."), null);
 		}
-		function Mn(e) {
-			let t = jn(e);
+		function An(e) {
+			let t = kn(e);
 			t !== null && (Array.isArray(t) ? t.forEach((e) => {
 				W.value.includes(e.id) && Y({ id: e.id });
 			}) : W.value.includes(t.id) && Y({ id: t.id }));
 		}
-		function Nn(e) {
-			let t = jn(e);
+		function jn(e) {
+			let t = kn(e);
 			t !== null && (Array.isArray(t) ? t.forEach((e) => {
 				W.value.includes(e.id) || Y({ id: e.id });
 			}) : W.value.includes(t.id) || Y({ id: t.id }));
 		}
-		let Pn = d(() => K.value / G.value.length * P.value.style.chart.layout.donut.spacingRatio), Fn = d(() => J.value.map((e, t) => K.value - t * K.value / G.value.length)), X = d(() => J.value.map((e, t) => {
-			let r = Math.abs(e.series.map((e) => e.value).reduce((e, t) => e + t, 0)) > 0, i = K.value - t * K.value / J.value.length, a = A.value ? Qt.value.find((e) => e.datasetIndex === t) : null, o = [...e.series, ...a ? [a] : []].map((e) => ({
+		let Mn = d(() => K.value / G.value.length * P.value.style.chart.layout.donut.spacingRatio), Nn = d(() => J.value.map((e, t) => K.value - t * K.value / G.value.length)), X = d(() => J.value.map((e, t) => {
+			let r = Math.abs(e.series.map((e) => e.value).reduce((e, t) => e + t, 0)) > 0, i = K.value - t * K.value / J.value.length, a = A.value ? Xt.value.find((e) => e.datasetIndex === t) : null, o = [...e.series, ...a ? [a] : []].map((e) => ({
 				...e,
 				value: e.value < 1e-11 ? Number.MIN_VALUE : e.value
 			})), s = n({ series: [{
 				name: "_",
 				color: P.value.style.chart.layout.donut.emptyFill,
 				value: 1
-			}] }, H.value.width / 2, H.value.height / 2, i, i, 1.99999, 2, 1, 360, 105.25, Pn.value), c = `M ${H.value.width / 2},${H.value.height / 2 + i}
+			}] }, H.value.width / 2, H.value.height / 2, i, i, 1.99999, 2, 1, 360, 105.25, Mn.value), c = `M ${H.value.width / 2},${H.value.height / 2 + i}
             a ${i},${i} 0 1,1 0,${-2 * i}
             a ${i},${i} 0 1,1 0,${2 * i}`;
 			return {
@@ -509,23 +510,23 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				radius: i,
 				skeleton: s,
 				fullCirclePath: c,
-				donut: n({ series: o }, H.value.width / 2, H.value.height / 2, i, i, 1.99999, 2, 1, 360, 105.25, Pn.value)
+				donut: n({ series: o }, H.value.width / 2, H.value.height / 2, i, i, 1.99999, 2, 1, 360, 105.25, Mn.value)
 			};
-		})), In = d(() => [...G.value].map((e, t) => {
+		})), Pn = d(() => [...G.value].map((e, t) => {
 			let r = t * K.value / G.value.length;
 			return {
 				sizeRatio: r,
 				donut: n({ series: [{ value: 1 }] }, H.value.width / 2, H.value.height / 2, K.value - r, K.value - r, 1.99999, 2, 1, 360, 105.25, K.value / G.value.length * P.value.style.chart.layout.donut.spacingRatio)[0]
 			};
-		})), Ln = x(null), Rn = x(null), Z = x(null), zn = x(null);
-		function Bn({ datapoint: e, seriesIndex: t }) {
+		})), Fn = x(null), In = x(null), Z = x(null), Ln = x(null);
+		function Rn({ datapoint: e, seriesIndex: t }) {
 			P.value.events.datapointLeave && P.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
-			}), Vt.value = !1, Ln.value = null, Ut.value = null, Rn.value = null, Z.value = null, M.value = null, on.value = "pointer";
+			}), zt.value = !1, Fn.value = null, Vt.value = null, In.value = null, Z.value = null, M.value = null, rn.value = "pointer";
 		}
-		function Vn({ val: e, percentage: t, showVal: n, showPercentage: r, config: i }) {
-			return je({
+		function zn({ val: e, percentage: t, showVal: n, showPercentage: r, config: i }) {
+			return Me({
 				config: i,
 				val: e,
 				percentage: t,
@@ -533,11 +534,11 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				showPercentage: r
 			});
 		}
-		function Hn({ datapoint: e, _relativeIndex: t, seriesIndex: n, triggerMode: r = "pointer" }) {
+		function Bn({ datapoint: e, _relativeIndex: t, seriesIndex: n, triggerMode: r = "pointer" }) {
 			P.value.events.datapointEnter && P.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: n
-			}), on.value = r, M.value = n, Ln.value = e.arcOfId, Rn.value = e.id, Z.value = n, Ut.value = e.id, zn.value = {
+			}), rn.value = r, M.value = n, Fn.value = e.arcOfId, In.value = e.id, Z.value = n, Vt.value = e.id, Ln.value = {
 				datapoint: e,
 				seriesIndex: n,
 				series: J.value,
@@ -549,7 +550,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				datapoint: e,
 				series: J.value,
 				config: P.value
-			}))) Ht.value = i({
+			}))) Bt.value = i({
 				seriesIndex: n,
 				datapoint: e,
 				series: J.value,
@@ -573,7 +574,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
                         </div>
                         <span>
                             <b>
-                                ${Vn({
+                                ${zn({
 							config: P.value.style.chart.tooltip,
 							showVal: P.value.style.chart.tooltip.showValue,
 							showPercentage: P.value.style.chart.tooltip.showPercentage,
@@ -614,25 +615,25 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 					s: "%",
 					r: P.value.style.chart.tooltip.roundingPercentage
 				})}</b></div>`);
-				Ht.value = `<div style="font-size:${P.value.style.chart.tooltip.fontSize}px">${t}</div>`;
+				Bt.value = `<div style="font-size:${P.value.style.chart.tooltip.fontSize}px">${t}</div>`;
 			}
-			Vt.value = !0;
+			zt.value = !0;
 		}
-		function Un(e) {
+		function Vn(e) {
 			return e.proportion * 100 > P.value.style.chart.layout.labels.dataLabels.hideUnderValue;
 		}
-		function Wn(e, t) {
+		function Hn(e, t) {
 			if (!P.value.useBlurOnHover) return "";
 			if (P.value.style.chart.tooltip.showAllItemsAtIndex && W.value.length === 0) return [null, void 0].includes(Z.value) || Z.value === t ? "" : `url(#blur_${O.value})`;
-			if (!P.value.style.chart.tooltip.showAllItemsAtIndex || W.value.length) return [null, void 0].includes(Rn.value) || Rn.value === e.id ? "" : `url(#blur_${O.value})`;
+			if (!P.value.style.chart.tooltip.showAllItemsAtIndex || W.value.length) return [null, void 0].includes(In.value) || In.value === e.id ? "" : `url(#blur_${O.value})`;
 		}
-		let Gn = d(() => G.value.map((e, t) => {
+		let Un = d(() => G.value.map((e, t) => {
 			let n = e.series.filter((e) => !W.value.includes(e.id)), r = A.value ? n.map((e) => {
 				let n = I.value[t].series.findIndex((t) => t.name === e.name);
 				return i(I.value[t].series[n].values).reduce((e, t) => e + t, 0);
 			}).reduce((e, t) => e + t, 0) : n.map((e) => e.value).reduce((e, t) => e + t, 0);
 			return e.series.map((e, n) => {
-				let o = i(I.value[t].series[n].values).reduce((e, t) => e + t, 0), s = A.value ? o : e.value, c = Vn({
+				let o = i(I.value[t].series[n].values).reduce((e, t) => e + t, 0), s = A.value ? o : e.value, c = zn({
 					val: se(P.value.style.chart.layout.labels.dataLabels.formatter, s, a({
 						p: P.value.style.chart.layout.labels.dataLabels.prefix,
 						v: s,
@@ -668,7 +669,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 					isSegregated: W.value.includes(e.id)
 				};
 			});
-		})), Kn = d(() => ({
+		})), Wn = d(() => ({
 			cy: "nested-donuts-legend",
 			backgroundColor: P.value.style.chart.legend.backgroundColor,
 			color: P.value.style.chart.legend.color,
@@ -683,8 +684,8 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 			}))),
 			body: J.value.flatMap((e) => e.series.map((e) => e.value))
 		}));
-		function qn(e = null) {
-			ze(() => {
+		function Gn(e = null) {
+			Be(() => {
 				let t = Q.value.head.map((e, t) => [
 					[e.name],
 					[Q.value.body[t]],
@@ -704,7 +705,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				});
 			});
 		}
-		let Jn = d(() => {
+		let Kn = d(() => {
 			let e = [
 				P.value.table.columnNames.series,
 				P.value.table.columnNames.value,
@@ -753,23 +754,23 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				config: r
 			};
 		});
-		function Yn() {
+		function qn() {
 			return G.value;
 		}
-		function Xn() {
+		function Jn() {
 			V.value.showTable = !V.value.showTable;
 		}
-		function Zn() {
+		function Yn() {
 			V.value.dataLabels.show = !V.value.dataLabels.show;
 		}
-		function Qn() {
+		function Xn() {
 			V.value.showTooltip = !V.value.showTooltip;
 		}
-		let $n = x(!1);
-		function er() {
-			$n.value = !$n.value;
+		let Zn = x(!1);
+		function Qn() {
+			Zn.value = !Zn.value;
 		}
-		async function tr({ scale: e = 2 } = {}) {
+		async function $n({ scale: e = 2 } = {}) {
 			if (!k.value) return;
 			let { width: t, height: n } = k.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Se({
 				domElement: k.value,
@@ -786,16 +787,16 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				aspectRatio: r
 			};
 		}
-		let nr = x(null);
-		function rr() {
-			if (!nr.value) return;
-			let { x: e, y: t, width: n, height: r } = nr.value.getBBox();
+		let er = x(null);
+		function tr() {
+			if (!er.value) return;
+			let { x: e, y: t, width: n, height: r } = er.value.getBBox();
 			L.value && L.value.setAttribute("viewBox", `${e} ${t} ${n + Math.min(0, e)} ${r + Math.min(0, t)}`);
 		}
-		let ir = d(() => {
+		let nr = d(() => {
 			let e = P.value.table.useDialog && !P.value.table.show, t = V.value.showTable;
 			return {
-				component: e ? It : jt,
+				component: e ? Pt : kt,
 				title: `${P.value.style.chart.title.text}${P.value.style.chart.title.subtitle.text ? `: ${P.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: P.value.table.th.backgroundColor,
@@ -823,50 +824,50 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				}
 			};
 		});
-		qe(() => V.value.showTable, (e) => {
-			P.value.table.show || (e && P.value.table.useDialog && en.value ? en.value.open() : "close" in en.value && en.value.close());
+		Je(() => V.value.showTable, (e) => {
+			P.value.table.show || (e && P.value.table.useDialog && Qt.value ? Qt.value.open() : "close" in Qt.value && Qt.value.close());
 		});
-		function ar() {
-			V.value.showTable = !1, tn.value && tn.value.setTableIconState(!1);
+		function rr() {
+			V.value.showTable = !1, $t.value && $t.value.setTableIconState(!1);
 		}
-		let or = d(() => P.value.style.chart.backgroundColor), sr = d(() => P.value.style.chart.legend), { exportSvg: cr, getSvg: lr } = ye({
+		let ir = d(() => P.value.style.chart.backgroundColor), ar = d(() => P.value.style.chart.legend), { exportSvg: or, getSvg: sr } = ye({
 			svg: L,
 			title: d(() => P.value.style.chart.title),
-			legend: sr,
-			legendItems: d(() => Gn.value.flat().map((e) => ({
+			legend: ar,
+			legendItems: d(() => Un.value.flat().map((e) => ({
 				...e,
 				name: e.svgDisplay
 			}))),
-			backgroundColor: or
+			backgroundColor: ir
 		});
-		async function ur({ isCb: e }) {
-			rn.value = !0, await ze();
+		async function cr({ isCb: e }) {
+			tn.value = !0, await Be();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await lr();
+					let { blob: e, url: t, text: n, dataUrl: r } = await sr();
 					await Promise.resolve(P.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(cr());
+				} else await Promise.resolve(or());
 			} finally {
-				rn.value = !1;
+				tn.value = !1;
 			}
 		}
-		function dr(e) {
+		function lr(e) {
 			if (e?.stage === "start") {
-				nn.value = !0;
+				en.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				nn.value = !1;
+				en.value = !1;
 				return;
 			}
-			wn();
+			Sn();
 		}
-		async function fr() {
+		async function ur() {
 			if (U("copyAlt", {
 				config: P.value,
 				dataset: J.value
@@ -880,25 +881,25 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 			}));
 		}
 		let $ = d(() => X.value.flatMap((e) => e.donut.filter((e) => !e.ghost)));
-		function pr() {
-			M.value = null, sn.value = !0;
+		function dr() {
+			M.value = null, an.value = !0;
 		}
-		function mr() {
-			M.value = null, on.value = "pointer", Vt.value = !1, Ln.value = null, Ut.value = null, Rn.value = null, Z.value = null, sn.value = !1;
+		function fr() {
+			M.value = null, rn.value = "pointer", zt.value = !1, Fn.value = null, Vt.value = null, In.value = null, Z.value = null, an.value = !1;
 		}
-		function hr(e) {
-			if (!L.value || $n.value || document.activeElement !== L.value || !$.value.length) return;
+		function pr(e) {
+			if (!L.value || Zn.value || document.activeElement !== L.value || !$.value.length) return;
 			let t = ["ArrowLeft", "ArrowUp"].includes(e.key), n = ["ArrowRight", "ArrowDown"].includes(e.key), r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
 			if (e.preventDefault(), e.stopPropagation(), i) {
-				M.value = null, on.value = "pointer", Vt.value = !1, Ln.value = null, Ut.value = null, Rn.value = null, Z.value = null;
+				M.value = null, rn.value = "pointer", zt.value = !1, Fn.value = null, Vt.value = null, In.value = null, Z.value = null;
 				return;
 			}
 			if (r) {
 				if (M.value === null) return;
 				let e = $.value[M.value];
 				if (!e) return;
-				Dn({
+				Tn({
 					datapoint: e,
 					index: M.value,
 					seriesIndex: e.seriesIndex
@@ -908,7 +909,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 			let a = M.value, o = Z.value, s = a !== null && a >= 0 && a < $.value.length, c = o !== null && o >= 0 && o < $.value.length;
 			s ? n ? (a += 1, a >= $.value.length && (a = 0)) : t && (--a, a < 0 && (a = $.value.length - 1)) : c ? (a = n ? o + 1 : o - 1, a >= $.value.length && (a = 0), a < 0 && (a = $.value.length - 1)) : a = n ? 0 : $.value.length - 1;
 			let l = $.value[a];
-			l && (M.value = a, gr(), Hn({
+			l && (M.value = a, mr(), Bn({
 				datapoint: l,
 				relativeIndex: a,
 				seriesIndex: l.seriesIndex,
@@ -916,52 +917,52 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				triggerMode: "keyboard"
 			}));
 		}
-		function gr() {
+		function mr() {
 			if (!L.value) return;
 			let e = L.value.getBoundingClientRect();
-			an.value = {
+			nn.value = {
 				x: e.left + e.width / 2,
 				y: e.top + e.height / 2
 			};
 		}
-		let _r = d(() => ({
-			headers: Jn.value?.colNames ?? [],
-			rows: Jn.value?.a11yBody ?? []
+		let hr = d(() => ({
+			headers: Kn.value?.colNames ?? [],
+			rows: Kn.value?.a11yBody ?? []
 		}));
 		return we({
-			autoSize: rr,
-			getData: Yn,
-			getImage: tr,
-			generatePdf: Cn,
-			generateCsv: qn,
-			generateImage: wn,
-			generateSvg: ur,
-			hideSeries: Nn,
-			showSeries: Mn,
-			toggleTable: Xn,
-			toggleLabels: Zn,
-			toggleTooltip: Qn,
-			toggleAnnotator: er,
-			toggleFullscreen: cn,
-			copyAlt: fr
+			autoSize: tr,
+			getData: qn,
+			getImage: $n,
+			generatePdf: xn,
+			generateCsv: Gn,
+			generateImage: Sn,
+			generateSvg: cr,
+			hideSeries: jn,
+			showSeries: An,
+			toggleTable: Jn,
+			toggleLabels: Yn,
+			toggleTooltip: Xn,
+			toggleAnnotator: Qn,
+			toggleFullscreen: on,
+			copyAlt: ur
 		}), (e, t) => (b(), m("div", {
 			ref_key: "nestedDonutsChart",
 			ref: k,
 			class: v(`vue-data-ui-component vue-ui-nested-donuts ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${P.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-			style: Be(`font-family:${P.value.style.fontFamily};width:100%; text-align:center;background:${P.value.style.chart.backgroundColor}`),
+			style: Ve(`font-family:${P.value.style.fontFamily};width:100%; text-align:center;background:${P.value.style.chart.backgroundColor}`),
 			id: `nested_donuts_${O.value}`,
-			onMouseenter: t[2] ||= () => T(mn)(!0),
-			onMouseleave: t[3] ||= () => T(mn)(!1)
+			onMouseenter: t[2] ||= () => T(fn)(!0),
+			onMouseleave: t[3] ||= () => T(fn)(!1)
 		}, [
 			h("div", {
 				id: `chart-instructions-${O.value}`,
 				class: "sr-only"
-			}, [h("p", null, w(P.value.a11y.translations.keyboardNavigation), 1)], 8, Ze),
-			_r.value?.rows?.length ? (b(), f(Oe, {
+			}, [h("p", null, w(P.value.a11y.translations.keyboardNavigation), 1)], 8, Qe),
+			hr.value?.rows?.length ? (b(), f(ke, {
 				key: 0,
 				uid: O.value,
-				head: _r.value.headers,
-				body: _r.value.rows,
+				head: hr.value.headers,
+				body: hr.value.rows,
 				notice: P.value.a11y.translations.tableAvailable,
 				caption: P.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -971,14 +972,14 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				"notice",
 				"caption"
 			])) : p("", !0),
-			P.value.userOptions.buttons.annotator ? (b(), f(T(Pt), {
+			P.value.userOptions.buttons.annotator ? (b(), f(T(Mt), {
 				key: 1,
 				svgRef: T(L),
 				backgroundColor: P.value.style.chart.backgroundColor,
 				color: P.value.style.chart.color,
-				active: $n.value,
+				active: Zn.value,
 				isCursorPointer: F.value,
-				onClose: er
+				onClose: Qn
 			}, {
 				"annotator-action-close": E(() => [C(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": E(({ color: t }) => [C(e.$slots, "annotator-action-color", y(_({ color: t })), void 0, !0)]),
@@ -994,19 +995,19 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				"active",
 				"isCursorPointer"
 			])) : p("", !0),
-			Tn.value ? (b(), m("div", {
+			Cn.value ? (b(), m("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: Jt,
+				ref: Kt,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : p("", !0),
 			P.value.style.chart.title.text ? (b(), m("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: Gt
+				ref: Ut
 			}, [(b(), f(Ce, {
-				key: `title_${Yt.value}`,
+				key: `title_${qt.value}`,
 				config: {
 					title: {
 						cy: "donut-div-title",
@@ -1018,15 +1019,15 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 					}
 				}
 			}, null, 8, ["config"]))], 512)) : p("", !0),
-			h("div", { id: `legend-top-${O.value}` }, null, 8, Qe),
-			P.value.userOptions.show && Bt.value && (T(hn) || T(pn)) ? (b(), f(T(Nt), {
+			h("div", { id: `legend-top-${O.value}` }, null, 8, $e),
+			P.value.userOptions.show && Rt.value && (T(pn) || T(dn)) ? (b(), f(T(jt), {
 				ref_key: "userOptionsRef",
-				ref: tn,
-				key: `user_option_${Wt.value}`,
+				ref: $t,
+				key: `user_option_${Ht.value}`,
 				backgroundColor: P.value.style.chart.backgroundColor,
 				color: P.value.style.chart.color,
-				isPrinting: T(xn),
-				isImaging: T(Sn),
+				isPrinting: T(yn),
+				isImaging: T(bn),
 				uid: O.value,
 				hasTooltip: P.value.userOptions.buttons.tooltip && P.value.style.chart.tooltip.show,
 				hasPdf: P.value.userOptions.buttons.pdf,
@@ -1043,23 +1044,23 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				chartElement: k.value,
 				position: P.value.userOptions.position,
 				hasAnnotator: P.value.userOptions.buttons.annotator,
-				isAnnotation: $n.value,
+				isAnnotation: Zn.value,
 				callbacks: P.value.userOptions.callbacks,
 				printScale: P.value.userOptions.print.scale,
 				tableDialog: P.value.table.useDialog,
 				isCursorPointer: F.value,
-				onToggleFullscreen: cn,
-				onGeneratePdf: T(Cn),
-				onGenerateCsv: qn,
-				onGenerateImage: dr,
-				onGenerateSvg: ur,
-				onToggleTable: Xn,
-				onToggleLabels: Zn,
-				onToggleTooltip: Qn,
-				onToggleAnnotator: er,
-				onCopyAlt: fr,
-				style: Be({ visibility: T(hn) ? T(pn) ? "visible" : "hidden" : "visible" })
-			}, Fe({ _: 2 }, [
+				onToggleFullscreen: on,
+				onGeneratePdf: T(xn),
+				onGenerateCsv: Gn,
+				onGenerateImage: lr,
+				onGenerateSvg: cr,
+				onToggleTable: Jn,
+				onToggleLabels: Yn,
+				onToggleTooltip: Xn,
+				onToggleAnnotator: Qn,
+				onCopyAlt: ur,
+				style: Ve({ visibility: T(pn) ? T(dn) ? "visible" : "hidden" : "visible" })
+			}, Ie({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: E(({ isOpen: t, color: n }) => [C(e.$slots, "menuIcon", y(_({
@@ -1135,7 +1136,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 					key: "12"
 				} : void 0
 			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasLabel.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : p("", !0),
-			h("div", $e, [(b(), m("svg", {
+			h("div", et, [(b(), m("svg", {
 				ref_key: "svgRef",
 				ref: L,
 				xmlns: T(de),
@@ -1146,17 +1147,17 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 					"vue-data-ui-svg": !0
 				}),
 				viewBox: `0 0 ${H.value.width <= 0 ? .001 : H.value.width} ${H.value.height < 0 ? .001 : H.value.height}`,
-				style: Be(`max-width:100%; overflow: visible; background:transparent;color:${P.value.style.chart.color};${_n.value.css}`),
+				style: Ve(`max-width:100%; overflow: visible; background:transparent;color:${P.value.style.chart.color};${hn.value.css}`),
 				tabindex: "0",
-				onFocus: pr,
-				onBlur: mr,
-				onKeydown: hr
+				onFocus: dr,
+				onBlur: fr,
+				onKeydown: pr
 			}, [h("g", {
 				ref_key: "G",
-				ref: nr,
+				ref: er,
 				class: "vue-data-ui-g"
 			}, [
-				Le(T(Ft)),
+				Re(T(Nt)),
 				e.$slots["chart-background"] ? (b(), m("foreignObject", {
 					key: 0,
 					x: 0,
@@ -1164,29 +1165,34 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 					width: H.value.width <= 0 ? .001 : H.value.width,
 					height: H.value.height < 0 ? .001 : H.value.height,
 					style: { pointerEvents: "none" }
-				}, [C(e.$slots, "chart-background", {}, void 0, !0)], 8, tt)) : p("", !0),
-				h("defs", null, [(b(!0), m(u, null, S(In.value, (e, n) => (b(), m("radialGradient", { id: `radial_${O.value}_${n}` }, [
-					t[4] ||= h("stop", {
-						offset: "0%",
-						"stop-color": "#FFFFFF",
-						"stop-opacity": "0"
-					}, null, -1),
-					h("stop", {
-						offset: `${(1 - Pn.value / Fn.value[n]) * 100}%`,
-						"stop-color": T(ee)("#FFFFFF", 0),
-						"stop-opacity": "0"
-					}, null, 8, rt),
-					h("stop", {
-						offset: `${(1 - Pn.value / Fn.value[n] / 2) * 100}%`,
-						"stop-color": "#FFFFFF",
-						"stop-opacity": P.value.style.chart.gradientIntensity / 100
-					}, null, 8, it),
-					t[5] ||= h("stop", {
-						offset: "100%",
-						"stop-color": "#FFFFFF",
-						"stop-opacity": "0"
-					}, null, -1)
-				], 8, nt))), 256))]),
+				}, [C(e.$slots, "chart-background", {}, void 0, !0)], 8, nt)) : p("", !0),
+				h("defs", null, [(b(!0), m(u, null, S(Pn.value, (e, t) => (b(), f(De, {
+					t: "radial",
+					id: `radial_${O.value}_${t}`,
+					key: `radial_${O.value}_${t}`,
+					stops: [
+						[
+							"0%",
+							"#FFFFFF",
+							0
+						],
+						[
+							`${(1 - Mn.value / Nn.value[t]) * 100}%`,
+							T(ee)("#FFFFFF", 0),
+							0
+						],
+						[
+							`${(1 - Mn.value / Nn.value[t] / 2) * 100}%`,
+							"#FFFFFF",
+							P.value.style.chart.gradientIntensity / 100
+						],
+						[
+							"100%",
+							"#FFFFFF",
+							0
+						]
+					]
+				}, null, 8, ["id", "stops"]))), 128))]),
 				h("defs", null, [h("filter", {
 					id: `blur_${O.value}`,
 					x: "-50%",
@@ -1197,10 +1203,10 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 					in: "SourceGraphic",
 					stdDeviation: 2,
 					id: `blur_std_${O.value}`
-				}, null, 8, ot), t[6] ||= h("feColorMatrix", {
+				}, null, 8, it), t[4] ||= h("feColorMatrix", {
 					type: "saturate",
 					values: "0"
-				}, null, -1)], 8, at), h("filter", {
+				}, null, -1)], 8, rt), h("filter", {
 					id: `shadow_${O.value}`,
 					"color-interpolation-filters": "sRGB"
 				}, [h("feDropShadow", {
@@ -1209,34 +1215,34 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 					stdDeviation: "10",
 					"flood-opacity": "0.5",
 					"flood-color": P.value.style.chart.layout.donut.shadowColor
-				}, null, 8, ct)], 8, st)]),
+				}, null, 8, ot)], 8, at)]),
 				h("defs", null, [(b(!0), m(u, null, S(X.value, (e, t) => (b(), m("path", {
 					key: `path-full-${t}`,
 					id: `path-full-${t}-${O.value}`,
 					d: e.fullCirclePath,
 					fill: "none"
-				}, null, 8, lt))), 128))]),
+				}, null, 8, st))), 128))]),
 				(b(!0), m(u, null, S(X.value, (e, t) => (b(), m("g", null, [e.hasData ? (b(!0), m(u, { key: 0 }, S(e.donut.filter((e) => !e.ghost), (e, t) => (b(), m("g", null, [h("path", {
 					class: "vue-ui-donut-arc-path",
 					d: e.arcSlice,
 					fill: e.color,
 					stroke: P.value.style.chart.layout.donut.borderColorAuto ? P.value.style.chart.backgroundColor : P.value.style.chart.layout.donut.borderColor,
 					"stroke-width": P.value.style.chart.layout.donut.borderWidth,
-					filter: Wn(e, t)
-				}, null, 8, ut)]))), 256)) : (b(!0), m(u, { key: 1 }, S(e.skeleton, (e, t) => (b(), m("g", null, [h("path", {
+					filter: Hn(e, t)
+				}, null, 8, ct)]))), 256)) : (b(!0), m(u, { key: 1 }, S(e.skeleton, (e, t) => (b(), m("g", null, [h("path", {
 					class: "vue-ui-donut-arc-path",
 					d: e.arcSlice,
 					fill: e.color,
 					stroke: P.value.style.chart.layout.donut.borderColorAuto ? P.value.style.chart.backgroundColor : P.value.style.chart.layout.donut.borderColor,
 					"stroke-width": P.value.style.chart.layout.donut.borderWidth
-				}, null, 8, dt)]))), 256))]))), 256)),
-				P.value.style.chart.useGradient ? (b(), m("g", ft, [(b(!0), m(u, null, S(In.value, (e, t) => (b(), m("g", null, [h("path", {
+				}, null, 8, lt)]))), 256))]))), 256)),
+				P.value.style.chart.useGradient ? (b(), m("g", ut, [(b(!0), m(u, null, S(Pn.value, (e, t) => (b(), m("g", null, [h("path", {
 					d: e.donut.arcSlice,
 					fill: `url(#radial_${O.value}_${t})`,
 					stroke: "transparent",
 					"stroke-width": "0"
-				}, null, 8, pt)]))), 256))])) : p("", !0),
-				P.value.style.chart.layout.labels.dataLabels.showDonutName ? (b(), m("g", mt, [P.value.style.chart.layout.labels.dataLabels.curvedDonutName ? (b(!0), m(u, { key: 0 }, S(X.value, (e, t) => (b(), m("g", null, [(b(!0), m(u, null, S(e.donut, (n, r) => (b(), m("g", null, [r === 0 && H.value.width && H.value.height ? (b(), m("text", {
+				}, null, 8, dt)]))), 256))])) : p("", !0),
+				P.value.style.chart.layout.labels.dataLabels.showDonutName ? (b(), m("g", ft, [P.value.style.chart.layout.labels.dataLabels.curvedDonutName ? (b(!0), m(u, { key: 0 }, S(X.value, (e, t) => (b(), m("g", null, [(b(!0), m(u, null, S(e.donut, (n, r) => (b(), m("g", null, [r === 0 && H.value.width && H.value.height ? (b(), m("text", {
 					key: 0,
 					class: v({ animated: P.value.useCssAnimation }),
 					"text-anchor": "middle",
@@ -1253,7 +1259,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				}, w(P.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? T(le)({
 					source: e.name,
 					length: P.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize
-				}) : e.name), 9, gt)], 10, ht)) : p("", !0)]))), 256))]))), 256)) : (b(!0), m(u, { key: 1 }, S(X.value, (e, t) => (b(), m("g", null, [(b(!0), m(u, null, S(e.donut, (t, n) => (b(), m("g", null, [n === 0 && H.value.width && H.value.height ? (b(), m("text", {
+				}) : e.name), 9, mt)], 10, pt)) : p("", !0)]))), 256))]))), 256)) : (b(!0), m(u, { key: 1 }, S(X.value, (e, t) => (b(), m("g", null, [(b(!0), m(u, null, S(e.donut, (t, n) => (b(), m("g", null, [n === 0 && H.value.width && H.value.height ? (b(), m("text", {
 					key: 0,
 					class: v({ animated: P.value.useCssAnimation }),
 					x: H.value.width / 2,
@@ -1265,10 +1271,10 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				}, w(P.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? T(le)({
 					source: e.name,
 					length: P.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize
-				}) : e.name), 11, _t)) : p("", !0)]))), 256))]))), 256))])) : p("", !0),
-				P.value.style.chart.layout.labels.dataLabels.show ? (b(), m("g", vt, [(b(!0), m(u, null, S(X.value, (e, t) => (b(), m("g", null, [(b(!0), m(u, null, S(e.donut.filter((e) => !e.ghost), (e, n) => (b(), m("g", { filter: Wn(e, n) }, [Je(h("text", {
+				}) : e.name), 11, ht)) : p("", !0)]))), 256))]))), 256))])) : p("", !0),
+				P.value.style.chart.layout.labels.dataLabels.show ? (b(), m("g", gt, [(b(!0), m(u, null, S(X.value, (e, t) => (b(), m("g", null, [(b(!0), m(u, null, S(e.donut.filter((e) => !e.ghost), (e, n) => (b(), m("g", { filter: Hn(e, n) }, [Ye(h("text", {
 					class: v({ animated: P.value.useCssAnimation }),
-					opacity: +!!Un(e),
+					opacity: +!!Vn(e),
 					"text-anchor": T(fe)(e, !0).anchor,
 					x: T(fe)(e, !1, P.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
 					y: T(oe)(e, P.value.style.chart.layout.labels.dataLabels.offsetY, P.value.style.chart.layout.labels.dataLabels.offsetY) + (P.value.style.chart.layout.labels.dataLabels.showValueFirst && P.value.style.chart.layout.labels.dataLabels.showValue ? P.value.style.chart.layout.labels.dataLabels.fontSize : 0),
@@ -1279,9 +1285,9 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 					v: e.proportion * 100,
 					s: "%",
 					r: P.value.style.chart.layout.labels.dataLabels.roundingPercentage
-				}), P.value.style.chart.layout.labels.dataLabels.usePercentageParens ? "(" : "", P.value.style.chart.layout.labels.dataLabels.usePercentageParens ? ")" : "")), 11, bt), [[Ke, V.value.dataLabels.show && P.value.style.chart.layout.labels.dataLabels.showPercentage]]), Je(h("text", {
+				}), P.value.style.chart.layout.labels.dataLabels.usePercentageParens ? "(" : "", P.value.style.chart.layout.labels.dataLabels.usePercentageParens ? ")" : "")), 11, vt), [[qe, V.value.dataLabels.show && P.value.style.chart.layout.labels.dataLabels.showPercentage]]), Ye(h("text", {
 					class: v({ animated: P.value.useCssAnimation }),
-					opacity: +!!Un(e),
+					opacity: +!!Vn(e),
 					"text-anchor": T(fe)(e, !0).anchor,
 					x: T(fe)(e, !1, P.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
 					y: T(oe)(e, P.value.style.chart.layout.labels.dataLabels.offsetY, P.value.style.chart.layout.labels.dataLabels.offsetY) + (P.value.style.chart.layout.labels.dataLabels.showValueFirst || !P.value.style.chart.layout.labels.dataLabels.showPercentage ? 0 : P.value.style.chart.layout.labels.dataLabels.fontSize),
@@ -1297,38 +1303,38 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 					datapoint: e,
 					seriesIndex: t,
 					datapointIndex: n
-				}), P.value.style.chart.layout.labels.dataLabels.useValueParens ? "(" : "", P.value.style.chart.layout.labels.dataLabels.useValueParens ? ")" : "")), 11, xt), [[Ke, V.value.dataLabels.show && P.value.style.chart.layout.labels.dataLabels.showValue]])], 8, yt))), 256))]))), 256))])) : p("", !0),
+				}), P.value.style.chart.layout.labels.dataLabels.useValueParens ? "(" : "", P.value.style.chart.layout.labels.dataLabels.useValueParens ? ")" : "")), 11, yt), [[qe, V.value.dataLabels.show && P.value.style.chart.layout.labels.dataLabels.showValue]])], 8, _t))), 256))]))), 256))])) : p("", !0),
 				(b(!0), m(u, null, S(X.value, (e, t) => (b(), m("g", null, [(b(!0), m(u, null, S(e.donut, (e, t) => (b(), m("g", null, [h("path", {
 					d: e.arcSlice,
-					fill: Ut.value === e.id ? P.value.style.chart.layout.donut.selectedColor : "transparent",
-					onMouseenter: (t) => Hn({
+					fill: Vt.value === e.id ? P.value.style.chart.layout.donut.selectedColor : "transparent",
+					onMouseenter: (t) => Bn({
 						datapoint: e,
 						relativeIndex: $.value.findIndex((t) => t.id === e.id),
 						seriesIndex: e.seriesIndex
 					}),
-					onClick: (n) => Dn({
+					onClick: (n) => Tn({
 						datapoint: e,
 						index: t,
 						seriesIndex: e.seriesIndex
 					}),
-					onMouseleave: (t) => Bn({
+					onMouseleave: (t) => Rn({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					})
-				}, null, 40, St)]))), 256))]))), 256)),
+				}, null, 40, bt)]))), 256))]))), 256)),
 				C(e.$slots, "svg", { svg: {
 					...H.value,
-					isPrintingImg: T(xn) || T(Sn) || nn.value,
-					isPrintingSvg: rn.value
+					isPrintingImg: T(yn) || T(bn) || en.value,
+					isPrintingSvg: tn.value
 				} }, void 0, !0)
-			], 512)], 46, et)), e.$slots.hint ? (b(), m("div", Ct, [C(e.$slots, "hint", y(_({
+			], 512)], 46, tt)), e.$slots.hint ? (b(), m("div", xt, [C(e.$slots, "hint", y(_({
 				hint: P.value.a11y.translations.keyboardNavigation,
-				isVisible: sn.value
+				isVisible: an.value
 			})), void 0, !0)])) : p("", !0)]),
-			e.$slots.watermark ? (b(), m("div", wt, [C(e.$slots, "watermark", y(_({ isPrinting: T(xn) || T(Sn) || nn.value || rn.value })), void 0, !0)])) : p("", !0),
-			Le(T(kt), {
+			e.$slots.watermark ? (b(), m("div", St, [C(e.$slots, "watermark", y(_({ isPrinting: T(yn) || T(bn) || en.value || tn.value })), void 0, !0)])) : p("", !0),
+			Re(T(Dt), {
 				teleportTo: P.value.style.chart.tooltip.teleportTo,
-				show: V.value.showTooltip && Vt.value,
+				show: V.value.showTooltip && zt.value,
 				backgroundColor: P.value.style.chart.tooltip.backgroundColor,
 				color: P.value.style.chart.tooltip.color,
 				borderRadius: P.value.style.chart.tooltip.borderRadius,
@@ -1340,19 +1346,19 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				offsetX: P.value.style.chart.tooltip.offsetX,
 				offsetY: P.value.style.chart.tooltip.offsetY,
 				parent: k.value,
-				content: Ht.value,
+				content: Bt.value,
 				isFullscreen: N.value,
 				isCustom: T(me)(P.value.style.chart.tooltip.customFormat),
 				smooth: P.value.style.chart.tooltip.smooth,
 				backdropFilter: P.value.style.chart.tooltip.backdropFilter,
 				smoothForce: P.value.style.chart.tooltip.smoothForce,
 				smoothSnapThreshold: P.value.style.chart.tooltip.smoothSnapThreshold,
-				isA11yMode: on.value === "keyboard",
-				a11yPosition: an.value
+				isA11yMode: rn.value === "keyboard",
+				a11yPosition: nn.value
 			}, {
-				"tooltip-before": E(() => [C(e.$slots, "tooltip-before", y(_({ ...zn.value })), void 0, !0)]),
-				tooltip: E(() => [C(e.$slots, "tooltip", y(_({ ...zn.value })), void 0, !0)]),
-				"tooltip-after": E(() => [C(e.$slots, "tooltip-after", y(_({ ...zn.value })), void 0, !0)]),
+				"tooltip-before": E(() => [C(e.$slots, "tooltip-before", y(_({ ...Ln.value })), void 0, !0)]),
+				tooltip: E(() => [C(e.$slots, "tooltip", y(_({ ...Ln.value })), void 0, !0)]),
+				"tooltip-after": E(() => [C(e.$slots, "tooltip-after", y(_({ ...Ln.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1378,35 +1384,35 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			h("div", { id: `legend-bottom-${O.value}` }, null, 8, Tt),
-			$t.value && (P.value.style.chart.legend.show || e.$slots.legend) ? (b(), f(Pe, {
+			h("div", { id: `legend-bottom-${O.value}` }, null, 8, Ct),
+			Zt.value && (P.value.style.chart.legend.show || e.$slots.legend) ? (b(), f(Fe, {
 				key: 6,
 				to: P.value.style.chart.legend.position === "top" ? `#legend-top-${O.value}` : `#legend-bottom-${O.value}`
 			}, [P.value.style.chart.legend.show ? (b(), m("div", {
 				key: 0,
 				ref_key: "chartLegend",
-				ref: Kt,
-				class: v({ "vue-ui-nested-donuts-legend": Gn.value.length > 1 })
-			}, [C(e.$slots, "legend", { legend: Gn.value }, () => [(b(!0), m(u, null, S(Gn.value, (e, n) => (b(), f(Me, {
-				key: `legend_${n}_${Zt.value}`,
+				ref: Wt,
+				class: v({ "vue-ui-nested-donuts-legend": Un.value.length > 1 })
+			}, [C(e.$slots, "legend", { legend: Un.value }, () => [(b(!0), m(u, null, S(Un.value, (e, n) => (b(), f(Ne, {
+				key: `legend_${n}_${Yt.value}`,
 				legendSet: e,
-				config: Kn.value,
+				config: Wn.value,
 				isCursorPointer: F.value,
 				onClickMarker: t[0] ||= ({ legend: e }) => Y(e)
 			}, {
-				legendTitle: E(({ titleSet: e }) => [e[0] && e[0].arcOf ? (b(), m("div", Et, w(e[0].arcOf), 1)) : p("", !0)]),
+				legendTitle: E(({ titleSet: e }) => [e[0] && e[0].arcOf ? (b(), m("div", wt, w(e[0].arcOf), 1)) : p("", !0)]),
 				item: E(({ legend: e, index: t }) => [h("div", {
 					onClick: (t) => Y(e),
-					style: Be(`opacity:${W.value.includes(e.id) ? .5 : 1}`)
-				}, w(e.display), 13, Dt)]),
-				legendToggle: E(() => [e.length > 2 && P.value.style.chart.legend.selectAllToggle.show && !T(dn) ? (b(), f(De, {
+					style: Ve(`opacity:${W.value.includes(e.id) ? .5 : 1}`)
+				}, w(e.display), 13, Tt)]),
+				legendToggle: E(() => [e.length > 2 && P.value.style.chart.legend.selectAllToggle.show && !T(ln) ? (b(), f(Oe, {
 					key: `toggle-${n}`,
 					backgroundColor: P.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: P.value.style.chart.legend.selectAllToggle.color,
 					fontSize: P.value.style.chart.legend.fontSize,
 					checked: e.some((e) => W.value.includes(e.id)),
 					isCursorPointer: F.value,
-					onToggle: (t) => An(e)
+					onToggle: (t) => On(e)
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -1424,24 +1430,24 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 			e.$slots.source ? (b(), m("div", {
 				key: 7,
 				ref_key: "source",
-				ref: qt,
+				ref: Gt,
 				dir: "auto"
 			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
-			Bt.value && P.value.userOptions.buttons.table ? (b(), f(Ue(ir.value.component), Re({ key: 8 }, ir.value.props, {
+			Rt.value && P.value.userOptions.buttons.table ? (b(), f(We(nr.value.component), ze({ key: 8 }, nr.value.props, {
 				ref_key: "tableUnit",
-				ref: en,
-				onClose: ar
-			}), Fe({
-				content: E(() => [(b(), f(T(Mt), {
-					key: `table_${Xt.value}`,
-					colNames: Jn.value.colNames,
-					head: Jn.value.head,
-					body: Jn.value.body,
-					config: Jn.value.config,
-					title: P.value.table.useDialog ? "" : ir.value.title,
+				ref: Qt,
+				onClose: rr
+			}), Ie({
+				content: E(() => [(b(), f(T(At), {
+					key: `table_${Jt.value}`,
+					colNames: Kn.value.colNames,
+					head: Kn.value.head,
+					body: Kn.value.body,
+					config: Kn.value.config,
+					title: P.value.table.useDialog ? "" : nr.value.title,
 					withCloseButton: !P.value.table.useDialog,
 					isCursorPointer: F.value,
-					onClose: ar
+					onClose: rr
 				}, {
 					th: E(({ th: e }) => [h("div", {
 						innerHTML: e,
@@ -1449,8 +1455,8 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 							display: "flex",
 							"align-items": "center"
 						}
-					}, null, 8, Ot)]),
-					td: E(({ td: e }) => [Ie(w(e.name || e), 1)]),
+					}, null, 8, Et)]),
+					td: E(({ td: e }) => [Le(w(e.name || e), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1464,24 +1470,24 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				_: 2
 			}, [P.value.table.useDialog ? {
 				name: "title",
-				fn: E(() => [Ie(w(ir.value.title), 1)]),
+				fn: E(() => [Le(w(nr.value.title), 1)]),
 				key: "0"
 			} : void 0, P.value.table.useDialog ? {
 				name: "actions",
 				fn: E(() => [h("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => qn(P.value.userOptions.callbacks.csv),
-					style: Be({ cursor: F.value ? "pointer" : "default" })
-				}, [Le(T(At), {
+					onClick: t[1] ||= (e) => Gn(P.value.userOptions.callbacks.csv),
+					style: Ve({ cursor: F.value ? "pointer" : "default" })
+				}, [Re(T(Ot), {
 					name: "fileCsv",
-					stroke: ir.value.props.color
+					stroke: nr.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : p("", !0),
-			C(e.$slots, "skeleton", {}, () => [T(dn) ? (b(), f(ve, { key: 0 })) : p("", !0)], !0)
-		], 46, Xe));
+			C(e.$slots, "skeleton", {}, () => [T(ln) ? (b(), f(ve, { key: 0 })) : p("", !0)], !0)
+		], 46, Ze));
 	}
-}, [["__scopeId", "data-v-42769637"]]);
+}, [["__scopeId", "data-v-24615b3d"]]);
 //#endregion
-export { Ye as n, kt as t };
+export { Xe as n, Dt as t };