vue-data-ui 3.23.11 → 3.23.13

package/dist/{vue-ui-waffle-BSQXyJ1S.js → vue-ui-waffle-BxMdiOcp.js}

@@ -131,7 +131,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 	},
 	emits: ["selectLegend", "copyAlt"],
 	setup(e, { expose: Ce, emit: Ye }) {
-		let Ct = _(() => import("./Tooltip-CVxJe3UW.js")), wt = _(() => import("./BaseIcon-BbElSC8_.js").then((e) => e.n)), Tt = _(() => import("./DataTable-CmyEubtT.js")), Et = _(() => import("./vue-ui-accordion-C6L7glHU.js").then((e) => e.n)), Dt = _(() => import("./UserOptions-WH7-49V0.js").then((e) => e.n)), Ot = _(() => import("./PenAndPaper-CIa1F5Jq.js").then((e) => e.t)), kt = _(() => import("./PackageVersion-C0b7KAMa.js").then((e) => e.t)), At = _(() => import("./BaseDraggableDialog-Dr_Q6Yt5.js").then((e) => e.n)), { vue_ui_waffle: jt } = fe(), { isThemeValid: Mt, warnInvalidTheme: Nt } = _e(), Pt = Ne(), O = e, Ft = qe(), It = f({
+		let Ct = _(() => import("./Tooltip-CVxJe3UW.js")), wt = _(() => import("./BaseIcon-BbElSC8_.js").then((e) => e.n)), Tt = _(() => import("./DataTable-CmyEubtT.js")), Et = _(() => import("./vue-ui-accordion-C6L7glHU.js").then((e) => e.n)), Dt = _(() => import("./UserOptions-WH7-49V0.js").then((e) => e.n)), Ot = _(() => import("./PenAndPaper-CIa1F5Jq.js").then((e) => e.t)), kt = _(() => import("./PackageVersion-DH9mKo1i.js").then((e) => e.t)), At = _(() => import("./BaseDraggableDialog-Dr_Q6Yt5.js").then((e) => e.n)), { vue_ui_waffle: jt } = fe(), { isThemeValid: Mt, warnInvalidTheme: Nt } = _e(), Pt = Ne(), O = e, Ft = qe(), It = f({
 			get() {
 				return !!O.dataset && O.dataset.length;
 			},
@@ -141,7 +141,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 		}), k = C(oe()), Lt = C(!1), Rt = C(""), A = C(null), zt = C(0), j = C(null), Bt = C(null), Vt = C(null), Ht = C(null), Ut = C(null), Wt = C(0), Gt = C(0), Kt = C(0), qt = C(!1), Jt = C(null), Yt = C(null), M = C(null), Xt = C({
 			x: 0,
 			y: 0
-		}), Zt = C("pointer"), Qt = C(!1), N = C(cn()), { transitionEnabled: P } = ye({
+		}), Zt = C("pointer"), Qt = C(!1), N = C(sn()), { transitionEnabled: P } = ye({
 			config: () => N.value.transitions,
 			dataset: () => O.dataset
 		});
@@ -188,10 +188,10 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 		})), { loading: en, FINAL_DATASET: tn, manualLoading: nn } = me({
 			...Ke(O),
 			FINAL_CONFIG: N,
-			prepareConfig: cn,
+			prepareConfig: sn,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					H.value = Sn();
+					U.value = xn();
 				});
 			},
 			skeletonDataset: O.config?.skeletonDataset ?? [
@@ -215,8 +215,8 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				defaultConfig: N.value,
 				userConfig: $t.value
 			})
