vue-data-ui 3.21.4 → 3.21.6

package/dist/{vue-ui-horizontal-bar-DgvXTZkY.js → vue-ui-horizontal-bar-Ckx8AY2o.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { B as t, Bt as n, Ft as r, G as i, H as a, Ht as o, J as s, Ot as c, Pt as ee, S as te, Tt as ne, X as re, ht as ie, i as ae, it as oe, pt as se, st as ce, t as le, v as l, x as ue, y as de, zt as fe } from "./lib-AJRHFE5U.js";
-import { t as pe } from "./useConfig-BWi-1gQ8.js";
+import { t as pe } from "./useConfig-Br1uzq_L.js";
 import { t as me } from "./usePrinter-6n2MzVyV.js";
 import { n as he, t as ge } from "./BaseScanner-DZvpgOjM.js";
 import { t as _e } from "./useSvgExport-SVIsDot8.js";
@@ -8,17 +8,17 @@ import { t as ve } from "./useNestedProp-DtcXIg7n.js";
 import { t as ye } from "./useThemeCheck-C43Tcqmk.js";
 import { t as be } from "./img-C_RNNswI.js";
 import { n as xe } from "./Title-DH6G8_cZ.js";
-import { t as Se } from "./Shape-BxFtoF1z.js";
+import { t as Se } from "./Shape-BubavoqO.js";
 import { t as Ce } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as we } from "./canvas-lib-BOP_HS11.js";
 import { t as Te } from "./useResponsive-BfnK0KxU.js";
-import { t as Ee } from "./vue-ui-accordion-CJCSNX1M.js";
+import { t as Ee } from "./vue-ui-accordion-HvsT8_RM.js";
 import { t as De } from "./BaseLegendToggle-CUYal8mC.js";
 import { t as Oe } from "./A11yDataTable-DdRsVULz.js";
 import { t as ke } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Ae } from "./useChartAccessibility-DYqac8yF.js";
 import { t as je } from "./useTableResponsive-B24Uwt2E.js";
-import { t as Me } from "./Legend-kCgqDRaO.js";
+import { t as Me } from "./Legend-CAStwHdx.js";
 import { t as Ne } from "./vue_ui_horizontal_bar-C4J4QzXf.js";
 import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as Pe, createTextVNode as Fe, createVNode as Ie, defineAsyncComponent as Le, guardReactiveProps as g, mergeProps as Re, nextTick as ze, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as Be, onMounted as Ve, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as He, toDisplayString as w, toRefs as Ue, unref as T, useCssVars as We, useSlots as Ge, watch as Ke, withCtx as E, withKeys as qe } from "vue";
 //#region src/components/vue-ui-horizontal-bar.vue
