vue-data-ui 3.19.8 → 3.20.0

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

@@ -1,24 +1,24 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { B as t, G as n, H as r, J as i, Lt as a, Mt as ee, S as te, St as ne, Tt as o, X as re, i as ie, jt as ae, kt as oe, nt as se, ot as ce, pt as le, t as ue, v as de, x as fe, y as pe, zt as me } from "./lib-BkiwukKO.js";
-import { t as he } from "./useConfig-ByaaSKhz.js";
-import { t as ge } from "./usePrinter-X0yWOynH.js";
-import { n as _e, t as ve } from "./BaseScanner-C7dmAref.js";
-import { t as ye } from "./useSvgExport-Dtu973wa.js";
-import { t as be } from "./useNestedProp-Ck4hsrpu.js";
-import { t as xe } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as Se } from "./img-BjOr008R.js";
-import { n as Ce } from "./Title-__gWq2g6.js";
-import { t as we } from "./Shape-DEGOZ6GG.js";
-import { t as Te } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c as Ee } from "./canvas-lib-DTaADQOK.js";
-import { t as De } from "./useResponsive-CrAInupd.js";
-import { t as Oe } from "./BaseLegendToggle-CJTwLGXL.js";
-import { t as ke } from "./A11yDataTable-q2-8fSlJ.js";
-import { t as Ae } from "./useUserOptionState-CjPJPTg2.js";
-import { t as je } from "./useChartAccessibility-Do37qcw2.js";
-import { t as Me } from "./labelUtils-Cr97N8E1.js";
-import { t as Ne } from "./Legend-Gg5Q4Clb.js";
-import { t as Pe } from "./vue_ui_rings-DXC1VeX5.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { At as t, B as n, Bt as r, Ct as i, Et as a, G as o, H as ee, J as te, Mt as ne, Nt as re, Rt as ie, S as ae, X as oe, i as se, nt as ce, ot as le, pt as ue, t as de, v as fe, x as pe, y as me } from "./lib-DUeYQsS0.js";
+import { t as he } from "./useConfig-DAyQk86L.js";
+import { t as ge } from "./usePrinter-C1Gqt_Sp.js";
+import { n as _e, t as ve } from "./BaseScanner-Dr2a1Msy.js";
+import { t as ye } from "./useSvgExport-SVIsDot8.js";
+import { t as be } from "./useNestedProp-CNcoy38D.js";
+import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
+import { t as Se } from "./img-1cKsci8e.js";
+import { n as Ce } from "./Title-NWp4qB4K.js";
+import { t as we } from "./Shape-BPCJfphn.js";
+import { t as Te } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as Ee } from "./canvas-lib-BOP_HS11.js";
+import { t as De } from "./useResponsive-BfnK0KxU.js";
+import { t as Oe } from "./BaseLegendToggle-C_Db-y7s.js";
+import { t as ke } from "./A11yDataTable-BCbtxMU6.js";
+import { t as Ae } from "./useUserOptionState-DK-_1ddE.js";
+import { t as je } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Me } from "./labelUtils-CUctkYoA.js";
+import { t as Ne } from "./Legend-Cz2uQ5gs.js";
+import { t as Pe } from "./vue_ui_rings-BVgD2aMn.js";
 import { Fragment as Fe, Teleport as Ie, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as Le, createTextVNode as Re, createVNode as ze, defineAsyncComponent as f, guardReactiveProps as p, mergeProps as Be, nextTick as Ve, normalizeClass as m, normalizeProps as h, normalizeStyle as g, onBeforeUnmount as He, onMounted as Ue, openBlock as _, ref as v, renderList as We, renderSlot as y, resolveDynamicComponent as Ge, shallowRef as Ke, toDisplayString as qe, toRefs as Je, unref as b, useSlots as Ye, watch as Xe, withCtx as x } from "vue";
 //#region src/components/vue-ui-rings.vue
 var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et = ["id"], tt = { style: { position: "relative" } }, nt = [
@@ -107,10 +107,10 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 	},
 	emits: ["selectLegend", "copyAlt"],
 	setup(e, { expose: Te, emit: Ze }) {
-		let bt = f(() => import("./Tooltip-CuWEYGr3.js")), xt = f(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), St = f(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), Ct = f(() => import("./DataTable-DmE8Oo4i.js")), wt = f(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), Tt = f(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), Et = f(() => import("./PackageVersion-zJAUEmyB.js").then((e) => e.t)), Dt = f(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), { vue_ui_rings: Ot } = he(), { isThemeValid: kt, warnInvalidTheme: At } = xe(), jt = Ye(), S = e, C = v(!1), Mt = s(() => !!S.dataset && S.dataset.length), w = v(r()), T = v(!1), Nt = v(""), E = v(null), Pt = v(0), D = v(null), Ft = v(null), It = v(null), Lt = v(null), Rt = v(null), zt = v(0), Bt = v(0), Vt = v(0), Ht = v(!1), Ut = v(!1), O = v(null), Wt = v(null), Gt = v(!1), Kt = v(!1), k = v(null), qt = v({
+		let bt = f(() => import("./Tooltip-BENq327o.js")), xt = f(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), St = f(() => import("./vue-ui-accordion-Dw4MHKVB.js").then((e) => e.n)), Ct = f(() => import("./DataTable-B--IN22e.js")), wt = f(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Tt = f(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Et = f(() => import("./PackageVersion-xcyrdRmY.js").then((e) => e.t)), Dt = f(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_rings: Ot } = he(), { isThemeValid: kt, warnInvalidTheme: At } = xe(), jt = Ye(), S = e, C = v(!1), Mt = s(() => !!S.dataset && S.dataset.length), w = v(ee()), T = v(!1), Nt = v(""), E = v(null), Pt = v(0), D = v(null), Ft = v(null), It = v(null), Lt = v(null), Rt = v(null), zt = v(0), Bt = v(0), Vt = v(0), Ht = v(!1), Ut = v(!1), O = v(null), Wt = v(null), Gt = v(!1), Kt = v(!1), k = v(null), qt = v({
 			x: 0,
 			y: 0
-		}), A = v("pointer"), Jt = v(!1), j = v(tn()), M = s(() => j.value.userOptions.useCursorPointer), Yt = s(() => me({
+		}), A = v("pointer"), Jt = v(!1), j = v(tn()), M = s(() => j.value.userOptions.useCursorPointer), Yt = s(() => r({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -158,7 +158,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 					color: "#DBDBDB"
 				}
 			],
-			skeletonConfig: me({
+			skeletonConfig: r({
 				defaultConfig: j.value,
 				userConfig: Yt.value
 			})
@@ -179,7 +179,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 					userConfig: S.config,
 					defaultConfig: n
 				}),
-				customPalette: e.customPalette.length ? e.customPalette : a[e.theme] || o
+				customPalette: e.customPalette.length ? e.customPalette : ie[e.theme] || a
 			};
 		}
 		Xe(() => S.config, (e) => {
@@ -204,20 +204,20 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 		});
 		let rn = s(() => !!j.value.debug);
 		function an() {
-			if (ne(S.dataset) ? (re({
+			if (i(S.dataset) ? (oe({
 				componentName: "VueUiRings",
 				type: "dataset",
 				debug: rn.value
 			}), Zt.value = !0) : S.dataset.forEach((e, t) => {
-				e.values.length || (re({
+				e.values.length || (oe({
 					componentName: "VueUiRings",
 					type: "dataset",
 					debug: rn.value
-				}), Zt.value = !0), ce({
+				}), Zt.value = !0), le({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					re({
+					oe({
 						componentName: "VueUiRings",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -225,7 +225,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 						debug: rn.value
 					});
 				});
-			}), ne(S.dataset) || (Zt.value = j.value.loading), j.value.responsive) {
+			}), i(S.dataset) || (Zt.value = j.value.loading), j.value.responsive) {
 				let e = Ee(() => {
 					Ht.value = !0;
 					let { width: e, height: t } = De({
@@ -252,7 +252,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			elementId: `rings_${w.value}`,
 			fileName: j.value.style.chart.title.text || "vue-ui-rings",
 			options: j.value.userOptions.print
-		}), un = s(() => j.value.userOptions.show && !j.value.style.chart.title.text), dn = s(() => fe(j.value.customPalette)), R = v({
+		}), un = s(() => j.value.userOptions.show && !j.value.style.chart.title.text), dn = s(() => pe(j.value.customPalette)), R = v({
 			showTable: j.value.table.show,
 			showTooltip: j.value.style.chart.tooltip.show,
 			showLabels: j.value.style.chart.layout.labels.dataLabels.show
@@ -271,7 +271,14 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 		function mn() {
 			B.value.length ? B.value = [] : U.value.forEach((e) => {
 				B.value.push(e.uid);
-			});
+			}), hn();
+		}
+		function hn() {
+			pn("selectLegend", G.value.map((e) => ({
+				name: e.name,
+				color: e.color,
+				value: e.value
+			})));
 		}
 		function V(e) {
 			if (B.value.includes(e)) B.value = B.value.filter((t) => t !== e);
@@ -279,39 +286,35 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				if (B.value.length === H.value.length - 1) return;
 				B.value.push(e);
 			}
-			pn("selectLegend", G.value.map((e) => ({
-				name: e.name,
-				color: e.color,
-				value: e.value
-			})));
+			hn();
 		}
-		function hn(e) {
+		function gn(e) {
 			return H.value.length ? H.value.find((t) => t.name === e) || (j.value.debug && console.warn(`VueUiRings - Series name not found "${e}"`), null) : (j.value.debug && console.warn("VueUiRings - There are no series to show."), null);
 		}
-		function gn(e) {
-			let t = hn(e);
+		function _n(e) {
+			let t = gn(e);
 			t !== null && B.value.includes(t.uid) && V(t.uid);
 		}
-		function _n(e) {
-			let t = hn(e);
+		function vn(e) {
+			let t = gn(e);
 			t !== null && (B.value.includes(t.uid) || V(t.uid));
 		}
-		let vn = s(() => Math.max(...H.value.filter((e) => !B.value.includes(e.uid)).map(({ value: e }) => e)));
-		function yn(e) {
-			return e / vn.value;
+		let yn = s(() => Math.max(...H.value.filter((e) => !B.value.includes(e.uid)).map(({ value: e }) => e)));
+		function bn(e) {
+			return e / yn.value;
 		}
-		let H = s(() => Xt.value.map(({ values: e, name: t, color: n = null }, i) => {
-			let a = oe(e).reduce((e, t) => e + t, 0);
+		let H = s(() => Xt.value.map(({ values: e, name: n, color: r = null }, i) => {
+			let o = t(e).reduce((e, t) => e + t, 0);
 			return {
-				name: t,
-				color: n || pe(n) || dn.value[i] || o[i] || o[i % o.length],
-				value: a,
-				proportion: a / Xt.value.map((e) => (e.values || []).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0),
-				uid: r(),
+				name: n,
+				color: r || me(r) || dn.value[i] || a[i] || a[i % a.length],
+				value: o,
+				proportion: o / Xt.value.map((e) => (e.values || []).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0),
+				uid: ee(),
 				absoluteIndex: i
 			};
 		})), U = s(() => H.value.map((e, t) => {
-			let r = ie(j.value.style.chart.layout.labels.dataLabels.formatter, e.value, n({
+			let n = se(j.value.style.chart.layout.labels.dataLabels.formatter, e.value, o({
 				p: j.value.style.chart.layout.labels.dataLabels.prefix,
 				v: e.value,
 				s: j.value.style.chart.layout.labels.dataLabels.suffix,
@@ -319,15 +322,15 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			}), {
 				datapoint: e,
 				index: t
-			}), i = isNaN(e.value / W.value) ? "-" : n({
+			}), r = isNaN(e.value / W.value) ? "-" : o({
 				v: e.value / W.value * 100,
 				s: "%",
 				r: j.value.style.chart.legend.roundingPercentage
-			}), a = wn({
+			}), i = Tn({
 				showVal: j.value.style.chart.legend.showValue,
 				showPercentage: j.value.style.chart.legend.showPercentage,
-				val: r,
-				percentage: B.value.includes(e.uid) ? "-%" : i
+				val: n,
+				percentage: B.value.includes(e.uid) ? "-%" : r
 			});
 			return {
 				...e,
@@ -335,26 +338,26 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				opacity: B.value.includes(e.uid) ? .5 : 1,
 				segregate: () => V(e.uid),
 				isSegregated: B.value.includes(e.uid),
-				display: `${e.name}${j.value.style.chart.legend.showPercentage || j.value.style.chart.legend.showValue ? ": " : ""}${a}`
+				display: `${e.name}${j.value.style.chart.legend.showPercentage || j.value.style.chart.legend.showValue ? ": " : ""}${i}`
 			};
-		}).toSorted((e, t) => t.value - e.value)), bn = s(() => ({
+		}).toSorted((e, t) => t.value - e.value)), xn = s(() => ({
 			cy: "rings-div-legend",
 			backgroundColor: j.value.style.chart.legend.backgroundColor,
 			color: j.value.style.chart.legend.color,
 			fontSize: j.value.style.chart.legend.fontSize,
 			paddingBottom: 12,
 			fontWeight: j.value.style.chart.legend.bold ? "bold" : ""
-		})), W = s(() => H.value.filter((e) => !B.value.includes(e.uid)).map(({ value: e }) => e).reduce((e, t) => e + t, 0)), G = s(() => H.value.filter((e) => !B.value.includes(e.uid)).map(({ name: e, value: t, color: n = null, uid: r, absoluteIndex: i }, a) => ({
+		})), W = s(() => H.value.filter((e) => !B.value.includes(e.uid)).map(({ value: e }) => e).reduce((e, t) => e + t, 0)), G = s(() => H.value.filter((e) => !B.value.includes(e.uid)).map(({ name: e, value: t, color: n = null, uid: r, absoluteIndex: i }, o) => ({
 			absoluteIndex: i,
 			uid: r,
 			name: e,
-			color: n || pe(n) || dn.value[a] || o[a] || o[a % o.length],
+			color: n || me(n) || dn.value[o] || a[o] || a[o % a.length],
 			value: t,
-			proportion: yn(t),
+			proportion: bn(t),
 			percentage: t / W.value * 100,
-			strokeWidth: j.value.style.chart.layout.rings.strokeWidth * yn(t)
+			strokeWidth: j.value.style.chart.layout.rings.strokeWidth * bn(t)
 		})).toSorted((e, t) => t.value - e.value));
-		function xn() {
+		function Sn() {
 			return G.value.map(({ name: e, color: t, value: n, absoluteValues: r, percentage: i }) => ({
 				name: e,
 				color: t,
@@ -364,19 +367,19 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			}));
 		}
 		let K = s(() => fn.value - j.value.style.chart.layout.rings.strokeWidth * 2);
-		function Sn(e, t) {
+		function Cn(e, t) {
 			j.value.events.datapointClick && j.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function Cn(e, t) {
+		function wn(e, t) {
 			E.value = null, T.value = !1, k.value = null, A.value = "pointer", j.value.events.datapointLeave && j.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function wn({ val: e, percentage: t, showVal: n, showPercentage: r }) {
+		function Tn({ val: e, percentage: t, showVal: n, showPercentage: r }) {
 			let i = j.value.style.chart.layout.labels.dataLabels;
 			return Me({
 				config: i,
@@ -386,26 +389,26 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				showPercentage: r
 			});
 		}
-		function Tn(e) {
-			let t = j.value.style.chart.layout.labels.dataLabels, r = ie(t.formatter, e.value, n({
+		function En(e) {
+			let t = j.value.style.chart.layout.labels.dataLabels, n = se(t.formatter, e.value, o({
 				p: t.prefix,
 				v: e.value,
 				s: t.suffix,
 				r: t.roundingValue
-			})), i = n({
+			})), r = o({
 				v: e.percentage,
 				s: "%",
 				r: t.roundingPercentage
 			});
-			return `${e.name}\n${wn({
-				val: r,
-				percentage: i,
+			return `${e.name}\n${Tn({
+				val: n,
+				percentage: r,
 				showVal: t.showValue,
 				showPercentage: t.showPercentage
 			})}`;
 		}
 		function q(e) {
-			return de(K.value * e.proportion / 2 * .9 <= 0 ? 1e-4 : K.value * e.proportion / 2 * .9);
+			return fe(K.value * e.proportion / 2 * .9 <= 0 ? 1e-4 : K.value * e.proportion / 2 * .9);
 		}
 		function J(e, t) {
 			return t === 0 ? F.value.y : F.value.y + K.value * G.value[0].proportion / 2 - K.value * e.proportion / 2 - 2 * (t + 1);
@@ -417,50 +420,50 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				y: J(e, t) - q(e)
 			};
 		}
-		let En = v(null);
-		function Dn(e, t, r = "pointer") {
+		let Dn = v(null);
+		function On(e, t, n = "pointer") {
 			if (j.value.events.datapointEnter && j.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
 			}), B.value.length === S.dataset.length) return;
-			En.value = {
+			Dn.value = {
 				datapoint: e,
 				seriesIndex: t,
 				series: G.value,
 				config: j.value
-			}, E.value = t, k.value = t, A.value = r;
-			let i = G.value[t], a = j.value.style.chart.tooltip.customFormat;
-			if (le(a) && se(() => a({
+			}, E.value = t, k.value = t, A.value = n;
+			let r = G.value[t], i = j.value.style.chart.tooltip.customFormat;
+			if (ue(i) && ce(() => i({
 				seriesIndex: t,
 				datapoint: e,
 				series: G.value,
 				config: j.value
-			}))) Nt.value = a({
+			}))) Nt.value = i({
 				seriesIndex: t,
 				datapoint: e,
 				series: G.value,
 				config: j.value
 			});
 			else {
-				let r = "";
-				r += `<div style="width:100%;text-align:center;border-bottom:1px solid ${j.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${i.name}</div>`, r += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${i.color}" />${jt.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${w.value}_${e.absoluteIndex})" />` : ""}</svg>`, r += `<b>${wn({
+				let n = "";
+				n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${j.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${r.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${r.color}" />${jt.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${w.value}_${e.absoluteIndex})" />` : ""}</svg>`, n += `<b>${Tn({
 					showVal: j.value.style.chart.tooltip.showValue,
 					showPercentage: j.value.style.chart.tooltip.showPercentage,
-					val: `<span>${ie(j.value.style.chart.layout.labels.dataLabels.formatter, i.value, n({
+					val: `<span>${se(j.value.style.chart.layout.labels.dataLabels.formatter, r.value, o({
 						p: j.value.style.chart.layout.labels.dataLabels.prefix,
-						v: i.value,
+						v: r.value,
 						s: j.value.style.chart.layout.labels.dataLabels.suffix,
 						r: j.value.style.chart.tooltip.roundingValue
 					}), {
 						datapoint: e,
 						seriesIndex: t
 					})}</span>`,
-					percentage: n({
-						v: i.value / W.value * 100,
+					percentage: o({
+						v: r.value / W.value * 100,
 						s: "%",
 						r: j.value.style.chart.tooltip.roundingPercentage
 					})
-				})}</b></div>`, Nt.value = r;
+				})}</b></div>`, Nt.value = n;
 			}
 			T.value = !0;
 		}
@@ -473,7 +476,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 		})), Z = s(() => {
 			let e = [
 				" <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2\" /></svg>",
-				n({
+				o({
 					p: j.value.style.chart.layout.labels.dataLabels.prefix,
 					v: W.value,
 					s: j.value.style.chart.layout.labels.dataLabels.suffix,
@@ -485,7 +488,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 					color: e.color,
 					name: e.name
 				},
-				n({
+				o({
 					p: j.value.style.chart.layout.labels.dataLabels.prefix,
 					v: X.value.body[t],
 					s: j.value.style.chart.layout.labels.dataLabels.suffix,
@@ -517,13 +520,13 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				]
 			};
 		});
-		function On(e = null) {
+		function kn(e = null) {
 			Ve(() => {
 				let t = X.value.head.map((e, t) => [
 					[e.name],
 					[X.value.body[t]],
 					[isNaN(X.value.body[t] / W.value) ? "-" : X.value.body[t] / W.value * 100]
-				]), n = te([
+				]), n = ae([
 					[j.value.style.chart.title.text],
 					[j.value.style.chart.title.subtitle.text],
 					[
@@ -532,30 +535,30 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 						["%"]
 					]
 				].concat(t));
-				e ? e(n) : i({
+				e ? e(n) : te({
 					csvContent: n,
 					title: j.value.style.chart.title.text || "vue-ui-rings"
 				});
 			});
 		}
 		let Q = v(!1);
-		function kn(e) {
+		function An(e) {
 			Q.value = e, Pt.value += 1;
 		}
-		function An() {
+		function jn() {
 			R.value.showTable = !R.value.showTable;
 		}
-		function jn() {
+		function Mn() {
 			R.value.showTooltip = !R.value.showTooltip;
 		}
-		function Mn() {
+		function Nn() {
 			R.value.showLabels = !R.value.showLabels;
 		}
 		let $ = v(!1);
-		function Nn() {
+		function Pn() {
 			$.value = !$.value;
 		}
-		async function Pn({ scale: e = 2 } = {}) {
+		async function Fn({ scale: e = 2 } = {}) {
 			if (!D.value) return;
 			let { width: t, height: n } = D.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Se({
 				domElement: D.value,
@@ -572,7 +575,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				aspectRatio: r
 			};
 		}
-		let Fn = s(() => {
+		let In = s(() => {
 			let e = j.value.table.useDialog && !j.value.table.show, t = R.value.showTable;
 			return {
 				component: e ? Dt : St,
@@ -606,36 +609,36 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 		Xe(() => R.value.showTable, (e) => {
 			j.value.table.show || (e && j.value.table.useDialog && O.value ? O.value.open() : "close" in O.value && O.value.close());
 		});
-		function In() {
+		function Ln() {
 			R.value.showTable = !1, Wt.value && Wt.value.setTableIconState(!1);
 		}
-		let Ln = s(() => U.value.map((e) => ({
+		let Rn = s(() => U.value.map((e) => ({
 			...e,
 			name: e.display
-		}))), Rn = s(() => j.value.style.chart.backgroundColor), zn = s(() => j.value.style.chart.legend), { exportSvg: Bn, getSvg: Vn } = ye({
+		}))), zn = s(() => j.value.style.chart.backgroundColor), Bn = s(() => j.value.style.chart.legend), { exportSvg: Vn, getSvg: Hn } = ye({
 			svg: P,
 			title: s(() => j.value.style.chart.title),
-			legend: zn,
-			legendItems: Ln,
-			backgroundColor: Rn
+			legend: Bn,
+			legendItems: Rn,
+			backgroundColor: zn
 		});
-		async function Hn({ isCb: e }) {
+		async function Un({ isCb: e }) {
 			Kt.value = !0, await Ve();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Vn();
+					let { blob: e, url: t, text: n, dataUrl: r } = await Hn();
 					await Promise.resolve(j.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Bn());
+				} else await Promise.resolve(Vn());
 			} finally {
 				Kt.value = !1;
 			}
 		}
-		function Un(e) {
+		function Wn(e) {
 			if (e?.stage === "start") {
 				Gt.value = !0;
 				return;
@@ -646,7 +649,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			}
 			ln();
 		}
-		async function Wn() {
+		async function Gn() {
 			if (pn("copyAlt", {
 				config: j.value,
 				dataset: G.value
@@ -659,13 +662,13 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				dataset: G.value
 			}));
 		}
-		function Gn() {
+		function Kn() {
 			k.value = null, Jt.value = !0;
 		}
-		function Kn() {
+		function qn() {
 			k.value = null, A.value = "pointer", T.value = !1, E.value = null, Jt.value = !1;
 		}
-		function qn(e) {
+		function Jn(e) {
 			if (!P.value || $.value || document.activeElement !== P.value || !G.value.length || B.value.length === S.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;
@@ -677,15 +680,15 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				if (k.value === null) return;
 				let e = G.value[k.value];
 				if (!e) return;
-				Sn(e, k.value);
+				Cn(e, k.value);
 				return;
 			}
 			let a = k.value;
 			a === null || a < 0 || a >= G.value.length ? a = n ? 0 : G.value.length - 1 : n ? (a += 1, a >= G.value.length && (a = 0)) : t && (--a, a < 0 && (a = G.value.length - 1));
-			let ee = G.value[a];
-			ee && (Jn(a), Dn(ee, a, "keyboard"));
+			let o = G.value[a];
+			o && (Yn(a), On(o, a, "keyboard"));
 		}
-		function Jn(e) {
+		function Yn(e) {
 			if (!Number.isFinite(e) || !P.value) return;
 			let t = G.value[e];
 			if (!t) return;
@@ -695,45 +698,45 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				y: r.top + n.y / z.value.height * r.height
 			};
 		}
-		let Yn = s(() => ({
+		let Xn = s(() => ({
 			headers: Z.value?.colNames ?? [],
 			rows: Z.value?.a11yBody ?? []
 		}));
 		return Te({
-			getData: xn,
-			getImage: Pn,
+			getData: Sn,
+			getImage: Fn,
 			generatePdf: cn,
-			generateCsv: On,
+			generateCsv: kn,
 			generateImage: ln,
-			generateSvg: Hn,
-			hideSeries: _n,
-			showSeries: gn,
-			toggleTable: An,
-			toggleTooltip: jn,
-			toggleAnnotator: Nn,
-			toggleFullscreen: kn,
-			toggleLabels: Mn,
-			copyAlt: Wn
-		}), (e, n) => (_(), u("div", {
+			generateSvg: Un,
+			hideSeries: vn,
+			showSeries: _n,
+			toggleTable: jn,
+			toggleTooltip: Mn,
+			toggleAnnotator: Pn,
+			toggleFullscreen: An,
+			toggleLabels: Nn,
+			copyAlt: Gn
+		}), (e, t) => (_(), u("div", {
 			ref_key: "ringsChart",
 			ref: D,
 			class: m(`vue-data-ui-component vue-ui-rings ${Q.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${j.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			style: g(`font-family:${j.value.style.fontFamily};text-align:center;width:100%;background:${j.value.style.chart.backgroundColor};${j.value.responsive ? "height: 100%" : ""}`),
 			id: `rings_${w.value}`,
-			onMouseleave: n[2] ||= (e) => {
+			onMouseleave: t[2] ||= (e) => {
 				E.value = null, T.value = !1, b($t)(!1);
 			},
-			onMouseenter: n[3] ||= () => b($t)(!0)
+			onMouseenter: t[3] ||= () => b($t)(!0)
 		}, [
 			d("div", {
 				id: `chart-instructions-${w.value}`,
 				class: "sr-only"
 			}, [d("p", null, qe(j.value.a11y.translations.keyboardNavigation), 1)], 8, $e),
-			Yn.value?.rows?.length ? (_(), c(ke, {
+			Xn.value?.rows?.length ? (_(), c(ke, {
 				key: 0,
 				uid: w.value,
-				head: Yn.value.headers,
-				body: Yn.value.rows,
+				head: Xn.value.headers,
+				body: Xn.value.rows,
 				notice: j.value.a11y.translations.tableAvailable,
 				caption: j.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -750,7 +753,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				color: j.value.style.chart.color,
 				active: $.value,
 				isCursorPointer: M.value,
-				onClose: Nn
+				onClose: Pn
 			}, {
 				"annotator-action-close": x(() => [y(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": x(({ color: t }) => [y(e.$slots, "annotator-action-color", h(p({ color: t })), void 0, !0)]),
@@ -821,16 +824,16 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				printScale: j.value.userOptions.print.scale,
 				tableDialog: j.value.table.useDialog,
 				isCursorPointer: M.value,
-				onToggleFullscreen: kn,
+				onToggleFullscreen: An,
 				onGeneratePdf: b(cn),
-				onGenerateCsv: On,
-				onGenerateImage: Un,
-				onGenerateSvg: Hn,
-				onToggleTable: An,
-				onToggleTooltip: jn,
-				onToggleAnnotator: Nn,
-				onToggleLabels: Mn,
-				onCopyAlt: Wn,
+				onGenerateCsv: kn,
+				onGenerateImage: Wn,
+				onGenerateSvg: Un,
+				onToggleTable: jn,
+				onToggleTooltip: Mn,
+				onToggleAnnotator: Pn,
+				onToggleLabels: Nn,
+				onCopyAlt: Gn,
 				style: g({ visibility: b(en) ? b(Qt) ? "visible" : "hidden" : "visible" })
 			}, Le({ _: 2 }, [
 				e.$slots.menuIcon ? {
@@ -911,7 +914,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			d("div", tt, [(_(), u("svg", {
 				ref_key: "svgRef",
 				ref: P,
-				xmlns: b(ue),
+				xmlns: b(de),
 				class: m({
 					"vue-data-ui-fullscreen--on": Q.value,
 					"vue-data-ui-fulscreen--off": !Q.value,
@@ -921,9 +924,9 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				style: g(`max-width:100%;overflow:hidden;background:transparent;color:${j.value.style.chart.color}`),
 				"aria-describedby": `chart-instructions-${w.value}`,
 				tabindex: "0",
-				onFocus: Gn,
-				onBlur: Kn,
-				onKeydown: qn
+				onFocus: Kn,
+				onBlur: qn,
+				onKeydown: Jn
 			}, [
 				ze(b(Et)),
 				e.$slots["chart-background"] ? (_(), u("foreignObject", {
@@ -943,7 +946,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 					id: `gradient_${w.value}_${t}`
 				}, [d("stop", {
 					offset: "0%",
-					"stop-color": b(ae)(b(ee)(e.color, .05), 100 - j.value.style.chart.layout.rings.gradient.intensity)
+					"stop-color": b(ne)(b(re)(e.color, .05), 100 - j.value.style.chart.layout.rings.gradient.intensity)
 				}, null, 8, at), d("stop", {
 					offset: "100%",
 					"stop-color": e.color
@@ -952,7 +955,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 					seriesIndex: t.absoluteIndex,
 					patternId: `pattern_${w.value}_${t.absoluteIndex}`
 				}), void 0, !0)]))), 256))])) : l("", !0),
-				(_(!0), u(Fe, null, We(G.value, (n, r) => (_(), u("g", null, [
+				(_(!0), u(Fe, null, We(G.value, (t, r) => (_(), u("g", null, [
 					d("circle", {
 						class: m({
 							"vue-ui-rings-item": C.value && j.value.useCssAnimation,
@@ -962,8 +965,8 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 						style: g(`animation-delay:${r * 100}ms`),
 						stroke: j.value.style.chart.layout.rings.stroke,
 						cx: F.value.x,
-						cy: J(n, r),
-						r: q(n),
+						cy: J(t, r),
+						r: q(t),
 						fill: j.value.style.chart.layout.rings.gradient.underlayerColor
 					}, null, 14, ct),
 					d("circle", {
@@ -975,11 +978,11 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 						}),
 						style: g(`animation-delay:${r * 100}ms`),
 						stroke: j.value.style.chart.layout.rings.stroke,
-						"stroke-width": n.strokeWidth < .5 ? .5 : n.strokeWidth,
+						"stroke-width": t.strokeWidth < .5 ? .5 : t.strokeWidth,
 						cx: F.value.x,
-						cy: J(n, r),
-						r: q(n),
-						fill: j.value.style.chart.layout.rings.gradient.show ? `url(#gradient_${w.value}_${r})` : n.color
+						cy: J(t, r),
+						r: q(t),
+						fill: j.value.style.chart.layout.rings.gradient.show ? `url(#gradient_${w.value}_${r})` : t.color
 					}, null, 14, lt),
 					e.$slots.pattern ? (_(), u("circle", {
 						key: 0,
@@ -991,27 +994,27 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 						}),
 						style: g(`animation-delay:${r * 100}ms`),
 						stroke: j.value.style.chart.layout.rings.stroke,
-						"stroke-width": n.strokeWidth < .5 ? .5 : n.strokeWidth,
+						"stroke-width": t.strokeWidth < .5 ? .5 : t.strokeWidth,
 						cx: F.value.x,
-						cy: J(n, r),
-						r: q(n),
-						fill: `url(#pattern_${w.value}_${n.absoluteIndex})`
+						cy: J(t, r),
+						r: q(t),
+						fill: `url(#pattern_${w.value}_${t.absoluteIndex})`
 					}, null, 14, ut)) : l("", !0),
 					d("circle", {
 						stroke: "none",
 						cx: F.value.x,
-						cy: J(n, r),
-						r: q(n),
+						cy: J(t, r),
+						r: q(t),
 						fill: "transparent",
-						onMouseenter: (e) => Dn(n, r, "pointer"),
-						onMouseleave: (e) => Cn(n, r),
-						onClick: (e) => Sn(n, r)
+						onMouseenter: (e) => On(t, r, "pointer"),
+						onMouseleave: (e) => wn(t, r),
+						onClick: (e) => Cn(t, r)
 					}, null, 40, dt),
 					R.value.showLabels ? (_(), u(Fe, { key: 1 }, [
 						d("rect", {
-							x: j.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? Y(n, r).x : F.value.x,
-							y: Y(n, r).y - j.value.style.chart.layout.labels.dataLabels.markers.strokeWidth / 2,
-							width: Math.abs(F.value.x - Y(n, r).x),
+							x: j.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? Y(t, r).x : F.value.x,
+							y: Y(t, r).y - j.value.style.chart.layout.labels.dataLabels.markers.strokeWidth / 2,
+							width: Math.abs(F.value.x - Y(t, r).x),
 							height: j.value.style.chart.layout.labels.dataLabels.markers.strokeWidth,
 							fill: j.value.style.chart.layout.labels.dataLabels.markers.stroke,
 							rx: j.value.style.chart.layout.labels.dataLabels.markers.strokeWidth,
@@ -1023,10 +1026,10 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 							})
 						}, null, 10, ft),
 						d("circle", {
-							cx: Y(n, r).x,
-							cy: Y(n, r).y,
+							cx: Y(t, r).x,
+							cy: Y(t, r).y,
 							r: j.value.style.chart.layout.labels.dataLabels.markers.radius,
-							fill: n.color,
+							fill: t.color,
 							stroke: j.value.style.chart.backgroundColor,
 							class: m({
 								"vue-ui-rings-item": C.value && j.value.useCssAnimation,
@@ -1036,8 +1039,8 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 							})
 						}, null, 10, pt),
 						d("text", {
-							x: Y(n, r).x + (j.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? -j.value.style.chart.layout.labels.dataLabels.offsetX : j.value.style.chart.layout.labels.dataLabels.offsetX),
-							y: Y(n, r).y + j.value.style.chart.layout.labels.dataLabels.fontSize / 3,
+							x: Y(t, r).x + (j.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? -j.value.style.chart.layout.labels.dataLabels.offsetX : j.value.style.chart.layout.labels.dataLabels.offsetX),
+							y: Y(t, r).y + j.value.style.chart.layout.labels.dataLabels.fontSize / 3,
 							"text-anchor": j.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? "end" : "start",
 							"font-size": j.value.style.chart.layout.labels.dataLabels.fontSize,
 							fill: j.value.style.chart.layout.labels.dataLabels.color,
@@ -1048,15 +1051,15 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 								"vue-ui-rings-shadow": j.value.style.chart.layout.rings.useShadow,
 								"vue-ui-rings-blur": E.value !== null && E.value !== r
 							}),
-							onMouseenter: (e) => Dn(n, r, "pointer"),
-							onMouseleave: (e) => Cn(n, r),
-							onClick: (e) => Sn(n, r),
-							innerHTML: b(t)({
-								content: Tn(n),
+							onMouseenter: (e) => On(t, r, "pointer"),
+							onMouseleave: (e) => wn(t, r),
+							onClick: (e) => Cn(t, r),
+							innerHTML: b(n)({
+								content: En(t),
 								fontSize: j.value.style.chart.layout.labels.dataLabels.fontSize,
 								fill: j.value.style.chart.layout.labels.dataLabels.color,
-								x: Y(n, r).x + (j.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? -j.value.style.chart.layout.labels.dataLabels.offsetX - 6 - j.value.style.chart.layout.labels.dataLabels.markers.radius : j.value.style.chart.layout.labels.dataLabels.offsetX + 6 + j.value.style.chart.layout.labels.dataLabels.markers.radius),
-								y: Y(n, r).y + j.value.style.chart.layout.labels.dataLabels.fontSize / 3,
+								x: Y(t, r).x + (j.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? -j.value.style.chart.layout.labels.dataLabels.offsetX - 6 - j.value.style.chart.layout.labels.dataLabels.markers.radius : j.value.style.chart.layout.labels.dataLabels.offsetX + 6 + j.value.style.chart.layout.labels.dataLabels.markers.radius),
+								y: Y(t, r).y + j.value.style.chart.layout.labels.dataLabels.fontSize / 3,
 								translateY: !0
 							})
 						}, null, 42, mt)
@@ -1082,9 +1085,9 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			}, [y(e.$slots, "legend", { legend: U.value }, () => [j.value.style.chart.legend.show ? (_(), c(Ne, {
 				key: `legend_${Vt.value}`,
 				legendSet: U.value,
-				config: bn.value,
+				config: xn.value,
 				isCursorPointer: M.value,
-				onClickMarker: n[0] ||= ({ legend: e }) => V(e.uid)
+				onClickMarker: t[0] ||= ({ legend: e }) => V(e.uid)
 			}, Le({
 				item: x(({ legend: e, index: t }) => [b(N) ? l("", !0) : (_(), u("div", {
 					key: 0,
@@ -1155,9 +1158,9 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				isA11yMode: A.value === "keyboard",
 				a11yPosition: qt.value
 			}, {
-				"tooltip-before": x(() => [y(e.$slots, "tooltip-before", h(p({ ...En.value })), void 0, !0)]),
-				tooltip: x(() => [y(e.$slots, "tooltip", h(p({ ...En.value })), void 0, !0)]),
-				"tooltip-after": x(() => [y(e.$slots, "tooltip-after", h(p({ ...En.value })), void 0, !0)]),
+				"tooltip-before": x(() => [y(e.$slots, "tooltip-before", h(p({ ...Dn.value })), void 0, !0)]),
+				tooltip: x(() => [y(e.$slots, "tooltip", h(p({ ...Dn.value })), void 0, !0)]),
+				"tooltip-after": x(() => [y(e.$slots, "tooltip-after", h(p({ ...Dn.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1183,10 +1186,10 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Mt.value && j.value.userOptions.buttons.table ? (_(), c(Ge(Fn.value.component), Be({ key: 8 }, Fn.value.props, {
+			Mt.value && j.value.userOptions.buttons.table ? (_(), c(Ge(In.value.component), Be({ key: 8 }, In.value.props, {
 				ref_key: "tableUnit",
 				ref: O,
-				onClose: In
+				onClose: Ln
 			}), Le({
 				content: x(() => [(_(), c(b(Ct), {
 					key: `table_${Bt.value}`,
@@ -1194,10 +1197,10 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 					head: Z.value.head,
 					body: Z.value.body,
 					config: Z.value.config,
-					title: j.value.table.useDialog ? "" : Fn.value.title,
+					title: j.value.table.useDialog ? "" : In.value.title,
 					withCloseButton: !j.value.table.useDialog,
 					isCursorPointer: M.value,
-					onClose: In
+					onClose: Ln
 				}, {
 					th: x(({ th: e }) => [d("div", {
 						innerHTML: e,
@@ -1220,24 +1223,24 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				_: 2
 			}, [j.value.table.useDialog ? {
 				name: "title",
-				fn: x(() => [Re(qe(Fn.value.title), 1)]),
+				fn: x(() => [Re(qe(In.value.title), 1)]),
 				key: "0"
 			} : void 0, j.value.table.useDialog ? {
 				name: "actions",
 				fn: x(() => [d("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[1] ||= (e) => On(j.value.userOptions.callbacks.csv),
+					onClick: t[1] ||= (e) => kn(j.value.userOptions.callbacks.csv),
 					style: g({ cursor: M.value ? "pointer" : "default" })
 				}, [ze(b(xt), {
 					name: "fileCsv",
-					stroke: Fn.value.props.color
+					stroke: In.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : l("", !0),
 			y(e.$slots, "skeleton", {}, () => [b(N) ? (_(), c(ve, { key: 0 })) : l("", !0)], !0)
 		], 46, Qe));
 	}
-}, [["__scopeId", "data-v-f8b60e25"]]);
+}, [["__scopeId", "data-v-ab14a465"]]);
 //#endregion
 export { Ze as n, bt as t };