vue-data-ui 3.22.2 → 3.22.4

package/dist/{vue-ui-horizontal-bar-CJciNHpT.js → vue-ui-horizontal-bar-j3jszojt.js}

@@ -1,24 +1,24 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { B as t, Bt as n, Et as r, Ft as i, G as a, H as o, It as s, J as ee, S as te, Ut as ne, Vt as re, X as ie, gt as ae, i as oe, it as se, kt as c, pt as ce, st as le, t as ue, v as l, x as de, y as fe } from "./lib-CXicicWN.js";
-import { t as pe } from "./useConfig-Bf_EBbe3.js";
-import { t as me } from "./usePrinter-Dng0UK-G.js";
+import { Gt as t, H as n, Ht as r, Lt as i, Ot as a, Q as o, Rt as ee, S as te, Ut as ne, W as re, X as ie, b as ae, ht as oe, i as se, jt as s, lt as ce, ot as le, q as c, t as ue, v as l, vt as de, w as fe } from "./lib-CuwHGt1j.js";
+import { t as pe } from "./useConfig-pVLia3dt.js";
+import { t as me } from "./usePrinter-C0wAS8yc.js";
 import { n as he, t as ge } from "./BaseScanner-DZvpgOjM.js";
 import { t as _e } from "./useSvgExport-SVIsDot8.js";
-import { t as ve } from "./useNestedProp-APyFoLCQ.js";
+import { t as ve } from "./useNestedProp-BjkuFaz1.js";
 import { t as ye } from "./useThemeCheck-C43Tcqmk.js";
