vue-data-ui 3.25.7 → 3.25.9

package/dist/{vue-ui-rings-DkDJ0k5b.js → vue-ui-rings-C1U38Bp0.js}

@@ -1,73 +1,73 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Ct as n, D as r, G as i, Lt as a, Pt as o, S as ee, Ut as te, Vt as ne, Wt as re, X as s, Yt as ie, Zt as ae, b as oe, ht as se, i as ce, lt as le, nt as ue, q as de, t as fe, w as pe } from "./lib-Dql7cqyA.js";
-import { n as me, t as he } from "./useHints-Dq_w2E8B.js";
-import { t as ge } from "./useConfig-CIQZ6_r7.js";
-import { t as _e } from "./usePrinter-DISD7q5m.js";
-import { n as ve, t as ye } from "./BaseScanner-DZvpgOjM.js";
-import { t as be } from "./useNestedProp-Chvyfpl-.js";
-import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
-import { t as Se } from "./useChartExport-iwOqiIWX.js";
-import { t as Ce } from "./useTransitions-g_zBREk2.js";
-import { t as we } from "./img-DhGApYG0.js";
-import { n as Te } from "./Title-CPHi-evi.js";
-import { t as Ee } from "./Shape-CIqU-p2F.js";
-import { t as De } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as Oe, t as ke } from "./useResponsive-ZtArZtUf.js";
-import { t as Ae } from "./DefGrad-DVBqDjhO.js";
-import { t as je } from "./BaseLegendToggle-CXQrLjd-.js";
-import { t as Me } from "./A11yDataTable-DdRsVULz.js";
-import { t as Ne } from "./useUserOptionState-DK-_1ddE.js";
-import { t as Pe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Fe } from "./labelUtils-BXX2NzRe.js";
-import { t as Ie } from "./Legend-X4kF4PvW.js";
-import { t as Le } from "./vue_ui_rings-BVgD2aMn.js";
-import { Fragment as Re, Teleport as ze, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as Be, createTextVNode as Ve, createVNode as He, defineAsyncComponent as p, guardReactiveProps as m, mergeProps as Ue, nextTick as We, normalizeClass as h, normalizeProps as g, normalizeStyle as _, onBeforeUnmount as Ge, onMounted as Ke, openBlock as v, ref as y, renderList as qe, renderSlot as b, resolveDynamicComponent as Je, shallowRef as Ye, toDisplayString as Xe, toRefs as Ze, unref as x, useSlots as Qe, watch as $e, withCtx as S } from "vue";
+import { $ as t, Ct as n, D as r, G as i, Lt as a, Pt as o, S as ee, Ut as te, Vt as ne, Wt as re, X as s, Yt as ie, Z as ae, Zt as oe, b as se, ht as ce, i as le, lt as ue, nt as de, q as fe, t as pe, w as me } from "./lib-Dql7cqyA.js";
+import { n as he, t as ge } from "./useHints-Dq_w2E8B.js";
+import { t as _e } from "./useConfig-D32D002m.js";
+import { t as ve } from "./usePrinter-DISD7q5m.js";
+import { n as ye, t as be } from "./BaseScanner-Dzc8VT3j.js";
+import { t as xe } from "./useNestedProp-Chvyfpl-.js";
+import { t as Se } from "./useThemeCheck-C43Tcqmk.js";
+import { t as Ce } from "./useChartExport-iwOqiIWX.js";
+import { t as we } from "./useTransitions-g_zBREk2.js";
+import { t as Te } from "./img-DhGApYG0.js";
+import { n as Ee } from "./Title-CPHi-evi.js";
+import { t as De } from "./Shape-CIqU-p2F.js";
+import { t as Oe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { l as ke, t as Ae } from "./useResponsive-ZtArZtUf.js";
+import { t as je } from "./DefGrad-DVBqDjhO.js";
+import { t as Me } from "./BaseLegendToggle-CXQrLjd-.js";
+import { t as Ne } from "./A11yDataTable-DdRsVULz.js";
+import { t as Pe } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Fe } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Ie } from "./labelUtils-BXX2NzRe.js";
+import { t as Le } from "./Legend-X4kF4PvW.js";
+import { t as Re } from "./vue_ui_rings-BVgD2aMn.js";
+import { Fragment as ze, Teleport as Be, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as Ve, createTextVNode as He, createVNode as Ue, defineAsyncComponent as p, guardReactiveProps as m, mergeProps as We, nextTick as Ge, normalizeClass as h, normalizeProps as g, normalizeStyle as _, onBeforeUnmount as Ke, onMounted as qe, openBlock as v, ref as y, renderList as Je, renderSlot as b, resolveDynamicComponent as Ye, shallowRef as Xe, toDisplayString as Ze, toRefs as Qe, unref as x, useSlots as $e, watch as et, withCtx as S } from "vue";
 //#region src/components/vue-ui-rings.vue
