vue-data-ui 3.20.10 → 3.21.0

package/dist/{vue-ui-stackbar-DltfPoDm.js → vue-ui-stackbar-DH75CCpy.js}

@@ -1,26 +1,26 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { B as t, Bt as n, Ct as r, Et as a, G as o, H as s, It as c, J as l, Lt as u, Rt as d, S as f, V as p, X as ee, bt as te, et as m, g as ne, h as re, i as h, nt as ie, ot as ae, pt as oe, r as se, s as ce, t as le, x as ue, y as de } from "./lib-DUeYQsS0.js";
+import { B as t, Bt as n, G as r, H as a, Ht as o, J as s, Ot as c, Rt as l, S as u, St as d, Tt as f, V as p, X as ee, ct as te, g as ne, h as re, ht as ie, i as m, it as ae, nt as h, r as oe, s as se, t as ce, x as le, y as ue, zt as de } from "./lib-AJRHFE5U.js";
 import { n as fe, r as pe, t as me } from "./useTimeLabels-BmBRv27Y.js";
 import { t as he } from "./useConfig-DnH7Pf_2.js";
-import { t as ge } from "./usePrinter-C1Gqt_Sp.js";
+import { t as ge } from "./usePrinter-6n2MzVyV.js";
 import { n as _e, t as ve } from "./BaseScanner-Dr2a1Msy.js";
 import { t as ye } from "./useSvgExport-SVIsDot8.js";
-import { t as be } from "./useNestedProp-CNcoy38D.js";
+import { t as be } from "./useNestedProp-DtcXIg7n.js";
 import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
 import { t as Se } from "./useStableElementSize-C7KADDKj.js";
 import { t as Ce } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as we } from "./img-1cKsci8e.js";
-import { n as Te } from "./Title-NWp4qB4K.js";
-import { t as Ee } from "./Shape-BPCJfphn.js";
+import { t as we } from "./img-C_RNNswI.js";
+import { n as Te } from "./Title-DH6G8_cZ.js";
+import { t as Ee } from "./Shape-BxFtoF1z.js";
 import { t as De } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as Oe } from "./canvas-lib-BOP_HS11.js";
 import { t as ke } from "./useResponsive-BfnK0KxU.js";
-import { t as Ae } from "./SlicerPreview-CpvCUAIM.js";
-import { t as je } from "./BaseLegendToggle-C_Db-y7s.js";
+import { t as Ae } from "./SlicerPreview-CXLgqXX8.js";
+import { t as je } from "./BaseLegendToggle-BNRi408o.js";
 import { t as Me } from "./A11yDataTable-BCbtxMU6.js";
 import { t as Ne } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Pe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Fe } from "./Legend-Cz2uQ5gs.js";
+import { t as Fe } from "./Legend-BLhREbj7.js";
 import { t as Ie } from "./vue_ui_stackbar-COOrQQdK.js";
 import { Fragment as g, Teleport as Le, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as Re, createTextVNode as ze, createVNode as Be, defineAsyncComponent as Ve, guardReactiveProps as S, mergeProps as He, nextTick as Ue, normalizeClass as We, normalizeProps as C, normalizeStyle as w, onBeforeUnmount as Ge, onMounted as Ke, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as qe, shallowRef as Je, toDisplayString as k, toRefs as Ye, unref as A, useSlots as Xe, watch as Ze, watchEffect as Qe, withCtx as j } from "vue";
 //#region src/components/vue-ui-stackbar.vue