@@ -201,8 +201,8 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 		"selectDatapoint"
 	],
 	setup(e, { expose: Ce, emit: Je }) {
-		We((e) => ({ v36bdb0b9: e.tdo }));
-		let Ut = Le(() => import("./Tooltip-979Ytd8R.js")), Wt = Le(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), Gt = Le(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Kt = Le(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), qt = Le(() => import("./PackageVersion-CqsA0eNP.js").then((e) => e.t)), Jt = Le(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), { vue_ui_vertical_bar: Yt } = pe(), { isThemeValid: Xt, warnInvalidTheme: Zt } = ye(), Qt = Ge(), D = e, $t = d({
+		We((e) => ({ v44273546: e.tdo }));
+		let Ut = Le(() => import("./Tooltip-979Ytd8R.js")), Wt = Le(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), Gt = Le(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Kt = Le(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), qt = Le(() => import("./PackageVersion-Bj2-EkOW.js").then((e) => e.t)), Jt = Le(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), { vue_ui_vertical_bar: Yt } = pe(), { isThemeValid: Xt, warnInvalidTheme: Zt } = ye(), Qt = Ge(), D = e, $t = d({
 			get() {
 				return !!D.dataset && D.dataset.length;
 			},
@@ -563,7 +563,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 		}
 		function ur(e, t) {
 			let n = sr(e, t);
-			return gr(n.value, n, t, e.parentSign || e.sign);
+			return _r(n.value, n, t, e.parentSign || e.sign);
 		}
 		let dr = x(null), fr = x(null);
 		function pr({ datapoint: e, seriesIndex: t }) {
@@ -620,7 +620,19 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				r: N.value.style.chart.tooltip.roundingPercentage
 			})}</b></div>`)), tn.value = `<div style="text-align:left">${r}</div>`);
 		}
-		function gr(e, t, n, r) {
+		function gr({ legend: e, index: t }) {
+			let n = N.value.style.chart.legend;
+			return n.showValue ? `${e.name}: ${ae(N.value.style.chart.layout.bars.dataLabels.value.formatter, e.value, i({
+				p: n.prefix,
+				v: e.value,
+				s: n.suffix,
+				r: n.roundingValue
+			}), {
+				datapoint: e,
+				seriesIndex: t
+			})}` : e.name;
+		}
+		function _r(e, t, n, r) {
 			if (!N.value.style.chart.layout.bars.dataLabels.value.show) return "";
 			let a = ae(N.value.style.chart.layout.bars.dataLabels.value.formatter, l(r === -1 && e >= 0 ? -e : e), i({
 				p: N.value.style.chart.layout.bars.dataLabels.value.prefix,
@@ -672,7 +684,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				childPercentageToTotal: ""
 			})
 		}));
-		function _r(e = null) {
+		function vr(e = null) {
 			let t = [
 				[N.value.style.chart.title.text],
 				[N.value.style.chart.title.subtitle.text],
@@ -691,11 +703,11 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				title: N.value.style.chart.title.text || "vue-ui-vertical-bar"
 			});
 		}
-		let vr = x(!1);
-		function yr(e) {
-			vr.value = e, rn.value += 1;
+		let yr = x(!1);
+		function br(e) {
+			yr.value = e, rn.value += 1;
 		}
-		function br() {
+		function xr() {
 			B.value.showTable = !B.value.showTable;
 		}
 		Ve(() => {
@@ -710,20 +722,20 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				key: N.value.style.chart.layout.bars.sort
 			}), j.value = gn.value[N.value.style.chart.layout.bars.sort], B.value.sortDesc = j.value === 2, _n.value = j.value === 0;
 		});
-		function xr() {
-			j.value += 1, j.value > 2 && (j.value = 0);
-		}
 		function Sr() {
-			xr(), B.value.sortDesc = j.value === 2, _n.value = j.value === 0;
+			j.value += 1, j.value > 2 && (j.value = 0);
 		}
 		function Cr() {
+			Sr(), B.value.sortDesc = j.value === 2, _n.value = j.value === 0;
+		}
+		function wr() {
 			B.value.showTooltip = !B.value.showTooltip;
 		}
-		let wr = x(!1);
-		function Tr() {
-			wr.value = !wr.value;
+		let Tr = x(!1);
+		function Er() {
+			Tr.value = !Tr.value;
 		}
-		async function Er({ scale: e = 2 } = {}) {
+		async function Dr({ scale: e = 2 } = {}) {
 			if (!k.value) return;
 			let { width: t, height: n } = k.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await be({
 				domElement: k.value,
@@ -740,7 +752,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				aspectRatio: r
 			};
 		}
-		let Dr = d(() => {
+		let Or = d(() => {
 			let e = N.value.table.useDialog && !N.value.table.show, t = B.value.showTable;
 			return {
 				component: e ? Jt : Ee,
@@ -750,7 +762,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 					color: N.value.table.th.color,
 					headerColor: N.value.table.th.color,
 					headerBg: N.value.table.th.backgroundColor,
-					isFullscreen: vr.value,
+					isFullscreen: yr.value,
 					fullscreenParent: k.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
 					isCursorPointer: P.value
@@ -774,11 +786,11 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 		Ke(() => B.value.showTable, (e) => {
 			N.value.table.show || (e && N.value.table.useDialog && fn.value ? fn.value.open() : "close" in fn.value && fn.value.close());
 		});
-		let { isResponsive: Or } = je(Hn, Un);
-		function kr() {
+		let { isResponsive: kr } = je(Hn, Un);
+		function Ar() {
 			B.value.showTable = !1, pn.value && pn.value.setTableIconState(!1);
 		}
-		let Ar = d(() => V.value.map((e, t) => ({
+		let jr = d(() => V.value.map((e, t) => ({
 			...e,
 			shape: "square",
 			display: `${e.name}: ${ae(N.value.style.chart.layout.bars.dataLabels.value.formatter, e.value, i({
@@ -790,33 +802,33 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				datapoint: e,
 				seriesIndex: t
 			})}`
-		}))), jr = d(() => N.value.style.chart.backgroundColor), Mr = d(() => N.value.style.chart.legend), { exportSvg: Nr, getSvg: Pr } = _e({
+		}))), Mr = d(() => N.value.style.chart.backgroundColor), Nr = d(() => N.value.style.chart.legend), { exportSvg: Pr, getSvg: Fr } = _e({
 			svg: Pn,
 			title: d(() => N.value.style.chart.title),
-			legend: Mr,
-			legendItems: d(() => Ar.value.map((e) => ({
+			legend: Nr,
+			legendItems: d(() => jr.value.map((e) => ({
 				...e,
 				name: e.display
 			}))),
-			backgroundColor: jr
+			backgroundColor: Mr
 		});
-		async function Fr({ isCb: e }) {
+		async function Ir({ isCb: e }) {
 			Sn.value = !0, await ze();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Pr();
+					let { blob: e, url: t, text: n, dataUrl: r } = await Fr();
 					await Promise.resolve(N.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Nr());
+				} else await Promise.resolve(Pr());
 			} finally {
 				Sn.value = !1;
 			}
 		}
-		function Ir(e) {
+		function Lr(e) {
 			if (e?.stage === "start") {
 				xn.value = !0;
 				return;
@@ -827,10 +839,10 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 			}
 			zn();
 		}
-		function Lr() {
+		function Rr() {
 			console.warn("[autoSize]: this legacy method can be safely removed as it has no impact.");
 		}
-		async function Rr() {
+		async function zr() {
 			if (Tn("copyAlt", {
 				config: N.value,
 				dataset: H.value
@@ -843,14 +855,14 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				dataset: H.value
 			}));
 		}
-		let zr = x(!1);
-		function Br() {
-			M.value = null, zr.value = !0;
-		}
+		let Br = x(!1);
 		function Vr() {
-			M.value = null, en.value = !1, zr.value = !1;
+			M.value = null, Br.value = !0;
 		}
 		function Hr() {
+			M.value = null, en.value = !1, Br.value = !1;
+		}
+		function Ur() {
 			if (M.value === null) return;
 			let e = U.value[M.value];
 			e && mr({
@@ -858,14 +870,14 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				seriesIndex: M.value
 			}), M.value = null, wn.value = "pointer";
 		}
-		function Ur(e) {
-			if (!Pn.value || wr.value || document.activeElement !== Pn.value) return;
+		function Wr(e) {
+			if (!Pn.value || Tr.value || document.activeElement !== Pn.value) return;
 			let t = e.key === "ArrowRight" || e.key === "ArrowDown", n = e.key === "ArrowLeft" || e.key === "ArrowUp", r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
 			let a = U.value.length;
 			if (!a) return;
 			if (e.preventDefault(), e.stopPropagation(), i) {
-				Hr();
+				Ur();
 				return;
 			}
 			if (r) {
@@ -881,16 +893,16 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 			let o = M.value, s = nn.value ? U.value.findIndex((e) => e.id === nn.value.id) : null;
 			o !== null && o >= 0 && o < a ? t ? (o += 1, o >= a && (o = 0)) : n && (--o, o < 0 && (o = a - 1)) : s !== null && s >= 0 && s < a ? (o = t ? s + 1 : s - 1, o >= a && (o = 0), o < 0 && (o = a - 1)) : o = t ? 0 : a - 1;
 			let c = U.value[o];
-			c && (M.value = o, Wr(c), hr(c, o, "keyboard"));
+			c && (M.value = o, Gr(c), hr(c, o, "keyboard"));
 		}
-		function Wr(e) {
+		function Gr(e) {
 			if (!e) return;
 			let t = J.value.right, n = J.value.top + (L.value + K.value) * e.absoluteIndex + G.value[e.absoluteIndex] * W.value;
 			if (!Number.isFinite(t) || !Number.isFinite(n)) return;
 			let r = fe(t, n, Pn.value);
 			r && (Cn.value = r);
 		}
-		let Gr = d(() => ({
+		let Kr = d(() => ({
 			head: $.value.head,
 			body: $.value.body.map((e) => [
 				e.parentName,
@@ -927,23 +939,23 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 			notice: N.value.a11y.translations.tableAvailable
 		}));
 		return Ce({
-			autoSize: Lr,
+			autoSize: Rr,
 			getData: cr,
-			getImage: Er,
+			getImage: Dr,
 			generatePdf: Rn,
-			generateCsv: _r,
+			generateCsv: vr,
 			generateImage: zn,
-			generateSvg: Fr,
+			generateSvg: Ir,
 			hideSeries: rr,
 			showSeries: nr,
-			toggleTable: br,
-			toggleSort: Sr,
-			toggleTooltip: Cr,
-			toggleAnnotator: Tr,
-			toggleFullscreen: yr,
-			copyAlt: Rr
+			toggleTable: xr,
+			toggleSort: Cr,
+			toggleTooltip: wr,
+			toggleAnnotator: Er,
+			toggleFullscreen: br,
+			copyAlt: zr
 		}), (e, n) => (b(), m("div", {
-			class: _(`vue-data-ui-component vue-ui-vertical-bar ${vr.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${N.value.useCssAnimation ? "" : "vue-ui-dna"} ${N.value.responsive ? "vue-ui-vertical-bar-autosize" : ""}`),
+			class: _(`vue-data-ui-component vue-ui-vertical-bar ${yr.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${N.value.useCssAnimation ? "" : "vue-ui-dna"} ${N.value.responsive ? "vue-ui-vertical-bar-autosize" : ""}`),
 			ref_key: "verticalBarChart",
 			ref: k,
 			id: `vue-ui-vertical-bar_${O.value}`,
@@ -955,13 +967,13 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				id: `chart-instructions-${O.value}`,
 				class: "sr-only"
 			}, w(N.value.a11y.translations.keyboardNavigation), 9, Xe),
-			Gr.value.body.length ? (b(), f(Oe, {
+			Kr.value.body.length ? (b(), f(Oe, {
 				key: 0,
 				uid: O.value,
-				head: Gr.value.head,
-				body: Gr.value.body,
-				caption: Gr.value.caption,
-				notice: Gr.value.notice
+				head: Kr.value.head,
+				body: Kr.value.body,
+				caption: Kr.value.caption,
+				notice: Kr.value.notice
 			}, null, 8, [
 				"uid",
 				"head",
@@ -974,9 +986,9 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				svgRef: T(Pn),
 				backgroundColor: N.value.style.chart.backgroundColor,
 				color: N.value.style.chart.color,
-				active: wr.value,
+				active: Tr.value,
 				isCursorPointer: P.value,
-				onClose: Tr
+				onClose: Er
 			}, {
 				"annotator-action-close": E(() => [C(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": E(({ color: t }) => [C(e.$slots, "annotator-action-color", v(g({ color: t })), void 0, !0)]),
@@ -1035,27 +1047,27 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				hasSort: N.value.userOptions.buttons.sort,
 				hasFullscreen: N.value.userOptions.buttons.fullscreen,
 				hasAltCopy: N.value.userOptions.buttons.altCopy,
-				isFullscreen: vr.value,
+				isFullscreen: yr.value,
 				isTooltip: B.value.showTooltip,
 				titles: { ...N.value.userOptions.buttonTitles },
 				chartElement: k.value,
 				position: N.value.userOptions.position,
 				hasAnnotator: N.value.userOptions.buttons.annotator,
-				isAnnotation: wr.value,
+				isAnnotation: Tr.value,
 				callbacks: N.value.userOptions.callbacks,
 				printScale: N.value.userOptions.print.scale,
 				tableDialog: N.value.table.useDialog,
 				isCursorPointer: P.value,
-				onToggleFullscreen: yr,
+				onToggleFullscreen: br,
 				onGeneratePdf: T(Rn),
-				onGenerateCsv: _r,
-				onGenerateImage: Ir,
-				onGenerateSvg: Fr,
-				onToggleTable: br,
-				onToggleSort: Sr,
-				onToggleTooltip: Cr,
-				onToggleAnnotator: Tr,
-				onCopyAlt: Rr,
+				onGenerateCsv: vr,
+				onGenerateImage: Lr,
+				onGenerateSvg: Ir,
+				onToggleTable: xr,
+				onToggleSort: Cr,
+				onToggleTooltip: wr,
+				onToggleAnnotator: Er,
+				onCopyAlt: zr,
 				style: y({ visibility: T(Nn) ? T(jn) ? "visible" : "hidden" : "visible" })
 			}, Pe({ _: 2 }, [
 				e.$slots.menuIcon ? {
@@ -1151,14 +1163,9 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				item: E(({ legend: e, index: t }) => [h("div", {
 					onClick: (t) => Y(e.id),
 					style: y(`opacity:${A.value.includes(e.id) ? .5 : 1}`)
-				}, w(e.name) + ": " + w(T(ae)(N.value.style.chart.layout.bars.dataLabels.value.formatter, e.value, T(i)({
-					p: N.value.style.chart.legend.prefix,
-					v: e.value,
-					s: N.value.style.chart.legend.suffix,
-					r: N.value.style.chart.legend.roundingValue
-				}), {
-					datapoint: e,
-					seriesIndex: t
+				}, w(gr({
+					legend: e,
+					index: t
 				})), 13, Ze)]),
 				legendToggle: E(() => [V.value.length > 2 && N.value.style.chart.legend.selectAllToggle.show && !T(On) ? (b(), f(De, {
 					key: 0,
@@ -1193,16 +1200,16 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				ref: Pn,
 				xmlns: T(le),
 				class: _({
-					"vue-data-ui-fullscreen--on": vr.value,
-					"vue-data-ui-fulscreen--off": !vr.value
+					"vue-data-ui-fullscreen--on": yr.value,
+					"vue-data-ui-fulscreen--off": !yr.value
 				}),
 				viewBox: `0 0 ${F.value} ${I.value}`,
 				style: y(`max-width:100%;overflow:visible;background:transparent;color:${N.value.style.chart.color}`),
 				tabindex: "0",
 				"aria-describedby": `chart-instructions-${O.value}`,
-				onFocus: Br,
-				onBlur: Vr,
-				onKeydown: Ur
+				onFocus: Vr,
+				onBlur: Hr,
+				onKeydown: Wr
 			}, [h("g", {
 				ref_key: "G",
 				ref: dn,
@@ -1394,7 +1401,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 					"font-size": N.value.style.chart.layout.bars.dataLabels.fontSize,
 					fill: N.value.style.chart.layout.bars.dataLabels.color,
 					"font-weight": N.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal"
-				}, w(gr(e.value, e, t, e.sign)), 9, bt)]))), 256))], 512),
+				}, w(_r(e.value, e, t, e.sign)), 9, bt)]))), 256))], 512),
 				(b(!0), m(u, null, S(U.value, (e, t) => (b(), m("g", null, [h("rect", {
 					x: 0,
 					y: J.value.top + (L.value + K.value) * t - L.value / 2 + G.value[t] * W.value,
@@ -1419,7 +1426,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				} }, void 0, !0)
 			], 512)], 46, $e)), e.$slots.hint ? (b(), m("div", St, [C(e.$slots, "hint", v(g({
 				hint: N.value.a11y.translations.keyboardNavigation,
-				isVisible: zr.value
+				isVisible: Br.value
 			})), void 0, !0)])) : p("", !0)]),
 			e.$slots.watermark ? (b(), m("div", Ct, [C(e.$slots, "watermark", v(g({ isPrinting: T(In) || T(Ln) || xn.value || Sn.value })), void 0, !0)])) : p("", !0),
 			N.value.style.chart.legend.show && N.value.style.chart.legend.position === "bottom" ? (b(), m("div", {
@@ -1436,14 +1443,9 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				item: E(({ legend: e, index: t }) => [h("div", {
 					onClick: (t) => Y(e.id),
 					style: y(`opacity:${A.value.includes(e.id) ? .5 : 1}`)
-				}, w(e.name) + ": " + w(T(ae)(N.value.style.chart.layout.bars.dataLabels.value.formatter, e.value, T(i)({
-					p: N.value.style.chart.legend.prefix,
-					v: e.value,
-					s: N.value.style.chart.legend.suffix,
-					r: N.value.style.chart.legend.roundingValue
-				}), {
-					datapoint: e,
-					seriesIndex: t
+				}, w(gr({
+					legend: e,
+					index: t
 				})), 13, wt)]),
 				legendToggle: E(() => [V.value.length > 2 && N.value.style.chart.legend.selectAllToggle.show && !T(On) ? (b(), f(De, {
 					key: 0,
@@ -1501,7 +1503,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				offsetY: N.value.style.chart.tooltip.offsetY,
 				parent: k.value,
 				content: tn.value,
-				isFullscreen: vr.value,
+				isFullscreen: yr.value,
 				isCustom: N.value.style.chart.tooltip.customFormat && typeof N.value.style.chart.tooltip.customFormat == "function",
 				smooth: N.value.style.chart.tooltip.smooth,
 				backdropFilter: N.value.style.chart.tooltip.backdropFilter,
@@ -1538,10 +1540,10 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			$t.value && N.value.userOptions.buttons.table ? (b(), f(He(Dr.value.component), Re({ key: 9 }, Dr.value.props, {
+			$t.value && N.value.userOptions.buttons.table ? (b(), f(He(Or.value.component), Re({ key: 9 }, Or.value.props, {
 				ref_key: "tableUnit",
 				ref: fn,
-				onClose: kr
+				onClose: Ar
 			}), Pe({
 				content: E(() => [h("div", {
 					ref_key: "tableContainer",
@@ -1553,8 +1555,8 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 					role: "button",
 					tabindex: "0",
 					style: y(`width:32px; position: absolute; top: 0; right:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:${P.value ? "pointer" : "default"}; background:${N.value.table.th.backgroundColor};`),
-					onClick: kr,
-					onKeypress: qe(kr, ["enter"])
+					onClick: Ar,
+					onKeypress: qe(Ar, ["enter"])
 				}, [Ie(T(Wt), {
 					name: "close",
 					stroke: N.value.table.th.color,
@@ -1564,7 +1566,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 						width: "100%",
 						"container-type": "inline-size"
 					},
-					class: _({ "vue-ui-responsive": T(Or) })
+					class: _({ "vue-ui-responsive": T(kr) })
 				}, [h("table", Et, [
 					N.value.table.useDialog ? p("", !0) : (b(), m("caption", {
 						key: 0,
@@ -1658,24 +1660,24 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				_: 2
 			}, [N.value.table.useDialog ? {
 				name: "title",
-				fn: E(() => [Fe(w(Dr.value.title), 1)]),
+				fn: E(() => [Fe(w(Or.value.title), 1)]),
 				key: "0"
 			} : void 0, N.value.table.useDialog ? {
 				name: "actions",
 				fn: E(() => [h("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[2] ||= (e) => _r(N.value.userOptions.callbacks.csv),
+					onClick: n[2] ||= (e) => vr(N.value.userOptions.callbacks.csv),
 					style: y({ cursor: P.value ? "pointer" : "default" })
 				}, [Ie(T(Wt), {
 					name: "fileCsv",
-					stroke: Dr.value.props.color
+					stroke: Or.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : p("", !0),
 			C(e.$slots, "skeleton", {}, () => [T(On) ? (b(), f(ge, { key: 0 })) : p("", !0)], !0)
 		], 46, Ye));
 	}
-}, [["__scopeId", "data-v-ce41ffa2"]]);
+}, [["__scopeId", "data-v-790cf488"]]);
 //#endregion
 export { Je as n, Ut as t };

package/dist/{vue-ui-kpi-DBg9dZq5.js → vue-ui-kpi-CB4BKeDj.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { G as t, H as n, i as r } from "./lib-AJRHFE5U.js";
-import { t as i } from "./useConfig-BWi-1gQ8.js";
+import { t as i } from "./useConfig-Br1uzq_L.js";
 import { t as a } from "./useNestedProp-DtcXIg7n.js";
 import { t as o } from "./usePrefersMotion-BC-CsqR1.js";
 import { Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineAsyncComponent as m, normalizeClass as h, normalizeStyle as g, onMounted as _, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, unref as S, useSlots as C, watch as w } from "vue";
@@ -20,7 +20,7 @@ var T = /* @__PURE__ */ e({ default: () => k }), E = ["aria-labelledby"], D = ["
 		}
 	},
 	setup(e) {
-		let T = m(() => import("./vue-ui-digits-BD3fl69k.js").then((e) => e.n)), { vue_ui_kpi: k } = i(), A = o(), j = e, M = c({
+		let T = m(() => import("./vue-ui-digits-IKNM-LUF.js").then((e) => e.n)), { vue_ui_kpi: k } = i(), A = o(), j = e, M = c({
 			get: () => I(),
 			set: (e) => e
 		}), N = C(), P = c(() => M.value.debug), F = y(n());

package/dist/{vue-ui-mini-loader-CoQu2yra.js → vue-ui-mini-loader-CyYpLcrt.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { t } from "./lib-AJRHFE5U.js";
-import { t as n } from "./useConfig-BWi-1gQ8.js";
+import { t as n } from "./useConfig-Br1uzq_L.js";
 import { t as r } from "./useNestedProp-DtcXIg7n.js";
 import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, normalizeStyle as l, openBlock as u, ref as d, unref as f, useCssVars as p } from "vue";

package/dist/{vue-ui-molecule-Dg8vE0Uu.js → vue-ui-molecule-Bsvc12wI.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { Bt as t, D as n, H as r, Ht as i, J as a, K as o, Ot as ee, S as s, St as c, Tt as l, X as te, ht as u, it as d, t as ne, x as re, y as ie } from "./lib-AJRHFE5U.js";
-import { t as ae } from "./useConfig-BWi-1gQ8.js";
+import { t as ae } from "./useConfig-Br1uzq_L.js";
 import { t as oe } from "./usePrinter-6n2MzVyV.js";
 import { n as se, t as ce } from "./BaseScanner-DZvpgOjM.js";
 import { t as le } from "./useSvgExport-SVIsDot8.js";
@@ -52,7 +52,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ve }), ke = ["id"], Ae = {
 	emits: ["selectNode", "copyAlt"],
 	setup(e, { expose: fe, emit: Oe }) {
 		De((e) => ({ v2702dffc: en.value }));
-		let Ve = y(() => import("./Title-DH6G8_cZ.js").then((e) => e.t)), He = y(() => import("./Tooltip-979Ytd8R.js")), Ue = y(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), We = y(() => import("./vue-ui-accordion-CJCSNX1M.js").then((e) => e.n)), Ge = y(() => import("./DataTable-DUWNbwQb.js")), Ke = y(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), qe = y(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), Je = y(() => import("./PackageVersion-CqsA0eNP.js").then((e) => e.t)), Ye = y(() => import("./RecursiveLinks-BygcpDiT.js")), Xe = y(() => import("./RecursiveLabels-D9rfID6q.js")), Ze = y(() => import("./RecursiveCircles-D6aDPmoe.js")), Qe = y(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), { vue_ui_molecule: $e } = ae(), { isThemeValid: et, warnInvalidTheme: tt } = ue(), A = e, nt = Oe, rt = p(() => !!A.dataset && A.dataset.length);
+		let Ve = y(() => import("./Title-DH6G8_cZ.js").then((e) => e.t)), He = y(() => import("./Tooltip-979Ytd8R.js")), Ue = y(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), We = y(() => import("./vue-ui-accordion-HvsT8_RM.js").then((e) => e.n)), Ge = y(() => import("./DataTable-G9aclxhk.js")), Ke = y(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), qe = y(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), Je = y(() => import("./PackageVersion-Bj2-EkOW.js").then((e) => e.t)), Ye = y(() => import("./RecursiveLinks-BygcpDiT.js")), Xe = y(() => import("./RecursiveLabels-D9rfID6q.js")), Ze = y(() => import("./RecursiveCircles-D6aDPmoe.js")), Qe = y(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), { vue_ui_molecule: $e } = ae(), { isThemeValid: et, warnInvalidTheme: tt } = ue(), A = e, nt = Oe, rt = p(() => !!A.dataset && A.dataset.length);
 		Se(() => {
 			at();
 		});

package/dist/{vue-ui-mood-radar-58aD7ptX.js → vue-ui-mood-radar-Br5L5VFJ.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { D as t, Ft as n, G as r, H as i, Ht as a, J as ee, Pt as o, S as te, Tt as ne, X as re, i as ie, t as ae, wt as oe } from "./lib-AJRHFE5U.js";
-import { t as se } from "./useConfig-BWi-1gQ8.js";
+import { t as se } from "./useConfig-Br1uzq_L.js";
 import { t as ce } from "./usePrinter-6n2MzVyV.js";
 import { n as le, t as ue } from "./BaseScanner-DZvpgOjM.js";
 import { t as de } from "./useSvgExport-SVIsDot8.js";
@@ -14,7 +14,7 @@ import { t as ve } from "./useResponsive-BfnK0KxU.js";
 import { t as ye } from "./A11yDataTable-DdRsVULz.js";
 import { t as be } from "./useUserOptionState-DK-_1ddE.js";
 import { t as xe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Se } from "./Legend-kCgqDRaO.js";
+import { t as Se } from "./Legend-CAStwHdx.js";
 import { t as Ce } from "./vue_ui_mood_radar-BA6LAKhk.js";
 import { Fragment as we, Teleport as Te, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as Ee, createTextVNode as De, createVNode as f, defineAsyncComponent as p, guardReactiveProps as m, mergeProps as Oe, nextTick as ke, normalizeClass as Ae, normalizeProps as h, normalizeStyle as g, onMounted as je, openBlock as _, ref as v, renderList as Me, renderSlot as y, resolveDynamicComponent as Ne, toDisplayString as b, toRefs as Pe, unref as x, watch as Fe, withCtx as S } from "vue";
 //#region src/components/vue-ui-mood-radar.vue
@@ -94,7 +94,7 @@ var Ie = /* @__PURE__ */ e({ default: () => C }), Le = ["id"], Re = ["id"], ze =
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: ge, emit: Ie }) {
-		let C = p(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), bt = p(() => import("./vue-ui-accordion-CJCSNX1M.js").then((e) => e.n)), xt = p(() => import("./DataTable-DUWNbwQb.js")), St = p(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Ct = p(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), wt = p(() => import("./PackageVersion-CqsA0eNP.js").then((e) => e.t)), Tt = p(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), { vue_ui_mood_radar: Et } = se(), { isThemeValid: Dt, warnInvalidTheme: Ot } = pe(), w = e, kt = Ie, T = v(i()), E = v(null), D = v(null), At = v(null), jt = v(0), Mt = v(0), Nt = v(0), Pt = v(null), Ft = v(null), O = v(null), k = v(null), It = v(null), Lt = v(!1), A = v(null), Rt = v(null), j = v(!1), M = v(!1), N = v(null), zt = v(!1), Bt = s(() => !!w.dataset && Object.keys(w.dataset).length), P = v(Jt()), F = s(() => P.value.userOptions.useCursorPointer), Vt = s(() => a({
+		let C = p(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), bt = p(() => import("./vue-ui-accordion-HvsT8_RM.js").then((e) => e.n)), xt = p(() => import("./DataTable-G9aclxhk.js")), St = p(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Ct = p(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), wt = p(() => import("./PackageVersion-Bj2-EkOW.js").then((e) => e.t)), Tt = p(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), { vue_ui_mood_radar: Et } = se(), { isThemeValid: Dt, warnInvalidTheme: Ot } = pe(), w = e, kt = Ie, T = v(i()), E = v(null), D = v(null), At = v(null), jt = v(0), Mt = v(0), Nt = v(0), Pt = v(null), Ft = v(null), O = v(null), k = v(null), It = v(null), Lt = v(!1), A = v(null), Rt = v(null), j = v(!1), M = v(!1), N = v(null), zt = v(!1), Bt = s(() => !!w.dataset && Object.keys(w.dataset).length), P = v(Jt()), F = s(() => P.value.userOptions.useCursorPointer), Vt = s(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },

package/dist/{vue-ui-nested-donuts-DSLKnpDk.js → vue-ui-nested-donuts-CqDZDpyG.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { Bt as t, Ct as n, G as r, H as i, Ht as a, J as o, Mt as s, Ot as c, Pt as l, S as ee, Tt as te, X as u, Y as ne, d as re, ht as ie, i as ae, it as oe, kt as se, n as ce, t as le, u as ue, v as de, x as fe, y as pe } from "./lib-AJRHFE5U.js";
-import { t as me } from "./useConfig-BWi-1gQ8.js";
+import { t as me } from "./useConfig-Br1uzq_L.js";
 import { t as he } from "./usePrinter-6n2MzVyV.js";
 import { n as ge, t as _e } from "./BaseScanner-DZvpgOjM.js";
 import { t as ve } from "./useSvgExport-SVIsDot8.js";
@@ -16,7 +16,7 @@ import { t as De } from "./A11yDataTable-DdRsVULz.js";
 import { t as Oe } from "./useUserOptionState-DK-_1ddE.js";
 import { t as ke } from "./useChartAccessibility-DYqac8yF.js";
 import { t as Ae } from "./labelUtils-Bycs-017.js";
-import { t as je } from "./Legend-kCgqDRaO.js";
+import { t as je } from "./Legend-CAStwHdx.js";
 import { t as Me } from "./vue_ui_nested_donuts-B8csIoVO.js";
 import { Fragment as d, Teleport as Ne, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as Pe, createTextVNode as Fe, createVNode as Ie, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as Le, nextTick as Re, normalizeClass as y, normalizeProps as b, normalizeStyle as ze, onBeforeUnmount as Be, onMounted as Ve, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as He, shallowRef as Ue, toDisplayString as T, toRefs as We, unref as E, vShow as Ge, watch as Ke, withCtx as D, withDirectives as qe } from "vue";
 //#region src/components/vue-ui-nested-donuts.vue
@@ -106,7 +106,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 		"copyAlt"
 	],
 	setup(e, { expose: Ce, emit: Je }) {
-		let Ot = _(() => import("./Tooltip-979Ytd8R.js")), kt = _(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), At = _(() => import("./vue-ui-accordion-CJCSNX1M.js").then((e) => e.n)), jt = _(() => import("./DataTable-DUWNbwQb.js")), Mt = _(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), Nt = _(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Pt = _(() => import("./PackageVersion-CqsA0eNP.js").then((e) => e.t)), Ft = _(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), { vue_ui_nested_donuts: It } = me(), { isThemeValid: Lt, warnInvalidTheme: Rt } = be(), O = e, zt = f({
+		let Ot = _(() => import("./Tooltip-979Ytd8R.js")), kt = _(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), At = _(() => import("./vue-ui-accordion-HvsT8_RM.js").then((e) => e.n)), jt = _(() => import("./DataTable-G9aclxhk.js")), Mt = _(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), Nt = _(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Pt = _(() => import("./PackageVersion-Bj2-EkOW.js").then((e) => e.t)), Ft = _(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), { vue_ui_nested_donuts: It } = me(), { isThemeValid: Lt, warnInvalidTheme: Rt } = be(), O = e, zt = f({
 			get() {
 				return !!O.dataset && O.dataset.length;
 			},