-var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt = ["id"], it = { style: { position: "relative" } }, at = [
+var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it = ["id"], at = { style: { position: "relative" } }, ot = [
 	"xmlns",
 	"viewBox",
 	"aria-describedby"
-], ot = ["width", "height"], st = { key: 1 }, ct = [
+], st = ["width", "height"], ct = { key: 1 }, lt = [
 	"stroke",
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], lt = [
+], ut = [
 	"stroke",
 	"stroke-width",
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], ut = [
+], dt = [
 	"stroke",
 	"stroke-width",
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], dt = [
+], ft = [
 	"cx",
 	"cy",
 	"r",
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], ft = [
+], pt = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill",
 	"rx"
-], pt = [
+], mt = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke"
-], mt = [
+], ht = [
 	"text-anchor",
 	"font-size",
 	"fill",
@@ -77,7 +77,7 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 	"onMouseleave",
 	"onClick",
 	"innerHTML"
-], ht = {
+], gt = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -87,10 +87,10 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, gt = {
+}, _t = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, _t = ["id"], vt = ["onClick"], yt = { key: 0 }, bt = { key: 1 }, xt = /*#__PURE__*/ De({
+}, vt = ["id"], yt = ["onClick"], bt = { key: 0 }, xt = { key: 1 }, St = /*#__PURE__*/ Oe({
 	__name: "vue-ui-rings",
 	props: {
 		config: {
@@ -107,18 +107,18 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 		}
 	},
 	emits: ["selectLegend", "copyAlt"],
-	setup(e, { expose: De, emit: et }) {
-		let xt = p(() => import("./Tooltip-hhrkQ3Lk.js")), St = p(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), Ct = p(() => import("./vue-ui-accordion-BSmBUjwZ.js").then((e) => e.n)), wt = p(() => import("./DataTable-oiM9uWrQ.js")), Tt = p(() => import("./PenAndPaper-KFzKlvbi.js").then((e) => e.t)), Et = p(() => import("./UserOptions-2x4VklMW.js").then((e) => e.n)), Dt = p(() => import("./PackageVersion-UfoQuPMf.js").then((e) => e.t)), Ot = p(() => import("./BaseDraggableDialog-Gm4Q30j0.js").then((e) => e.n)), { vue_ui_rings: kt } = ge(), { isThemeValid: At, warnInvalidTheme: jt } = xe(), Mt = Qe(), C = e, w = y(!1), Nt = c(() => !!C.dataset && C.dataset.length), T = y(de()), E = y(!1), Pt = y(""), D = y(null), Ft = y(0), O = y(null), It = y(null), Lt = y(null), Rt = y(null), zt = y(null), Bt = y(0), Vt = y(0), Ht = y(0), Ut = y(!1), Wt = y(!1), Gt = y(null), Kt = y(null), k = y(null), qt = y({
+	setup(e, { expose: Oe, emit: tt }) {
+		let St = p(() => import("./Tooltip-hhrkQ3Lk.js")), Ct = p(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), wt = p(() => import("./vue-ui-accordion-DmkL8A59.js").then((e) => e.n)), Tt = p(() => import("./DataTable-oiM9uWrQ.js")), Et = p(() => import("./PenAndPaper-KFzKlvbi.js").then((e) => e.t)), Dt = p(() => import("./UserOptions-2x4VklMW.js").then((e) => e.n)), Ot = p(() => import("./PackageVersion-KBMdaOXg.js").then((e) => e.t)), kt = p(() => import("./BaseDraggableDialog-Gm4Q30j0.js").then((e) => e.n)), { vue_ui_rings: At } = _e(), { isThemeValid: jt, warnInvalidTheme: Mt } = Se(), Nt = $e(), C = e, w = y(!1), Pt = c(() => !!C.dataset && C.dataset.length), T = y(fe()), E = y(!1), Ft = y(""), D = y(null), It = y(0), O = y(null), Lt = y(null), Rt = y(null), zt = y(null), Bt = y(null), Vt = y(0), Ht = y(0), Ut = y(0), Wt = y(!1), Gt = y(!1), Kt = y(null), qt = y(null), k = y(null), Jt = y({
 			x: 0,
 			y: 0
-		}), Jt = y("pointer"), Yt = y(!1), A = y(nn()), j = c(() => A.value.userOptions), M = c(() => A.value.style.chart.layout.rings), N = c(() => A.value.style.chart.layout.labels), P = c(() => A.value.style.chart.tooltip), F = c(() => A.value.style.chart);
-		me({
+		}), Yt = y("pointer"), Xt = y(!1), A = y(rn()), j = c(() => A.value.userOptions), M = c(() => A.value.style.chart.layout.rings), N = c(() => A.value.style.chart.layout.labels), P = c(() => A.value.style.chart.tooltip), F = c(() => A.value.style.chart);
+		he({
 			config: () => A.value,
 			dataset: () => C.dataset,
 			component: "VueUiRings",
 			rules: [
-				he.singleSeries,
-				he.emptyArray,
+				ge.singleSeries,
+				ge.emptyArray,
 				{
 					test: (e) => e.length > 6,
 					message: [
@@ -133,10 +133,10 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				}
 			]
 		});
-		let { transitionEnabled: I } = Ce({
+		let { transitionEnabled: I } = we({
 			config: () => A.value.transitions,
 			dataset: () => C.dataset
-		}), L = c(() => A.value.userOptions.useCursorPointer), Xt = c(() => ae({
+		}), L = c(() => A.value.userOptions.useCursorPointer), Zt = c(() => oe({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -153,10 +153,10 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				} }
 			},
 			userConfig: A.value.skeletonConfig ?? {}
-		})), { loading: R, FINAL_DATASET: Zt, manualLoading: Qt } = ve({
-			...Ze(C),
+		})), { loading: R, FINAL_DATASET: Qt, manualLoading: $t } = ye({
+			...Qe(C),
 			FINAL_CONFIG: A,
-			prepareConfig: nn,
+			prepareConfig: rn,
 			skeletonDataset: C.config?.skeletonDataset ?? [
 				{
 					name: "_",
@@ -184,85 +184,97 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 					color: "#DBDBDB"
 				}
 			],
-			skeletonConfig: ae({
+			skeletonConfig: oe({
 				defaultConfig: A.value,
-				userConfig: Xt.value
+				userConfig: Zt.value
 			})
-		}), { userOptionsVisible: $t, setUserOptionsVisibility: en, keepUserOptionState: tn } = Ne({ config: A.value }), { svgRef: z } = Pe({ config: F.value.title });
-		function nn() {
-			let e = be({
+		}), { userOptionsVisible: en, setUserOptionsVisibility: tn, keepUserOptionState: nn } = Pe({ config: A.value }), { svgRef: z } = Fe({ config: F.value.title });
+		function rn() {
+			let e = xe({
 				userConfig: C.config,
-				defaultConfig: kt
+				defaultConfig: At
 			}), t = e.theme;
 			if (!t) return e;
-			if (!At.value(e)) return jt(e), e;
-			let n = be({
-				userConfig: Le[t] || C.config,
+			if (!jt.value(e)) return Mt(e), e;
+			let n = xe({
+				userConfig: Re[t] || C.config,
 				defaultConfig: e
 			});
 			return {
-				...be({
+				...xe({
 					userConfig: C.config,
 					defaultConfig: n
 				}),
 				customPalette: e.customPalette.length ? e.customPalette : ie[e.theme] || a
 			};
 		}
-		$e(() => C.config, (e) => {
-			R.value || (A.value = nn()), $t.value = !A.value.userOptions.showOnChartHover, on(), Bt.value += 1, Vt.value += 1, Ht.value += 1, U.value.showTable = A.value.table.show, U.value.showTooltip = P.value.show, U.value.showLabels = N.value.dataLabels.show, W.value.width = F.value.size, W.value.height = F.value.size;
+		function an(e) {
+			let t = ae(e);
+			return t?.style?.chart && delete t.style.chart.tooltip, JSON.stringify(t);
+		}
+		let on = an(C.config);
+		et(() => C.config, (e, t) => {
+			let n = an(e), r = n !== on;
+			on = n;
+			let i = rn();
+			if (!r) {
+				A.value.style.chart.tooltip = i.style.chart.tooltip, U.value.showTooltip = A.value.style.chart.tooltip.show;
+				return;
+			}
+			R.value || (A.value = i), en.value = !A.value.userOptions.showOnChartHover, ln(), Vt.value += 1, Ht.value += 1, Ut.value += 1, U.value.showTable = A.value.table.show, U.value.showTooltip = P.value.show, U.value.showLabels = N.value.dataLabels.show, W.value.width = F.value.size, W.value.height = F.value.size;
 		}, { deep: !0 });
-		let rn = c(() => {
+		let sn = c(() => {
 			let { markers: e } = N.value.dataLabels, t = Y.value / 2, n = U.value.showLabels ? e.position === "left" ? t : -t : 0, r = U.value.showLabels ? W.value.width / 2 - t : 0, i = e.position === "left" ? r : -r;
 			return {
 				x: A.value.responsive ? i : n / F.value.size * W.value.width,
 				y: 0 / F.value.size * W.value.height
 			};
 		}), B = c(() => ({
-			x: W.value.width / 2 + rn.value.x,
-			y: W.value.height / 2 + rn.value.y
+			x: W.value.width / 2 + sn.value.x,
+			y: W.value.height / 2 + sn.value.y
 		}));
-		$e(() => C.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (Qt.value = !1);
+		et(() => C.dataset, (e) => {
+			Array.isArray(e) && e.length > 0 && ($t.value = !1);
 		}, { deep: !0 });
-		let V = Ye(null), H = Ye(null);
-		Ke(() => {
-			Wt.value = !0, on();
+		let V = Xe(null), H = Xe(null);
+		qe(() => {
+			Gt.value = !0, ln();
 		});
-		let an = c(() => A.value.debug);
-		function on() {
-			if (o(C.dataset) ? (ue({
+		let cn = c(() => A.value.debug);
+		function ln() {
+			if (o(C.dataset) ? (de({
 				componentName: "VueUiRings",
 				type: "dataset",
-				debug: an.value
-			}), Qt.value = !0) : C.dataset.forEach((e, t) => {
-				e.values.length || (ue({
+				debug: cn.value
+			}), $t.value = !0) : C.dataset.forEach((e, t) => {
+				e.values.length || (de({
 					componentName: "VueUiRings",
 					type: "dataset",
-					debug: an.value
-				}), Qt.value = !0), se({
+					debug: cn.value
+				}), $t.value = !0), ce({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					ue({
+					de({
 						componentName: "VueUiRings",
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: an.value
+						debug: cn.value
 					});
 				});
-			}), o(C.dataset) || (Qt.value = A.value.loading), A.value.responsive) {
-				let e = Oe(() => {
-					Ut.value = !0;
-					let { width: e, height: t } = ke({
+			}), o(C.dataset) || ($t.value = A.value.loading), A.value.responsive) {
+				let e = ke(() => {
+					Wt.value = !0;
+					let { width: e, height: t } = Ae({
 						chart: O.value,
-						title: F.value.title.text ? It.value : null,
-						legend: F.value.legend.show ? Lt.value : null,
-						source: Rt.value,
-						noTitle: zt.value
+						title: F.value.title.text ? Lt.value : null,
+						legend: F.value.legend.show ? Rt.value : null,
+						source: zt.value,
+						noTitle: Bt.value
 					});
 					requestAnimationFrame(() => {
-						W.value.width = e, W.value.height = t - 12, Ut.value = !1;
+						W.value.width = e, W.value.height = t - 12, Wt.value = !1;
 					});
 				});
 				V.value && (H.value && V.value.unobserve(H.value), V.value.disconnect()), V.value = new ResizeObserver(e), H.value = O.value.parentNode, V.value.observe(H.value);
@@ -271,19 +283,19 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				w.value = !0;
 			}, 600);
 		}
-		Ge(() => {
+		Ke(() => {
 			V.value && (H.value && V.value.unobserve(H.value), V.value.disconnect());
 		});
-		let { isPrinting: sn, isImaging: cn, generatePdf: ln, generateImage: un } = _e({
+		let { isPrinting: un, isImaging: dn, generatePdf: fn, generateImage: pn } = ve({
 			elementId: `rings_${T.value}`,
 			fileName: F.value.title.text || "vue-ui-rings",
 			options: A.value.userOptions.print
-		}), dn = c(() => A.value.userOptions.show && !F.value.title.text), fn = c(() => pe(A.value.customPalette)), U = y({
+		}), mn = c(() => A.value.userOptions.show && !F.value.title.text), hn = c(() => me(A.value.customPalette)), U = y({
 			showTable: A.value.table.show,
 			showTooltip: P.value.show,
 			showLabels: N.value.dataLabels.show
 		});
-		$e(A, () => {
+		et(A, () => {
 			U.value = {
 				showTable: A.value.table.show,
 				showTooltip: P.value.show,
@@ -293,54 +305,54 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 		let W = y({
 			height: F.value.size,
 			width: F.value.size
-		}), pn = c(() => Math.min(W.value.height, W.value.width)), mn = et, G = y([]);
-		function hn() {
-			G.value.length ? G.value = [] : Cn.value.forEach((e) => {
+		}), gn = c(() => Math.min(W.value.height, W.value.width)), _n = tt, G = y([]);
+		function vn() {
+			G.value.length ? G.value = [] : En.value.forEach((e) => {
 				G.value.push(e.uid);
-			}), gn();
+			}), yn();
 		}
-		function gn() {
-			mn("selectLegend", J.value.map((e) => ({
+		function yn() {
+			_n("selectLegend", J.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				value: e.value
 			})));
 		}
-		function _n(e) {
+		function bn(e) {
 			if (G.value.includes(e)) G.value = G.value.filter((t) => t !== e);
 			else {
 				if (G.value.length === K.value.length - 1) return;
 				G.value.push(e);
 			}
-			gn();
+			yn();
 		}
-		function vn(e) {
-			return K.value.length ? K.value.find((t) => t.name === e) || (an.value && console.warn(`VueUiRings - Series name not found "${e}"`), null) : (an.value && console.warn("VueUiRings - There are no series to show."), null);
+		function xn(e) {
+			return K.value.length ? K.value.find((t) => t.name === e) || (cn.value && console.warn(`VueUiRings - Series name not found "${e}"`), null) : (cn.value && console.warn("VueUiRings - There are no series to show."), null);
 		}
-		function yn(e) {
-			let t = vn(e);
-			t !== null && G.value.includes(t.uid) && _n(t.uid);
+		function Sn(e) {
+			let t = xn(e);
+			t !== null && G.value.includes(t.uid) && bn(t.uid);
 		}
-		function bn(e) {
-			let t = vn(e);
-			t !== null && (G.value.includes(t.uid) || _n(t.uid));
+		function Cn(e) {
+			let t = xn(e);
+			t !== null && (G.value.includes(t.uid) || bn(t.uid));
 		}
-		let xn = c(() => Math.max(...K.value.filter((e) => !G.value.includes(e.uid)).map(({ value: e }) => e)));
-		function Sn(e) {
-			return e / xn.value;
+		let wn = c(() => Math.max(...K.value.filter((e) => !G.value.includes(e.uid)).map(({ value: e }) => e)));
+		function Tn(e) {
+			return e / wn.value;
 		}
-		let K = c(() => Zt.value.map(({ values: e, name: t, color: n = null }, r) => {
+		let K = c(() => Qt.value.map(({ values: e, name: t, color: n = null }, r) => {
 			let i = ne(e).reduce((e, t) => e + t, 0);
 			return {
 				name: t,
-				color: n || ee(n) || fn.value[r] || a[r] || a[r % a.length],
+				color: n || ee(n) || hn.value[r] || a[r] || a[r % a.length],
 				value: i,
-				proportion: i / Zt.value.map((e) => (e.values || []).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0),
-				uid: de(),
+				proportion: i / Qt.value.map((e) => (e.values || []).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0),
+				uid: fe(),
 				absoluteIndex: r
 			};
-		})), Cn = c(() => K.value.map((e, t) => {
-			let n = ce(N.value.dataLabels.formatter, e.value, s({
+		})), En = c(() => K.value.map((e, t) => {
+			let n = le(N.value.dataLabels.formatter, e.value, s({
 				p: N.value.dataLabels.prefix,
 				v: e.value,
 				s: N.value.dataLabels.suffix,
@@ -352,7 +364,7 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				v: e.value / q.value * 100,
 				s: "%",
 				r: F.value.legend.roundingPercentage
-			}), i = On({
+			}), i = jn({
 				showVal: F.value.legend.showValue,
 				showPercentage: F.value.legend.showPercentage,
 				val: n,
@@ -362,11 +374,11 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				...e,
 				shape: "circle",
 				opacity: G.value.includes(e.uid) ? .5 : 1,
-				segregate: () => _n(e.uid),
+				segregate: () => bn(e.uid),
 				isSegregated: G.value.includes(e.uid),
 				display: `${e.name}${F.value.legend.showPercentage || F.value.legend.showValue ? ": " : ""}${i}`
 			};
-		}).toSorted((e, t) => t.value - e.value)), wn = c(() => ({
+		}).toSorted((e, t) => t.value - e.value)), Dn = c(() => ({
 			cy: "rings-div-legend",
 			backgroundColor: F.value.legend.backgroundColor,
 			color: F.value.legend.color,
@@ -377,13 +389,13 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 			absoluteIndex: i,
 			uid: r,
 			name: e,
-			color: n || ee(n) || fn.value[o] || a[o] || a[o % a.length],
+			color: n || ee(n) || hn.value[o] || a[o] || a[o % a.length],
 			value: t,
-			proportion: Sn(t),
+			proportion: Tn(t),
 			percentage: t / q.value * 100,
-			strokeWidth: M.value.strokeWidth * Sn(t)
+			strokeWidth: M.value.strokeWidth * Tn(t)
 		})).toSorted((e, t) => t.value - e.value));
-		function Tn() {
+		function On() {
 			return J.value.map(({ name: e, color: t, value: n, absoluteValues: r, percentage: i }) => ({
 				name: e,
 				color: t,
@@ -392,22 +404,22 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				percentage: i
 			}));
 		}
-		let Y = c(() => pn.value - M.value.strokeWidth * 2);
-		function En(e, t) {
+		let Y = c(() => gn.value - M.value.strokeWidth * 2);
+		function kn(e, t) {
 			A.value.events.datapointClick && A.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function Dn(e, t) {
-			D.value = null, E.value = !1, k.value = null, Jt.value = "pointer", A.value.events.datapointLeave && A.value.events.datapointLeave({
+		function An(e, t) {
+			D.value = null, E.value = !1, k.value = null, Yt.value = "pointer", A.value.events.datapointLeave && A.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function On({ val: e, percentage: t, showVal: n, showPercentage: r }) {
+		function jn({ val: e, percentage: t, showVal: n, showPercentage: r }) {
 			let i = N.value.dataLabels;
-			return Fe({
+			return Ie({
 				config: i,
 				val: e,
 				percentage: t,
@@ -415,8 +427,8 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				showPercentage: r
 			});
 		}
-		function kn(e) {
-			let t = N.value.dataLabels, n = ce(t.formatter, e.value, s({
+		function Mn(e) {
+			let t = N.value.dataLabels, n = le(t.formatter, e.value, s({
 				p: t.prefix,
 				v: e.value,
 				s: t.suffix,
@@ -426,45 +438,45 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				s: "%",
 				r: t.roundingPercentage
 			});
-			return `${e.name}\n${On({
+			return `${e.name}\n${jn({
 				val: n,
 				percentage: r,
 				showVal: t.showValue,
 				showPercentage: t.showPercentage
 			})}`;
 		}
-		function An(e) {
-			return oe(Y.value * e.proportion / 2 * .9 <= 0 ? 1e-4 : Y.value * e.proportion / 2 * .9);
+		function Nn(e) {
+			return se(Y.value * e.proportion / 2 * .9 <= 0 ? 1e-4 : Y.value * e.proportion / 2 * .9);
 		}
-		function jn(e, t) {
+		function Pn(e, t) {
 			return t === 0 ? B.value.y : B.value.y + Y.value * J.value[0].proportion / 2 - Y.value * e.proportion / 2 - 2 * (t + 1);
 		}
 		function X(e, t) {
 			let n = N.value.dataLabels.markers.position === "left" ? -(Y.value / 2) : Y.value / 2;
 			return {
 				x: B.value.x + n,
-				y: jn(e, t) - An(e)
+				y: Pn(e, t) - Nn(e)
 			};
 		}
-		let Mn = y(null);
-		function Nn(e, t, r = "pointer") {
+		let Fn = y(null);
+		function In(e, t, r = "pointer") {
 			if (A.value.events.datapointEnter && A.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
 			}), G.value.length === C.dataset.length) return;
-			Mn.value = {
+			Fn.value = {
 				datapoint: e,
 				seriesIndex: t,
 				series: J.value,
 				config: A.value
-			}, D.value = t, k.value = t, Jt.value = r;
+			}, D.value = t, k.value = t, Yt.value = r;
 			let i = J.value[t], a = P.value.customFormat;
-			if (n(a) && le(() => a({
+			if (n(a) && ue(() => a({
 				seriesIndex: t,
 				datapoint: e,
 				series: J.value,
 				config: A.value
-			}))) Pt.value = a({
+			}))) Ft.value = a({
 				seriesIndex: t,
 				datapoint: e,
 				series: J.value,
@@ -472,10 +484,10 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 			});
 			else {
 				let n = "";
-				n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${P.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${i.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="${i.color}" />${Mt.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${T.value}_${e.absoluteIndex})" />` : ""}</svg>`, n += `<b>${On({
+				n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${P.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${i.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="${i.color}" />${Nt.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${T.value}_${e.absoluteIndex})" />` : ""}</svg>`, n += `<b>${jn({
 					showVal: P.value.showValue,
 					showPercentage: P.value.showPercentage,
-					val: `<span>${ce(N.value.dataLabels.formatter, i.value, s({
+					val: `<span>${le(N.value.dataLabels.formatter, i.value, s({
 						p: N.value.dataLabels.prefix,
 						v: i.value,
 						s: N.value.dataLabels.suffix,
@@ -489,7 +501,7 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 						s: "%",
 						r: P.value.roundingPercentage
 					})
-				})}</b></div>`, Pt.value = n;
+				})}</b></div>`, Ft.value = n;
 			}
 			E.value = !0;
 		}
@@ -546,8 +558,8 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				]
 			};
 		});
-		function Pn(e = null) {
-			We(() => {
+		function Ln(e = null) {
+			Ge(() => {
 				let n = Z.value.head.map((e, t) => [
 					[e.name],
 					[Z.value.body[t]],
@@ -568,25 +580,25 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 			});
 		}
 		let $ = y(!1);
-		function Fn(e) {
-			$.value = e, Ft.value += 1;
+		function Rn(e) {
+			$.value = e, It.value += 1;
 		}
-		function In() {
+		function zn() {
 			U.value.showTable = !U.value.showTable;
 		}
-		function Ln() {
+		function Bn() {
 			U.value.showTooltip = !U.value.showTooltip;
 		}
-		function Rn() {
+		function Vn() {
 			U.value.showLabels = !U.value.showLabels;
 		}
-		let zn = y(!1);
-		function Bn() {
-			zn.value = !zn.value;
+		let Hn = y(!1);
+		function Un() {
+			Hn.value = !Hn.value;
 		}
-		async function Vn({ scale: e = 2 } = {}) {
+		async function Wn({ scale: e = 2 } = {}) {
 			if (!O.value) return;
-			let { width: t, height: n } = O.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await we({
+			let { width: t, height: n } = O.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Te({
 				domElement: O.value,
 				base64: !0,
 				img: !0,
@@ -601,10 +613,10 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				aspectRatio: r
 			};
 		}
-		let Hn = c(() => {
+		let Gn = c(() => {
 			let e = A.value.table.useDialog && !A.value.table.show, t = U.value.showTable;
 			return {
-				component: e ? Ot : Ct,
+				component: e ? kt : wt,
 				title: `${F.value.title.text}${F.value.title.subtitle.text ? `: ${F.value.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: A.value.table.th.backgroundColor,
@@ -632,26 +644,26 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				}
 			};
 		});
-		$e(() => U.value.showTable, (e) => {
-			A.value.table.show || (e && A.value.table.useDialog && Gt.value ? Gt.value.open() : "close" in Gt.value && Gt.value.close());
+		et(() => U.value.showTable, (e) => {
+			A.value.table.show || (e && A.value.table.useDialog && Kt.value ? Kt.value.open() : "close" in Kt.value && Kt.value.close());
 		});
-		function Un() {
-			U.value.showTable = !1, Kt.value && Kt.value.setTableIconState(!1);
+		function Kn() {
+			U.value.showTable = !1, qt.value && qt.value.setTableIconState(!1);
 		}
-		let Wn = c(() => Cn.value.map((e) => ({
+		let qn = c(() => En.value.map((e) => ({
 			...e,
 			name: e.display
-		}))), Gn = c(() => F.value.backgroundColor), Kn = c(() => F.value.legend), qn = c(() => F.value.title), { isCallbackImaging: Jn, isCallbackSvg: Yn, generateSvg: Xn, onGenerateImage: Zn } = Se({
+		}))), Jn = c(() => F.value.backgroundColor), Yn = c(() => F.value.legend), Xn = c(() => F.value.title), { isCallbackImaging: Zn, isCallbackSvg: Qn, generateSvg: $n, onGenerateImage: er } = Ce({
 			svg: z,
-			title: qn,
-			legend: Kn,
-			legendItems: Wn,
-			backgroundColor: Gn,
+			title: Xn,
+			legend: Yn,
+			legendItems: qn,
+			backgroundColor: Jn,
 			getSvgCallback: () => A.value.userOptions.callbacks.svg,
-			generateImage: un
+			generateImage: pn
 		});
-		async function Qn() {
-			if (mn("copyAlt", {
+		async function tr() {
+			if (_n("copyAlt", {
 				config: A.value,
 				dataset: J.value
 			}), !A.value.userOptions.callbacks.altCopy) {
@@ -663,61 +675,61 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				dataset: J.value
 			}));
 		}
-		function $n() {
-			k.value = null, Yt.value = !0;
+		function nr() {
+			k.value = null, Xt.value = !0;
 		}
-		function er() {
-			k.value = null, Jt.value = "pointer", E.value = !1, D.value = null, Yt.value = !1;
+		function rr() {
+			k.value = null, Yt.value = "pointer", E.value = !1, D.value = null, Xt.value = !1;
 		}
-		function tr(e) {
-			if (!z.value || zn.value || document.activeElement !== z.value || !J.value.length || G.value.length === C.dataset.length) return;
+		function ir(e) {
+			if (!z.value || Hn.value || document.activeElement !== z.value || !J.value.length || G.value.length === C.dataset.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) {
-				k.value = null, Jt.value = "pointer", E.value = !1, D.value = null;
+				k.value = null, Yt.value = "pointer", E.value = !1, D.value = null;
 				return;
 			}
 			if (r) {
 				if (k.value === null) return;
 				let e = J.value[k.value];
 				if (!e) return;
-				En(e, k.value);
+				kn(e, k.value);
 				return;
 			}
 			let a = k.value;
 			a === null || a < 0 || a >= J.value.length ? a = n ? 0 : J.value.length - 1 : n ? (a += 1, a >= J.value.length && (a = 0)) : t && (--a, a < 0 && (a = J.value.length - 1));
 			let o = J.value[a];
-			o && (nr(a), Nn(o, a, "keyboard"));
+			o && (ar(a), In(o, a, "keyboard"));
 		}
-		function nr(e) {
+		function ar(e) {
 			if (!Number.isFinite(e) || !z.value) return;
 			let t = J.value[e];
 			if (!t) return;
 			let n = X(t, e), r = z.value.getBoundingClientRect();
-			qt.value = {
+			Jt.value = {
 				x: r.left + n.x / W.value.width * r.width,
 				y: r.top + n.y / W.value.height * r.height
 			};
 		}
-		let rr = c(() => ({
+		let or = c(() => ({
 			headers: Q.value?.colNames ?? [],
 			rows: Q.value?.a11yBody ?? []
 		}));
-		return De({
-			getData: Tn,
-			getImage: Vn,
-			generatePdf: ln,
-			generateCsv: Pn,
-			generateImage: un,
-			generateSvg: Xn,
-			hideSeries: bn,
-			showSeries: yn,
-			toggleTable: In,
-			toggleTooltip: Ln,
-			toggleAnnotator: Bn,
-			toggleFullscreen: Fn,
-			toggleLabels: Rn,
-			copyAlt: Qn
+		return Oe({
+			getData: On,
+			getImage: Wn,
+			generatePdf: fn,
+			generateCsv: Ln,
+			generateImage: pn,
+			generateSvg: $n,
+			hideSeries: Cn,
+			showSeries: Sn,
+			toggleTable: zn,
+			toggleTooltip: Bn,
+			toggleAnnotator: Un,
+			toggleFullscreen: Rn,
+			toggleLabels: Vn,
+			copyAlt: tr
 		}), (e, t) => (v(), d("div", {
 			ref_key: "ringsChart",
 			ref: O,
@@ -725,19 +737,19 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 			style: _(`font-family:${A.value.style.fontFamily};text-align:center;width:100%;background:${F.value.backgroundColor};${A.value.responsive ? "height: 100%" : ""}`),
 			id: `rings_${T.value}`,
 			onMouseleave: t[2] ||= (e) => {
-				D.value = null, E.value = !1, x(en)(!1);
+				D.value = null, E.value = !1, x(tn)(!1);
 			},
-			onMouseenter: t[3] ||= () => x(en)(!0)
+			onMouseenter: t[3] ||= () => x(tn)(!0)
 		}, [
 			f("div", {
 				id: `chart-instructions-${T.value}`,
 				class: "sr-only"
-			}, [f("p", null, Xe(A.value.a11y.translations.keyboardNavigation), 1)], 8, nt),
-			rr.value?.rows?.length ? (v(), l(Me, {
+			}, [f("p", null, Ze(A.value.a11y.translations.keyboardNavigation), 1)], 8, rt),
+			or.value?.rows?.length ? (v(), l(Ne, {
 				key: 0,
 				uid: T.value,
-				head: rr.value.headers,
-				body: rr.value.rows,
+				head: or.value.headers,
+				body: or.value.rows,
 				notice: A.value.a11y.translations.tableAvailable,
 				caption: A.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -747,15 +759,15 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				"notice",
 				"caption"
 			])) : u("", !0),
-			j.value.buttons.annotator ? (v(), l(x(Tt), {
+			j.value.buttons.annotator ? (v(), l(x(Et), {
 				key: 1,
 				svgRef: x(z),
 				backgroundColor: F.value.backgroundColor,
 				color: F.value.color,
-				active: zn.value,
+				active: Hn.value,
 				isCursorPointer: L.value,
 				palette: j.value.annotatorPalette,
-				onClose: Bn
+				onClose: Un
 			}, {
 				"annotator-action-close": S(() => [b(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": S(({ color: t }) => [b(e.$slots, "annotator-action-color", g(m({ color: t })), void 0, !0)]),
@@ -772,20 +784,20 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				"isCursorPointer",
 				"palette"
 			])) : u("", !0),
-			dn.value ? (v(), d("div", {
+			mn.value ? (v(), d("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: zt,
+				ref: Bt,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : u("", !0),
 			F.value.title.text ? (v(), d("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: It,
+				ref: Lt,
 				style: "width:100%;background:transparent"
-			}, [(v(), l(Te, {
-				key: `title_${Bt.value}`,
+			}, [(v(), l(Ee, {
+				key: `title_${Vt.value}`,
 				config: {
 					title: {
 						cy: "rings-div-title",
@@ -797,15 +809,15 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 					}
 				}
 			}, null, 8, ["config"]))], 512)) : u("", !0),
-			f("div", { id: `legend-top-${T.value}` }, null, 8, rt),
-			j.value.show && Nt.value && (x(tn) || x($t)) ? (v(), l(x(Et), {
+			f("div", { id: `legend-top-${T.value}` }, null, 8, it),
+			j.value.show && Pt.value && (x(nn) || x(en)) ? (v(), l(x(Dt), {
 				ref_key: "userOptionsRef",
-				ref: Kt,
-				key: `user_options_${Ft.value}`,
+				ref: qt,
+				key: `user_options_${It.value}`,
 				backgroundColor: F.value.backgroundColor,
 				color: F.value.color,
-				isPrinting: x(sn),
-				isImaging: x(cn),
+				isPrinting: x(un),
+				isImaging: x(dn),
 				uid: T.value,
 				hasTooltip: j.value.buttons.tooltip && P.value.show,
 				hasPdf: j.value.buttons.pdf,
@@ -822,23 +834,23 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				chartElement: O.value,
 				position: j.value.position,
 				hasAnnotator: j.value.buttons.annotator,
-				isAnnotation: zn.value,
+				isAnnotation: Hn.value,
 				callbacks: j.value.callbacks,
 				printScale: j.value.print.scale,
 				tableDialog: A.value.table.useDialog,
 				isCursorPointer: L.value,
-				onToggleFullscreen: Fn,
-				onGeneratePdf: x(ln),
-				onGenerateCsv: Pn,
-				onGenerateImage: x(Zn),
-				onGenerateSvg: x(Xn),
-				onToggleTable: In,
-				onToggleTooltip: Ln,
-				onToggleAnnotator: Bn,
-				onToggleLabels: Rn,
-				onCopyAlt: Qn,
-				style: _({ visibility: x(tn) ? x($t) ? "visible" : "hidden" : "visible" })
-			}, Be({ _: 2 }, [
+				onToggleFullscreen: Rn,
+				onGeneratePdf: x(fn),
+				onGenerateCsv: Ln,
+				onGenerateImage: x(er),
+				onGenerateSvg: x($n),
+				onToggleTable: zn,
+				onToggleTooltip: Bn,
+				onToggleAnnotator: Un,
+				onToggleLabels: Vn,
+				onCopyAlt: tr,
+				style: _({ visibility: x(nn) ? x(en) ? "visible" : "hidden" : "visible" })
+			}, Ve({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: S(({ isOpen: t, color: n }) => [b(e.$slots, "menuIcon", g(m({
@@ -914,25 +926,25 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 					key: "12"
 				} : void 0
 			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.hasLabel.isTooltip.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : u("", !0),
-			f("div", it, [(v(), d("svg", {
+			f("div", at, [(v(), d("svg", {
 				ref_key: "svgRef",
 				ref: z,
-				xmlns: x(fe),
+				xmlns: x(pe),
 				class: h({
 					"vue-data-ui-fullscreen--on": $.value,
 					"vue-data-ui-fulscreen--off": !$.value,
-					resizing: Ut.value || x(R),
+					resizing: Wt.value || x(R),
 					"vue-data-ui-no-transition": !x(I)
 				}),
 				viewBox: `0 0 ${W.value.width <= 0 ? 10 : W.value.width} ${W.value.height <= 0 ? 10 : W.value.height}`,
 				style: _(`max-width:100%;overflow:hidden;background:transparent;color:${F.value.color}`),
 				"aria-describedby": `chart-instructions-${T.value}`,
 				tabindex: "0",
-				onFocus: $n,
-				onBlur: er,
-				onKeydown: tr
+				onFocus: nr,
+				onBlur: rr,
+				onKeydown: ir
 			}, [
-				He(x(Dt)),
+				Ue(x(Ot)),
 				e.$slots["chart-background"] ? (v(), d("foreignObject", {
 					key: 0,
 					x: 0,
@@ -940,8 +952,8 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 					width: W.value.width <= 0 ? 10 : W.value.width,
 					height: W.value.height <= 0 ? 10 : W.value.height,
 					style: { pointerEvents: "none" }
-				}, [b(e.$slots, "chart-background", {}, void 0, !0)], 8, ot)) : u("", !0),
-				f("defs", null, [(v(!0), d(Re, null, qe(J.value, (e, t) => (v(), l(Ae, {
+				}, [b(e.$slots, "chart-background", {}, void 0, !0)], 8, st)) : u("", !0),
+				f("defs", null, [(v(!0), d(ze, null, Je(J.value, (e, t) => (v(), l(je, {
 					t: "radial",
 					cx: "50%",
 					cy: "30%",
@@ -960,11 +972,11 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 						1
 					]]
 				}, null, 8, ["id", "stops"]))), 128))]),
-				e.$slots.pattern ? (v(), d("g", st, [(v(!0), d(Re, null, qe(J.value, (t) => (v(), d("defs", null, [b(e.$slots, "pattern", Ue({ ref_for: !0 }, {
+				e.$slots.pattern ? (v(), d("g", ct, [(v(!0), d(ze, null, Je(J.value, (t) => (v(), d("defs", null, [b(e.$slots, "pattern", We({ ref_for: !0 }, {
 					seriesIndex: t.absoluteIndex,
 					patternId: `pattern_${T.value}_${t.absoluteIndex}`
 				}), void 0, !0)]))), 256))])) : u("", !0),
-				(v(!0), d(Re, null, qe(J.value, (t, n) => (v(), d("g", { key: `r_${t.uid}` }, [
+				(v(!0), d(ze, null, Je(J.value, (t, n) => (v(), d("g", { key: `r_${t.uid}` }, [
 					f("circle", {
 						class: h({
 							"vue-data-ui-transition": w.value && x(I),
@@ -974,10 +986,10 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 						style: _(`animation-delay:${n * 100}ms`),
 						stroke: M.value.stroke,
 						cx: B.value.x,
-						cy: jn(t, n),
-						r: An(t),
+						cy: Pn(t, n),
+						r: Nn(t),
 						fill: M.value.gradient.underlayerColor
-					}, null, 14, ct),
+					}, null, 14, lt),
 					f("circle", {
 						class: h({
 							"vue-data-ui-transition": w.value && x(I),
@@ -989,10 +1001,10 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 						stroke: M.value.stroke,
 						"stroke-width": t.strokeWidth < .5 ? .5 : t.strokeWidth,
 						cx: B.value.x,
-						cy: jn(t, n),
-						r: An(t),
+						cy: Pn(t, n),
+						r: Nn(t),
 						fill: M.value.gradient.show ? `url(#gradient_${T.value}_${n})` : t.color
-					}, null, 14, lt),
+					}, null, 14, ut),
 					e.$slots.pattern ? (v(), d("circle", {
 						key: 0,
 						class: h({
@@ -1005,21 +1017,21 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 						stroke: M.value.stroke,
 						"stroke-width": t.strokeWidth < .5 ? .5 : t.strokeWidth,
 						cx: B.value.x,
-						cy: jn(t, n),
-						r: An(t),
+						cy: Pn(t, n),
+						r: Nn(t),
 						fill: `url(#pattern_${T.value}_${t.absoluteIndex})`
-					}, null, 14, ut)) : u("", !0),
+					}, null, 14, dt)) : u("", !0),
 					f("circle", {
 						stroke: "none",
 						cx: B.value.x,
-						cy: jn(t, n),
-						r: An(t),
+						cy: Pn(t, n),
+						r: Nn(t),
 						fill: "transparent",
-						onMouseenter: (e) => Nn(t, n, "pointer"),
-						onMouseleave: (e) => Dn(t, n),
-						onClick: (e) => En(t, n)
-					}, null, 40, dt),
-					U.value.showLabels ? (v(), d(Re, { key: 1 }, [
+						onMouseenter: (e) => In(t, n, "pointer"),
+						onMouseleave: (e) => An(t, n),
+						onClick: (e) => kn(t, n)
+					}, null, 40, ft),
+					U.value.showLabels ? (v(), d(ze, { key: 1 }, [
 						f("rect", {
 							x: N.value.dataLabels.markers.position === "left" ? X(t, n).x : B.value.x,
 							y: X(t, n).y - N.value.dataLabels.markers.strokeWidth / 2,
@@ -1033,7 +1045,7 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 								"vue-ui-rings-shadow": M.value.useShadow,
 								"vue-ui-rings-blur": D.value !== null && D.value !== n
 							})
-						}, null, 10, ft),
+						}, null, 10, pt),
 						f("circle", {
 							cx: X(t, n).x,
 							cy: X(t, n).y,
@@ -1046,7 +1058,7 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 								"vue-ui-rings-shadow": M.value.useShadow,
 								"vue-ui-rings-blur": D.value !== null && D.value !== n
 							})
-						}, null, 10, pt),
+						}, null, 10, mt),
 						f("text", {
 							"text-anchor": N.value.dataLabels.markers.position === "left" ? "end" : "start",
 							"font-size": N.value.dataLabels.fontSize,
@@ -1059,57 +1071,57 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 								"vue-ui-rings-blur": D.value !== null && D.value !== n
 							}),
 							transform: `translate(${X(t, n).x + (N.value.dataLabels.markers.position === "left" ? -N.value.dataLabels.offsetX - 14 : N.value.dataLabels.offsetX) + 6}, ${X(t, n).y + N.value.dataLabels.fontSize / 3})`,
-							onMouseenter: (e) => Nn(t, n, "pointer"),
-							onMouseleave: (e) => Dn(t, n),
-							onClick: (e) => En(t, n),
+							onMouseenter: (e) => In(t, n, "pointer"),
+							onMouseleave: (e) => An(t, n),
+							onClick: (e) => kn(t, n),
 							innerHTML: x(i)({
-								content: kn(t),
+								content: Mn(t),
 								fontSize: N.value.dataLabels.fontSize,
 								fill: N.value.dataLabels.color,
 								x: 0,
 								y: 0,
 								translateY: !0
 							})
-						}, null, 42, mt)
+						}, null, 42, ht)
 					], 64)) : u("", !0)
 				]))), 128)),
 				b(e.$slots, "svg", { svg: {
 					...W.value,
-					isPrintingImg: x(sn) || x(cn) || x(Jn),
-					isPrintingSvg: x(Yn)
+					isPrintingImg: x(un) || x(dn) || x(Zn),
+					isPrintingSvg: x(Qn)
 				} }, void 0, !0)
-			], 46, at)), e.$slots.hint ? (v(), d("div", ht, [b(e.$slots, "hint", g(m({
+			], 46, ot)), e.$slots.hint ? (v(), d("div", gt, [b(e.$slots, "hint", g(m({
 				hint: A.value.a11y.translations.keyboardNavigation,
-				isVisible: Yt.value
+				isVisible: Xt.value
 			})), void 0, !0)])) : u("", !0)]),
-			e.$slots.watermark ? (v(), d("div", gt, [b(e.$slots, "watermark", g(m({ isPrinting: x(sn) || x(cn) || x(Jn) || x(Yn) })), void 0, !0)])) : u("", !0),
-			f("div", { id: `legend-bottom-${T.value}` }, null, 8, _t),
-			Wt.value && (F.value.legend.show || e.$slots.legend) ? (v(), l(ze, {
+			e.$slots.watermark ? (v(), d("div", _t, [b(e.$slots, "watermark", g(m({ isPrinting: x(un) || x(dn) || x(Zn) || x(Qn) })), void 0, !0)])) : u("", !0),
+			f("div", { id: `legend-bottom-${T.value}` }, null, 8, vt),
+			Gt.value && (F.value.legend.show || e.$slots.legend) ? (v(), l(Be, {
 				key: 6,
 				to: F.value.legend.position === "top" ? `#legend-top-${T.value}` : `#legend-bottom-${T.value}`
 			}, [f("div", {
 				ref_key: "chartLegend",
-				ref: Lt
-			}, [b(e.$slots, "legend", { legend: Cn.value }, () => [F.value.legend.show ? (v(), l(Ie, {
-				key: `legend_${Ht.value}`,
-				legendSet: Cn.value,
-				config: wn.value,
+				ref: Rt
+			}, [b(e.$slots, "legend", { legend: En.value }, () => [F.value.legend.show ? (v(), l(Le, {
+				key: `legend_${Ut.value}`,
+				legendSet: En.value,
+				config: Dn.value,
 				isCursorPointer: L.value,
-				onClickMarker: t[0] ||= ({ legend: e }) => _n(e.uid)
-			}, Be({
+				onClickMarker: t[0] ||= ({ legend: e }) => bn(e.uid)
+			}, Ve({
 				item: S(({ legend: e, index: t }) => [x(R) ? u("", !0) : (v(), d("div", {
 					key: 0,
-					onClick: (t) => _n(e.uid),
+					onClick: (t) => bn(e.uid),
 					style: _(`opacity:${G.value.includes(e.uid) ? .5 : 1}`)
-				}, Xe(e.display), 13, vt))]),
-				legendToggle: S(() => [Cn.value.length > 2 && F.value.legend.selectAllToggle.show && !x(R) ? (v(), l(je, {
+				}, Ze(e.display), 13, yt))]),
+				legendToggle: S(() => [En.value.length > 2 && F.value.legend.selectAllToggle.show && !x(R) ? (v(), l(Me, {
 					key: 0,
 					backgroundColor: F.value.legend.selectAllToggle.backgroundColor,
 					color: F.value.legend.selectAllToggle.color,
 					fontSize: F.value.legend.fontSize,
 					checked: G.value.length > 0,
 					isCursorPointer: L.value,
-					onToggle: hn
+					onToggle: vn
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -1120,7 +1132,7 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				_: 2
 			}, [e.$slots.pattern ? {
 				name: "legend-pattern",
-				fn: S(({ legend: e, index: t }) => [He(Ee, {
+				fn: S(({ legend: e, index: t }) => [Ue(De, {
 					shape: e.shape,
 					radius: 30,
 					stroke: "none",
@@ -1139,10 +1151,10 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 			e.$slots.source ? (v(), d("div", {
 				key: 7,
 				ref_key: "source",
-				ref: Rt,
+				ref: zt,
 				dir: "auto"
 			}, [b(e.$slots, "source", {}, void 0, !0)], 512)) : u("", !0),
-			He(x(xt), {
+			Ue(x(St), {
 				teleportTo: P.value.teleportTo,
 				show: U.value.showTooltip && E.value && G.value.length < C.dataset.length,
 				backgroundColor: P.value.backgroundColor,
@@ -1156,19 +1168,19 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				offsetX: P.value.offsetX,
 				offsetY: P.value.offsetY,
 				parent: O.value,
-				content: Pt.value,
+				content: Ft.value,
 				isFullscreen: $.value,
 				isCustom: P.value.customFormat && typeof P.value.customFormat == "function",
 				smooth: P.value.smooth,
 				backdropFilter: P.value.backdropFilter,
 				smoothForce: P.value.smoothForce,
 				smoothSnapThreshold: P.value.smoothSnapThreshold,
-				isA11yMode: Jt.value === "keyboard",
-				a11yPosition: qt.value
+				isA11yMode: Yt.value === "keyboard",
+				a11yPosition: Jt.value
 			}, {
-				"tooltip-before": S(() => [b(e.$slots, "tooltip-before", g(m({ ...Mn.value })), void 0, !0)]),
-				tooltip: S(() => [b(e.$slots, "tooltip", g(m({ ...Mn.value })), void 0, !0)]),
-				"tooltip-after": S(() => [b(e.$slots, "tooltip-after", g(m({ ...Mn.value })), void 0, !0)]),
+				"tooltip-before": S(() => [b(e.$slots, "tooltip-before", g(m({ ...Fn.value })), void 0, !0)]),
+				tooltip: S(() => [b(e.$slots, "tooltip", g(m({ ...Fn.value })), void 0, !0)]),
+				"tooltip-after": S(() => [b(e.$slots, "tooltip-after", g(m({ ...Fn.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1194,28 +1206,28 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Nt.value && j.value.buttons.table ? (v(), l(Je(Hn.value.component), Ue({ key: 8 }, Hn.value.props, {
+			Pt.value && j.value.buttons.table ? (v(), l(Ye(Gn.value.component), We({ key: 8 }, Gn.value.props, {
 				ref_key: "tableUnit",
-				ref: Gt,
-				onClose: Un
-			}), Be({
-				content: S(() => [(v(), l(x(wt), {
-					key: `table_${Vt.value}`,
+				ref: Kt,
+				onClose: Kn
+			}), Ve({
+				content: S(() => [(v(), l(x(Tt), {
+					key: `table_${Ht.value}`,
 					colNames: Q.value.colNames,
 					head: Q.value.head,
 					body: Q.value.body,
 					config: Q.value.config,
-					title: A.value.table.useDialog ? "" : Hn.value.title,
+					title: A.value.table.useDialog ? "" : Gn.value.title,
 					withCloseButton: !A.value.table.useDialog,
 					isCursorPointer: L.value,
-					onClose: Un
+					onClose: Kn
 				}, {
-					th: S(({ th: e }) => [e === "__SUM__" ? (v(), d("div", yt, [He(x(St), {
+					th: S(({ th: e }) => [e === "__SUM__" ? (v(), d("div", bt, [Ue(x(Ct), {
 						name: "sigma",
 						stroke: Q.value.config.th.color,
 						size: 16
-					}, null, 8, ["stroke"])])) : (v(), d("div", bt, Xe(e), 1))]),
-					td: S(({ td: e }) => [Ve(Xe(e.name || e), 1)]),
+					}, null, 8, ["stroke"])])) : (v(), d("div", xt, Ze(e), 1))]),
+					td: S(({ td: e }) => [He(Ze(e.name || e), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1229,24 +1241,24 @@ var et = /* @__PURE__ */ e({ default: () => xt }), tt = ["id"], nt = ["id"], rt
 				_: 2
 			}, [A.value.table.useDialog ? {
 				name: "title",
-				fn: S(() => [Ve(Xe(Hn.value.title), 1)]),
+				fn: S(() => [He(Ze(Gn.value.title), 1)]),
 				key: "0"
 			} : void 0, A.value.table.useDialog ? {
 				name: "actions",
 				fn: S(() => [f("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => Pn(j.value.callbacks.csv),
+					onClick: t[1] ||= (e) => Ln(j.value.callbacks.csv),
 					style: _({ cursor: L.value ? "pointer" : "default" })
-				}, [He(x(St), {
+				}, [Ue(x(Ct), {
 					name: "fileCsv",
-					stroke: Hn.value.props.color
+					stroke: Gn.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : u("", !0),
-			b(e.$slots, "skeleton", {}, () => [x(R) ? (v(), l(ye, { key: 0 })) : u("", !0)], !0)
-		], 46, tt));
+			b(e.$slots, "skeleton", {}, () => [x(R) ? (v(), l(be, { key: 0 })) : u("", !0)], !0)
+		], 46, nt));
 	}
-}, [["__scopeId", "data-v-1450f452"]]);
+}, [["__scopeId", "data-v-ada95822"]]);
 //#endregion
-export { et as n, xt as t };
+export { tt as n, St as t };