-import { t as be } from "./img-BCAOkqfM.js";
-import { n as xe } from "./Title-CVYf1f8m.js";
-import { t as Se } from "./Shape-C5OvuwII.js";
+import { t as be } from "./img-B29J8tV5.js";
+import { n as xe } from "./Title-DDEEO-Nr.js";
+import { t as Se } from "./Shape-BnF9aMPX.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-Di_givzQ.js";
-import { t as De } from "./BaseLegendToggle-B-lM0iV1.js";
+import { t as Ee } from "./vue-ui-accordion-B64IJyPU.js";
+import { t as De } from "./BaseLegendToggle-C4Usj0LI.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-BVDhEEsC.js";
+import { t as Me } from "./Legend-DXOzbXb-.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
@@ -202,14 +202,14 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 	],
 	setup(e, { expose: Ce, emit: Je }) {
 		We((e) => ({ v44273546: e.tdo }));
-		let Ut = Le(() => import("./Tooltip-BmGCBJuU.js")), Wt = Le(() => import("./BaseIcon-DEtwcvEH.js").then((e) => e.n)), Gt = Le(() => import("./PenAndPaper-DJIIG6dv.js").then((e) => e.t)), Kt = Le(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), qt = Le(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), Jt = Le(() => import("./BaseDraggableDialog-a9xCKjW-.js").then((e) => e.n)), { vue_ui_vertical_bar: Yt } = pe(), { isThemeValid: Xt, warnInvalidTheme: Zt } = ye(), Qt = Ge(), D = e, $t = d({
+		let Ut = Le(() => import("./Tooltip-BhKov422.js")), Wt = Le(() => import("./BaseIcon-xBuW2jjI.js").then((e) => e.n)), Gt = Le(() => import("./PenAndPaper-ISUbDKXq.js").then((e) => e.t)), Kt = Le(() => import("./UserOptions-BxT1XHzN.js").then((e) => e.n)), qt = Le(() => import("./PackageVersion-Cm-3hwIF.js").then((e) => e.t)), Jt = Le(() => import("./BaseDraggableDialog-DjzNWkiE.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;
 			},
 			set(e) {
 				return e;
 			}
-		}), O = x(o()), en = x(!1), tn = x(""), nn = x(null), rn = x(0), k = x(null), an = x(null), on = x(null), sn = x(null), cn = x(null), ln = x(0), un = x(0), dn = x(null), fn = x(null), pn = x(null), mn = x(null), hn = x(null), A = x([]), gn = x({
+		}), O = x(re()), en = x(!1), tn = x(""), nn = x(null), rn = x(0), k = x(null), an = x(null), on = x(null), sn = x(null), cn = x(null), ln = x(0), un = x(0), dn = x(null), fn = x(null), pn = x(null), mn = x(null), hn = x(null), A = x([]), gn = x({
 			none: 0,
 			asc: 1,
 			desc: 2
@@ -247,7 +247,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				value: 1,
 				color: "#d9d9d9"
 			}
-		]), Dn = d(() => ne({
+		]), Dn = d(() => t({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -294,7 +294,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				});
 			},
 			skeletonDataset: En.value,
-			skeletonConfig: ne({
+			skeletonConfig: t({
 				defaultConfig: N.value,
 				userConfig: Dn.value
 			})
@@ -315,11 +315,11 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 						userConfig: D.config,
 						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : re[n] || c
+					customPalette: e.customPalette.length ? e.customPalette : ne[n] || s
 				};
 			}
 			else t = e;
-			return D.config && ce(D.config, "events.datapointEnter") ? t.events.datapointEnter = D.config.events.datapointEnter : t.events.datapointEnter = null, D.config && ce(D.config, "events.datapointLeave") ? t.events.datapointLeave = D.config.events.datapointLeave : t.events.datapointLeave = null, D.config && ce(D.config, "events.datapointClick") ? t.events.datapointClick = D.config.events.datapointClick : t.events.datapointClick = null, t;
+			return D.config && oe(D.config, "events.datapointEnter") ? t.events.datapointEnter = D.config.events.datapointEnter : t.events.datapointEnter = null, D.config && oe(D.config, "events.datapointLeave") ? t.events.datapointLeave = D.config.events.datapointLeave : t.events.datapointLeave = null, D.config && oe(D.config, "events.datapointClick") ? t.events.datapointClick = D.config.events.datapointClick : t.events.datapointClick = null, t;
 		}
 		let F = x(N.value.style.chart.width), I = x(N.value.style.chart.height), L = x(N.value.style.chart.layout.bars.gap);
 		Ke(() => D.config, (e) => {
@@ -331,13 +331,13 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 			elementId: `vue-ui-vertical-bar_${O.value}`,
 			fileName: N.value.style.chart.title.text || "vue-ui-vertical-bar",
 			options: N.value.userOptions.print
-		}), Bn = d(() => N.value.userOptions.show && !N.value.style.chart.title.text), Vn = d(() => de(N.value.customPalette)), Hn = x(null), Un = d(() => N.value.table.responsiveBreakpoint), Wn = d(() => !!N.value.debug), Gn = x(0), R = x(null), Kn = x(null);
+		}), Bn = d(() => N.value.userOptions.show && !N.value.style.chart.title.text), Vn = d(() => te(N.value.customPalette)), Hn = x(null), Un = d(() => N.value.table.responsiveBreakpoint), Wn = d(() => !!N.value.debug), Gn = x(0), R = x(null), Kn = x(null);
 		function qn() {
-			if (k.value && (r(D.dataset) && (ie({
+			if (k.value && (a(D.dataset) && (o({
 				componentName: "VueUiVerticalBar",
 				type: "dataset",
 				debug: Wn.value
-			}), $t.value = !1, An.value = !0), r(D.dataset) || (An.value = N.value.loading), N.value.responsive)) {
+			}), $t.value = !1, An.value = !0), a(D.dataset) || (An.value = N.value.loading), N.value.responsive)) {
 				let e = we(() => {
 					let { width: e, height: t } = Te({
 						chart: k.value,
@@ -363,18 +363,18 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 			sortDesc: N.value.style.chart.layout.bars.sort === "desc",
 			showTooltip: N.value.style.chart.tooltip.show
 		}), Jn = d(() => z.value.sortDesc), B = d(() => (kn.value.forEach((e, t) => {
-			!e.value && !e.children && ie({
+			!e.value && !e.children && o({
 				componentName: "VueUiVerticalBar",
 				type: "datasetAttributeEmpty",
 				property: `value (index ${t})`,
 				debug: Wn.value
-			}), e.children && (r(e.children) ? ie({
+			}), e.children && (a(e.children) ? o({
 				componentName: "VueUiVerticalBar",
 				type: "datasetAttributeEmpty",
 				property: `children (index ${t})`,
 				debug: Wn.value
 			}) : e.children.forEach((e, t) => {
-				[null, void 0].includes(e.name) && ie({
+				[null, void 0].includes(e.name) && o({
 					componentName: "VueUiVerticalBar",
 					type: "datasetSerieAttribute",
 					property: "name",
@@ -397,7 +397,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				isChild: !1,
 				segregate: () => J(n),
 				isSegregated: A.value.includes(n),
-				color: fe(e.color) || Vn.value[t] || c[t] || c[t % c.length],
+				color: ae(e.color) || Vn.value[t] || s[t] || s[t % s.length],
 				children: !e.children || !e.children.length ? [] : e.children.toSorted(_n.value ? () => 0 : (e, t) => Jn.value ? t.value - e.value : e.value - t.value).map((r, o) => ({
 					...r,
 					value: l(Math.abs(r.value)),
@@ -410,7 +410,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 					parentSign: a,
 					id: `vertical_child_${t}_${o}_${O.value}`,
 					childIndex: o,
-					color: fe(r.color) || fe(e.color) || Vn.value[t] || c[t] || c[t % c.length]
+					color: ae(r.color) || ae(e.color) || Vn.value[t] || s[t] || s[t % s.length]
 				})).map((t, n) => ({
 					...t,
 					isFirstChild: n === 0,
@@ -527,7 +527,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 		}
 		let Y = d(() => V.value.map((e) => Math.abs(e.value)).reduce((e, t) => e + t, 0));
 		function ar(e, t = !1, n = 0) {
-			return t ? a({
+			return t ? c({
 				v: l(Math.abs(e) / Y.value * 100),
 				s: "%",
 				r: n
@@ -588,21 +588,21 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				series: B.value,
 				config: N.value
 			}, en.value = !0, fr.value = e.id;
-			let r = "", i = e.isChild ? e.parentName : e.name, o = e.isChild ? e.name : "", s = N.value.style.chart.tooltip.customFormat;
-			ae(s) && se(() => s({
+			let r = "", i = e.isChild ? e.parentName : e.name, a = e.isChild ? e.name : "", o = N.value.style.chart.tooltip.customFormat;
+			de(o) && le(() => o({
 				datapoint: e,
 				series: B.value,
 				config: N.value,
 				seriesIndex: t
-			})) ? tn.value = s({
+			})) ? tn.value = o({
 				datapoint: e,
 				series: B.value,
 				config: N.value,
 				seriesIndex: t
 			}) : (r += `<div style="width:100%;text-align:center;border-bottom:1px solid ${N.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;text-align:left;">
                 <div style="display:flex;align-items:center;gap:4px;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" rx="5" stroke="none" fill="${e.color}"/>${Qt.pattern ? `<rect x="0" y="0" height="60" width="60" rx="5" stroke="none" fill="url(#pattern_${O.value}_${e.absoluteIndex})"/>` : ""}</svg> ${i}</div>
-                ${o ? `<div>${o}</div>` : ""}
-            </div>`, N.value.style.chart.tooltip.showValue && (r += `<div>${N.value.translations.value}: <b>${oe(N.value.style.chart.layout.bars.dataLabels.value.formatter, e.sign === 1 ? e.value : -e.value, a({
+                ${a ? `<div>${a}</div>` : ""}
+            </div>`, N.value.style.chart.tooltip.showValue && (r += `<div>${N.value.translations.value}: <b>${se(N.value.style.chart.layout.bars.dataLabels.value.formatter, e.sign === 1 ? e.value : -e.value, c({
 				p: N.value.style.chart.tooltip.prefix,
 				v: e.sign === 1 ? e.value : -e.value,
 				s: N.value.style.chart.tooltip.suffix,
@@ -610,11 +610,11 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 			}), {
 				datapoint: e,
 				seriesIndex: t
-			})}</b></div>`), N.value.style.chart.tooltip.showPercentage && (r += `<div>${N.value.translations.percentageToTotal} : <b>${a({
+			})}</b></div>`), N.value.style.chart.tooltip.showPercentage && (r += `<div>${N.value.translations.percentageToTotal} : <b>${c({
 				v: Math.abs(e.value) / Y.value * 100,
 				s: "%",
 				r: N.value.style.chart.tooltip.roundingPercentage
-			})}</b></div>`, e.isChild && (r += `<div>${N.value.translations.percentageToSerie}: <b>${a({
+			})}</b></div>`, e.isChild && (r += `<div>${N.value.translations.percentageToSerie}: <b>${c({
 				v: Math.abs(e.value) / Math.abs(e.parentValue) * 100,
 				s: "%",
 				r: N.value.style.chart.tooltip.roundingPercentage
@@ -622,7 +622,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 		}
 		function _r({ legend: e, index: t }) {
 			let n = N.value.style.chart.legend;
-			return n.showValue ? `${e.name}: ${oe(N.value.style.chart.layout.bars.dataLabels.value.formatter, e.value, a({
+			return n.showValue ? `${e.name}: ${se(N.value.style.chart.layout.bars.dataLabels.value.formatter, e.value, c({
 				p: n.prefix,
 				v: e.value,
 				s: n.suffix,
@@ -634,7 +634,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 		}
 		function vr(e, t, n, r) {
 			if (!N.value.style.chart.layout.bars.dataLabels.value.show) return "";
-			let i = oe(N.value.style.chart.layout.bars.dataLabels.value.formatter, l(r === -1 && e >= 0 ? -e : e), a({
+			let i = se(N.value.style.chart.layout.bars.dataLabels.value.formatter, l(r === -1 && e >= 0 ? -e : e), c({
 				p: N.value.style.chart.layout.bars.dataLabels.value.prefix,
 				v: l(r === -1 && e >= 0 ? -e : e),
 				s: N.value.style.chart.layout.bars.dataLabels.value.suffix,
@@ -642,8 +642,8 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 			}), {
 				datapoint: t,
 				seriesIndex: n
-			}), o = `(${ar(e, !0, N.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage)})`;
-			return `${i}${N.value.style.chart.layout.bars.dataLabels.percentage.show ? ` ${o}` : ""}`;
+			}), a = `(${ar(e, !0, N.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage)})`;
+			return `${i}${N.value.style.chart.layout.bars.dataLabels.percentage.show ? ` ${a}` : ""}`;
 		}
 		let Q = d(() => ({
 			head: [
@@ -697,8 +697,8 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				e.childValue,
 				e.childPercentageToParent,
 				e.childPercentageToTotal
-			]), i = te(t.concat([n]).concat(r));
-			e ? e(i) : ee({
+			]), i = fe(t.concat([n]).concat(r));
+			e ? e(i) : ie({
 				csvContent: i,
 				title: N.value.style.chart.title.text || "vue-ui-vertical-bar"
 			});
@@ -715,7 +715,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				"none",
 				"asc",
 				"desc"
-			].includes(N.value.style.chart.layout.bars.sort) || ie({
+			].includes(N.value.style.chart.layout.bars.sort) || o({
 				componentName: "VueUiVerticalBar",
 				type: "attributeWrongValue",
 				property: "style.chart.layout.bars.sort",
@@ -793,7 +793,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 		let jr = d(() => B.value.map((e, t) => ({
 			...e,
 			shape: "square",
-			display: `${e.name}: ${oe(N.value.style.chart.layout.bars.dataLabels.value.formatter, e.value, a({
+			display: `${e.name}: ${se(N.value.style.chart.layout.bars.dataLabels.value.formatter, e.value, c({
 				p: N.value.style.chart.legend.prefix,
 				v: e.value,
 				s: N.value.style.chart.legend.suffix,
@@ -890,46 +890,46 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				});
 				return;
 			}
-			let o = M.value, s = nn.value ? H.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 ee = H.value[o];
-			ee && (M.value = o, Gr(ee), gr(ee, o, "keyboard"));
+			let o = M.value, ee = nn.value ? H.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)) : ee !== null && ee >= 0 && ee < a ? (o = t ? ee + 1 : ee - 1, o >= a && (o = 0), o < 0 && (o = a - 1)) : o = t ? 0 : a - 1;
+			let te = H.value[o];
+			te && (M.value = o, Gr(te), gr(te, o, "keyboard"));
 		}
 		function Gr(e) {
 			if (!e) return;
-			let t = q.value.right, r = q.value.top + (L.value + G.value) * e.absoluteIndex + W.value[e.absoluteIndex] * U.value;
-			if (!Number.isFinite(t) || !Number.isFinite(r)) return;
-			let i = n(t, r, Pn.value);
+			let t = q.value.right, n = q.value.top + (L.value + G.value) * e.absoluteIndex + W.value[e.absoluteIndex] * U.value;
+			if (!Number.isFinite(t) || !Number.isFinite(n)) return;
+			let i = r(t, n, Pn.value);
 			i && (Cn.value = i);
 		}
 		let Kr = d(() => ({
 			head: Q.value.head,
 			body: Q.value.body.map((e) => [
 				e.parentName,
-				e.parentValue === "" ? "" : a({
+				e.parentValue === "" ? "" : c({
 					v: e.parentValue,
 					r: N.value.style.chart.layout.bars.dataLabels.value.roundingValue,
 					p: N.value.style.chart.layout.bars.dataLabels.prefix,
 					s: N.value.style.chart.layout.bars.dataLabels.suffix
 				}),
-				e.percentageToTotal === "" ? "" : a({
+				e.percentageToTotal === "" ? "" : c({
 					v: e.percentageToTotal * 100,
 					r: N.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage,
 					s: "%"
 				}),
 				e.childName,
-				e.childValue === "" ? "" : a({
+				e.childValue === "" ? "" : c({
 					v: e.childValue,
 					r: N.value.style.chart.layout.bars.dataLabels.value.roundingValue,
 					p: N.value.style.chart.layout.bars.dataLabels.prefix,
 					s: N.value.style.chart.layout.bars.dataLabels.suffix
 				}),
-				e.childPercentageToParent === "" ? "" : a({
+				e.childPercentageToParent === "" ? "" : c({
 					v: e.childPercentageToParent * 100,
 					r: N.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage,
 					s: "%"
 				}),
-				e.childPercentageToTotal === "" ? "" : a({
+				e.childPercentageToTotal === "" ? "" : c({
 					v: e.childPercentageToTotal * 100,
 					r: N.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage,
 					s: "%"
@@ -954,14 +954,14 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 			toggleAnnotator: Er,
 			toggleFullscreen: br,
 			copyAlt: zr
-		}), (e, n) => (b(), m("div", {
+		}), (e, t) => (b(), m("div", {
 			class: _(`vue-data-ui-component vue-ui-vertical-bar ${$.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}`,
 			style: y(`font-family:${N.value.style.fontFamily};width:100%; text-align:center;background:${N.value.style.chart.backgroundColor};height:100%`),
-			onMouseenter: n[3] ||= () => T(Mn)(!0),
-			onMouseleave: n[4] ||= () => T(Mn)(!1)
+			onMouseenter: t[3] ||= () => T(Mn)(!0),
+			onMouseleave: t[4] ||= () => T(Mn)(!1)
 		}, [
 			h("p", {
 				id: `chart-instructions-${O.value}`,
@@ -1158,7 +1158,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				key: `legend_top_${un.value}`,
 				legendSet: B.value,
 				config: Zn.value,
-				onClickMarker: n[0] ||= ({ legend: e }) => J(e.id)
+				onClickMarker: t[0] ||= ({ legend: e }) => J(e.id)
 			}, Pe({
 				item: E(({ legend: e, index: t }) => [h("div", {
 					onClick: (t) => J(e.id),
@@ -1235,7 +1235,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 					"stop-color": e.color
 				}, null, 8, nt), h("stop", {
 					offset: "100%",
-					"stop-color": T(i)(T(s)(e.color, .03), 100 - N.value.style.chart.layout.bars.gradientIntensity)
+					"stop-color": T(i)(T(ee)(e.color, .03), 100 - N.value.style.chart.layout.bars.gradientIntensity)
 				}, null, 8, rt)], 8, tt))), 256)),
 				e.$slots.pattern ? (b(), m("g", it, [(b(!0), m(u, null, S(H.value, (t) => (b(), m("defs", null, [C(e.$slots, "pattern", Re({ ref_for: !0 }, {
 					seriesIndex: t.absoluteIndex,
@@ -1311,12 +1311,12 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				h("g", {
 					ref_key: "parentLabels",
 					ref: mn
-				}, [(b(!0), m(u, null, S(H.value, (e, n) => (b(), m("g", dt, [
+				}, [(b(!0), m(u, null, S(H.value, (e, t) => (b(), m("g", dt, [
 					e.isChild && e.childIndex === 0 && N.value.style.chart.layout.bars.parentLabels.show ? (b(), m("rect", {
 						key: 0,
 						class: "vue-ui-horizontal-bar-parent-marker",
 						x: 2,
-						y: cr(e, n).y - N.value.style.chart.layout.bars.parentLabels.fontSize / 1.5,
+						y: cr(e, t).y - N.value.style.chart.layout.bars.parentLabels.fontSize / 1.5,
 						height: N.value.style.chart.layout.bars.parentLabels.fontSize / 1.5,
 						width: N.value.style.chart.layout.bars.parentLabels.fontSize / 1.5,
 						rx: 1,
@@ -1328,66 +1328,66 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 					}, null, 8, ft)) : p("", !0),
 					e.isChild && e.childIndex === 0 && N.value.style.chart.layout.bars.parentLabels.show ? (b(), m("text", {
 						key: 1,
-						y: cr(e, n).y,
+						y: cr(e, t).y,
 						"font-size": N.value.style.chart.layout.bars.parentLabels.fontSize,
 						fill: N.value.style.chart.layout.bars.parentLabels.color,
 						x: N.value.style.chart.layout.bars.parentLabels.offsetX + N.value.style.chart.layout.bars.parentLabels.fontSize,
 						"font-weight": N.value.style.chart.layout.bars.parentLabels.bold ? "bold" : "normal",
 						"text-anchor": "start",
-						innerHTML: T(t)({
-							content: `${ur(e, n)}`,
+						innerHTML: T(n)({
+							content: `${ur(e, t)}`,
 							fontSize: N.value.style.chart.layout.bars.parentLabels.fontSize,
 							fill: N.value.style.chart.layout.bars.parentLabels.color,
 							x: N.value.style.chart.layout.bars.parentLabels.offsetX + N.value.style.chart.layout.bars.parentLabels.fontSize,
-							y: cr(e, n).y,
+							y: cr(e, t).y,
 							translateY: !1
 						})
 					}, null, 8, pt)) : p("", !0),
 					e.isChild && e.childIndex === 0 && N.value.style.chart.layout.bars.parentLabels.show ? (b(), m("text", {
 						key: 2,
-						y: cr(e, n).y + T(le)(ur(e, n)) * N.value.style.chart.layout.bars.parentLabels.fontSize * 1.1,
+						y: cr(e, t).y + T(ce)(ur(e, t)) * N.value.style.chart.layout.bars.parentLabels.fontSize * 1.1,
 						"font-size": N.value.style.chart.layout.bars.parentLabels.fontSize,
 						fill: N.value.style.chart.layout.bars.parentLabels.color,
 						x: N.value.style.chart.layout.bars.parentLabels.offsetX + N.value.style.chart.layout.bars.parentLabels.fontSize,
 						"font-weight": N.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal",
 						"text-anchor": "start"
-					}, w(dr(e, n)), 9, mt)) : p("", !0)
+					}, w(dr(e, t)), 9, mt)) : p("", !0)
 				]))), 256))], 512),
 				h("g", {
 					ref_key: "childLabels",
 					ref: hn
-				}, [(b(!0), m(u, null, S(Yn.value, (e, n) => (b(), m("g", ht, [(e.isChild || !e.hasChildren) && N.value.style.chart.layout.bars.nameLabels.show ? (b(), m("text", {
+				}, [(b(!0), m(u, null, S(Yn.value, (e, t) => (b(), m("g", ht, [(e.isChild || !e.hasChildren) && N.value.style.chart.layout.bars.nameLabels.show ? (b(), m("text", {
 					key: 0,
 					"text-anchor": "start",
 					x: Math.abs(N.value.style.chart.layout.bars.nameLabels.offsetX),
-					y: T(l)(q.value.top + (L.value + G.value) * n + G.value / 2 + N.value.style.chart.layout.bars.nameLabels.fontSize / 2 + W.value[n] * U.value),
+					y: T(l)(q.value.top + (L.value + G.value) * t + G.value / 2 + N.value.style.chart.layout.bars.nameLabels.fontSize / 2 + W.value[t] * U.value),
 					"font-size": N.value.style.chart.layout.bars.nameLabels.fontSize,
 					fill: "transparent",
 					"font-weight": N.value.style.chart.layout.bars.nameLabels.bold ? "bold" : "normal",
 					style: { "user-select": "none" },
-					innerHTML: T(t)({
+					innerHTML: T(n)({
 						content: e.name,
 						fontSize: N.value.style.chart.layout.bars.nameLabels.fontSize,
 						fill: "transparent",
 						x: Math.abs(N.value.style.chart.layout.bars.nameLabels.offsetX),
-						y: T(l)(q.value.top + (L.value + G.value) * n + G.value / 2 + N.value.style.chart.layout.bars.nameLabels.fontSize / 2 + W.value[n] * U.value),
+						y: T(l)(q.value.top + (L.value + G.value) * t + G.value / 2 + N.value.style.chart.layout.bars.nameLabels.fontSize / 2 + W.value[t] * U.value),
 						translateY: !0
 					})
 				}, null, 8, gt)) : p("", !0)]))), 256))], 512),
-				h("g", null, [(b(!0), m(u, null, S(H.value, (e, n) => (b(), m("g", _t, [(e.isChild || !e.hasChildren) && N.value.style.chart.layout.bars.nameLabels.show ? (b(), m("text", {
+				h("g", null, [(b(!0), m(u, null, S(H.value, (e, t) => (b(), m("g", _t, [(e.isChild || !e.hasChildren) && N.value.style.chart.layout.bars.nameLabels.show ? (b(), m("text", {
 					key: 0,
 					"text-anchor": "end",
 					x: q.value.left + N.value.style.chart.layout.bars.nameLabels.offsetX - 6,
-					y: q.value.top + (L.value + G.value) * n + G.value / 2 + N.value.style.chart.layout.bars.nameLabels.fontSize / 3 + W.value[n] * U.value,
+					y: q.value.top + (L.value + G.value) * t + G.value / 2 + N.value.style.chart.layout.bars.nameLabels.fontSize / 3 + W.value[t] * U.value,
 					"font-size": N.value.style.chart.layout.bars.nameLabels.fontSize,
 					fill: N.value.style.chart.layout.bars.nameLabels.color,
 					"font-weight": N.value.style.chart.layout.bars.nameLabels.bold ? "bold" : "normal",
-					innerHTML: T(t)({
+					innerHTML: T(n)({
 						content: e.name,
 						fontSize: N.value.style.chart.layout.bars.nameLabels.fontSize,
 						fill: N.value.style.chart.layout.bars.nameLabels.color,
 						x: q.value.left + N.value.style.chart.layout.bars.nameLabels.offsetX - 6,
-						y: q.value.top + (L.value + G.value) * n + G.value / 2 + N.value.style.chart.layout.bars.nameLabels.fontSize / 3 + W.value[n] * U.value,
+						y: q.value.top + (L.value + G.value) * t + G.value / 2 + N.value.style.chart.layout.bars.nameLabels.fontSize / 3 + W.value[t] * U.value,
 						translateY: !0
 					})
 				}, null, 8, vt)) : p("", !0)]))), 256))]),
@@ -1438,7 +1438,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				legendSet: B.value,
 				config: Zn.value,
 				isCursorPointer: P.value,
-				onClickMarker: n[1] ||= ({ legend: e }) => J(e.id)
+				onClickMarker: t[1] ||= ({ legend: e }) => J(e.id)
 			}, Pe({
 				item: E(({ legend: e, index: t }) => [h("div", {
 					onClick: (t) => J(e.id),
@@ -1667,7 +1667,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ut }), Ye = ["id"], Xe = ["id"], Ze
 				fn: E(() => [h("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[2] ||= (e) => yr(N.value.userOptions.callbacks.csv),
+					onClick: t[2] ||= (e) => yr(N.value.userOptions.callbacks.csv),
 					style: y({ cursor: P.value ? "pointer" : "default" })
 				}, [Ie(T(Wt), {
 					name: "fileCsv",

package/dist/{vue-ui-kpi-DmSe1QGb.js → vue-ui-kpi-DJjF6tcf.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { G as t, H as n, i as r } from "./lib-CXicicWN.js";
-import { t as i } from "./useConfig-Bf_EBbe3.js";
-import { t as a } from "./useNestedProp-APyFoLCQ.js";
+import { W as t, i as n, q as r } from "./lib-CuwHGt1j.js";
+import { t as i } from "./useConfig-pVLia3dt.js";
+import { t as a } from "./useNestedProp-BjkuFaz1.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";
 //#region src/components/vue-ui-kpi.vue
@@ -20,10 +20,10 @@ var T = /* @__PURE__ */ e({ default: () => k }), E = ["aria-labelledby"], D = ["
 		}
 	},
 	setup(e) {
-		let T = m(() => import("./vue-ui-digits-C50FVr7C.js").then((e) => e.n)), { vue_ui_kpi: k } = i(), A = o(), j = e, M = c({
+		let T = m(() => import("./vue-ui-digits-07IxTlNO.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());
+		}), N = C(), P = c(() => M.value.debug), F = y(t());
 		_(() => {
 			N["chart-background"] && P.value && console.warn("VueUiKpi does not support the #chart-background slot.");
 		});
@@ -51,18 +51,18 @@ var T = /* @__PURE__ */ e({ default: () => k }), E = ["aria-labelledby"], D = ["
 		}
 		return w(() => j.dataset, (e) => {
 			M.value.useAnimation && !A.value ? z(e) : R.value = e;
-		}), (n, i) => (v(), u("div", {
+		}), (t, i) => (v(), u("div", {
 			class: h(`vue-data-ui-component vue-ui-kpi ${M.value.layoutClass}`),
 			style: g(`background:${M.value.backgroundColor}; ${M.value.layoutCss}`),
 			"aria-labelledby": `kpi-title-${F.value}`
 		}, [
-			M.value.title || n.$slots.title ? (v(), u("div", {
+			M.value.title || t.$slots.title ? (v(), u("div", {
 				key: 0,
 				class: h(`vue-ui-kpi-title ${M.value.titleClass}`),
 				style: g(`font-family: ${M.value.fontFamily}; font-size:${M.value.titleFontSize}px; color:${M.value.titleColor}; font-weight:${M.value.titleBold ? "bold" : "normal"}; ${M.value.titleCss}`),
 				id: `kpi-title-${F.value}`
-			}, [b(n.$slots, "title", { comment: e.dataset }), f(" " + x(M.value.title), 1)], 14, D)) : l("", !0),
-			b(n.$slots, "comment-before", { comment: e.dataset }),
+			}, [b(t.$slots, "title", { comment: e.dataset }), f(" " + x(M.value.title), 1)], 14, D)) : l("", !0),
+			b(t.$slots, "comment-before", { comment: e.dataset }),
 			d("div", {
 				class: h(`vue-ui-kpi-value ${M.value.valueClass}`),
 				style: g(`font-family: ${M.value.fontFamily}; font-size:${M.value.valueFontSize}px; color:${M.value.valueColor}; font-weight:${M.value.valueBold ? "bold" : "normal"}; ${M.value.valueCss}`),
@@ -70,7 +70,7 @@ var T = /* @__PURE__ */ e({ default: () => k }), E = ["aria-labelledby"], D = ["
 				"aria-live": "polite",
 				"aria-atomic": "true",
 				"aria-label": R.value.toFixed(M.value.valueRounding)
-			}, [b(n.$slots, "value", { comment: e.dataset }), M.value.analogDigits.show ? (v(), u("div", {
+			}, [b(t.$slots, "value", { comment: e.dataset }), M.value.analogDigits.show ? (v(), u("div", {
 				key: 0,
 				style: g({ height: M.value.analogDigits.height + "px" })
 			}, [p(S(T), {
@@ -82,13 +82,13 @@ var T = /* @__PURE__ */ e({ default: () => k }), E = ["aria-labelledby"], D = ["
 						skeletonColor: M.value.analogDigits.skeletonColor
 					}
 				}
-			}, null, 8, ["dataset", "config"])], 4)) : (v(), u(s, { key: 1 }, [f(x(S(r)(M.value.formatter, R.value, S(t)({
+			}, null, 8, ["dataset", "config"])], 4)) : (v(), u(s, { key: 1 }, [f(x(S(n)(M.value.formatter, R.value, S(r)({
 				p: M.value.prefix,
 				v: R.value,
 				s: M.value.suffix,
 				r: M.value.valueRounding
 			}))), 1)], 64))], 14, O),
-			b(n.$slots, "comment-after", { comment: e.dataset })
+			b(t.$slots, "comment-after", { comment: e.dataset })
 		], 14, E));
 	}
 };

package/dist/{vue-ui-mini-loader-CqxI6DwN.js → vue-ui-mini-loader-nOsOsA2V.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { t } from "./lib-CXicicWN.js";
-import { t as n } from "./useConfig-Bf_EBbe3.js";
-import { t as r } from "./useNestedProp-APyFoLCQ.js";
+import { t } from "./lib-CuwHGt1j.js";
+import { t as n } from "./useConfig-pVLia3dt.js";
+import { t as r } from "./useNestedProp-BjkuFaz1.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";
 //#region src/components/vue-ui-mini-loader.vue