-		}), { userOptionsVisible: rn, setUserOptionsVisibility: an, keepUserOptionState: on } = ke({ config: N.value }), { svgRef: sn } = Ae({ config: N.value.style.chart.title });
-		function cn() {
+		}), { userOptionsVisible: rn, setUserOptionsVisibility: an, keepUserOptionState: on } = ke({ config: N.value }), { svgRef: I } = Ae({ config: N.value.style.chart.title });
+		function sn() {
 			let e = ge({
 				userConfig: O.config,
 				defaultConfig: jt
@@ -236,15 +236,15 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 			};
 		}
 		Je(() => O.config, (e) => {
-			en.value || (N.value = cn()), rn.value = !N.value.userOptions.showOnChartHover, dn(), Wt.value += 1, Gt.value += 1, Kt.value += 1, L.value.showTable = N.value.table.show, L.value.showTooltip = N.value.style.chart.tooltip.show;
+			en.value || (N.value = sn()), rn.value = !N.value.userOptions.showOnChartHover, un(), Wt.value += 1, Gt.value += 1, Kt.value += 1, R.value.showTable = N.value.table.show, R.value.showTooltip = N.value.style.chart.tooltip.show;
 		}, { deep: !0 });
-		let I = We(null), ln = We(null), un = f(() => N.value.debug);
-		function dn() {
+		let L = We(null), cn = We(null), ln = f(() => N.value.debug);
+		function un() {
 			if (o(O.dataset) ? (ae({
 				componentName: "VueUiWaffle",
 				type: "dataset",
-				debug: un.value
-			}), It.value = !1, nn.value = !0) : un.value && O.dataset.forEach((e, t) => {
+				debug: ln.value
+			}), It.value = !1, nn.value = !0) : ln.value && O.dataset.forEach((e, t) => {
 				re({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
@@ -266,41 +266,41 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 						noTitle: Ut.value
 					});
 					requestAnimationFrame(() => {
-						R.value.width = e, R.value.height = t, z.value.width = e, z.value.height = t;
+						z.value.width = e, z.value.height = t, B.value.width = e, B.value.height = t;
 					});
 				});
-				I.value && (ln.value && I.value.unobserve(ln.value), I.value.disconnect()), I.value = new ResizeObserver(e), ln.value = j.value.parentNode, I.value.observe(ln.value);
+				L.value && (cn.value && L.value.unobserve(cn.value), L.value.disconnect()), L.value = new ResizeObserver(e), cn.value = j.value.parentNode, L.value.observe(cn.value);
 			}
 		}
 		He(() => {
-			qt.value = !0, dn();
+			qt.value = !0, un();
 		}), Ve(() => {
-			I.value && (ln.value && I.value.unobserve(ln.value), I.value.disconnect());
+			L.value && (cn.value && L.value.unobserve(cn.value), L.value.disconnect());
 		});
-		let { isPrinting: fn, isImaging: pn, generatePdf: mn, generateImage: hn } = pe({
+		let { isPrinting: dn, isImaging: fn, generatePdf: pn, generateImage: mn } = pe({
 			elementId: `vue-ui-waffle_${k.value}`,
 			fileName: N.value.style.chart.title.text || "vue-ui-waffle",
 			options: N.value.userOptions.print
-		}), gn = f(() => N.value.userOptions.show && !N.value.style.chart.title.text), _n = f(() => le(N.value.customPalette)), L = C({
+		}), hn = f(() => N.value.userOptions.show && !N.value.style.chart.title.text), gn = f(() => le(N.value.customPalette)), R = C({
 			showTable: N.value.table.show,
 			showTooltip: N.value.style.chart.tooltip.show
 		});
 		Je(N, () => {
-			L.value = {
+			R.value = {
 				showTable: N.value.table.show,
 				showTooltip: N.value.style.chart.tooltip.show
 			};
 		}, { immediate: !0 });
-		let R = C({
+		let z = C({
 			height: 512,
 			width: 512
-		}), z = C({
+		}), B = C({
 			top: 0,
 			left: 0,
 			height: 512,
 			width: 512
-		}), B = f(() => (z.value.width - N.value.style.chart.layout.grid.size * N.value.style.chart.layout.grid.spaceBetween) / N.value.style.chart.layout.grid.size), V = f(() => (z.value.height - N.value.style.chart.layout.grid.size * N.value.style.chart.layout.grid.spaceBetween) / N.value.style.chart.layout.grid.size), vn = f(() => Math.max(1e-4, z.value.width / N.value.style.chart.layout.grid.size)), yn = f(() => Math.max(1e-4, z.value.height / N.value.style.chart.layout.grid.size));
-		function bn(e) {
+		}), V = f(() => (B.value.width - N.value.style.chart.layout.grid.size * N.value.style.chart.layout.grid.spaceBetween) / N.value.style.chart.layout.grid.size), H = f(() => (B.value.height - N.value.style.chart.layout.grid.size * N.value.style.chart.layout.grid.spaceBetween) / N.value.style.chart.layout.grid.size), _n = f(() => Math.max(1e-4, B.value.width / N.value.style.chart.layout.grid.size)), vn = f(() => Math.max(1e-4, B.value.height / N.value.style.chart.layout.grid.size));
+		function yn(e) {
 			let t = N.value.style.chart.layout.grid.size * N.value.style.chart.layout.grid.size, n = e.reduce((e, t) => e + t, 0), r = e.map((e) => e / n * t), i = r.map(Math.floor), a = r.map((e) => e % 1), o = t - i.reduce((e, t) => e + t, 0);
 			for (; o > 0;) {
 				let e = a.indexOf(Math.max(...a));
@@ -308,57 +308,66 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 			}
 			return i;
 		}
-		let xn = C(!1);
-		function Sn() {
-			return xn.value = tn.value.flatMap((e) => e.values.reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0) === 0, tn.value.map((e, t) => ({
+		let bn = C(!1);
+		function xn() {
+			return bn.value = tn.value.flatMap((e) => e.values.reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0) === 0, tn.value.map((e, t) => ({
 				...e,
-				color: s(e.color) || _n.value[t] || i[t] || i[t % i.length],
+				color: s(e.color) || gn.value[t] || i[t] || i[t % i.length],
 				uid: `serie_${t}`,
 				absoluteIndex: t
 			}));
 		}
-		let Cn = f(() => Sn()), H = C(Cn.value);
+		let Sn = f(() => xn()), U = C(Sn.value);
 		Je(() => O.dataset, (e) => {
 			Array.isArray(e) && e.length > 0 && (nn.value = !1);
 		}, { immediate: !0 }), Je(() => O.dataset, (e) => {
-			H.value = Sn();
+			U.value = xn();
 		}, { deep: !0 });
-		let wn = f(() => bn(H.value.filter((e, t) => !K.value.includes(e.uid)).map((e, t) => xn.value ? 1 : (e.values || []).reduce((e, t) => e + t, 0)))), Tn = f(() => bn(H.value.map((e, t) => xn.value ? 1 : (e.values || []).reduce((e, t) => e + t)))), U = f(() => (un.value && tn.value.forEach((e, t) => {
+		let Cn = f(() => yn(U.value.filter((e, t) => !q.value.includes(e.uid)).map((e, t) => bn.value ? 1 : (e.values || []).reduce((e, t) => e + t, 0)))), wn = f(() => yn(U.value.map((e, t) => bn.value ? 1 : (e.values || []).reduce((e, t) => e + t)))), Tn = f(() => N.value.style.chart.layout.grid.size ** 2), W = f(() => (ln.value && tn.value.forEach((e, t) => {
 			[null, void 0].includes(e.values) && ae({
 				componentName: "VueUiWaffle",
 				type: "datasetSerieAttribute",
 				property: "values (number[])",
 				index: t
 			});
-		}), H.value.filter((e, t) => !K.value.includes(e.uid)).map((e, t) => ({
-			absoluteIndex: e.absoluteIndex,
-			uid: e.uid,
-			name: e.name,
-			color: e.color,
-			value: (e.values || []).reduce((e, t) => e + t, 0),
-			absoluteValues: e.values || [],
-			proportion: wn.value[t]
-		})))), En = f(() => H.value.map((e, t) => ({
-			absoluteIndex: e.absoluteIndex,
-			uid: e.uid,
-			name: e.name,
-			color: e.color,
-			value: (e.values || []).reduce((e, t) => e + t, 0),
-			absoluteValues: e.values || [],
-			proportion: Tn.value[t]
-		})));
+		}), U.value.filter((e, t) => !q.value.includes(e.uid)).map((e, t) => {
+			let n = Cn.value[t];
+			return {
+				absoluteIndex: e.absoluteIndex,
+				uid: e.uid,
+				name: e.name,
+				color: e.color,
+				value: (e.values || []).reduce((e, t) => e + t, 0),
+				absoluteValues: e.values || [],
+				squareCount: n,
+				proportion: n / Tn.value
+			};
+		}))), En = f(() => U.value.map((e, t) => {
+			let n = wn.value[t];
+			return {
+				absoluteIndex: e.absoluteIndex,
+				uid: e.uid,
+				name: e.name,
+				color: e.color,
+				value: (e.values || []).reduce((e, t) => e + t, 0),
+				absoluteValues: e.values || [],
+				squareCount: n,
+				proportion: n / Tn.value
+			};
+		}));
 		function Dn() {
 			return En.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				value: e.value,
+				squareCount: e.squareCount,
 				proportion: e.proportion
 			}));
 		}
 		let On = f(() => {
 			let e = 0;
-			return U.value.map((t, n) => {
-				let r = e, i = r + t.proportion, a = [];
+			return W.value.map((t, n) => {
+				let r = e, i = r + t.squareCount, a = [];
 				for (let e = Math.floor(r); e < Math.floor(i); e += 1) a.push(e);
 				return e = i, {
 					...t,
@@ -366,7 +375,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 					rects: a
 				};
 			});
-		}), W = f(() => On.value.flatMap((e, t) => e.rects.map((n, r) => ({
+		}), G = f(() => On.value.flatMap((e, t) => e.rects.map((n, r) => ({
 			isFirst: r === 0,
 			isLongEnough: n.length > 2,
 			name: e.name,
@@ -379,18 +388,18 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 		}))).map((e, t) => ({
 			...e,
 			isAbsoluteFirst: t % N.value.style.chart.layout.grid.size === 0
-		}))), G = f(() => {
+		}))), K = f(() => {
 			let e = [];
 			for (let t = 0; t < N.value.style.chart.layout.grid.size; t += 1) for (let n = 0; n < N.value.style.chart.layout.grid.size; n += 1) e.push({
 				isStartOfLine: n === 0,
 				position: N.value.style.chart.layout.grid.vertical ? t : n,
-				x: (N.value.style.chart.layout.grid.vertical ? t : n) * (B.value + N.value.style.chart.layout.grid.spaceBetween),
-				y: (N.value.style.chart.layout.grid.vertical ? n : t) * (V.value + N.value.style.chart.layout.grid.spaceBetween) + z.value.top
+				x: (N.value.style.chart.layout.grid.vertical ? t : n) * (V.value + N.value.style.chart.layout.grid.spaceBetween),
+				y: (N.value.style.chart.layout.grid.vertical ? n : t) * (H.value + N.value.style.chart.layout.grid.spaceBetween) + B.value.top
 			});
 			return e;
-		}), K = C([]), kn = C(!1), An = C(Object.create(null)), jn = C(Object.create(null)), q = C(0);
-		function J(e, t) {
-			H.value = H.value.map((n) => n.uid === e ? {
+		}), q = C([]), kn = C(!1), An = C(Object.create(null)), jn = C(Object.create(null)), J = C(0);
+		function Y(e, t) {
+			U.value = U.value.map((n) => n.uid === e ? {
 				...n,
 				values: [t]
 			} : n);
@@ -401,59 +410,59 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 		}
 		function Nn(e) {
 			let t = !1;
-			An.value[e] && (cancelAnimationFrame(An.value[e]), delete An.value[e], t = !0), jn.value[e] && (cancelAnimationFrame(jn.value[e]), delete jn.value[e], t = !0), t && (q.value = Math.max(0, q.value - 1), kn.value = q.value > 0);
+			An.value[e] && (cancelAnimationFrame(An.value[e]), delete An.value[e], t = !0), jn.value[e] && (cancelAnimationFrame(jn.value[e]), delete jn.value[e], t = !0), t && (J.value = Math.max(0, J.value - 1), kn.value = J.value > 0);
 		}
 		function Pn({ seriesId: e, fromValue: t, toValue: n, mode: r }) {
-			Nn(e), q.value += 1, kn.value = !0;
+			Nn(e), J.value += 1, kn.value = !0;
 			let i = t;
 			return new Promise((a) => {
 				function o() {
 					if (r === "increase") {
 						if (i >= n) {
-							J(e, n), --q.value, q.value <= 0 && (kn.value = !1), delete An.value[e], a();
+							Y(e, n), --J.value, J.value <= 0 && (kn.value = !1), delete An.value[e], a();
 							return;
 						}
-						i += n * .025, i > n && (i = n), J(e, i), An.value[e] = requestAnimationFrame(o);
+						i += n * .025, i > n && (i = n), Y(e, i), An.value[e] = requestAnimationFrame(o);
 					} else {
 						if (i <= t / 100) {
-							J(e, 0), --q.value, q.value <= 0 && (kn.value = !1), delete jn.value[e], a();
+							Y(e, 0), --J.value, J.value <= 0 && (kn.value = !1), delete jn.value[e], a();
 							return;
 						}
-						i /= 1.15, J(e, i), jn.value[e] = requestAnimationFrame(o);
+						i /= 1.15, Y(e, i), jn.value[e] = requestAnimationFrame(o);
 					}
 				}
 				o();
 			});
 		}
 		function Fn() {
-			H.value = Cn.value;
-			let e = K.value.length > 0;
+			U.value = Sn.value;
+			let e = q.value.length > 0;
 			if (!N.value.useAnimation) {
-				e ? K.value = [] : K.value = Y.value.map((e) => e.uid);
+				e ? q.value = [] : q.value = X.value.map((e) => e.uid);
 				return;
 			}
-			e ? [...K.value].forEach((e) => {
+			e ? [...q.value].forEach((e) => {
 				In(e, !0);
-			}) : Y.value.map((e) => e.uid).forEach((e) => {
+			}) : X.value.map((e) => e.uid).forEach((e) => {
 				In(e, !0);
 			});
 		}
 		function In(e, t = !1) {
-			if (xn.value && !t) return;
-			let n = t || K.value.length < Y.value.length - 1 && Y.value.length > 1;
+			if (bn.value && !t) return;
+			let n = t || q.value.length < X.value.length - 1 && X.value.length > 1;
 			if (!N.value.useAnimation) {
-				K.value.includes(e) ? K.value = K.value.filter((t) => t !== e) : n && K.value.push(e);
+				q.value.includes(e) ? q.value = q.value.filter((t) => t !== e) : n && q.value.push(e);
 				return;
 			}
-			let r = Mn(e, Cn.value), i = Mn(e, H.value);
+			let r = Mn(e, Sn.value), i = Mn(e, U.value);
 			if (i !== 0 || r !== 0) {
-				if (K.value.includes(e)) {
-					if (K.value = K.value.filter((t) => t !== e), Pt.value) {
-						Nn(e), J(e, r), Yn("selectLegend", U.value.map((e) => ({
+				if (q.value.includes(e)) {
+					if (q.value = q.value.filter((t) => t !== e), Pt.value) {
+						Nn(e), Y(e, r), Yn("selectLegend", W.value.map((e) => ({
 							name: e.name,
 							color: e.color,
 							value: e.value,
-							proportion: e.proportion / N.value.style.chart.layout.grid.size ** 2
+							proportion: e.proportion
 						})));
 						return;
 					}
@@ -463,22 +472,22 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 						toValue: r,
 						mode: "increase"
 					}).then(() => {
-						Yn("selectLegend", U.value.map((e) => ({
+						Yn("selectLegend", W.value.map((e) => ({
 							name: e.name,
 							color: e.color,
 							value: e.value,
-							proportion: e.proportion / N.value.style.chart.layout.grid.size ** 2
+							proportion: e.proportion
 						})));
 					});
 					return;
 				}
 				if (n) {
 					if (Pt.value) {
-						Nn(e), K.value.includes(e) || K.value.push(e), J(e, 0), Yn("selectLegend", U.value.map((e) => ({
+						Nn(e), q.value.includes(e) || q.value.push(e), Y(e, 0), Yn("selectLegend", W.value.map((e) => ({
 							name: e.name,
 							color: e.color,
 							value: e.value,
-							proportion: e.proportion / N.value.style.chart.layout.grid.size ** 2
+							proportion: e.proportion
 						})));
 						return;
 					}
@@ -488,26 +497,26 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 						toValue: 0,
 						mode: "decrease"
 					}).then(() => {
-						K.value.includes(e) || K.value.push(e), J(e, 0), Yn("selectLegend", U.value.map((e) => ({
+						q.value.includes(e) || q.value.push(e), Y(e, 0), Yn("selectLegend", W.value.map((e) => ({
 							name: e.name,
 							color: e.color,
 							value: e.value,
-							proportion: e.proportion / N.value.style.chart.layout.grid.size ** 2
+							proportion: e.proportion
 						})));
 					});
 				}
 			}
 		}
 		function Ln(e) {
-			return En.value.length ? En.value.find((t) => t.name === e) || (un.value && console.warn(`VueUiWaffle - Series name not found "${e}"`), null) : (un.value && console.warn("VueUiWaffle - There are no series to show."), null);
+			return En.value.length ? En.value.find((t) => t.name === e) || (ln.value && console.warn(`VueUiWaffle - Series name not found "${e}"`), null) : (ln.value && console.warn("VueUiWaffle - There are no series to show."), null);
 		}
 		function Rn(e) {
 			let t = Ln(e);
-			t !== null && K.value.includes(t.uid) && In(t.uid);
+			t !== null && q.value.includes(t.uid) && In(t.uid);
 		}
 		function zn(e) {
 			let t = Ln(e);
-			t !== null && (K.value.includes(t.uid) || In(t.uid));
+			t !== null && (q.value.includes(t.uid) || In(t.uid));
 		}
 		function Bn({ val: e, percentage: t, showVal: n, showPercentage: r, config: i }) {
 			return je({
@@ -518,11 +527,11 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				showPercentage: r
 			});
 		}
-		let Y = f(() => H.value.map((e, t) => {
-			let n = (e.values || []).reduce((e, t) => e + t, 0), r = n / H.value.map((e) => (e.values || []).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0);
+		let X = f(() => U.value.map((e, t) => {
+			let n = (e.values || []).reduce((e, t) => e + t, 0), r = n / U.value.map((e) => (e.values || []).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0);
 			return {
 				name: e.name,
-				color: e.color || _n[t] || i[t] || i[t % i.length],
+				color: e.color || gn[t] || i[t] || i[t % i.length],
 				value: n,
 				proportion: r,
 				uid: e.uid,
@@ -539,8 +548,8 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 					datapoint: e,
 					index: t
 				}),
-				percentage: isNaN(e.value / X.value) ? "-" : u({
-					v: e.value / X.value * 100,
+				percentage: isNaN(e.value / Z.value) ? "-" : u({
+					v: e.value / Z.value * 100,
 					s: "%",
 					r: N.value.style.chart.legend.roundingPercentage
 				}),
@@ -550,9 +559,9 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 			});
 			return {
 				...e,
-				opacity: K.value.includes(e.uid) ? .5 : 1,
+				opacity: q.value.includes(e.uid) ? .5 : 1,
 				segregate: () => In(e.uid),
-				isSegregated: K.value.includes(e.uid),
+				isSegregated: q.value.includes(e.uid),
 				display: `${e.name}${N.value.style.chart.legend.showPercentage || N.value.style.chart.legend.showValue ? ": " : ""}${n}`
 			};
 		})), Vn = f(() => ({
@@ -562,9 +571,9 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 			fontSize: N.value.style.chart.legend.fontSize,
 			paddingBottom: 12,
 			fontWeight: N.value.style.chart.legend.bold ? "bold" : ""
-		})), X = f(() => U.value.map((e) => e.value).reduce((e, t) => e + t, 0)), Hn = C(null), Un = C(null), Z = f(() => {
+		})), Z = f(() => W.value.map((e) => e.value).reduce((e, t) => e + t, 0)), Hn = C(null), Un = C(null), Q = f(() => {
 			let e = /* @__PURE__ */ new Map();
-			return W.value.forEach((t, n) => {
+			return G.value.forEach((t, n) => {
 				e.has(t.serieIndex) ? e.get(t.serieIndex).rectIndexes.push(n) : e.set(t.serieIndex, {
 					serieIndex: t.serieIndex,
 					absoluteIndex: t.absoluteIndex,
@@ -578,34 +587,34 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 			}), Array.from(e.values()).sort((e, t) => e.serieIndex - t.serieIndex);
 		});
 		function Wn(e) {
-			return Z.value.find((t) => t.serieIndex === e) || null;
+			return Q.value.find((t) => t.serieIndex === e) || null;
 		}
 		function Gn(e) {
 			let t = Wn(e);
 			return !t || !t.rectIndexes.length ? null : t.rectIndexes[0];
 		}
 		function Kn(e) {
-			let t = W.value[e];
+			let t = G.value[e];
 			N.value.events.datapointClick && N.value.events.datapointClick({
 				datapoint: t,
 				seriesIndex: t.serieIndex
 			});
 		}
 		function qn(e) {
-			let t = W.value[e];
+			let t = G.value[e];
 			N.value.events.datapointLeave && N.value.events.datapointLeave({
 				datapoint: t,
 				seriesIndex: t.serieIndex
 			}), Un.value = null, Lt.value = !1, A.value = null, M.value = null, Zt.value = "pointer";
 		}
 		function Jn(e, t = "pointer") {
-			if (K.value.length === O.dataset.length) return;
-			let n = W.value[e];
+			if (q.value.length === O.dataset.length) return;
+			let n = G.value[e];
 			if (!n) return;
 			Zt.value = t, M.value = n.serieIndex, Hn.value = {
 				datapoint: n,
 				seriesIndex: n.absoluteIndex,
-				series: H.value,
+				series: U.value,
 				config: N.value
 			}, N.value.events.datapointEnter && Un.value !== n.serieIndex && N.value.events.datapointEnter({
 				datapoint: n,
@@ -615,12 +624,12 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 			if (c(r) && ne(() => r({
 				seriesIndex: n.absoluteIndex,
 				datapoint: n,
-				series: H.value,
+				series: U.value,
 				config: N.value
 			}))) Rt.value = r({
 				seriesIndex: n.absoluteIndex,
 				datapoint: n,
-				series: H.value,
+				series: U.value,
 				config: N.value
 			});
 			else {
@@ -637,36 +646,36 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 					}), {
 						datapoint: n,
 						seriesIndex: n.absoluteIndex,
-						series: H.value
+						series: U.value
 					})}</span>`,
 					percentage: `<span>${u({
-						v: xn.value ? 1 / tn.value.length * 100 : n.value / X.value * 100,
+						v: bn.value ? 1 / tn.value.length * 100 : n.value / Z.value * 100,
 						s: "%",
 						r: N.value.style.chart.tooltip.roundingPercentage
 					})}</span>`
 				})}</b></div>`, Rt.value = e;
 			}
 		}
-		let Yn = Ye, Q = f(() => ({
-			head: U.value.map((e) => ({
+		let Yn = Ye, $ = f(() => ({
+			head: W.value.map((e) => ({
 				name: e.name,
 				color: e.color
 			})),
-			body: U.value.map((e) => e.value)
+			body: W.value.map((e) => e.value)
 		}));
-		function $(e) {
+		function Xn(e) {
 			return N.value.useBlurOnHover && ![null, void 0].includes(A.value) && A.value !== e ? `url(#blur_${k.value})` : "";
 		}
-		function Xn(e) {
+		function Zn(e) {
 			return [null, void 0].includes(A.value) || A.value === e ? { opacity: 1 } : { opacity: N.value.style.chart.layout.rect.selection.unselectedOpacity };
 		}
-		function Zn(e) {
+		function Qn(e) {
 			return e.length <= 3 ? e : e.filter((t, n) => {
 				let r = e[(n - 1 + e.length) % e.length], i = e[(n + 1) % e.length], a = r.x === t.x && t.x === i.x, o = r.y === t.y && t.y === i.y;
 				return !a && !o;
 			});
 		}
-		function Qn(e) {
+		function $n(e) {
 			if (!e.length) return [];
 			let t = new Set(e.map(({ row: e, col: t }) => `${e}:${t}`)), n = [], r = /* @__PURE__ */ new Set(), i = [
 				[-1, 0],
@@ -744,13 +753,13 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 						if (o(e) === o(c)) break;
 						l.push(e), u = (r.get(o(e)) || []).find((e) => s.has(i(e)));
 					}
-					l.length >= 4 && a.push(Zn(l));
+					l.length >= 4 && a.push(Qn(l));
 				}
 			}), a;
 		}
-		function $n(e) {
+		function er(e) {
 			let t = N.value.style.chart.layout.grid.size, n = N.value.style.chart.layout.grid.vertical, r = [];
-			return W.value.forEach((i, a) => {
+			return G.value.forEach((i, a) => {
 				if (i.serieIndex !== e) return;
 				let o = Math.floor(a / t), s = a % t;
 				r.push({
@@ -759,27 +768,27 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				});
 			}), r;
 		}
-		function er(e) {
-			let t = vn.value, n = yn.value;
-			return Qn($n(e)).map((e) => e.map(({ x: e, y: r }) => ({
+		function tr(e) {
+			let t = _n.value, n = vn.value;
+			return $n(er(e)).map((e) => e.map(({ x: e, y: r }) => ({
 				x: e * t,
-				y: z.value.top + r * n
+				y: B.value.top + r * n
 			})));
 		}
-		function tr(e) {
+		function nr(e) {
 			return e.map(({ x: e, y: t }) => `${e},${t}`).join(" ");
 		}
-		function nr(e) {
+		function rr(e) {
 			return e.map((e) => {
 				if (!e.length) return "";
 				let [t, ...n] = e, r = n.map(({ x: e, y: t }) => `L ${e} ${t}`).join(" ");
 				return `M ${t.x} ${t.y} ${r} Z`;
 			}).filter(Boolean).join(" ");
 		}
-		let rr = f(() => !N.value.style.chart.layout.rect.selection?.wrap?.show || [null, void 0].includes(A.value) ? [] : er(A.value).map(tr)), ir = f(() => {
+		let ir = f(() => !N.value.style.chart.layout.rect.selection?.wrap?.show || [null, void 0].includes(A.value) ? [] : tr(A.value).map(nr)), ar = f(() => {
 			if (!N.value.style.chart.layout.rect.merged) return [];
 			let e = /* @__PURE__ */ new Map();
-			return W.value.forEach((t, n) => {
+			return G.value.forEach((t, n) => {
 				e.has(t.serieIndex) || e.set(t.serieIndex, {
 					serieIndex: t.serieIndex,
 					absoluteIndex: t.absoluteIndex,
@@ -789,29 +798,29 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				});
 			}), Array.from(e.values()).map((e) => ({
 				...e,
-				d: nr(er(e.serieIndex))
+				d: rr(tr(e.serieIndex))
 			})).filter((e) => e.d);
 		});
-		function ar(e, t) {
-			return N.value.style.chart.layout.labels.captions.show ? W.value.length && !kn.value && !N.value.style.chart.layout.grid.vertical && (W.value[e].isFirst && t.position < N.value.style.chart.layout.grid.size - 2 || W.value[e].isAbsoluteFirst && e % N.value.style.chart.layout.grid.size === 0 && W.value[e].absoluteStartIndex) : !1;
+		function or(e, t) {
+			return N.value.style.chart.layout.labels.captions.show ? G.value.length && !kn.value && !N.value.style.chart.layout.grid.vertical && (G.value[e].isFirst && t.position < N.value.style.chart.layout.grid.size - 2 || G.value[e].isAbsoluteFirst && e % N.value.style.chart.layout.grid.size === 0 && G.value[e].absoluteStartIndex) : !1;
 		}
-		function or(e, t = null) {
-			let n = te(N.value.style.chart.layout.labels.dataLabels.formatter, W.value[e].value, u({
+		function sr(e, t = null) {
+			let n = te(N.value.style.chart.layout.labels.dataLabels.formatter, G.value[e].value, u({
 				p: N.value.style.chart.layout.labels.dataLabels.prefix,
-				v: W.value[e].value,
+				v: G.value[e].value,
 				s: N.value.style.chart.layout.labels.dataLabels.suffix,
 				r: N.value.style.chart.layout.labels.captions.roundingValue
 			}), {
-				datapoint: W.value[e],
+				datapoint: G.value[e],
 				position: t
 			}), r = u({
-				v: W.value[e].proportion,
+				v: G.value[e].proportion * 100,
 				s: "%",
 				r: N.value.style.chart.layout.labels.captions.roundingPercentage
 			}), i = (N.value.style.chart.layout.labels.captions.serieNameAbbreviation ? ie({
-				source: W.value[e].name,
+				source: G.value[e].name,
 				length: N.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize
-			}) : W.value[e].name) + (N.value.style.chart.layout.labels.captions.showPercentage || N.value.style.chart.layout.labels.captions.showValue ? ":" : "");
+			}) : G.value[e].name) + (N.value.style.chart.layout.labels.captions.showPercentage || N.value.style.chart.layout.labels.captions.showValue ? ":" : "");
 			return `${N.value.style.chart.layout.labels.captions.showSerieName ? i : ""} ${Bn({
 				val: n,
 				percentage: r,
@@ -820,12 +829,12 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				config: N.value.style.chart.layout.labels.dataLabels
 			})}`;
 		}
-		function sr(e = null) {
+		function cr(e = null) {
 			Be(() => {
-				let r = Q.value.head.map((e, t) => [
+				let r = $.value.head.map((e, t) => [
 					[e.name],
-					[Q.value.body[t]],
-					[isNaN(Q.value.body[t] / X.value) ? "-" : Q.value.body[t] / X.value * 100]
+					[$.value.body[t]],
+					[isNaN($.value.body[t] / Z.value) ? "-" : $.value.body[t] / Z.value * 100]
 				]), i = [
 					[N.value.style.chart.title.text],
 					[N.value.style.chart.title.subtitle.text],
@@ -841,30 +850,30 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				});
 			});
 		}
-		let cr = f(() => ({
+		let lr = f(() => ({
 			head: [
 				"__SUM__",
-				te(N.value.style.chart.layout.labels.dataLabels.formatter, X.value, u({
+				te(N.value.style.chart.layout.labels.dataLabels.formatter, Z.value, u({
 					p: N.value.style.chart.layout.labels.dataLabels.prefix,
-					v: X.value,
+					v: Z.value,
 					s: N.value.style.chart.layout.labels.dataLabels.suffix,
 					r: N.value.table.td.roundingValue
 				})),
 				"100%"
 			],
-			body: Q.value.head.map((e, t) => [
+			body: $.value.head.map((e, t) => [
 				{
 					color: e.color,
 					name: e.name
 				},
-				te(N.value.style.chart.layout.labels.dataLabels.formatter, Q.value.body[t], u({
+				te(N.value.style.chart.layout.labels.dataLabels.formatter, $.value.body[t], u({
 					p: N.value.style.chart.layout.labels.dataLabels.prefix,
-					v: Q.value.body[t],
+					v: $.value.body[t],
 					s: N.value.style.chart.layout.labels.dataLabels.suffix,
 					r: N.value.table.td.roundingValue
 				})),
-				isNaN(Q.value.body[t] / X.value) ? "-" : u({
-					v: Q.value.body[t] / X.value * 100,
+				isNaN($.value.body[t] / Z.value) ? "-" : u({
+					v: $.value.body[t] / Z.value * 100,
 					s: "%",
 					r: N.value.table.td.roundingPercentage
 				})
@@ -888,21 +897,21 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				N.value.table.columnNames.value,
 				N.value.table.columnNames.percentage
 			]
-		})), lr = C(!1);
-		function ur(e) {
-			lr.value = e, zt.value += 1;
-		}
-		function dr() {
-			L.value.showTable = !L.value.showTable;
+		})), ur = C(!1);
+		function dr(e) {
+			ur.value = e, zt.value += 1;
 		}
 		function fr() {
-			L.value.showTooltip = !L.value.showTooltip;
+			R.value.showTable = !R.value.showTable;
+		}
+		function pr() {
+			R.value.showTooltip = !R.value.showTooltip;
 		}
-		let pr = C(!1);
-		function mr() {
-			pr.value = !pr.value;
+		let mr = C(!1);
+		function hr() {
+			mr.value = !mr.value;
 		}
-		async function hr({ scale: e = 2 } = {}) {
+		async function gr({ scale: e = 2 } = {}) {
 			if (!j.value) return;
 			let { width: t, height: n } = j.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await be({
 				domElement: j.value,
@@ -919,8 +928,8 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				aspectRatio: r
 			};
 		}
-		let gr = f(() => {
-			let e = N.value.table.useDialog && !N.value.table.show, t = L.value.showTable;
+		let _r = f(() => {
+			let e = N.value.table.useDialog && !N.value.table.show, t = R.value.showTable;
 			return {
 				component: e ? At : Et,
 				title: `${N.value.style.chart.title.text}${N.value.style.chart.title.subtitle.text ? `: ${N.value.style.chart.title.subtitle.text}` : ""}`,
@@ -929,7 +938,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 					color: N.value.table.th.color,
 					headerColor: N.value.table.th.color,
 					headerBg: N.value.table.th.backgroundColor,
-					isFullscreen: lr.value,
+					isFullscreen: ur.value,
 					fullscreenParent: j.value,
 					forcedWidth: Math.min(500, window.innerWidth * .8),
 					isCursorPointer: F.value
@@ -950,25 +959,25 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				}
 			};
 		});
-		Je(() => L.value.showTable, (e) => {
+		Je(() => R.value.showTable, (e) => {
 			N.value.table.show || (e && N.value.table.useDialog && Jt.value ? Jt.value.open() : "close" in Jt.value && Jt.value.close());
 		});
-		function _r() {
-			L.value.showTable = !1, Yt.value && Yt.value.setTableIconState(!1);
+		function vr() {
+			R.value.showTable = !1, Yt.value && Yt.value.setTableIconState(!1);
 		}
-		let vr = f(() => Y.value.map((e) => ({
+		let yr = f(() => X.value.map((e) => ({
 			...e,
 			name: e.display
-		}))), yr = f(() => N.value.style.chart.backgroundColor), br = f(() => N.value.style.chart.legend), xr = f(() => N.value.style.chart.title), { isCallbackImaging: Sr, isCallbackSvg: Cr, generateSvg: wr, onGenerateImage: Tr } = ve({
-			svg: sn,
-			title: xr,
-			legend: br,
-			legendItems: vr,
-			backgroundColor: yr,
+		}))), br = f(() => N.value.style.chart.backgroundColor), xr = f(() => N.value.style.chart.legend), Sr = f(() => N.value.style.chart.title), { isCallbackImaging: Cr, isCallbackSvg: wr, generateSvg: Tr, onGenerateImage: Er } = ve({
+			svg: I,
+			title: Sr,
+			legend: xr,
+			legendItems: yr,
+			backgroundColor: br,
 			getSvgCallback: () => N.value.userOptions.callbacks.svg,
-			generateImage: hn
+			generateImage: mn
 		});
-		async function Er() {
+		async function Dr() {
 			if (Yn("copyAlt", {
 				config: N.value,
 				dataset: En.value
@@ -981,14 +990,14 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				dataset: En.value
 			}));
 		}
-		function Dr() {
+		function Or() {
 			M.value = null, Qt.value = !0;
 		}
-		function Or() {
+		function kr() {
 			M.value = null, Zt.value = "pointer", Lt.value = !1, A.value = null, Un.value = null, Qt.value = !1;
 		}
-		function kr(e) {
-			if (!sn.value || pr.value || document.activeElement !== sn.value || !Z.value.length || K.value.length === O.dataset.length) return;
+		function Ar(e) {
+			if (!I.value || mr.value || document.activeElement !== I.value || !Q.value.length || q.value.length === O.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) {
@@ -1002,49 +1011,49 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				Kn(e);
 				return;
 			}
-			let a = Z.value.findIndex((e) => e.serieIndex === M.value), o = null;
-			if (o = a === -1 ? n ? Z.value[0] : Z.value[Z.value.length - 1] : n ? Z.value[(a + 1) % Z.value.length] : Z.value[(a - 1 + Z.value.length) % Z.value.length], !o) return;
+			let a = Q.value.findIndex((e) => e.serieIndex === M.value), o = null;
+			if (o = a === -1 ? n ? Q.value[0] : Q.value[Q.value.length - 1] : n ? Q.value[(a + 1) % Q.value.length] : Q.value[(a - 1 + Q.value.length) % Q.value.length], !o) return;
 			let s = Gn(o.serieIndex);
-			s !== null && (Ar(o.serieIndex), Jn(s, "keyboard"));
+			s !== null && (jr(o.serieIndex), Jn(s, "keyboard"));
 		}
-		function Ar(e) {
-			if (!Number.isFinite(e) || !sn.value) return;
+		function jr(e) {
+			if (!Number.isFinite(e) || !I.value) return;
 			let t = Wn(e);
 			if (!t || !t.rectIndexes.length) return;
 			let n = t.rectIndexes.map((e) => {
-				let t = G.value[e];
+				let t = K.value[e];
 				return t ? {
-					x: t.x + N.value.style.chart.layout.grid.spaceBetween / 2 + vn.value / 2,
-					y: t.y + N.value.style.chart.layout.grid.spaceBetween / 2 + yn.value / 2
+					x: t.x + N.value.style.chart.layout.grid.spaceBetween / 2 + _n.value / 2,
+					y: t.y + N.value.style.chart.layout.grid.spaceBetween / 2 + vn.value / 2
 				} : null;
 			}).filter(Boolean);
 			if (!n.length) return;
-			let r = Math.min(...n.map((e) => e.x)), i = Math.max(...n.map((e) => e.x)), a = Math.min(...n.map((e) => e.y)), o = Math.max(...n.map((e) => e.y)), s = (r + i) / 2, c = (a + o) / 2, l = sn.value.getBoundingClientRect();
+			let r = Math.min(...n.map((e) => e.x)), i = Math.max(...n.map((e) => e.x)), a = Math.min(...n.map((e) => e.y)), o = Math.max(...n.map((e) => e.y)), s = (r + i) / 2, c = (a + o) / 2, l = I.value.getBoundingClientRect();
 			Xt.value = {
-				x: l.left + s / R.value.width * l.width,
-				y: l.top + c / R.value.height * l.height
+				x: l.left + s / z.value.width * l.width,
+				y: l.top + c / z.value.height * l.height
 			};
 		}
-		let jr = f(() => ({
-			headers: cr.value?.colNames ?? [],
-			rows: cr.value?.body ?? []
+		let Mr = f(() => ({
+			headers: lr.value?.colNames ?? [],
+			rows: lr.value?.body ?? []
 		}));
 		return Ce({
 			getData: Dn,
-			getImage: hr,
-			generatePdf: mn,
-			generateCsv: sr,
-			generateImage: hn,
-			generateSvg: wr,
+			getImage: gr,
+			generatePdf: pn,
+			generateCsv: cr,
+			generateImage: mn,
+			generateSvg: Tr,
 			hideSeries: zn,
 			showSeries: Rn,
-			toggleTable: dr,
-			toggleTooltip: fr,
-			toggleAnnotator: mr,
-			toggleFullscreen: ur,
-			copyAlt: Er
+			toggleTable: fr,
+			toggleTooltip: pr,
+			toggleAnnotator: hr,
+			toggleFullscreen: dr,
+			copyAlt: Dr
 		}), (e, t) => (S(), h("div", {
-			class: y(`vue-data-ui-component vue-ui-waffle ${lr.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+			class: y(`vue-data-ui-component vue-ui-waffle ${ur.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
 			ref_key: "waffleChart",
 			ref: j,
 			id: `vue-ui-waffle_${k.value}`,
@@ -1056,11 +1065,11 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				id: `chart-instructions-${k.value}`,
 				class: "sr-only"
 			}, [g("p", null, Ge(N.value.a11y.translations.keyboardNavigation), 1)], 8, Ze),
-			jr.value?.rows?.length ? (S(), p(Oe, {
+			Mr.value?.rows?.length ? (S(), p(Oe, {
 				key: 0,
 				uid: k.value,
-				head: jr.value.headers,
-				body: jr.value.rows,
+				head: Mr.value.headers,
+				body: Mr.value.rows,
 				notice: N.value.a11y.translations.tableAvailable,
 				caption: N.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1072,12 +1081,12 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 			])) : m("", !0),
 			N.value.userOptions.buttons.annotator ? (S(), p(E(Ot), {
 				key: 1,
-				svgRef: E(sn),
+				svgRef: E(I),
 				backgroundColor: N.value.style.chart.backgroundColor,
 				color: N.value.style.chart.color,
-				active: pr.value,
+				active: mr.value,
 				isCursorPointer: F.value,
-				onClose: mr
+				onClose: hr
 			}, {
 				"annotator-action-close": D(() => [T(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": D(({ color: t }) => [T(e.$slots, "annotator-action-color", b(v({ color: t })), void 0, !0)]),
@@ -1093,7 +1102,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				"active",
 				"isCursorPointer"
 			])) : m("", !0),
-			gn.value ? (S(), h("div", {
+			hn.value ? (S(), h("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: Ut,
@@ -1125,8 +1134,8 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				key: `user_options_${zt.value}`,
 				backgroundColor: N.value.style.chart.backgroundColor,
 				color: N.value.style.chart.color,
-				isPrinting: E(fn),
-				isImaging: E(pn),
+				isPrinting: E(dn),
+				isImaging: E(fn),
 				uid: k.value,
 				hasTooltip: N.value.userOptions.buttons.tooltip && N.value.style.chart.tooltip.show,
 				hasPdf: N.value.userOptions.buttons.pdf,
@@ -1136,26 +1145,26 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				hasTable: N.value.userOptions.buttons.table,
 				hasFullscreen: N.value.userOptions.buttons.fullscreen,
 				hasAltCopy: N.value.userOptions.buttons.altCopy,
-				isFullscreen: lr.value,
-				isTooltip: L.value.showTooltip,
+				isFullscreen: ur.value,
+				isTooltip: R.value.showTooltip,
 				titles: { ...N.value.userOptions.buttonTitles },
 				chartElement: j.value,
 				position: N.value.userOptions.position,
 				hasAnnotator: N.value.userOptions.buttons.annotator,
-				isAnnotation: pr.value,
+				isAnnotation: mr.value,
 				callbacks: N.value.userOptions.callbacks,
 				printScale: N.value.userOptions.print.scale,
 				tableDialog: N.value.table.useDialog,
 				isCursorPointer: F.value,
-				onToggleFullscreen: ur,
-				onGeneratePdf: E(mn),
-				onGenerateCsv: sr,
-				onGenerateImage: E(Tr),
-				onGenerateSvg: E(wr),
-				onToggleTable: dr,
-				onToggleTooltip: fr,
-				onToggleAnnotator: mr,
-				onCopyAlt: Er,
+				onToggleFullscreen: dr,
+				onGeneratePdf: E(pn),
+				onGenerateCsv: cr,
+				onGenerateImage: E(Er),
+				onGenerateSvg: E(Tr),
+				onToggleTable: fr,
+				onToggleTooltip: pr,
+				onToggleAnnotator: hr,
+				onCopyAlt: Dr,
 				style: x({ visibility: E(on) ? E(rn) ? "visible" : "hidden" : "visible" })
 			}, Ie({ _: 2 }, [
 				e.$slots.menuIcon ? {
@@ -1230,23 +1239,23 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : m("", !0),
 			g("div", $e, [(S(), h("svg", {
 				ref_key: "svgRef",
-				ref: sn,
+				ref: I,
 				xmlns: E(ce),
 				"aria-describedby": `chart-instructions-${k.value}`,
 				class: y({
-					"vue-data-ui-fullscreen--on": lr.value,
-					"vue-data-ui-fulscreen--off": !lr.value,
+					"vue-data-ui-fullscreen--on": ur.value,
+					"vue-data-ui-fulscreen--off": !ur.value,
 					"vue-data-ui-no-transition": !E(P)
 				}),
 				tabindex: "0",
-				viewBox: `0 0 ${R.value.width <= 0 ? 10 : R.value.width} ${R.value.height <= 0 ? 10 : R.value.height}`,
+				viewBox: `0 0 ${z.value.width <= 0 ? 10 : z.value.width} ${z.value.height <= 0 ? 10 : z.value.height}`,
 				style: x(`max-width:100%;overflow:visible;background:transparent;color:${N.value.style.chart.color}`),
-				onFocus: Dr,
-				onBlur: Or,
-				onKeydown: kr
+				onFocus: Or,
+				onBlur: kr,
+				onKeydown: Ar
 			}, [
 				Re(E(kt)),
-				g("defs", null, [(S(!0), h(d, null, w(W.value, (e, t) => (S(), p(Ee, {
+				g("defs", null, [(S(!0), h(d, null, w(G.value, (e, t) => (S(), p(Ee, {
 					t: "radial",
 					cx: "50%",
 					cy: "50%",
@@ -1278,36 +1287,36 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 					type: "saturate",
 					values: "0"
 				}, null, -1)]], 8, tt)]),
-				N.value.useCustomCells && W.value.length && e.$slots.cell ? (S(!0), h(d, { key: 0 }, w(G.value, (t, n) => (S(), h("foreignObject", {
+				N.value.useCustomCells && G.value.length && e.$slots.cell ? (S(!0), h(d, { key: 0 }, w(K.value, (t, n) => (S(), h("foreignObject", {
 					x: t.x,
 					y: t.y,
-					height: V.value <= 0 ? 1e-4 : V.value,
-					width: B.value <= 0 ? 1e-4 : B.value,
+					height: H.value <= 0 ? 1e-4 : H.value,
+					width: V.value <= 0 ? 1e-4 : V.value,
 					class: "vue-ui-waffle-custom-cell-foreignObject"
 				}, [T(e.$slots, "cell", ze({ ref_for: !0 }, {
 					cell: {
 						...t,
-						color: W.value[n].color,
-						height: Math.max(0, V.value),
-						width: Math.max(0, B.value),
-						...W.value[n]
+						color: G.value[n].color,
+						height: Math.max(0, H.value),
+						width: Math.max(0, V.value),
+						...G.value[n]
 					},
-					isSelected: [null, void 0].includes(A.value) ? !0 : W.value[n].serieIndex === A.value
+					isSelected: [null, void 0].includes(A.value) ? !0 : G.value[n].serieIndex === A.value
 				}), void 0, !0)], 8, nt))), 256)) : m("", !0),
-				!W.value.length && !N.value.useCustomCells ? (S(), h("rect", {
+				!G.value.length && !N.value.useCustomCells ? (S(), h("rect", {
 					key: 1,
 					x: 12,
 					y: 12,
-					height: z.value.height - 24,
-					width: z.value.width - 24,
+					height: B.value.height - 24,
+					width: B.value.width - 24,
 					rx: 3,
 					fill: "none",
 					stroke: "black"
-				}, null, 8, rt)) : W.value.length && !N.value.useCustomCells ? (S(), h(d, { key: 2 }, [e.$slots.pattern ? (S(), h("g", it, [(S(!0), h(d, null, w(Cn.value, (t) => (S(), h("defs", null, [T(e.$slots, "pattern", ze({ ref_for: !0 }, {
+				}, null, 8, rt)) : G.value.length && !N.value.useCustomCells ? (S(), h(d, { key: 2 }, [e.$slots.pattern ? (S(), h("g", it, [(S(!0), h(d, null, w(Sn.value, (t) => (S(), h("defs", null, [T(e.$slots, "pattern", ze({ ref_for: !0 }, {
 					seriesIndex: t.absoluteIndex,
 					patternId: `pattern_${k.value}_${t.absoluteIndex}`
 				}), void 0, !0)]))), 256))])) : m("", !0), N.value.style.chart.layout.rect.merged ? (S(), h(d, { key: 1 }, [
-					(S(!0), h(d, null, w(ir.value, (e) => (S(), h("path", {
+					(S(!0), h(d, null, w(ar.value, (e) => (S(), h("path", {
 						key: `merged-underlayer-${e.serieIndex}`,
 						d: e.d,
 						fill: "white",
@@ -1315,11 +1324,11 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 						stroke: N.value.style.chart.layout.rect.stroke,
 						"stroke-width": N.value.style.chart.layout.rect.strokeWidth,
 						"stroke-linejoin": "round",
-						filter: $(e.serieIndex),
-						style: x(Xn(e.serieIndex)),
+						filter: Xn(e.serieIndex),
+						style: x(Zn(e.serieIndex)),
 						class: y({ "vue-data-ui-transition": E(P) })
 					}, null, 14, at))), 128)),
-					(S(!0), h(d, null, w(ir.value, (e) => (S(), h("path", {
+					(S(!0), h(d, null, w(ar.value, (e) => (S(), h("path", {
 						key: `merged-serie-${e.serieIndex}`,
 						d: e.d,
 						fill: N.value.style.chart.layout.rect.useGradient && N.value.style.chart.layout.rect.gradientIntensity > 0 ? `url(#gradient_${k.value}_${e.gradientIndex})` : e.color,
@@ -1327,71 +1336,71 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 						stroke: N.value.style.chart.layout.rect.stroke,
 						"stroke-width": N.value.style.chart.layout.rect.strokeWidth,
 						"stroke-linejoin": "round",
-						filter: $(e.serieIndex),
-						style: x(Xn(e.serieIndex)),
+						filter: Xn(e.serieIndex),
+						style: x(Zn(e.serieIndex)),
 						class: y({ "vue-data-ui-transition": E(P) })
 					}, null, 14, ot))), 128)),
-					e.$slots.pattern ? (S(), h("g", st, [(S(!0), h(d, null, w(ir.value, (e) => (S(), h("path", {
+					e.$slots.pattern ? (S(), h("g", st, [(S(!0), h(d, null, w(ar.value, (e) => (S(), h("path", {
 						key: `merged-pattern-${e.serieIndex}`,
 						d: e.d,
 						fill: `url(#pattern_${k.value}_${e.absoluteIndex})`,
 						"fill-rule": "evenodd",
 						stroke: "none",
-						filter: $(e.serieIndex),
-						style: x(Xn(e.serieIndex)),
+						filter: Xn(e.serieIndex),
+						style: x(Zn(e.serieIndex)),
 						class: y({ "vue-data-ui-transition": E(P) })
 					}, null, 14, ct))), 128))])) : m("", !0)
 				], 64)) : (S(), h(d, { key: 2 }, [
-					(S(!0), h(d, null, w(G.value, (e, t) => (S(), h("rect", {
+					(S(!0), h(d, null, w(K.value, (e, t) => (S(), h("rect", {
 						rx: N.value.style.chart.layout.rect.rounded ? N.value.style.chart.layout.rect.rounding : 0,
 						x: e.x + N.value.style.chart.layout.grid.spaceBetween / 2,
 						y: e.y + N.value.style.chart.layout.grid.spaceBetween / 2,
-						height: V.value <= 0 ? 1e-4 : V.value,
-						width: B.value <= 0 ? 1e-4 : B.value,
+						height: H.value <= 0 ? 1e-4 : H.value,
+						width: V.value <= 0 ? 1e-4 : V.value,
 						fill: "white",
 						stroke: N.value.style.chart.layout.rect.stroke,
 						"stroke-width": N.value.style.chart.layout.rect.strokeWidth,
-						filter: $(W.value[t].serieIndex),
-						style: x(Xn(W.value[t].serieIndex)),
+						filter: Xn(G.value[t].serieIndex),
+						style: x(Zn(G.value[t].serieIndex)),
 						class: y({ "vue-data-ui-transition": E(P) })
 					}, null, 14, lt))), 256)),
-					(S(!0), h(d, null, w(G.value, (e, t) => (S(), h("rect", {
+					(S(!0), h(d, null, w(K.value, (e, t) => (S(), h("rect", {
 						rx: N.value.style.chart.layout.rect.rounded ? N.value.style.chart.layout.rect.rounding : 0,
 						x: e.x + N.value.style.chart.layout.grid.spaceBetween / 2,
 						y: e.y + N.value.style.chart.layout.grid.spaceBetween / 2,
-						height: V.value <= 0 ? 1e-4 : V.value,
-						width: B.value <= 0 ? 1e-4 : B.value,
-						fill: N.value.style.chart.layout.rect.useGradient && N.value.style.chart.layout.rect.gradientIntensity > 0 ? `url(#gradient_${k.value}_${t})` : W.value[t].color,
+						height: H.value <= 0 ? 1e-4 : H.value,
+						width: V.value <= 0 ? 1e-4 : V.value,
+						fill: N.value.style.chart.layout.rect.useGradient && N.value.style.chart.layout.rect.gradientIntensity > 0 ? `url(#gradient_${k.value}_${t})` : G.value[t].color,
 						stroke: N.value.style.chart.layout.rect.stroke,
 						"stroke-width": N.value.style.chart.layout.rect.strokeWidth,
-						filter: $(W.value[t].serieIndex),
-						style: x(Xn(W.value[t].serieIndex)),
+						filter: Xn(G.value[t].serieIndex),
+						style: x(Zn(G.value[t].serieIndex)),
 						class: y({ "vue-data-ui-transition": E(P) })
 					}, null, 14, ut))), 256)),
-					e.$slots.pattern ? (S(), h("g", dt, [(S(!0), h(d, null, w(G.value, (e, t) => (S(), h("rect", {
+					e.$slots.pattern ? (S(), h("g", dt, [(S(!0), h(d, null, w(K.value, (e, t) => (S(), h("rect", {
 						rx: N.value.style.chart.layout.rect.rounded ? N.value.style.chart.layout.rect.rounding : 0,
 						x: e.x + N.value.style.chart.layout.grid.spaceBetween / 2,
 						y: e.y + N.value.style.chart.layout.grid.spaceBetween / 2,
-						height: V.value <= 0 ? 1e-4 : V.value,
-						width: B.value <= 0 ? 1e-4 : B.value,
-						fill: `url(#pattern_${k.value}_${W.value[t].absoluteIndex})`,
+						height: H.value <= 0 ? 1e-4 : H.value,
+						width: V.value <= 0 ? 1e-4 : V.value,
+						fill: `url(#pattern_${k.value}_${G.value[t].absoluteIndex})`,
 						stroke: "none",
-						filter: $(W.value[t].serieIndex),
-						style: x(Xn(W.value[t].serieIndex)),
+						filter: Xn(G.value[t].serieIndex),
+						style: x(Zn(G.value[t].serieIndex)),
 						class: y({ "vue-data-ui-transition": E(P) })
 					}, null, 14, ft))), 256))])) : m("", !0)
 				], 64))], 64)) : m("", !0),
-				e.$slots.cellSvg ? (S(!0), h(d, { key: 3 }, w(G.value, (t, n) => (S(), h("g", null, [T(e.$slots, "cellSvg", ze({ ref_for: !0 }, {
+				e.$slots.cellSvg ? (S(!0), h(d, { key: 3 }, w(K.value, (t, n) => (S(), h("g", null, [T(e.$slots, "cellSvg", ze({ ref_for: !0 }, {
 					cell: {
 						...t,
-						color: W.value[n].color,
-						height: Math.max(0, V.value),
-						width: Math.max(0, B.value),
-						...W.value[n]
+						color: G.value[n].color,
+						height: Math.max(0, H.value),
+						width: Math.max(0, V.value),
+						...G.value[n]
 					},
-					isSelected: [null, void 0].includes(A.value) ? !0 : W.value[n].serieIndex === A.value
+					isSelected: [null, void 0].includes(A.value) ? !0 : G.value[n].serieIndex === A.value
 				}), void 0, !0)]))), 256)) : m("", !0),
-				(S(!0), h(d, null, w(rr.value, (e, t) => (S(), h("polygon", {
+				(S(!0), h(d, null, w(ir.value, (e, t) => (S(), h("polygon", {
 					key: `selected-series-wrap-${t}`,
 					points: e,
 					fill: "none",
@@ -1400,17 +1409,17 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 					"stroke-linejoin": N.value.style.chart.layout.rect.selection.wrap.strokeLinejoin,
 					"pointer-events": "none"
 				}, null, 8, pt))), 128)),
-				(S(!0), h(d, null, w(G.value, (e, t) => (S(), h(d, null, [ar(t, e) ? (S(), h("text", {
+				(S(!0), h(d, null, w(K.value, (e, t) => (S(), h(d, null, [or(t, e) ? (S(), h("text", {
 					key: `datalabel_${t}`,
-					textContent: Ge(or(t, e)),
+					textContent: Ge(sr(t, e)),
 					x: e.x + N.value.style.chart.layout.labels.captions.offsetX + N.value.style.chart.layout.grid.spaceBetween / 2 + 6,
-					y: e.y + N.value.style.chart.layout.labels.captions.offsetY + N.value.style.chart.layout.grid.spaceBetween / 2 + yn.value / 2 + N.value.style.chart.layout.labels.captions.fontSize / 3,
+					y: e.y + N.value.style.chart.layout.labels.captions.offsetY + N.value.style.chart.layout.grid.spaceBetween / 2 + vn.value / 2 + N.value.style.chart.layout.labels.captions.fontSize / 3,
 					"font-size": N.value.style.chart.layout.labels.captions.fontSize,
-					fill: E(se)(W.value[t].color),
-					filter: $(W.value[t].serieIndex),
+					fill: E(se)(G.value[t].color),
+					filter: Xn(G.value[t].serieIndex),
 					class: y({ "vue-data-ui-transition": E(P) })
 				}, null, 10, mt)) : m("", !0)], 64))), 256)),
-				N.value.style.chart.layout.rect.merged && !N.value.useCustomCells ? (S(!0), h(d, { key: 4 }, w(ir.value, (e) => (S(), h("path", {
+				N.value.style.chart.layout.rect.merged && !N.value.useCustomCells ? (S(!0), h(d, { key: 4 }, w(ar.value, (e) => (S(), h("path", {
 					key: `tooltip-trap-${e.serieIndex}`,
 					d: e.d,
 					fill: "transparent",
@@ -1420,12 +1429,12 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 					onMouseover: (t) => Jn(e.rectIndex),
 					onMouseleave: (t) => qn(e.rectIndex),
 					onClick: (t) => Kn(e.rectIndex)
-				}, null, 40, ht))), 128)) : (S(!0), h(d, { key: 5 }, w(G.value, (e, t) => (S(), h("rect", {
+				}, null, 40, ht))), 128)) : (S(!0), h(d, { key: 5 }, w(K.value, (e, t) => (S(), h("rect", {
 					key: `tooltip-trap-${t}`,
 					x: e.x + N.value.style.chart.layout.grid.spaceBetween / 2,
 					y: e.y + N.value.style.chart.layout.grid.spaceBetween / 2,
-					height: yn.value,
-					width: vn.value,
+					height: vn.value,
+					width: _n.value,
 					fill: "transparent",
 					stroke: "none",
 					onMouseover: (e) => Jn(t),
@@ -1433,15 +1442,15 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 					onClick: (e) => Kn(t)
 				}, null, 40, gt))), 128)),
 				T(e.$slots, "svg", { svg: {
-					...R.value,
-					isPrintingImg: E(fn) || E(pn) || E(Sr),
-					isPrintingSvg: E(Cr)
+					...z.value,
+					isPrintingImg: E(dn) || E(fn) || E(Cr),
+					isPrintingSvg: E(wr)
 				} }, void 0, !0)
 			], 46, et)), e.$slots.hint ? (S(), h("div", _t, [T(e.$slots, "hint", b(v({
 				hint: N.value.a11y.translations.keyboardNavigation,
 				isVisible: Qt.value
 			})), void 0, !0)])) : m("", !0)]),
-			e.$slots.watermark ? (S(), h("div", vt, [T(e.$slots, "watermark", b(v({ isPrinting: E(fn) || E(pn) || E(Sr) || E(Cr) })), void 0, !0)])) : m("", !0),
+			e.$slots.watermark ? (S(), h("div", vt, [T(e.$slots, "watermark", b(v({ isPrinting: E(dn) || E(fn) || E(Cr) || E(wr) })), void 0, !0)])) : m("", !0),
 			g("div", { id: `legend-bottom-${k.value}` }, null, 8, yt),
 			qt.value && (N.value.style.chart.legend.show || e.$slots.legend) ? (S(), p(Fe, {
 				key: 6,
@@ -1449,23 +1458,23 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 			}, [g("div", {
 				ref_key: "chartLegend",
 				ref: Vt
-			}, [T(e.$slots, "legend", { legend: Y.value }, () => [N.value.style.chart.legend.show ? (S(), p(Me, {
+			}, [T(e.$slots, "legend", { legend: X.value }, () => [N.value.style.chart.legend.show ? (S(), p(Me, {
 				key: `legend_${Kt.value}`,
-				legendSet: Y.value,
+				legendSet: X.value,
 				config: Vn.value,
 				isCursorPointer: F.value,
 				onClickMarker: t[0] ||= ({ legend: e }) => In(e.uid)
 			}, Ie({
 				item: D(({ legend: e }) => [g("div", {
 					onClick: (t) => e.segregate(),
-					style: x(`opacity:${K.value.includes(e.uid) ? .5 : 1}`)
+					style: x(`opacity:${q.value.includes(e.uid) ? .5 : 1}`)
 				}, Ge(e.display), 13, bt)]),
-				legendToggle: D(() => [Y.value.length > 2 && N.value.style.chart.legend.selectAllToggle.show && !E(en) ? (S(), p(De, {
+				legendToggle: D(() => [X.value.length > 2 && N.value.style.chart.legend.selectAllToggle.show && !E(en) ? (S(), p(De, {
 					key: 0,
 					backgroundColor: N.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: N.value.style.chart.legend.selectAllToggle.color,
 					fontSize: N.value.style.chart.legend.fontSize,
-					checked: K.value.length > 0,
+					checked: q.value.length > 0,
 					isCursorPointer: F.value,
 					onToggle: Fn
 				}, null, 8, [
@@ -1502,7 +1511,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 			}, [T(e.$slots, "source", {}, void 0, !0)], 512)) : m("", !0),
 			Re(E(Ct), {
 				teleportTo: N.value.style.chart.tooltip.teleportTo,
-				show: L.value.showTooltip && Lt.value && K.value.length < O.dataset.length,
+				show: R.value.showTooltip && Lt.value && q.value.length < O.dataset.length,
 				backgroundColor: N.value.style.chart.tooltip.backgroundColor,
 				color: N.value.style.chart.tooltip.color,
 				borderRadius: N.value.style.chart.tooltip.borderRadius,
@@ -1516,7 +1525,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				content: Rt.value,
 				isCustom: N.value.style.chart.tooltip.customFormat && typeof N.value.style.chart.tooltip.customFormat == "function",
 				fontSize: N.value.style.chart.tooltip.fontSize,
-				isFullscreen: lr.value,
+				isFullscreen: ur.value,
 				smooth: N.value.style.chart.tooltip.smooth,
 				backdropFilter: N.value.style.chart.tooltip.backdropFilter,
 				smoothForce: N.value.style.chart.tooltip.smoothForce,
@@ -1552,25 +1561,25 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			It.value && N.value.userOptions.buttons.table ? (S(), p(Ue(gr.value.component), ze({ key: 8 }, gr.value.props, {
+			It.value && N.value.userOptions.buttons.table ? (S(), p(Ue(_r.value.component), ze({ key: 8 }, _r.value.props, {
 				ref_key: "tableUnit",
 				ref: Jt,
-				onClose: _r
+				onClose: vr
 			}), Ie({
 				content: D(() => [(S(), p(E(Tt), {
 					key: `table_${Gt.value}`,
-					colNames: cr.value.colNames,
-					head: cr.value.head,
-					body: cr.value.body,
-					config: cr.value.config,
-					title: N.value.table.useDialog ? "" : gr.value.title,
+					colNames: lr.value.colNames,
+					head: lr.value.head,
+					body: lr.value.body,
+					config: lr.value.config,
+					title: N.value.table.useDialog ? "" : _r.value.title,
 					withCloseButton: !N.value.table.useDialog,
 					isCursorPointer: F.value,
-					onClose: _r
+					onClose: vr
 				}, {
 					th: D(({ th: e }) => [e === "__SUM__" ? (S(), h("div", xt, [Re(E(wt), {
 						name: "sigma",
-						stroke: cr.value.config.th.color,
+						stroke: lr.value.config.th.color,
 						size: 16
 					}, null, 8, ["stroke"])])) : (S(), h("div", St, Ge(e), 1))]),
 					td: D(({ td: e }) => [Le(Ge(e.name || e), 1)]),
@@ -1587,24 +1596,24 @@ var Ye = /* @__PURE__ */ e({ default: () => Ct }), Xe = ["id"], Ze = ["id"], Qe
 				_: 2
 			}, [N.value.table.useDialog ? {
 				name: "title",
-				fn: D(() => [Le(Ge(gr.value.title), 1)]),
+				fn: D(() => [Le(Ge(_r.value.title), 1)]),
 				key: "0"
 			} : void 0, N.value.table.useDialog ? {
 				name: "actions",
 				fn: D(() => [g("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => sr(N.value.userOptions.callbacks.csv),
+					onClick: t[1] ||= (e) => cr(N.value.userOptions.callbacks.csv),
 					style: x({ cursor: F.value ? "pointer" : "default" })
 				}, [Re(E(wt), {
 					name: "fileCsv",
-					stroke: gr.value.props.color
+					stroke: _r.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : m("", !0),
 			T(e.$slots, "skeleton", {}, () => [E(en) ? (S(), p(he, { key: 0 })) : m("", !0)], !0)
 		], 46, Xe));
 	}
-}, [["__scopeId", "data-v-ac304f67"]]);
+}, [["__scopeId", "data-v-2619f66a"]]);
 //#endregion
 export { Ye as n, Ct as t };