vue-data-ui 3.19.8 → 3.19.9

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

@@ -107,7 +107,7 @@ 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-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-Dl9W5zJD.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({
 			x: 0,
 			y: 0
 		}), A = v("pointer"), Jt = v(!1), j = v(tn()), M = s(() => j.value.userOptions.useCursorPointer), Yt = s(() => me({
@@ -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,26 +286,22 @@ 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);
@@ -323,7 +326,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				v: e.value / W.value * 100,
 				s: "%",
 				r: j.value.style.chart.legend.roundingPercentage
-			}), a = wn({
+			}), a = Tn({
 				showVal: j.value.style.chart.legend.showValue,
 				showPercentage: j.value.style.chart.legend.showPercentage,
 				val: r,
@@ -337,7 +340,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				isSegregated: B.value.includes(e.uid),
 				display: `${e.name}${j.value.style.chart.legend.showPercentage || j.value.style.chart.legend.showValue ? ": " : ""}${a}`
 			};
-		}).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,
@@ -350,11 +353,11 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			name: e,
 			color: n || pe(n) || dn.value[a] || o[a] || o[a % o.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,7 +389,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				showPercentage: r
 			});
 		}
-		function Tn(e) {
+		function En(e) {
 			let t = j.value.style.chart.layout.labels.dataLabels, r = ie(t.formatter, e.value, n({
 				p: t.prefix,
 				v: e.value,
@@ -397,7 +400,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				s: "%",
 				r: t.roundingPercentage
 			});
-			return `${e.name}\n${wn({
+			return `${e.name}\n${Tn({
 				val: r,
 				percentage: i,
 				showVal: t.showValue,
@@ -417,13 +420,13 @@ 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, r = "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,
@@ -443,7 +446,7 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			});
 			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({
+				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>${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({
@@ -517,7 +520,7 @@ 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],
@@ -539,23 +542,23 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 			});
 		}
 		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"));
+			ee && (Yn(a), On(ee, a, "keyboard"));
 		}
-		function Jn(e) {
+		function Yn(e) {
 			if (!Number.isFinite(e) || !P.value) return;
 			let t = G.value[e];
 			if (!t) return;
@@ -695,25 +698,25 @@ 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
+			generateSvg: Un,
+			hideSeries: vn,
+			showSeries: _n,
+			toggleTable: jn,
+			toggleTooltip: Mn,
+			toggleAnnotator: Pn,
+			toggleFullscreen: An,
+			toggleLabels: Nn,
+			copyAlt: Gn
 		}), (e, n) => (_(), u("div", {
 			ref_key: "ringsChart",
 			ref: D,
@@ -729,11 +732,11 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 				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 ? {
@@ -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", {
@@ -1003,9 +1006,9 @@ var Ze = /* @__PURE__ */ e({ default: () => bt }), Qe = ["id"], $e = ["id"], et
 						cy: J(n, r),
 						r: q(n),
 						fill: "transparent",
-						onMouseenter: (e) => Dn(n, r, "pointer"),
-						onMouseleave: (e) => Cn(n, r),
-						onClick: (e) => Sn(n, r)
+						onMouseenter: (e) => On(n, r, "pointer"),
+						onMouseleave: (e) => wn(n, r),
+						onClick: (e) => Cn(n, r)
 					}, null, 40, dt),
 					R.value.showLabels ? (_(), u(Fe, { key: 1 }, [
 						d("rect", {
@@ -1048,11 +1051,11 @@ 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),
+							onMouseenter: (e) => On(n, r, "pointer"),
+							onMouseleave: (e) => wn(n, r),
+							onClick: (e) => Cn(n, r),
 							innerHTML: b(t)({
-								content: Tn(n),
+								content: En(n),
 								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),
@@ -1082,7 +1085,7 @@ 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)
 			}, Le({
@@ -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: n[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 };

package/dist/{vue-ui-scatter-DrS1nrwL.js → vue-ui-scatter-dFDowCVQ.js}

@@ -383,9 +383,9 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 			}
 		}
 	},
-	emits: ["copyAlt"],
+	emits: ["copyAlt", "selectLegend"],
 	setup(e, { expose: ve, emit: Ve }) {
-		let vn = je(() => import("./Tooltip-CuWEYGr3.js")), yn = je(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), bn = je(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), xn = je(() => import("./DataTable-DmE8Oo4i.js")), Sn = je(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), Cn = je(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), wn = je(() => import("./PackageVersion-zJAUEmyB.js").then((e) => e.t)), Tn = je(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), { vue_ui_scatter: En } = ce(), { isThemeValid: Dn, warnInvalidTheme: On } = me(), P = e, kn = Ve, An = y(() => !!P.dataset && P.dataset.length), F = O(r()), jn = O(!1), Mn = O(""), Nn = O(0), I = O(null), Pn = O(null), Fn = O(null), In = O(null), Ln = O(null), Rn = O(0), zn = O(0), Bn = O(0), L = O([]), Vn = O(!1), Hn = O(null), Un = O(null), Wn = O(null), Gn = O(null), Kn = O(!1), qn = O(!1), Jn = O(null), Yn = O(null), Xn = O(null), Zn = O(null), Qn = O(null), $n = O(null), er = O(null), tr = O({
+		let vn = je(() => import("./Tooltip-CuWEYGr3.js")), yn = je(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), bn = je(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), xn = je(() => import("./DataTable-DmE8Oo4i.js")), Sn = je(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), Cn = je(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), wn = je(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), Tn = je(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), { vue_ui_scatter: En } = ce(), { isThemeValid: Dn, warnInvalidTheme: On } = me(), P = e, kn = Ve, An = y(() => !!P.dataset && P.dataset.length), F = O(r()), jn = O(!1), Mn = O(""), Nn = O(0), I = O(null), Pn = O(null), Fn = O(null), In = O(null), Ln = O(null), Rn = O(0), zn = O(0), Bn = O(0), L = O([]), Vn = O(!1), Hn = O(null), Un = O(null), Wn = O(null), Gn = O(null), Kn = O(!1), qn = O(!1), Jn = O(null), Yn = O(null), Xn = O(null), Zn = O(null), Qn = O(null), $n = O(null), er = O(null), tr = O({
 			x: 0,
 			y: 0
 		}), nr = O("pointer"), rr = O(!1), ir = O(null), R = O(mr()), ar = y(() => R.value.userOptions.useCursorPointer);
@@ -970,10 +970,10 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 		function ai() {
 			L.value.length ? L.value = [] : G.value.forEach((e) => {
 				L.value.push(e.id);
-			});
+			}), kn("selectLegend", Hr.value);
 		}
 		function oi(e) {
-			L.value.includes(e) ? L.value = L.value.filter((t) => t !== e) : L.value.length < lr.value.length - 1 && L.value.push(e);
+			L.value.includes(e) ? L.value = L.value.filter((t) => t !== e) : L.value.length < lr.value.length - 1 && L.value.push(e), kn("selectLegend", Hr.value);
 		}
 		function si(e) {
 			return G.value.length ? G.value.find((t) => t.name === e) || (R.value.debug && console.warn(`VueUiScatter - Series name not found "${e}"`), null) : (R.value.debug && console.warn("VueUiScatter - There are no series to show."), null);
@@ -2408,6 +2408,6 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 			A(e.$slots, "skeleton", {}, () => [M(cr) ? (D(), b(de, { key: 0 })) : x("", !0)], !0)
 		], 46, He));
 	}
-}, [["__scopeId", "data-v-3b0d1181"]]);
+}, [["__scopeId", "data-v-18dd909c"]]);
 //#endregion
 export { Ve as n, vn as t };

package/dist/{vue-ui-skeleton-Cqv1KG4y.js → vue-ui-skeleton-zhkS1cmh.js}

@@ -3,7 +3,7 @@ import { D as t, P as n, jt as r, t as i } from "./lib-BkiwukKO.js";
 import { t as ee } from "./useConfig-ByaaSKhz.js";
 import { t as te } from "./useNestedProp-Ck4hsrpu.js";
 import { t as a } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { n as o } from "./PackageVersion-zJAUEmyB.js";
+import { n as o } from "./PackageVersion-Dl9W5zJD.js";
 import { Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createStaticVNode as f, createVNode as p, normalizeClass as ne, normalizeStyle as m, openBlock as h, ref as g, renderList as _, unref as v } from "vue";
 //#region src/components/vue-ui-skeleton.vue
 var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae = { transform: "translate(300, 300)" }, oe = [

package/dist/{vue-ui-spark-trend-eHleRq-z.js → vue-ui-spark-trend-fQ10-UvM.js}

@@ -63,7 +63,7 @@ var x = /* @__PURE__ */ e({ default: () => S }), be = ["id", "aria-describedby"]
 		}
 	},
 	setup(e) {
-		let se = he(() => import("./PackageVersion-zJAUEmyB.js").then((e) => e.t)), { vue_ui_spark_trend: x } = re(), { isThemeValid: S, warnInvalidTheme: Re } = oe(), C = ue(), w = e, T = g(null), E = g(null), ze = g(null), D = g(null), O = g(null), k = g(!1), A = g(null), j = g(n()), M = g(I()), Be = d(() => ne({
+		let se = he(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), { vue_ui_spark_trend: x } = re(), { isThemeValid: S, warnInvalidTheme: Re } = oe(), C = ue(), w = e, T = g(null), E = g(null), ze = g(null), D = g(null), O = g(null), k = g(!1), A = g(null), j = g(n()), M = g(I()), Be = d(() => ne({
 			defaultConfig: { style: {
 				animation: { show: !1 },
 				backgroundColor: "#99999930",

package/dist/{vue-ui-sparkbar-BHJTG_on.js → vue-ui-sparkbar-D5toou8V.js}

@@ -56,7 +56,7 @@ var D = /* @__PURE__ */ e({ default: () => R }), O = [
 	},
 	emits: ["selectDatapoint"],
 	setup(e, { emit: D }) {
-		let R = de(() => import("./PackageVersion-zJAUEmyB.js").then((e) => e.t)), { vue_ui_sparkbar: _e } = ie(), { isThemeValid: ve, warnInvalidTheme: ye } = se(), z = ce(), B = e, be = ge();
+		let R = de(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), { vue_ui_sparkbar: _e } = ie(), { isThemeValid: ve, warnInvalidTheme: ye } = se(), z = ce(), B = e, be = ge();
 		b(() => {
 			be["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
 		});

package/dist/{vue-ui-sparkgauge-DpAEwvLX.js → vue-ui-sparkgauge-DRZcIPYf.js}

@@ -50,7 +50,7 @@ var w = /* @__PURE__ */ e({ default: () => j }), pe = ["xmlns", "viewBox"], me =
 		}
 	},
 	setup(e) {
-		let w = ue(() => import("./PackageVersion-zJAUEmyB.js").then((e) => e.t)), { vue_ui_sparkgauge: j } = ae(), { isThemeValid: M, warnInvalidTheme: N } = se(), P = l(), F = y(null), I = e, L = y(n()), R = y(W()), z = d(() => R.value.style.animation.show && !P.value), _e = d(() => a({
+		let w = ue(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), { vue_ui_sparkgauge: j } = ae(), { isThemeValid: M, warnInvalidTheme: N } = se(), P = l(), F = y(null), I = e, L = y(n()), R = y(W()), z = d(() => R.value.style.animation.show && !P.value), _e = d(() => a({
 			defaultConfig: { style: {
 				animation: { show: !1 },
 				background: "#99999930",

package/dist/{vue-ui-sparkhistogram-BlMH_NJk.js → vue-ui-sparkhistogram-YizEqFdN.js}

@@ -88,7 +88,7 @@ var ye = /* @__PURE__ */ e({ default: () => k }), be = ["id"], xe = { key: 0 },
 	emits: ["selectDatapoint"],
 	setup(e, { emit: ne }) {
 		_e((e) => ({ v66b29b27: nt.value }));
-		let ye = de(() => import("./PackageVersion-zJAUEmyB.js").then((e) => e.t)), { vue_ui_sparkhistogram: k } = d(), { isThemeValid: We, warnInvalidTheme: Ge } = ee(), A = e, j = w(n()), M = w(null), N = w(null), P = w(null), F = w(null), I = w(null), L = w(!1), R = w(null), z = w("pointer"), B = w(K()), Ke = g(() => u({
+		let ye = de(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), { vue_ui_sparkhistogram: k } = d(), { isThemeValid: We, warnInvalidTheme: Ge } = ee(), A = e, j = w(n()), M = w(null), N = w(null), P = w(null), F = w(null), I = w(null), L = w(!1), R = w(null), z = w("pointer"), B = w(K()), Ke = g(() => u({
 			defaultConfig: { style: {
 				animation: { show: !1 },
 				backgroundColor: "#99999930"

package/dist/{vue-ui-sparkline-BAWc3ROJ.js → vue-ui-sparkline-w2nclIW0.js}

@@ -686,7 +686,7 @@ var st = ["innerHTML"], ct = {
 	},
 	emits: ["hoverIndex", "selectDatapoint"],
 	setup(e, { emit: fe }) {
-		let Me = xe(() => import("./PackageVersion-zJAUEmyB.js").then((e) => e.t)), Ne = xe(() => import("./SparkTooltip-c2DL7gqD.js")), { vue_ui_sparkline: Pe } = se(), { isThemeValid: Fe, warnInvalidTheme: Ie } = de(), Le = ge(), k = e, Re = v(() => Array.isArray(k.dataset) && k.dataset.length > 0), A = T(r()), j = T(null), Be = T(null), Ve = T(null), M = T(null), N = T(null), P = T(R());
+		let Me = xe(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), Ne = xe(() => import("./SparkTooltip-c2DL7gqD.js")), { vue_ui_sparkline: Pe } = se(), { isThemeValid: Fe, warnInvalidTheme: Ie } = de(), Le = ge(), k = e, Re = v(() => Array.isArray(k.dataset) && k.dataset.length > 0), A = T(r()), j = T(null), Be = T(null), Ve = T(null), M = T(null), N = T(null), P = T(R());
 		function He(e) {
 			return k.config?.skeletonDataset && Array.isArray(k.config.skeletonDataset) ? k.config.skeletonDataset.map((e) => ({
 				period: "-",