@@ -280,14 +280,14 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 		"copyAlt"
 	],
 	setup(e, { expose: De, emit: $e }) {
-		let Qt = Ve(() => import("./Tooltip-BENq327o.js")), $t = Ve(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), en = Ve(() => import("./vue-ui-accordion-Bpbv-VHE.js").then((e) => e.n)), tn = Ve(() => import("./DataTable-B--IN22e.js")), nn = Ve(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), rn = Ve(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), an = Ve(() => import("./PackageVersion-BbgWxFC4.js").then((e) => e.t)), on = Ve(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_stackbar: sn } = he(), { isThemeValid: cn, warnInvalidTheme: ln } = xe(), un = Xe(), M = e, N = $e, dn = _({
+		let Qt = Ve(() => import("./Tooltip-979Ytd8R.js")), $t = Ve(() => import("./BaseIcon-CbDazQLH.js").then((e) => e.n)), en = Ve(() => import("./vue-ui-accordion-DLnwuQda.js").then((e) => e.n)), tn = Ve(() => import("./DataTable-DweDyHc1.js")), nn = Ve(() => import("./PenAndPaper-D4aFMYZf.js").then((e) => e.t)), rn = Ve(() => import("./UserOptions-qFz-9Pnw.js").then((e) => e.n)), an = Ve(() => import("./PackageVersion-DYLo3MRd.js").then((e) => e.t)), on = Ve(() => import("./BaseDraggableDialog-BvaFJWHb.js").then((e) => e.n)), { vue_ui_stackbar: sn } = he(), { isThemeValid: cn, warnInvalidTheme: ln } = xe(), un = Xe(), M = e, N = $e, dn = _({
 			get() {
 				return !!M.dataset && M.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), P = E(null), F = E(s()), fn = E(!1), pn = E(null), mn = E(""), I = E([]), hn = E(0), gn = E(null), _n = E(null), vn = E(null), yn = E(null), bn = E(!1), L = E(null), xn = E(!1), Sn = E(0), Cn = E(0), wn = E(0), Tn = E(!1), En = E(null), Dn = E(null), On = E(!1), kn = E(!1), An = E(null), jn = E(null), Mn = E(null), Nn = E(null), Pn = E(null), Fn = E(null), In = Je(null), Ln = E(!1), Rn = E(0), zn = E(0), R = E(null), Bn = E({
+		}), P = E(null), F = E(a()), fn = E(!1), pn = E(null), mn = E(""), I = E([]), hn = E(0), gn = E(null), _n = E(null), vn = E(null), yn = E(null), bn = E(!1), L = E(null), xn = E(!1), Sn = E(0), Cn = E(0), wn = E(0), Tn = E(!1), En = E(null), Dn = E(null), On = E(!1), kn = E(!1), An = E(null), jn = E(null), Mn = E(null), Nn = E(null), Pn = E(null), Fn = E(null), In = Je(null), Ln = E(!1), Rn = E(0), zn = E(0), R = E(null), Bn = E({
 			x: 0,
 			y: 0
 		}), Vn = E("pointer"), Hn = Se({
@@ -318,7 +318,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 		Ke(() => {
 			Tn.value = !0, Un(), Hn.start(), mr();
 		});
-		let z = E(rr()), B = _(() => z.value.userOptions.useCursorPointer), qn = _(() => n({
+		let z = E(rr()), B = _(() => z.value.userOptions.useCursorPointer), qn = _(() => o({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				useCssAnimation: !1,
@@ -395,7 +395,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				],
 				color: "#CACACA"
 			}],
-			skeletonConfig: n({
+			skeletonConfig: o({
 				defaultConfig: z.value,
 				userConfig: qn.value
 			})
@@ -414,19 +414,19 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			let e = be({
 				userConfig: M.config,
 				defaultConfig: sn
-			}), t = {}, n = e.theme;
-			if (n) if (!cn.value(e)) ln(e), t = e;
+			}), t = {}, r = e.theme;
+			if (r) if (!cn.value(e)) ln(e), t = e;
 			else {
-				let r = be({
-					userConfig: Ie[n] || M.config,
+				let a = be({
+					userConfig: Ie[r] || M.config,
 					defaultConfig: e
 				});
 				t = {
 					...be({
 						userConfig: M.config,
-						defaultConfig: r
+						defaultConfig: a
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : d[n] || a
+					customPalette: e.customPalette.length ? e.customPalette : n[r] || c
 				};
 			}
 			else t = e;
@@ -463,14 +463,14 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				bottom: z.value.style.chart.padding.bottom / z.value.style.chart.height,
 				left: z.value.style.chart.padding.left / z.value.style.chart.width
 			}
-		}), ur = _(() => ue(z.value.customPalette)), U = Je(null), dr = Je(null), fr = E(null), pr = _(() => !!z.value.debug);
+		}), ur = _(() => le(z.value.customPalette)), U = Je(null), dr = Je(null), fr = E(null), pr = _(() => !!z.value.debug);
 		function mr({ resetSlicer: e = !0 } = {}) {
-			if (r(M.dataset) ? (ee({
+			if (f(M.dataset) ? (ee({
 				componentName: "VueUiStackbar",
 				type: "dataset",
 				debug: pr.value
 			}), Xn.value = !0) : M.dataset.forEach((e, t) => {
-				ae({
+				te({
 					datasetObject: e,
 					requiredAttributes: ["name", "series"]
 				}).forEach((e) => {
@@ -482,7 +482,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 						debug: pr.value
 					}), Xn.value = !0;
 				});
-			}), r(M.dataset) || (Xn.value = z.value.loading), setTimeout(() => {
+			}), f(M.dataset) || (Xn.value = z.value.loading), setTimeout(() => {
 				xn.value = !0;
 			}, 10), z.value.responsive) {
 				let e = Oe(() => {
@@ -651,7 +651,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				};
 			}
 		}), K = _(() => Yn.value.map((e, t) => {
-			let n = `stackbar_serie_${t}`, r = de(e.color) || ur.value[t] || a[t] || a[t % a.length];
+			let n = `stackbar_serie_${t}`, r = ue(e.color) || ur.value[t] || c[t] || c[t % c.length];
 			return {
 				...e,
 				series: JSON.parse(JSON.stringify(e.series)).map((e) => z.value.style.chart.bars.distributed ? Math.abs(e) : e),
@@ -700,7 +700,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 		let X = _(() => {
 			let e;
 			return e = z.value.orientation === "vertical" ? G.value.width / (J.value.end - J.value.start) : G.value.height / (J.value.end - J.value.start), e <= 0 ? 0 : e;
-		}), Nr = _(() => c(K.value.filter((e) => !I.value.includes(e.id))).slice(J.value.start, J.value.end)), Pr = _(() => I.value.length === K.value.length), Fr = _(() => z.value.style.chart.zoom.minimap.show ? c(K.value.map((e) => ({
+		}), Nr = _(() => l(K.value.filter((e) => !I.value.includes(e.id))).slice(J.value.start, J.value.end)), Pr = _(() => I.value.length === K.value.length), Fr = _(() => z.value.style.chart.zoom.minimap.show ? l(K.value.map((e) => ({
 			...e,
 			series: e.series.map((e) => e ?? 0)
 		})).filter((e) => Pr.value ? !0 : !I.value.includes(e.id))) : []), Ir = _(() => z.value.style.chart.zoom.minimap.show ? [{
@@ -708,17 +708,17 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			series: Fr.value,
 			color: "#000000",
 			isVisible: !0
-		}] : []), Lr = _(() => c(K.value.filter((e) => !I.value.includes(e.id)).map((e) => ({
+		}] : []), Lr = _(() => l(K.value.filter((e) => !I.value.includes(e.id)).map((e) => ({
 			...e,
 			series: e.series.map((t, n) => e.signedSeries[n] === -1 && t >= 0 ? -t : t)
 		}))).slice(J.value.start, J.value.end)), Rr = _(() => {
 			let e = K.value.filter((e) => !I.value.includes(e.id));
 			return {
-				positive: c(e.map((e) => ({
+				positive: l(e.map((e) => ({
 					...e,
 					series: e.series.slice(J.value.start, J.value.end).map((e) => e >= 0 ? e : 0)
 				}))),
-				negative: c(e.map((e) => ({
+				negative: l(e.map((e) => ({
 					...e,
 					series: e.series.slice(J.value.start, J.value.end).map((e) => e < 0 ? e : 0)
 				})))
@@ -773,7 +773,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			return Q.value.length ? Math.min(e, [...new Set(Q.value.map((e) => e.text))].length) : e;
 		}), Ur = _(() => {
 			let e = z.value.style.chart.grid.x.timeLabels, t = Q.value || [], n = zr.value || [], r = J.value.start ?? 0, a = L.value, o = q.value, s = t.map((e) => e?.text ?? ""), c = n.map((e) => e?.text ?? "");
-			return ce(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Hr.value || 1), s, c, r, a, o);
+			return se(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Hr.value || 1), s, c, r, a, o);
 		});
 		Qe(() => {
 			z.value.orientation, z.value.style.chart.grid.x.timeLabels.show, z.value.style.chart.grid.x.timeLabels.fontSize, z.value.style.chart.grid.x.timeLabels.rotation, z.value.style.chart.grid.x.timeLabels.offsetY, Ur.value?.map((e) => e?.text ?? "").join("|"), Z.value?.map((e) => e?.value ?? "").join("|"), H.value.width, H.value.height, Nn.value, Mn.value, An.value, Cr();
@@ -815,27 +815,27 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				NaN,
 				void 0,
 				null
-			].includes(o) ? 0 : o, { min: c, max: l } = !z.value.style.chart.bars.distributed && (z.value.style.chart.grid.scale.scaleMax !== null || z.value.style.chart.grid.scale.scaleMin !== null) ? ne(z.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : z.value.style.chart.grid.scale.scaleMin, z.value.style.chart.grid.scale.scaleMax === null ? a < 0 ? 0 : a : z.value.style.chart.grid.scale.scaleMax, z.value.style.chart.grid.scale.ticks) : re(z.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : z.value.style.chart.grid.scale.scaleMin, z.value.style.chart.grid.scale.scaleMax === null ? a < 0 ? 0 : a : z.value.style.chart.grid.scale.scaleMax, z.value.style.chart.grid.scale.ticks), u = l + (c >= 0 ? 0 : Math.abs(c)) || 1, d = G.value.height, f = G.value.width, p = Z.value[0] ? Z.value[0].zero : G.value.bottom, ee = Z.value[0] ? Z.value[0].horizontal_zero : G.value.left, te = Array(Fr.value.length).fill(0), m = Array(Fr.value.length).fill(0);
+			].includes(o) ? 0 : o, { min: c, max: l } = !z.value.style.chart.bars.distributed && (z.value.style.chart.grid.scale.scaleMax !== null || z.value.style.chart.grid.scale.scaleMin !== null) ? ne(z.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : z.value.style.chart.grid.scale.scaleMin, z.value.style.chart.grid.scale.scaleMax === null ? a < 0 ? 0 : a : z.value.style.chart.grid.scale.scaleMax, z.value.style.chart.grid.scale.ticks) : re(z.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : z.value.style.chart.grid.scale.scaleMin, z.value.style.chart.grid.scale.scaleMax === null ? a < 0 ? 0 : a : z.value.style.chart.grid.scale.scaleMax, z.value.style.chart.grid.scale.ticks), u = l + (c >= 0 ? 0 : Math.abs(c)) || 1, d = G.value.height, f = G.value.width, p = Z.value[0] ? Z.value[0].zero : G.value.bottom, ee = Z.value[0] ? Z.value[0].horizontal_zero : G.value.left, te = Array(Fr.value.length).fill(0), ie = Array(Fr.value.length).fill(0);
 			return K.value.filter((e) => !I.value.includes(e.id)).map((a) => {
-				let o = a.series.slice(), s = o.map((e, t) => te[t]), c = o.map((e, t) => m[t]);
+				let o = a.series.slice(), s = o.map((e, t) => te[t]), c = o.map((e, t) => ie[t]);
 				o.forEach((e, t) => {
-					(Number(e) || 0) >= 0 ? te[t] += Number(e) || 0 : m[t] += Math.abs(Number(e) || 0);
+					(Number(e) || 0) >= 0 ? te[t] += Number(e) || 0 : ie[t] += Math.abs(Number(e) || 0);
 				});
-				let l = a.series.slice(J.value.start, J.value.end), ne = a.signedSeries.slice(J.value.start, J.value.end), re = l.map((e, t) => G.value.left + X.value * t + X.value * z.value.style.chart.bars.gapRatio / 4), h = (Fr.value || []).filter(Number.isFinite), ie = h.length ? Math.max(...h) : 0, ae = h.length ? Math.min(...h) : 0;
+				let l = a.series.slice(J.value.start, J.value.end), ne = a.signedSeries.slice(J.value.start, J.value.end), re = l.map((e, t) => G.value.left + X.value * t + X.value * z.value.style.chart.bars.gapRatio / 4), m = (Fr.value || []).filter(Number.isFinite), ae = m.length ? Math.max(...m) : 0, h = m.length ? Math.min(...m) : 0;
 				function oe({ minimapH: e }) {
-					let t = 1e-9, n = ie > 0;
-					if (n && ae < 0) {
-						let n = Math.max(ie, Math.abs(ae)) || t;
+					let t = 1e-9, n = ae > 0;
+					if (n && h < 0) {
+						let n = Math.max(ae, Math.abs(h)) || t;
 						return {
 							pxPerUnit: e / 2 / n,
 							zero: e / 2
 						};
 					}
 					return n ? {
-						pxPerUnit: e / Math.max(t, ie),
+						pxPerUnit: e / Math.max(t, ae),
 						zero: e
 					} : {
-						pxPerUnit: e / Math.max(t, Math.abs(ae)),
+						pxPerUnit: e / Math.max(t, Math.abs(h)),
 						zero: 0
 					};
 				}
@@ -889,9 +889,9 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			value: e,
 			sign: e >= 0 ? 1 : -1
 		})));
-		function Xr(e, t, n, r, a) {
-			let s = a === -1 && e >= 0 ? -e : e;
-			return h(z.value.style.chart.bars.dataLabels.formatter, s, o({
+		function Xr(e, t, n, a, o) {
+			let s = o === -1 && e >= 0 ? -e : e;
+			return m(z.value.style.chart.bars.dataLabels.formatter, s, r({
 				p: z.value.style.chart.bars.dataLabels.prefix,
 				v: s,
 				s: z.value.style.chart.bars.dataLabels.suffix,
@@ -899,18 +899,18 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			}), {
 				datapoint: t,
 				seriesIndex: n,
-				datapointIndex: r
+				datapointIndex: a
 			});
 		}
-		function Zr(e, t, n, r) {
-			return h(z.value.style.chart.bars.dataLabels.formatter, e, o({
+		function Zr(e, t, n, a) {
+			return m(z.value.style.chart.bars.dataLabels.formatter, e, r({
 				v: isNaN(e) ? 0 : e,
 				s: "%",
 				r: z.value.style.chart.bars.dataLabels.rounding
 			}), {
 				datapoint: t,
 				seriesIndex: n,
-				datapointIndex: r
+				datapointIndex: a
 			});
 		}
 		function Qr(e) {
@@ -967,29 +967,29 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 		function ri(e, t = "pointer") {
 			if (Pr.value) return;
 			Vn.value = t, R.value = e, L.value = e, fn.value = !0;
-			let n = z.value.style.chart.tooltip.customFormat, r = $r(e);
+			let n = z.value.style.chart.tooltip.customFormat, a = $r(e);
 			Hi({
 				seriesIndex: e,
-				datapoint: r
+				datapoint: a
 			}), z.value.events.datapointEnter && z.value.events.datapointEnter({
-				datapoint: r,
+				datapoint: a,
 				seriesIndex: e + J.value.start
 			}), pn.value = {
 				timeLabel: ni(e),
-				datapoint: r,
+				datapoint: a,
 				seriesIndex: e,
 				config: z.value,
 				series: $.value
 			};
-			let a = r.map((e) => Math.abs(e.value)).reduce((e, t) => e + t, 0), s = r.map((e) => m(e.value)).reduce((e, t) => e + t, 0);
-			if (oe(n) && ie(() => n({
+			let o = a.map((e) => Math.abs(e.value)).reduce((e, t) => e + t, 0), s = a.map((e) => h(e.value)).reduce((e, t) => e + t, 0);
+			if (ie(n) && ae(() => n({
 				seriesIndex: e,
-				datapoint: r,
+				datapoint: a,
 				series: $.value,
 				config: z.value
 			}))) mn.value = n({
 				seriesIndex: e,
-				datapoint: r,
+				datapoint: a,
 				series: $.value,
 				config: z.value
 			});
@@ -998,7 +998,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				ee && (p += `<div style="width:100%;text-align:center;border-bottom:1px solid ${u};padding-bottom:6px;margin-bottom:3px;">${ee}</div>`), n && (p += `<div class="vue-data-ui-tooltip-total" style="display:flex;flex-direction:row;align-items:center;gap:4px">
                 <span>${c}:</span>
                 <span>
-                    ${h(z.value.style.chart.bars.dataLabels.formatter, s, o({
+                    ${m(z.value.style.chart.bars.dataLabels.formatter, s, r({
 					p: z.value.style.chart.bars.dataLabels.prefix,
 					v: s,
 					s: z.value.style.chart.bars.dataLabels.suffix,
@@ -1010,17 +1010,17 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
                 </span>
             </div>`);
 				let te = [t && l ? "(" : "", t && l ? ")" : ""];
-				r.reverse().forEach((e) => {
+				a.reverse().forEach((e) => {
 					p += `
                 <div style="display:flex;flex-direction:row;align-items:center;gap:4px">
                     <svg viewBox="0 0 60 60" height="14" width="14"><rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="${z.value.style.chart.bars.gradient.show ? `url(#gradient_${e.id})` : e.color}"/>${un.pattern ? `<rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="url(#pattern_${F.value}_${e.absoluteIndex})"/>` : ""}</svg>
-                    ${e.name}${t || l ? ":" : ""} ${t ? h(z.value.style.chart.bars.dataLabels.formatter, e.value, o({
+                    ${e.name}${t || l ? ":" : ""} ${t ? m(z.value.style.chart.bars.dataLabels.formatter, e.value, r({
 						p: z.value.style.chart.bars.dataLabels.prefix,
 						v: e.value,
 						s: z.value.style.chart.bars.dataLabels.suffix,
 						r: d
-					}, { datapoint: e })) : ""} ${te[0]}${l ? o({
-						v: isNaN(e.value / a) ? 0 : Math.abs(e.value) / a * 100,
+					}, { datapoint: e })) : ""} ${te[0]}${l ? r({
+						v: isNaN(e.value / o) ? 0 : Math.abs(e.value) / o * 100,
 						s: "%",
 						r: f
 					}) : ""}${te[1]}
@@ -1098,8 +1098,8 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				[z.value.style.chart.title.text],
 				[z.value.style.chart.title.subtitle.text],
 				[""]
-			], n = ["", ...di.value.head.map((e) => e.label)], r = di.value.body, a = f(t.concat([n]).concat(r));
-			e ? e(a) : l({
+			], n = ["", ...di.value.head.map((e) => e.label)], r = di.value.body, a = u(t.concat([n]).concat(r));
+			e ? e(a) : s({
 				csvContent: a,
 				title: z.value.style.chart.title.text || "vue-ui-stackbar"
 			});
@@ -1385,7 +1385,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			if (!Number.isFinite(e)) return;
 			let t, n;
 			z.value.orientation === "vertical" ? (t = G.value.left + e * X.value + X.value / 2, n = G.value.top + G.value.height / 2) : (t = G.value.left + G.value.width / 2, n = G.value.top + e * X.value + X.value / 2);
-			let r = u(t, n, er.value);
+			let r = de(t, n, er.value);
 			r && (Bn.value = r);
 		}
 		let Qi = _(() => ({
@@ -1407,7 +1407,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			toggleAnnotator: Si,
 			toggleFullscreen: oi,
 			copyAlt: Ki
-		}), (n, r) => (T(), b("div", {
+		}), (n, a) => (T(), b("div", {
 			id: `stackbar_${F.value}`,
 			ref_key: "stackbarChart",
 			ref: P,
@@ -1600,7 +1600,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			x("div", rt, [(T(), b("svg", {
 				ref_key: "svgRef",
 				ref: er,
-				xmlns: A(le),
+				xmlns: A(ce),
 				"aria-describedby": `chart-instructions-${F.value}`,
 				viewBox: `0 0 ${G.value.chartWidth <= 0 ? 10 : G.value.chartWidth} ${G.value.chartHeight <= 0 ? 10 : G.value.chartHeight}`,
 				class: We({ "vue-data-ui-loading": A(Jn) }),
@@ -1632,7 +1632,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 					}, null, 8, ct),
 					x("stop", {
 						offset: "61.8%",
-						"stop-color": A(te)(e.color, z.value.style.chart.bars.gradient.intensity / 100)
+						"stop-color": A(d)(e.color, z.value.style.chart.bars.gradient.intensity / 100)
 					}, null, 8, lt),
 					x("stop", {
 						offset: "100%",
@@ -1702,7 +1702,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 					patternId: `pattern_${F.value}_${e.absoluteIndex}`
 				}), void 0, !0)])) : y("", !0), z.value.orientation === "vertical" ? (T(), b(g, { key: 1 }, [(T(!0), b(g, null, D(e.x, (t, n) => (T(), b("rect", {
 					x: t,
-					y: A(m)(e.y[n]),
+					y: A(h)(e.y[n]),
 					height: e.height[n] < 0 ? 1e-4 : e.height[n] || 0,
 					rx: z.value.style.chart.bars.borderRadius > e.height[n] / 2 ? (e.height[n] < 0 ? 0 : e.height[n]) / 2 : z.value.style.chart.bars.borderRadius,
 					width: X.value * (1 - z.value.style.chart.bars.gapRatio / 2),
@@ -1717,7 +1717,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 					})
 				}, null, 10, _t))), 256)), n.$slots.pattern ? (T(), b("g", vt, [(T(!0), b(g, null, D(e.x, (t, n) => (T(), b("rect", {
 					x: t,
-					y: A(m)(e.y[n]),
+					y: A(h)(e.y[n]),
 					height: e.height[n] < 0 ? 1e-4 : e.height[n] || 0,
 					rx: z.value.style.chart.bars.borderRadius > e.height[n] / 2 ? (e.height[n] < 0 ? 0 : e.height[n]) / 2 : z.value.style.chart.bars.borderRadius,
 					width: X.value * (1 - z.value.style.chart.bars.gapRatio / 2),
@@ -1731,9 +1731,9 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 						"vue-data-ui-bar-transition": xn.value
 					})
 				}, null, 10, yt))), 256))])) : y("", !0)], 64)) : (T(), b(g, { key: 2 }, [(T(!0), b(g, null, D(e.horizontal_x, (t, n) => (T(), b("rect", {
-					x: A(m)(t, G.value.left),
+					x: A(h)(t, G.value.left),
 					y: e.horizontal_y[n] < 0 ? 0 : e.horizontal_y[n],
-					width: A(m)(e.horizontal_width[n] < 0 ? 1e-4 : e.horizontal_width[n]),
+					width: A(h)(e.horizontal_width[n] < 0 ? 1e-4 : e.horizontal_width[n]),
 					rx: z.value.style.chart.bars.borderRadius > e.height[n] / 2 ? (e.height[n] < 0 ? 0 : e.height[n]) / 2 : z.value.style.chart.bars.borderRadius,
 					height: X.value * (1 - z.value.style.chart.bars.gapRatio / 2),
 					fill: z.value.style.chart.bars.gradient.show ? `url(#gradient_${e.id})` : e.color,
@@ -1746,9 +1746,9 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 						"vue-data-ui-bar-transition": xn.value
 					})
 				}, null, 10, bt))), 256)), n.$slots.pattern ? (T(), b("g", xt, [(T(!0), b(g, null, D(e.horizontal_x, (t, n) => (T(), b("rect", {
-					x: A(m)(t, G.value.left),
+					x: A(h)(t, G.value.left),
 					y: e.horizontal_y[n] < 0 ? 0 : e.horizontal_y[n],
-					width: A(m)(e.horizontal_width[n] < 0 ? 1e-4 : e.horizontal_width[n]),
+					width: A(h)(e.horizontal_width[n] < 0 ? 1e-4 : e.horizontal_width[n]),
 					rx: z.value.style.chart.bars.borderRadius > e.height[n] / 2 ? (e.height[n] < 0 ? 0 : e.height[n]) / 2 : z.value.style.chart.bars.borderRadius,
 					height: X.value * (1 - z.value.style.chart.bars.gapRatio / 2),
 					fill: `url(#pattern_${F.value}_${e.absoluteIndex})`,
@@ -1809,7 +1809,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 					x: n + X.value * (1 - z.value.style.chart.bars.gapRatio / 2) / 2,
 					y: e.y[r] + e.height[r] / 2 + z.value.style.chart.bars.dataLabels.fontSize / 3,
 					"font-size": z.value.style.chart.bars.dataLabels.fontSize,
-					fill: z.value.style.chart.bars.dataLabels.adaptColorToBackground ? A(se)(e.color) : z.value.style.chart.bars.dataLabels.color,
+					fill: z.value.style.chart.bars.dataLabels.adaptColorToBackground ? A(oe)(e.color) : z.value.style.chart.bars.dataLabels.color,
 					"font-weight": z.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
 					"text-anchor": "middle"
 				}, k(z.value.style.chart.bars.showDistributedPercentage && z.value.style.chart.bars.distributed ? Zr(e.proportions[r] * 100, e, t, r) : Xr(e.series[r], e, t, r, e.signedSeries[r])), 9, Dt)) : y("", !0)], 64))), 256))]))), 256)), z.value.style.chart.bars.totalValues.show && $.value.length > 1 ? (T(), b("g", {
@@ -1830,7 +1830,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 					x: n + (e.horizontal_width[r] < 0 ? 1e-4 : e.horizontal_width[r]) / 2,
 					y: e.horizontal_y[r] + X.value * (1 - z.value.style.chart.bars.gapRatio / 2) / 2 + z.value.style.chart.bars.dataLabels.fontSize / 3,
 					"font-size": z.value.style.chart.bars.dataLabels.fontSize,
-					fill: z.value.style.chart.bars.dataLabels.adaptColorToBackground ? A(se)(e.color) : z.value.style.chart.bars.dataLabels.color,
+					fill: z.value.style.chart.bars.dataLabels.adaptColorToBackground ? A(oe)(e.color) : z.value.style.chart.bars.dataLabels.color,
 					"font-weight": z.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
 					"text-anchor": "middle"
 				}, k(z.value.style.chart.bars.showDistributedPercentage && z.value.style.chart.bars.distributed ? Zr(e.proportions[r] * 100, e, t, r) : Xr(e.series[r], e, t, r, e.signedSeries[r])), 9, kt)) : y("", !0)], 64))), 256))]))), 256)), z.value.style.chart.bars.totalValues.show && $.value.length > 1 ? (T(), b("g", {
@@ -1864,7 +1864,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 					"font-weight": z.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
 					fill: z.value.style.chart.grid.y.axisLabels.color,
 					"text-anchor": W.value ? "start" : "end"
-				}, k(A(h)(z.value.style.chart.grid.y.axisLabels.formatter, e.value, A(o)({
+				}, k(A(m)(z.value.style.chart.grid.y.axisLabels.formatter, e.value, A(r)({
 					p: z.value.style.chart.bars.dataLabels.prefix,
 					v: e.value,
 					s: z.value.style.chart.bars.dataLabels.suffix,
@@ -1889,7 +1889,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 					fill: z.value.style.chart.grid.y.axisLabels.color,
 					"text-anchor": z.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : z.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
 					transform: `translate(${e.horizontal_x}, ${G.value.bottom + z.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + z.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${z.value.style.chart.grid.x.timeLabels.rotation})`
-				}, k(A(h)(z.value.style.chart.grid.y.axisLabels.formatter, e.value, A(o)({
+				}, k(A(m)(z.value.style.chart.grid.y.axisLabels.formatter, e.value, A(r)({
 					p: z.value.style.chart.bars.dataLabels.prefix,
 					v: e.value,
 					s: z.value.style.chart.bars.dataLabels.suffix,
@@ -2077,9 +2077,9 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				"onUpdate:end": Vi,
 				"onUpdate:start": Bi,
 				onTrapMouse: Er,
-				onReset: r[0] ||= () => Mr({ force: !0 }),
-				onFutureEnd: r[1] ||= (e) => Or("end", e),
-				onFutureStart: r[2] ||= (e) => Or("start", e)
+				onReset: a[0] ||= () => Mr({ force: !0 }),
+				onFutureEnd: a[1] ||= (e) => Or("end", e),
+				onFutureStart: a[2] ||= (e) => Or("start", e)
 			}, {
 				"reset-action": j(({ reset: e }) => [O(n.$slots, "reset-action", C(S({ reset: e })), void 0, !0)]),
 				slotMap: j(({ width: e, height: t, unitW: n }) => [(T(!0), b(g, null, D($.value, (e) => (T(), b("g", { key: e.id }, [(T(!0), b(g, null, D(e.xMinimap({
@@ -2117,7 +2117,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				parent: P.value,
 				content: mn.value,
 				isFullscreen: bn.value,
-				isCustom: A(oe)(z.value.style.chart.tooltip.customFormat),
+				isCustom: A(ie)(z.value.style.chart.tooltip.customFormat),
 				smooth: z.value.style.chart.tooltip.smooth,
 				backdropFilter: z.value.style.chart.tooltip.backdropFilter,
 				smoothForce: z.value.style.chart.tooltip.smoothForce,
@@ -2165,7 +2165,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				legendSet: yi.value,
 				config: bi.value,
 				isCursorPointer: B.value,
-				onClickMarker: r[3] ||= ({ legend: e }) => e.segregate()
+				onClickMarker: a[3] ||= ({ legend: e }) => e.segregate()
 			}, Re({
 				item: j(({ legend: e }) => [A(Jn) ? y("", !0) : (T(), b("div", {
 					key: 0,
@@ -2228,7 +2228,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 					onClose: Oi
 				}, {
 					th: j(({ th: e }) => [x("div", { innerHTML: e }, null, 8, Zt)]),
-					td: j(({ td: e }) => [ze(k(isNaN(Number(e)) ? e : A(o)({
+					td: j(({ td: e }) => [ze(k(isNaN(Number(e)) ? e : A(r)({
 						p: z.value.style.chart.bars.dataLabels.prefix,
 						v: e,
 						s: z.value.style.chart.bars.dataLabels.suffix,
@@ -2254,7 +2254,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				fn: j(() => [x("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: r[4] ||= (e) => fi(z.value.userOptions.callbacks.csv),
+					onClick: a[4] ||= (e) => fi(z.value.userOptions.callbacks.csv),
 					style: w({ cursor: B.value ? "pointer" : "default" })
 				}, [Be(A($t), {
 					name: "fileCsv",