@logicplanes/kaeso-ui 0.4.3 → 0.4.5

package/dist/components/charts/bar.js

@@ -1,235 +1,310 @@
 "use client";
-import { t as e } from "../../chunks/cn-Dj6sRgkF.js";
+import { t as e } from "../../chunks/cn-BjnOAUrA.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
 import { formatNumber as n, formatPercent as r } from "../../format.js";
-import { A as i, D as a, E as o, S as s, b as c, g as l, i as u, k as d, n as ee, p as te, r as ne, s as re, t as f, v as ie } from "../../chunks/core-BYns5ytV.js";
-import { t as ae } from "../../chunks/linear-scale-BWKeRqDX.js";
-import { forwardRef as p, useState as m } from "react";
-import { Fragment as oe, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { max as se } from "d3-array";
-import { scaleBand as _ } from "d3-scale";
+import { A as i, D as a, E as o, M as s, O as c, S as l, b as u, g as ee, h as te, i as ne, n as re, p as ie, r as ae, s as oe, t as d, v as se } from "../../chunks/core-CmK-8ObW.js";
+import { t as ce } from "../../chunks/linear-scale-BWKeRqDX.js";
+import { a as le, i as ue, n as de, o as fe, r as f, s as pe, t as me } from "../../chunks/domain-obd_w9xk.js";
+import { forwardRef as p, useState as he } from "react";
+import { Fragment as ge, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { radius as _e } from "@logicplanes/kaeso-tokens";
+import { scaleBand as ve } from "d3-scale";
 //#region src/components/charts/bar.tsx
-var v = { layout: {
+var g = { layout: {
 	grouped: { classes: "" },
 	stacked: { classes: "" },
 	horizontal: { classes: "" }
-} }, y = { layout: "grouped" }, b = /* @__PURE__ */ p(function({ categories: p, series: v, layout: y = "grouped", height: b = 240, formatValue: x = (e) => n(e), highlight: S, axisLabels: C, dates: le, shares: ue = !0, partial: w, className: de, "aria-label": T, ...E }, fe) {
-	let D = t(), [pe, O] = a(), [k, A] = m(null), [j, me] = m(null), M = y === "horizontal", N = y === "stacked", P = v.flatMap((e) => e.values), he = se(N ? p.map((e, t) => v.reduce((e, n) => e + (n.values[t] ?? 0), 0)) : P) ?? 0, F = ae().domain([0, he * 1.08 || 1]).nice(4), I = d(P, F.domain()[1] ?? 1, !!E.loading), L = v.map((e, t) => e.values.map((n, r) => I.values[t * e.values.length + r] ?? 0)), ge = c(v.map((e) => e.id)), R = (e) => e.color ?? ge.get(e.id), z = M ? {
+} }, ye = { layout: "grouped" }, be = 2, xe = 8, _ = 13;
+function Se(e, t, n) {
+	let r = e.map(() => null);
+	for (let i of [1, -1]) {
+		let a = 0, o = e.map((e, t) => Number.isFinite(e) && e * i > 0 ? t : -1).filter((e) => e >= 0).map((n) => {
+			let r = t(a);
+			return a += e[n], {
+				i: n,
+				a: r,
+				b: t(a)
+			};
+		}), s = o.map((e, t) => Math.abs(e.b - e.a) - (t > 0 ? n : 0)), c = 0;
+		if (s.forEach((e, t) => {
+			e < 2 && (c += 2 - e, s[t] = 2);
+		}), c > 0) {
+			let e = s.indexOf(Math.max(...s));
+			e >= 0 && (s[e] = Math.max(2, s[e] - c));
+		}
+		let l = o.length && Math.sign(o[o.length - 1].b - o[0].a) || 1, u = o[0]?.a ?? 0;
+		o.forEach((e, t) => {
+			let i = t > 0 ? u + l * n : u, a = i + l * s[t];
+			r[e.i] = {
+				from: i,
+				to: a
+			}, u = a;
+		});
+	}
+	return r;
+}
+function v(e, t, n, r, i, a) {
+	if (n <= 0 || r <= 0) return "";
+	let o = Math.min(i, a === "left" || a === "right" ? r / 2 : n / 2, a === "left" || a === "right" ? n : r);
+	if (o <= 0 || a === "none") return `M${e} ${t}h${n}v${r}h${-n}z`;
+	let s = e + n, c = t + r;
+	switch (a) {
+		case "top": return `M${e} ${c}V${t + o}Q${e} ${t} ${e + o} ${t}H${s - o}Q${s} ${t} ${s} ${t + o}V${c}z`;
+		case "bottom": return `M${e} ${t}V${c - o}Q${e} ${c} ${e + o} ${c}H${s - o}Q${s} ${c} ${s} ${c - o}V${t}z`;
+		case "right": return `M${e} ${t}H${s - o}Q${s} ${t} ${s} ${t + o}V${c - o}Q${s} ${c} ${s - o} ${c}H${e}z`;
+		case "left": return `M${s} ${t}H${e + o}Q${e} ${t} ${e} ${t + o}V${c - o}Q${e} ${c} ${e + o} ${c}H${s}z`;
+	}
+}
+var y = /* @__PURE__ */ p(function({ categories: p, series: g, layout: ye = "grouped", height: y = 240, formatValue: Ce, highlight: b, axisLabels: we, dates: Te, shares: Ee = !0, partial: x, className: De, "aria-label": Oe, ...S }, ke) {
+	let C = t(), Ae = Ce ?? ((e) => n(e)), w = (e) => Number.isFinite(e) ? Ae(e) : "–", [je, T] = a(), [E, Me] = he(null), [Ne, Pe] = he(null), [D, Fe] = he(/* @__PURE__ */ new Set()), O = ye === "horizontal", k = ye === "stacked", A = g.filter((e) => !D.has(e.id)), j = A.flatMap((e) => p.map((t, n) => e.values[n] ?? NaN)), Ie = g.length > 0 && A.length === 0, M = S.empty ?? (Ie || p.length === 0 || !le(j)), Le = (e) => p.map((t, n) => A.reduce((t, r) => t + (Number.isFinite(r.values[n]) && (r.values[n] ?? 0) * e > 0 ? r.values[n] : 0), 0)), Re = pe(k ? [...Le(1), ...Le(-1)] : j), N = ce().domain(Re).nice(4), [ze = 0, Be = 1] = N.domain(), P = c([
+		...j.map((e) => Number.isFinite(e) ? e : 0),
+		ze,
+		Be
+	], !!S.loading), F = P[P.length - 2] ?? ze, I = P[P.length - 1] ?? Be, L = A.map((e, t) => p.map((e, n) => P[t * p.length + n] ?? 0)), Ve = u(g.map((e) => e.id)), R = (e) => e.color ?? Ve.get(e.id), z = l(Ce ?? de), He = M ? [] : fe(j) ? [0] : i(se(N, z), f(j)).filter((e) => e >= F - 1e-9 && e <= I + 1e-9), Ue = (e) => {
+		let t = f(A.map((t) => t.values[e] ?? NaN));
+		return t.length ? t.reduce((e, t) => e + t, 0) : NaN;
+	}, B = (e, t = 0) => w(k ? Ue(e) : A[t]?.values[e] ?? NaN), We = Math.max(0, ...p.map((e) => te(e))) * (_ / d.label.fontSize), Ge = T.width ? T.width * .4 : Infinity, V = O ? {
 		top: 0,
-		right: 56,
+		right: me(p.flatMap((e, t) => k ? [B(t)] : A.map((e, n) => B(t, n))), {
+			gap: 10,
+			min: 40,
+			max: Ge
+		}),
 		bottom: 0,
-		left: 140
+		left: Math.round(Math.min(160, Ge, Math.max(48, We + 12 + 4)))
 	} : {
 		top: 8,
-		right: 52,
+		right: me(He.map(z), { max: Ge }),
 		bottom: 28,
 		left: 0
-	}, B = Math.max(0, O.width - z.left - z.right), V = Math.max(0, b - z.top - z.bottom), H = p.map((e, t) => L.reduce((e, n) => e + (n[t] ?? 0), 0)), U = _().domain(p).range(M ? [0, V] : [0, B]).paddingInner(.24).paddingOuter(.12);
-	F.range(M ? [0, B] : [V, 0]);
-	let W = F.copy().domain([0, I.top || 1]), G = (e) => M ? Math.min(B, W(e)) : Math.max(0, W(e)), _e = _().domain(v.map((e) => e.id)).range([0, U.bandwidth()]).paddingInner(.12), ve = M ? 20 : N || v.length === 1 ? 40 : 20, K = Math.max(4, Math.min(ve, Math.round(N || M ? U.bandwidth() : _e.bandwidth()))), q = N || M ? K : v.length * K + (v.length - 1) * 4, J = s(x), ye = [p[0], p[p.length - 1]].map((e) => e === void 0 ? 0 : (U(e) ?? 0) + U.bandwidth() / 2), be = new Set(M ? [] : te(p.map((e, t) => C?.[t] ?? e), U.step(), {
-		start: z.left + ye[0],
-		end: B - ye[1] + z.right
-	}, le)), xe = p.length - 1, Se = (e) => !!(w?.last || w?.ongoing) && e === xe || !!w?.first && e === 0, Y = (e) => {
+	}, H = Math.max(0, T.width - V.left - V.right), U = Math.max(0, y - V.top - V.bottom), W = ve().domain(p).range(O ? [0, U] : [0, H]).paddingInner(.24).paddingOuter(.12);
+	N.range(O ? [0, H] : [U, 0]);
+	let Ke = N.copy().domain([F, I === F ? F + 1 : I]), G = (e) => {
+		let t = Ke(e);
+		return O ? Math.max(0, Math.min(H, t)) : Math.max(0, Math.min(U, t));
+	}, K = Math.round(G(0)), qe = !k && A.length > 1, Je = ve().domain(A.map((e) => e.id)).range([0, W.bandwidth()]).paddingInner(.12), Ye = O ? 20 : k || A.length <= 1 ? 40 : 20, q = Math.max(4, Math.min(Ye, Math.round(qe ? Je.bandwidth() : W.bandwidth()))), J = qe ? A.length * q + (A.length - 1) * 4 : q, Xe = [p[0], p[p.length - 1]].map((e) => e === void 0 ? 0 : (W(e) ?? 0) + W.bandwidth() / 2), Ze = new Set(O ? [] : ie(p.map((e, t) => we?.[t] ?? e), W.step(), {
+		start: V.left + Xe[0],
+		end: H - Xe[1] + V.right
+	}, Te)), Qe = p.length - 1, $e = (e) => !!(x?.last || x?.ongoing) && e === Qe || !!x?.first && e === 0, et = (e) => {
 		let t = p[e] ?? "";
-		return w?.ongoing && e === xe ? D("chart.soFar", "{heading}, so far", { heading: t }) : Se(e) ? D("chart.partial", "{heading}, partial", { heading: t }) : t;
-	}, Ce = {
-		columns: [D("barChart.category", "Category"), ...v.map((e) => e.label)],
-		rows: p.map((e, t) => [Y(t), ...v.map((e) => x(e.values[t] ?? 0))])
-	}, we = (E.loading ? F.ticks(4) : i(ie(F, J), P)).filter((e) => e <= (I.top || 1) + 1e-9), X = !!E.loading || !!E.empty || !!E.error, Z = o(X ? 0 : p.length, M ? {
+		return x?.ongoing && e === Qe ? C("chart.soFar", "{heading}, so far", { heading: t }) : $e(e) ? C("chart.partial", "{heading}, partial", { heading: t }) : t;
+	}, tt = {
+		columns: [C("barChart.category", "Category"), ...g.map((e) => e.label)],
+		rows: p.map((e, t) => [et(t), ...g.map((e) => w(e.values[t] ?? NaN))])
+	}, Y = !!S.loading || M || !!S.error, X = o(Y ? 0 : p.length, O ? {
 		vertical: !0,
 		start: 0
-	} : {}), Q = X ? null : k?.i ?? Z.index ?? (S !== void 0 && S < p.length ? S : null), Te = (e) => {
-		let t = Math.round(U(p[e]) ?? 0);
-		if (M) {
-			let n = z.top + Math.round(t + U.bandwidth() / 2 - K / 2 - $), r = n + K + $ * 2, i = e < p.length / 2, a = 40 + v.length * 22;
+	} : {}), Z = Y ? null : E?.i ?? X.index ?? (b !== void 0 && b < p.length ? b : null), nt = p.map((e, t) => f(A.map((e) => e.values[t] ?? NaN)).reduce((e, t) => e + Math.abs(t), 0)), Q = p.map((e, t) => k ? Se(L.map((e) => e[t] ?? 0), G, be) : null), rt = (e) => k ? Math.max(K, ...(Q[e] ?? []).map((e) => e ? Math.max(e.from, e.to) : K)) : Math.max(K, ...L.map((t) => G(t[e] ?? 0))), it = (e) => k ? Math.min(K, ...(Q[e] ?? []).map((e) => e ? Math.min(e.from, e.to) : K)) : Math.min(K, ...L.map((t) => G(t[e] ?? 0))), at = (e) => {
+		let t = Math.round(W(p[e]) ?? 0);
+		if (O) {
+			let n = V.top + Math.round(t + W.bandwidth() / 2 - J / 2 - xe), r = Math.max(0, ...(k ? [B(e)] : A.map((t, n) => B(e, n))).map(te));
 			return {
-				x: z.left - 16,
-				y: i ? r + 24 + 4 : n - a + 24 - 4
+				x: V.left + Math.round(rt(e) + 10 + r),
+				y: n + 24
 			};
 		}
-		let n = Math.min(U.bandwidth(), q + $ * 2), r = z.left + t + U.bandwidth() / 2, i = N ? H[e] ?? 0 : Math.max(0, ...L.map((t) => t[e] ?? 0));
+		let n = Math.min(W.bandwidth(), J + 16), r = V.left + t + W.bandwidth() / 2;
 		return {
 			x: Math.round(r + n / 2) - 8,
 			xLeft: Math.round(r - n / 2) + 8,
-			y: k && k.i === e ? k.y : z.top + Math.round(G(i))
+			y: E && E.i === e ? E.y : V.top + Math.round(it(e))
+		};
+	}, ot = (e) => A.map((t) => {
+		let n = t.values[e] ?? NaN;
+		return {
+			id: t.id,
+			label: t.label,
+			color: R(t),
+			value: w(n),
+			...Ee && A.length > 1 && nt[e] && Number.isFinite(n) ? { share: r(Math.round(Math.abs(n) / (nt[e] ?? 1) * 100) / 100, 0) } : {}
 		};
-	}, Ee = (e) => v.map((t) => ({
-		id: t.id,
-		label: t.label,
-		color: R(t),
-		value: x(t.values[e] ?? 0),
-		...ue && v.length > 1 && H[e] ? { share: r(Math.round((t.values[e] ?? 0) / (H[e] ?? 1) * 100) / 100, 0) } : {}
-	})), $ = 8;
-	return /* @__PURE__ */ h("div", {
-		ref: fe,
-		className: e("min-w-0", de),
-		children: /* @__PURE__ */ h(ee, {
-			label: T,
-			height: b,
-			table: Ce,
-			state: E,
-			legend: v.length > 1 ? /* @__PURE__ */ h(re, {
-				items: v.map((e) => ({
+	}), st = (e) => {
+		let t = new Set(D);
+		t.has(e) ? t.delete(e) : t.add(e), Fe(t);
+	}, $ = (e, t, n, r) => {
+		let i = R(e), a = s(i), o = $e(t);
+		return /* @__PURE__ */ m("path", {
+			d: n,
+			fill: i,
+			className: "opacity-motion",
+			opacity: Ne && Ne !== e.id ? .3 : 1,
+			...o ? {
+				fillOpacity: .32,
+				stroke: a ?? i,
+				strokeWidth: 1.5,
+				strokeDasharray: "4 4",
+				"data-partial": ""
+			} : a ? {
+				stroke: a,
+				strokeWidth: 1
+			} : {}
+		}, r);
+	};
+	return /* @__PURE__ */ m("div", {
+		ref: ke,
+		className: e("min-w-0", De),
+		children: /* @__PURE__ */ m(re, {
+			label: Oe,
+			height: y,
+			table: tt,
+			state: {
+				...S,
+				empty: M,
+				...Ie && !S.empty ? { emptyText: C("chart.allHidden", "Every series is hidden. Choose one in the legend to show it.") } : {}
+			},
+			legend: g.length > 1 ? /* @__PURE__ */ m(oe, {
+				items: g.map((e) => ({
 					id: e.id,
 					label: e.label,
 					color: R(e)
 				})),
-				onHover: me
+				hidden: D,
+				onToggle: st,
+				onHover: Pe
 			}) : void 0,
-			children: /* @__PURE__ */ g("div", {
-				ref: pe,
+			children: /* @__PURE__ */ h("div", {
+				ref: je,
 				role: "group",
-				"aria-label": T,
-				...Z.props,
+				"aria-label": Oe,
+				...X.props,
 				className: "absolute inset-0 rounded-cell focus-ring",
 				children: [
-					O.width > 0 && /* @__PURE__ */ h("svg", {
-						width: O.width,
-						height: b,
+					T.width > 0 && /* @__PURE__ */ m("svg", {
+						width: T.width,
+						height: y,
 						className: "block overflow-visible",
 						role: "presentation",
-						children: /* @__PURE__ */ g("g", {
-							transform: `translate(${z.left},${z.top})`,
+						children: /* @__PURE__ */ h("g", {
+							transform: `translate(${V.left},${V.top})`,
 							children: [
-								!M && we.map((e) => /* @__PURE__ */ g("g", {
+								!O && He.map((e) => /* @__PURE__ */ h("g", {
 									transform: `translate(0,${Math.round(G(e)) + .5})`,
-									children: [e !== 0 && /* @__PURE__ */ h("line", {
-										x2: B,
-										...f.grid
-									}), !E.loading && /* @__PURE__ */ h("text", {
-										x: B + 12,
+									children: [e !== 0 && /* @__PURE__ */ m("line", {
+										x2: H,
+										...d.grid
+									}), /* @__PURE__ */ m("text", {
+										x: H + 12,
 										dy: "0.32em",
-										...f.label,
-										children: J(e)
+										...d.label,
+										children: z(e)
 									})]
 								}, e)),
-								p.map((e, t) => {
-									let n = Math.round(U(e) ?? 0), r = Math.round((U.step() - U.bandwidth()) / 2), i = Math.min(U.bandwidth(), q + 16), a = 0;
-									return /* @__PURE__ */ g("g", { children: [
-										/* @__PURE__ */ h("rect", {
+								!M && p.map((e, t) => {
+									let n = Math.round(W(e) ?? 0), r = Math.round((W.step() - W.bandwidth()) / 2), i = Math.min(W.bandwidth(), J + 16), a = n + W.bandwidth() / 2, o = Math.round(a - J / 2), s = (e) => {
+										let n = Q[t]?.map((n, r) => n && Math.sign(L[r]?.[t] ?? 0) === e ? r : -1).filter((e) => e >= 0) ?? [];
+										return n[n.length - 1];
+									};
+									return /* @__PURE__ */ h("g", { children: [
+										/* @__PURE__ */ m("rect", {
 											"aria-hidden": !0,
 											className: "opacity-motion",
-											opacity: +(Q === t),
+											opacity: +(Z === t),
 											fill: "var(--k-fill-1)",
-											rx: 6,
-											...M ? {
-												x: -z.left + 8,
-												y: Math.round(n + U.bandwidth() / 2 - K / 2 - 8),
-												width: O.width - 16,
-												height: K + 16
+											rx: parseFloat(_e.item),
+											...O ? {
+												x: -V.left,
+												y: Math.round(a - J / 2 - xe),
+												width: T.width,
+												height: J + 16
 											} : {
-												x: Math.round(n + U.bandwidth() / 2 - i / 2),
+												x: Math.round(a - i / 2),
 												y: 0,
 												width: i,
-												height: V
+												height: U
 											}
 										}),
-										(() => {
-											let e = n + U.bandwidth() / 2, r = Math.round(e - q / 2), i = v.map((e, n) => (L[n]?.[t] ?? 0) > 0).lastIndexOf(!0), o = M ? 0 : V;
-											return v.map((n, s) => {
-												let c = L[s]?.[t] ?? 0, l = (j && j !== n.id ? .3 : 1) * (Se(t) ? .5 : 1);
-												if (M) {
-													let t = N ? Math.round(G(a)) : 0;
-													a += c;
-													let r = Math.max(c > 0 ? 2 : 0, Math.round(G(N ? a : c)) - t), i = Math.round(e - K / 2);
-													return /* @__PURE__ */ h("rect", {
-														x: t,
-														y: i,
-														width: r,
-														height: K,
-														rx: Math.min(4, K / 2),
-														fill: R(n),
-														opacity: l
-													}, n.id);
-												}
-												if (N) {
-													a += c;
-													let e = Math.round(G(a)), t = o === V ? o : o - 2;
-													o = e;
-													let u = t - e;
-													return c <= 0 || u <= 0 ? null : /* @__PURE__ */ h("path", {
-														d: ce(r, e, K, u, s === i ? 4 : 0),
-														fill: R(n),
-														opacity: l
-													}, n.id);
-												}
-												let u = Math.round(G(c)), d = Math.max(c > 0 ? 2 : 0, V - u);
-												return /* @__PURE__ */ h("path", {
-													d: ce(r + s * (K + 4), V - d, K, d, 4),
-													fill: R(n),
-													opacity: l
-												}, n.id);
-											});
-										})(),
-										/* @__PURE__ */ h("rect", {
-											x: M ? -z.left : n - r,
-											y: M ? n - r : 0,
-											width: M ? O.width : U.step(),
-											height: M ? U.step() : V,
+										A.map((e, n) => {
+											let r = L[n]?.[t] ?? 0;
+											if (!Number.isFinite(e.values[t] ?? NaN) || r === 0) return null;
+											if (k) {
+												let i = Q[t]?.[n];
+												if (!i) return null;
+												let c = Math.min(i.from, i.to), l = Math.abs(i.to - i.from), u = n === s(Math.sign(r));
+												return O ? $(e, t, v(c, Math.round(a - q / 2), l, q, 4, u ? r > 0 ? "right" : "left" : "none"), e.id) : $(e, t, v(o, c, q, l, 4, u ? r > 0 ? "top" : "bottom" : "none"), e.id);
+											}
+											let i = G(r), c = Math.max(2, Math.abs(i - K));
+											if (O) {
+												let i = Math.round(a - J / 2 + n * (q + 4)), o = r > 0 ? K : K - c;
+												return $(e, t, v(o, i, c, q, 4, r > 0 ? "right" : "left"), e.id);
+											}
+											let l = o + n * (q + 4), u = r > 0 ? K - c : K;
+											return $(e, t, v(l, u, q, c, 4, r > 0 ? "top" : "bottom"), e.id);
+										}),
+										/* @__PURE__ */ m("rect", {
+											x: O ? -V.left : n - r,
+											y: O ? n - r : 0,
+											width: O ? T.width : W.step(),
+											height: O ? W.step() : U,
 											fill: "transparent",
 											onPointerMove: (e) => {
-												if (X) return;
+												if (Y) return;
 												let n = (e.currentTarget.ownerSVGElement ?? e.currentTarget).getBoundingClientRect();
-												A({
+												Me({
 													i: t,
 													y: Math.round(e.clientY - n.top)
 												});
 											},
-											onPointerLeave: () => A(null)
+											onPointerLeave: () => Me(null)
 										}),
-										M ? /* @__PURE__ */ g(oe, { children: [/* @__PURE__ */ h("text", {
+										O && /* @__PURE__ */ h(ge, { children: [/* @__PURE__ */ h("text", {
 											x: -12,
-											y: n + U.bandwidth() / 2,
+											y: a,
 											dy: "0.32em",
 											textAnchor: "end",
 											fill: "var(--k-text-secondary)",
-											fontSize: 13,
+											fontSize: _,
 											fontWeight: 500,
-											children: e
-										}), /* @__PURE__ */ h("text", {
-											x: Math.round(G(N ? H[t] ?? 0 : L[0]?.[t] ?? 0)) + 10,
-											y: n + U.bandwidth() / 2,
-											dy: "0.32em",
-											...f.label,
-											fill: "var(--k-text-secondary)",
-											children: x(N ? H[t] ?? 0 : v[0]?.values[t] ?? 0)
-										})] }) : be.has(t) && /* @__PURE__ */ h("text", {
-											x: n + U.bandwidth() / 2,
-											y: V + 20,
-											textAnchor: "middle",
-											...f.label,
-											children: C?.[t] ?? e
-										})
+											children: [ue(e, V.left - 12, _), /* @__PURE__ */ m("title", { children: e })]
+										}), (k ? [0] : A.map((e, t) => t)).map((e) => {
+											let n = k ? Ue(t) : A[e]?.values[t] ?? NaN, r = k ? n < 0 ? Math.min(K, ...(Q[t] ?? []).map((e) => e ? Math.min(e.from, e.to) : K)) : rt(t) : G(L[e]?.[t] ?? 0), i = k ? a : Math.round(a - J / 2 + e * (q + 4) + q / 2);
+											return /* @__PURE__ */ m("text", {
+												x: n < 0 ? Math.round(r) - 10 : Math.round(Math.max(r, K)) + 10,
+												y: i,
+												dy: "0.32em",
+												textAnchor: n < 0 ? "end" : "start",
+												...d.label,
+												fill: "var(--k-text-secondary)",
+												children: B(t, e)
+											}, e);
+										})] })
 									] }, e);
 								}),
-								!M && /* @__PURE__ */ h("line", {
-									x2: B,
-									y1: V + .5,
-									y2: V + .5,
-									...f.baseline
+								!O && p.map((e, t) => Ze.has(t) ? /* @__PURE__ */ m("text", {
+									x: (W(e) ?? 0) + W.bandwidth() / 2,
+									y: U + 20,
+									textAnchor: "middle",
+									...d.label,
+									children: we?.[t] ?? e
+								}, e) : null),
+								O ? !M && F < 0 && /* @__PURE__ */ m("line", {
+									x1: K + .5,
+									x2: K + .5,
+									y2: U,
+									...d.baseline
+								}) : /* @__PURE__ */ m("line", {
+									x2: H,
+									y1: K + .5,
+									y2: K + .5,
+									...d.baseline
 								})
 							]
 						})
 					}),
-					Q !== null && O.width > 0 && /* @__PURE__ */ h(u, {
-						...Te(Q),
-						width: O.width,
+					Z !== null && T.width > 0 && /* @__PURE__ */ m(ne, {
+						...at(Z),
+						width: T.width,
 						visible: !0,
-						heading: Y(Q),
-						rows: Ee(Q)
+						heading: et(Z),
+						rows: ot(Z)
 					}),
-					/* @__PURE__ */ h(ne, { children: Z.index !== null && !X ? l(Y(Z.index), Ee(Z.index), D) : null })
+					/* @__PURE__ */ m(ae, { children: X.index !== null && !Y ? ee(et(X.index), ot(X.index), C) : null })
 				]
 			})
 		})
 	});
 });
-process.env.NODE_ENV !== "production" && (b.displayName = "BarChart");
-function ce(e, t, n, r, i) {
-	let a = Math.min(i, n / 2, r);
-	return a <= 0 ? `M${e} ${t}h${n}v${r}h${-n}z` : `M${e} ${t + r}V${t + a}Q${e} ${t} ${e + a} ${t}H${e + n - a}Q${e + n} ${t} ${e + n} ${t + a}V${t + r}z`;
-}
+process.env.NODE_ENV !== "production" && (y.displayName = "BarChart");
 //#endregion
-export { b as BarChart, y as KAESO_BAR_CHART_DEFAULT_VARIANTS, v as KAESO_BAR_CHART_VARIANTS };
+export { y as BarChart, ye as KAESO_BAR_CHART_DEFAULT_VARIANTS, g as KAESO_BAR_CHART_VARIANTS };
 
 //# sourceMappingURL=bar.js.map