@carto/ps-react-ui 6.1.1 → 6.2.0

package/dist/category-DULnoxvk.js

@@ -0,0 +1,933 @@
+import "./components-CTUpdQuj.js";
+import { n as e } from "./smart-tooltip-Dc_rHhyI.js";
+import { C as t, D as n, S as r, p as i } from "./stores-DcBOZlU3.js";
+import { n as a, t as o } from "./download-B4sykOFm.js";
+import { t as s } from "./utils-C-eWwOhE.js";
+import { c } from "react/compiler-runtime";
+import { useRef as l, useState as u } from "react";
+import { Box as d, Skeleton as f, Typography as p, useTheme as m } from "@mui/material";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+var _ = {
+	root: {
+		display: "flex",
+		flexDirection: "column",
+		position: "relative",
+		width: "100%"
+	},
+	list: {
+		position: "relative",
+		display: "grid",
+		gridTemplateColumns: "minmax(0, 1fr)",
+		gap: 1,
+		py: .5
+	},
+	listMulti: { gridTemplateColumns: "minmax(0, 1fr) max-content" },
+	barWrap: { position: "relative" },
+	multiZeroArea: {
+		position: "absolute",
+		inset: 0,
+		gridColumn: "1 / 2",
+		pointerEvents: "none"
+	},
+	zeroTick: {
+		position: "absolute",
+		top: -6,
+		bottom: -6,
+		width: "1px",
+		transform: "translateX(-50%)",
+		bgcolor: "text.disabled",
+		pointerEvents: "none"
+	},
+	listScroll: { pr: 1 },
+	rowSingle: {
+		gridColumn: "1 / -1",
+		display: "flex",
+		flexDirection: "column",
+		gap: .5,
+		cursor: "pointer",
+		userSelect: "none",
+		transition: "background-color 80ms ease",
+		"&:hover [data-bar-fill=\"true\"]": { filter: "brightness(1.2)" },
+		"&:focus-visible": {
+			outline: "2px solid",
+			outlineColor: "primary.main",
+			outlineOffset: -2
+		}
+	},
+	rowHeader: {
+		display: "flex",
+		justifyContent: "space-between",
+		alignItems: "center",
+		gap: 1
+	},
+	rowMulti: {
+		position: "relative",
+		gridColumn: "1 / -1",
+		display: "grid",
+		gridTemplateColumns: "subgrid",
+		rowGap: .5,
+		cursor: "pointer",
+		userSelect: "none",
+		transition: "background-color 80ms ease",
+		"&:hover [data-bar-fill=\"true\"]": { filter: "brightness(1.2)" },
+		"&:focus-visible": {
+			outline: "2px solid",
+			outlineColor: "primary.main",
+			outlineOffset: -2
+		}
+	},
+	name: {
+		overflow: "hidden",
+		whiteSpace: "nowrap",
+		textOverflow: "ellipsis",
+		color: "text.primary",
+		fontWeight: "medium"
+	},
+	multiName: {
+		gridColumn: "1 / -1",
+		overflow: "hidden",
+		whiteSpace: "nowrap",
+		textOverflow: "ellipsis",
+		color: "text.primary",
+		fontWeight: "medium"
+	},
+	value: {
+		color: "text.secondary",
+		fontVariantNumeric: "tabular-nums",
+		minWidth: 48,
+		textAlign: "right",
+		alignSelf: "center"
+	},
+	bar: {
+		small: {
+			position: "relative",
+			height: 4,
+			bgcolor: "action.hover",
+			borderRadius: 1,
+			overflow: "hidden",
+			transition: "background-color 150ms ease"
+		},
+		medium: {
+			position: "relative",
+			height: 12,
+			bgcolor: "action.hover",
+			borderRadius: .25,
+			overflow: "hidden",
+			transition: "background-color 150ms ease"
+		}
+	},
+	barFill: {
+		small: {
+			position: "absolute",
+			top: 0,
+			bottom: 0,
+			borderRadius: 1,
+			transition: "left 300ms ease-in-out, width 300ms ease-in-out, background-color 150ms ease, filter 150ms ease"
+		},
+		medium: {
+			position: "absolute",
+			top: 0,
+			bottom: 0,
+			borderRadius: .25,
+			transition: "left 300ms ease-in-out, width 300ms ease-in-out, background-color 150ms ease, filter 150ms ease"
+		}
+	},
+	stackedSegment: {
+		small: {
+			position: "absolute",
+			top: 0,
+			bottom: 0,
+			transition: "left 300ms ease-in-out, width 300ms ease-in-out, background-color 150ms ease, filter 150ms ease"
+		},
+		medium: {
+			position: "absolute",
+			top: 0,
+			bottom: 0,
+			transition: "left 300ms ease-in-out, width 300ms ease-in-out, background-color 150ms ease, filter 150ms ease"
+		}
+	},
+	multiBarRow: { display: "contents" },
+	multiBarContainer: { alignSelf: "center" },
+	rowStacked: {
+		gridColumn: "1 / -1",
+		display: "flex",
+		flexDirection: "column",
+		gap: .5,
+		cursor: "pointer",
+		userSelect: "none",
+		transition: "background-color 80ms ease",
+		"&:hover [data-bar-fill=\"true\"]": { filter: "brightness(1.2)" },
+		"&:focus-visible": {
+			outline: "2px solid",
+			outlineColor: "primary.main",
+			outlineOffset: -2
+		}
+	},
+	stackedHeader: {
+		display: "flex",
+		justifyContent: "space-between",
+		alignItems: "center",
+		gap: 1
+	},
+	stackedTotal: {
+		color: "text.primary",
+		fontWeight: "medium",
+		fontVariantNumeric: "tabular-nums",
+		minWidth: 48,
+		textAlign: "right"
+	},
+	stackedBreakdown: {
+		display: "flex",
+		flexWrap: "wrap",
+		columnGap: 2,
+		rowGap: .25
+	},
+	stackedBreakdownItem: {
+		color: "text.secondary",
+		fontVariantNumeric: "tabular-nums"
+	},
+	legend: {
+		display: "flex",
+		alignItems: "center",
+		gap: 2,
+		flexWrap: "wrap",
+		pt: 2,
+		mt: 2,
+		position: "sticky",
+		bottom: 0,
+		bgcolor: "background.paper",
+		borderTop: (e) => `1px solid ${e.palette.divider}`
+	},
+	legendItem: {
+		display: "flex",
+		alignItems: "center",
+		gap: 1,
+		cursor: "pointer"
+	},
+	legendItemHidden: {
+		display: "flex",
+		alignItems: "center",
+		gap: 1,
+		cursor: "pointer",
+		opacity: .5
+	},
+	legendDot: {
+		width: 14,
+		height: 14,
+		borderRadius: "50%"
+	},
+	legendLabel: {
+		color: "text.secondary",
+		textTransform: "uppercase",
+		fontWeight: "medium"
+	},
+	otherRow: {
+		gridColumn: "1 / -1",
+		display: "flex",
+		alignItems: "center",
+		gap: 1,
+		py: .5,
+		px: .5
+	},
+	otherLabelButton: {
+		cursor: "pointer",
+		userSelect: "none",
+		borderRadius: 1,
+		px: .5,
+		ml: -.5,
+		transition: "background-color 80ms ease",
+		"&:hover": { bgcolor: "action.hover" },
+		"&:focus-visible": {
+			outline: "2px solid",
+			outlineColor: "primary.main",
+			outlineOffset: 2
+		}
+	},
+	otherLabel: {
+		color: "text.primary",
+		fontWeight: "medium"
+	},
+	otherCount: {
+		color: "text.secondary",
+		fontVariantNumeric: "tabular-nums"
+	}
+};
+//#endregion
+//#region src/widgets/category/components/category-bar.tsx
+function v(e) {
+	let t = c(17), { value: n, maxValue: r, minValue: i, color: a, size: o, zeroTick: s } = e, l = i === void 0 ? 0 : i, u = o === void 0 ? "small" : o, f = s === void 0 || s, p = r - l, m = p > 0 ? (Math.min(0, n) - l) / p * 100 : 0, g = p > 0 ? Math.abs(n) / p * 100 : 0, v = f && l < 0 && r > 0 ? -l / p * 100 : void 0, b = _.bar[u], x = _.barFill[u], S = `${m}%`, C = `${g}%`, w;
+	t[0] === n ? w = t[1] : (w = n < 0 ? {
+		borderTopRightRadius: 0,
+		borderBottomRightRadius: 0
+	} : {
+		borderTopLeftRadius: 0,
+		borderBottomLeftRadius: 0
+	}, t[0] = n, t[1] = w);
+	let T;
+	t[2] !== a || t[3] !== S || t[4] !== C || t[5] !== w ? (T = {
+		left: S,
+		width: C,
+		backgroundColor: a,
+		...w
+	}, t[2] = a, t[3] = S, t[4] = C, t[5] = w, t[6] = T) : T = t[6];
+	let E;
+	t[7] !== T || t[8] !== x ? (E = /* @__PURE__ */ h(d, {
+		sx: x,
+		style: T,
+		"data-bar-fill": "true"
+	}), t[7] = T, t[8] = x, t[9] = E) : E = t[9];
+	let D;
+	t[10] !== u || t[11] !== E || t[12] !== b ? (D = /* @__PURE__ */ h(d, {
+		sx: b,
+		"data-size": u,
+		children: E
+	}), t[10] = u, t[11] = E, t[12] = b, t[13] = D) : D = t[13];
+	let O;
+	return t[14] !== D || t[15] !== v ? (O = /* @__PURE__ */ h(y, {
+		zeroPct: v,
+		children: D
+	}), t[14] = D, t[15] = v, t[16] = O) : O = t[16], O;
+}
+function y(e) {
+	let t = c(5), { zeroPct: n, children: r } = e;
+	if (n === void 0) return r;
+	let i = `${n}%`, a;
+	t[0] === i ? a = t[1] : (a = /* @__PURE__ */ h(d, {
+		"aria-hidden": !0,
+		"data-zero-tick": "true",
+		sx: _.zeroTick,
+		style: { left: i }
+	}), t[0] = i, t[1] = a);
+	let o;
+	return t[2] !== r || t[3] !== a ? (o = /* @__PURE__ */ g(d, {
+		sx: _.barWrap,
+		children: [a, r]
+	}), t[2] = r, t[3] = a, t[4] = o) : o = t[4], o;
+}
+//#endregion
+//#region src/widgets/category/components/category-row-single.tsx
+function b(e) {
+	let t = c(28), { name: n, displayName: r, value: i, maxValue: a, minValue: o, color: s, formatter: l, selected: u, onToggle: f, size: m } = e, y;
+	t[0] !== n || t[1] !== f ? (y = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), f(n));
+	}, t[0] = n, t[1] = f, t[2] = y) : y = t[2];
+	let b = y, x;
+	t[3] !== n || t[4] !== f ? (x = () => f(n), t[3] = n, t[4] = f, t[5] = x) : x = t[5];
+	let S = r ?? n, C;
+	t[6] === S ? C = t[7] : (C = /* @__PURE__ */ h(p, {
+		variant: "body2",
+		sx: _.name,
+		children: S
+	}), t[6] = S, t[7] = C);
+	let w;
+	t[8] !== l || t[9] !== i ? (w = l(i), t[8] = l, t[9] = i, t[10] = w) : w = t[10];
+	let T;
+	t[11] === w ? T = t[12] : (T = /* @__PURE__ */ h(p, {
+		variant: "body2",
+		sx: _.value,
+		children: w
+	}), t[11] = w, t[12] = T);
+	let E;
+	t[13] !== C || t[14] !== T ? (E = /* @__PURE__ */ g(d, {
+		sx: _.rowHeader,
+		children: [C, T]
+	}), t[13] = C, t[14] = T, t[15] = E) : E = t[15];
+	let D;
+	t[16] !== s || t[17] !== a || t[18] !== o || t[19] !== m || t[20] !== i ? (D = /* @__PURE__ */ h(v, {
+		value: i,
+		maxValue: a,
+		minValue: o,
+		color: s,
+		size: m
+	}), t[16] = s, t[17] = a, t[18] = o, t[19] = m, t[20] = i, t[21] = D) : D = t[21];
+	let O;
+	return t[22] !== b || t[23] !== u || t[24] !== x || t[25] !== E || t[26] !== D ? (O = /* @__PURE__ */ g(d, {
+		role: "button",
+		"aria-pressed": u,
+		tabIndex: 0,
+		onClick: x,
+		onKeyDown: b,
+		sx: _.rowSingle,
+		children: [E, D]
+	}), t[22] = b, t[23] = u, t[24] = x, t[25] = E, t[26] = D, t[27] = O) : O = t[27], O;
+}
+//#endregion
+//#region src/widgets/category/components/category-row-multi.tsx
+function x(e) {
+	let t = c(34), { name: n, displayName: r, values: i, colors: a, maxValue: o, minValue: s, formatter: l, selected: u, onToggle: f, size: m } = e, y = s ?? 0, b;
+	t[0] !== n || t[1] !== f ? (b = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), f(n));
+	}, t[0] = n, t[1] = f, t[2] = b) : b = t[2];
+	let x = b, S;
+	t[3] !== n || t[4] !== f ? (S = () => f(n), t[3] = n, t[4] = f, t[5] = S) : S = t[5];
+	let C = r ?? n, w;
+	t[6] === C ? w = t[7] : (w = /* @__PURE__ */ h(p, {
+		variant: "body2",
+		sx: _.multiName,
+		children: C
+	}), t[6] = C, t[7] = w);
+	let T;
+	t[8] !== o || t[9] !== y || t[10] !== i.length ? (T = y < 0 && o > 0 && /* @__PURE__ */ h(d, {
+		"aria-hidden": !0,
+		sx: _.multiZeroArea,
+		style: { gridRow: `2 / span ${i.length}` },
+		children: /* @__PURE__ */ h(d, {
+			"data-zero-tick": "true",
+			sx: _.zeroTick,
+			style: { left: `${-y / (o - y) * 100}%` }
+		})
+	}), t[8] = o, t[9] = y, t[10] = i.length, t[11] = T) : T = t[11];
+	let E;
+	if (t[12] !== a || t[13] !== l || t[14] !== o || t[15] !== s || t[16] !== n || t[17] !== m || t[18] !== i) {
+		let e;
+		t[20] !== a || t[21] !== l || t[22] !== o || t[23] !== s || t[24] !== n || t[25] !== m ? (e = (e, t) => /* @__PURE__ */ g(d, {
+			sx: _.multiBarRow,
+			children: [/* @__PURE__ */ h(d, {
+				sx: _.multiBarContainer,
+				children: /* @__PURE__ */ h(v, {
+					value: e,
+					maxValue: o,
+					minValue: s,
+					color: a[t] ?? "",
+					size: m,
+					zeroTick: !1
+				})
+			}), /* @__PURE__ */ h(p, {
+				variant: "body2",
+				sx: _.value,
+				children: l(e)
+			})]
+		}, `${n}-series-${t}`), t[20] = a, t[21] = l, t[22] = o, t[23] = s, t[24] = n, t[25] = m, t[26] = e) : e = t[26], E = i.map(e), t[12] = a, t[13] = l, t[14] = o, t[15] = s, t[16] = n, t[17] = m, t[18] = i, t[19] = E;
+	} else E = t[19];
+	let D;
+	return t[27] !== x || t[28] !== u || t[29] !== S || t[30] !== w || t[31] !== T || t[32] !== E ? (D = /* @__PURE__ */ g(d, {
+		role: "button",
+		"aria-pressed": u,
+		tabIndex: 0,
+		onClick: S,
+		onKeyDown: x,
+		sx: _.rowMulti,
+		children: [
+			w,
+			T,
+			E
+		]
+	}), t[27] = x, t[28] = u, t[29] = S, t[30] = w, t[31] = T, t[32] = E, t[33] = D) : D = t[33], D;
+}
+//#endregion
+//#region src/widgets/category/components/category-bar-stacked.tsx
+function S(e) {
+	let t = c(22), { values: n, colors: r, maxValue: i, zeroPct: a, size: o } = e, s = a === void 0 ? 0 : a, l = o === void 0 ? "small" : o, u;
+	if (t[0] !== n) {
+		u = [];
+		let e = 0, r = 0;
+		for (let t of n) t < 0 && (r -= t), u.push(t < 0 ? -r : e), t > 0 && (e += t);
+		t[0] = n, t[1] = u;
+	} else u = t[1];
+	let f = s > 0 && s < 100 ? s : void 0, p = _.bar[l], m;
+	if (t[2] !== r || t[3] !== u || t[4] !== i || t[5] !== l || t[6] !== n || t[7] !== s) {
+		let e;
+		t[9] !== r || t[10] !== u || t[11] !== i || t[12] !== l || t[13] !== s ? (e = (e, t) => {
+			if (e === 0 || i <= 0) return null;
+			let n = s + u[t] / i * 100, a = Math.abs(e) / i * 100;
+			return /* @__PURE__ */ h(d, {
+				sx: _.stackedSegment[l],
+				style: {
+					left: `${n}%`,
+					width: `${a}%`,
+					backgroundColor: r[t] ?? ""
+				},
+				"data-bar-fill": "true"
+			}, `seg-${r[t] ?? "none"}-${t}`);
+		}, t[9] = r, t[10] = u, t[11] = i, t[12] = l, t[13] = s, t[14] = e) : e = t[14], m = n.map(e), t[2] = r, t[3] = u, t[4] = i, t[5] = l, t[6] = n, t[7] = s, t[8] = m;
+	} else m = t[8];
+	let g;
+	t[15] !== l || t[16] !== p || t[17] !== m ? (g = /* @__PURE__ */ h(d, {
+		sx: p,
+		"data-size": l,
+		children: m
+	}), t[15] = l, t[16] = p, t[17] = m, t[18] = g) : g = t[18];
+	let v;
+	return t[19] !== f || t[20] !== g ? (v = /* @__PURE__ */ h(y, {
+		zeroPct: f,
+		children: g
+	}), t[19] = f, t[20] = g, t[21] = v) : v = t[21], v;
+}
+//#endregion
+//#region src/widgets/category/components/category-row-stacked.tsx
+function C(e) {
+	let t = c(67), { name: n, displayName: r, values: i, colors: a, seriesNames: o, formatter: s, selected: l, onToggle: u, size: f, zeroPct: m } = e, v = m === void 0 ? 0 : m, y;
+	t[0] !== n || t[1] !== u ? (y = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), u(n));
+	}, t[0] = n, t[1] = u, t[2] = y) : y = t[2];
+	let b = y, x, C, T, E, D, O, k, A, j, M, N, P, F, I, L;
+	if (t[3] !== r || t[4] !== s || t[5] !== b || t[6] !== n || t[7] !== u || t[8] !== l || t[9] !== i || t[10] !== v) {
+		let e = i.reduce(w, 0), a = 0, o = 0;
+		for (let e of i) e > 0 ? a += e : o -= e;
+		E = Math.max(v < 100 ? a * 100 / (100 - v) : 0, v > 0 ? o * 100 / v : 0), T = d, I = "button", L = l, D = 0, t[26] !== n || t[27] !== u ? (O = () => u(n), t[26] = n, t[27] = u, t[28] = O) : O = t[28], k = b, A = _.rowStacked, C = d, P = _.stackedHeader;
+		let c = r ?? n;
+		t[29] === c ? F = t[30] : (F = /* @__PURE__ */ h(p, {
+			variant: "body2",
+			sx: _.multiName,
+			children: c
+		}), t[29] = c, t[30] = F), x = p, j = "body2", M = _.stackedTotal, N = s(e), t[3] = r, t[4] = s, t[5] = b, t[6] = n, t[7] = u, t[8] = l, t[9] = i, t[10] = v, t[11] = x, t[12] = C, t[13] = T, t[14] = E, t[15] = D, t[16] = O, t[17] = k, t[18] = A, t[19] = j, t[20] = M, t[21] = N, t[22] = P, t[23] = F, t[24] = I, t[25] = L;
+	} else x = t[11], C = t[12], T = t[13], E = t[14], D = t[15], O = t[16], k = t[17], A = t[18], j = t[19], M = t[20], N = t[21], P = t[22], F = t[23], I = t[24], L = t[25];
+	let R;
+	t[31] !== x || t[32] !== j || t[33] !== M || t[34] !== N ? (R = /* @__PURE__ */ h(x, {
+		variant: j,
+		sx: M,
+		children: N
+	}), t[31] = x, t[32] = j, t[33] = M, t[34] = N, t[35] = R) : R = t[35];
+	let z;
+	t[36] !== C || t[37] !== R || t[38] !== P || t[39] !== F ? (z = /* @__PURE__ */ g(C, {
+		sx: P,
+		children: [F, R]
+	}), t[36] = C, t[37] = R, t[38] = P, t[39] = F, t[40] = z) : z = t[40];
+	let B;
+	t[41] !== a || t[42] !== E || t[43] !== f || t[44] !== i || t[45] !== v ? (B = /* @__PURE__ */ h(S, {
+		values: i,
+		colors: a,
+		maxValue: E,
+		zeroPct: v,
+		size: f
+	}), t[41] = a, t[42] = E, t[43] = f, t[44] = i, t[45] = v, t[46] = B) : B = t[46];
+	let V;
+	if (t[47] !== s || t[48] !== o || t[49] !== i) {
+		let e;
+		t[51] !== s || t[52] !== o ? (e = (e, t) => /* @__PURE__ */ h(p, {
+			variant: "body2",
+			sx: _.stackedBreakdownItem,
+			children: `${o[t]}: ${s(e)}`
+		}, `breakdown-${o[t]}`), t[51] = s, t[52] = o, t[53] = e) : e = t[53], V = i.map(e), t[47] = s, t[48] = o, t[49] = i, t[50] = V;
+	} else V = t[50];
+	let H;
+	t[54] === V ? H = t[55] : (H = /* @__PURE__ */ h(d, {
+		sx: _.stackedBreakdown,
+		children: V
+	}), t[54] = V, t[55] = H);
+	let U;
+	return t[56] !== T || t[57] !== D || t[58] !== O || t[59] !== k || t[60] !== A || t[61] !== z || t[62] !== B || t[63] !== H || t[64] !== I || t[65] !== L ? (U = /* @__PURE__ */ g(T, {
+		role: I,
+		"aria-pressed": L,
+		tabIndex: D,
+		onClick: O,
+		onKeyDown: k,
+		sx: A,
+		children: [
+			z,
+			B,
+			H
+		]
+	}), t[56] = T, t[57] = D, t[58] = O, t[59] = k, t[60] = A, t[61] = z, t[62] = B, t[63] = H, t[64] = I, t[65] = L, t[66] = U) : U = t[66], U;
+}
+function w(e, t) {
+	return e + t;
+}
+//#endregion
+//#region src/widgets/category/components/category-row-other.tsx
+function T(t) {
+	let n = c(23), { hiddenCount: r, otherLabel: i, otherCountLabel: a, onShowAll: o, showAllLabel: s } = t, l = i === void 0 ? "Others" : i, u = a === void 0 ? "{count}" : a, f = s === void 0 ? "Show all" : s, m;
+	n[0] !== r || n[1] !== u ? (m = u.replace("{count}", String(r)), n[0] = r, n[1] = u, n[2] = m) : m = n[2];
+	let v = m, y;
+	n[3] === v ? y = n[4] : (y = /* @__PURE__ */ h(p, {
+		variant: "body2",
+		sx: _.otherCount,
+		children: v
+	}), n[3] = v, n[4] = y);
+	let b = y;
+	if (!o) {
+		let e;
+		n[5] === l ? e = n[6] : (e = /* @__PURE__ */ h(p, {
+			variant: "body2",
+			sx: _.otherLabel,
+			children: l
+		}), n[5] = l, n[6] = e);
+		let t;
+		return n[7] !== b || n[8] !== e ? (t = /* @__PURE__ */ g(d, {
+			sx: _.otherRow,
+			children: [e, b]
+		}), n[7] = b, n[8] = e, n[9] = t) : t = n[9], t;
+	}
+	let x;
+	n[10] === o ? x = n[11] : (x = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), o());
+	}, n[10] = o, n[11] = x);
+	let S = x, C;
+	n[12] === Symbol.for("react.memo_cache_sentinel") ? (C = {
+		..._.otherLabel,
+		..._.otherLabelButton
+	}, n[12] = C) : C = n[12];
+	let w;
+	n[13] !== S || n[14] !== o || n[15] !== l ? (w = /* @__PURE__ */ h(p, {
+		variant: "body2",
+		component: "span",
+		role: "button",
+		tabIndex: 0,
+		onClick: o,
+		onKeyDown: S,
+		sx: C,
+		children: l
+	}), n[13] = S, n[14] = o, n[15] = l, n[16] = w) : w = n[16];
+	let T;
+	n[17] !== f || n[18] !== w ? (T = /* @__PURE__ */ h(e, {
+		title: f,
+		children: w
+	}), n[17] = f, n[18] = w, n[19] = T) : T = n[19];
+	let E;
+	return n[20] !== b || n[21] !== T ? (E = /* @__PURE__ */ g(d, {
+		sx: _.otherRow,
+		children: [T, b]
+	}), n[20] = b, n[21] = T, n[22] = E) : E = n[22], E;
+}
+//#endregion
+//#region src/widgets/category/helpers.ts
+var E = /* @__PURE__ */ new Set();
+function D(e) {
+	return JSON.stringify(e?.map((e) => e.name) ?? []);
+}
+//#endregion
+//#region src/widgets/category/components/category-legend.tsx
+function O(e) {
+	let t = c(11), { series: n, colorAt: r, hiddenSeries: i, onToggle: a } = e, o = i === void 0 ? E : i;
+	if (n.length === 0) return null;
+	let s;
+	if (t[0] !== r || t[1] !== o || t[2] !== a || t[3] !== n) {
+		let e;
+		t[5] !== r || t[6] !== o || t[7] !== a ? (e = (e, t) => {
+			let n = o.has(t);
+			return /* @__PURE__ */ g(d, {
+				role: "checkbox",
+				"aria-checked": !n,
+				tabIndex: 0,
+				onClick: () => a?.(t),
+				onKeyDown: (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a?.(t));
+				},
+				sx: n ? _.legendItemHidden : _.legendItem,
+				children: [/* @__PURE__ */ h(d, {
+					sx: _.legendDot,
+					style: { backgroundColor: r(t) }
+				}), /* @__PURE__ */ h(p, {
+					variant: "caption",
+					sx: _.legendLabel,
+					children: e.name
+				})]
+			}, e.name);
+		}, t[5] = r, t[6] = o, t[7] = a, t[8] = e) : e = t[8], s = n.map(e), t[0] = r, t[1] = o, t[2] = a, t[3] = n, t[4] = s;
+	} else s = t[4];
+	let l;
+	return t[9] === s ? l = t[10] : (l = /* @__PURE__ */ h(d, {
+		sx: _.legend,
+		children: s
+	}), t[9] = s, t[10] = l), l;
+}
+//#endregion
+//#region src/widgets/category/category-ui.tsx
+var k = 20, A = {
+	small: 36,
+	medium: 44
+}, j = 8;
+function M(e, t) {
+	let n = new Set([...e].filter((e) => e < t));
+	return n.size >= t ? /* @__PURE__ */ new Set() : n;
+}
+function N(e) {
+	if (!e || e.length === 0) return [];
+	let t = Math.max(e.length, 1), n = /* @__PURE__ */ new Map(), r = [];
+	for (let i = 0; i < e.length; i++) {
+		let a = e[i] ?? [];
+		for (let e of a) {
+			let a = n.get(e.name);
+			a || (a = {
+				name: e.name,
+				values: Array(t).fill(0),
+				rowColors: Array(t).fill(void 0)
+			}, n.set(e.name, a), r.push(e.name)), a.values[i] = e.value, a.rowColors[i] = e.color;
+		}
+	}
+	return r.map((e) => n.get(e));
+}
+function P(e, t, n) {
+	let r = 0, i = 0;
+	for (let t of e) for (let e of t.values) e < r && (r = e), e > i && (i = e);
+	if (typeof t == "number" && t < 0 && (r = t), typeof n == "number" && n > 0 && (i = n), r < 0 && i > 0) {
+		let e = Math.max(-r, i);
+		return [-e, e];
+	}
+	return [r, i];
+}
+function F(e, t) {
+	return (t < 0 ? "−" : "") + e(Math.abs(t));
+}
+function I(e) {
+	let t = c(96), { data: n, selection: r, onSelectionChange: i, formatter: a, labelFormatter: o, series: f, maxItems: p, labels: v, onShowAll: y, maxOverride: S, minOverride: w, size: E, stacked: I, hiddenSeries: B, onHiddenSeriesChange: V } = e, H = p === void 0 ? k : p, U = E === void 0 ? "small" : E, W = I !== void 0 && I, G = m(), ee = a ?? z, te;
+	t[0] === ee ? te = t[1] : (te = (e) => F(ee, e), t[0] = ee, t[1] = te);
+	let K = te, ne = !!r && r.length > 0, re;
+	t[2] === r ? re = t[3] : (re = r ?? [], t[2] = r, t[3] = re);
+	let ie;
+	t[4] === re ? ie = t[5] : (ie = new Set(re), t[4] = re, t[5] = ie);
+	let ae = ie, oe;
+	t[6] !== i || t[7] !== r ? (oe = (e) => {
+		if (!i) return;
+		let t = r ?? [], n = t.includes(e) ? t.filter((t) => t !== e) : [...t, e];
+		i(n);
+	}, t[6] = i, t[7] = r, t[8] = oe) : oe = t[8];
+	let se = oe, ce = G.palette.secondary.main, le;
+	t[9] === G.palette ? le = t[10] : (le = Object.values(G.palette.qualitative?.bold ?? {}), t[9] = G.palette, t[10] = le);
+	let ue;
+	t[11] !== le || t[12] !== G.palette.secondary.main ? (ue = [ce, ...le], t[11] = le, t[12] = G.palette.secondary.main, t[13] = ue) : ue = t[13];
+	let de = ue, fe;
+	t[14] !== de || t[15] !== f || t[16] !== G ? (fe = (e, t) => {
+		let n = t ?? f?.[e]?.color;
+		return n ? s(G, n) ?? n : de[e % de.length] ?? G.palette.secondary.main;
+	}, t[14] = de, t[15] = f, t[16] = G, t[17] = fe) : fe = t[17];
+	let pe = fe, me = G.palette.action.disabled, he;
+	t[18] === n ? he = t[19] : (he = N(n), t[18] = n, t[19] = he);
+	let q = he, ge;
+	t[20] !== q || t[21] !== S || t[22] !== w ? (ge = P(q, w, S), t[20] = q, t[21] = S, t[22] = w, t[23] = ge) : ge = t[23];
+	let [J, _e] = ge, ve = _e > J ? -J / (_e - J) * 100 : 0, Y = H === 0, ye = l(!1), [be, xe] = u(null), Se;
+	t[24] === Y ? Se = t[25] : (Se = (e) => {
+		if (!e || ye.current || Y) return;
+		let t = e.clientHeight;
+		t > 0 && (ye.current = !0, xe(t));
+	}, t[24] = Y, t[25] = Se);
+	let Ce = Se, [we, Te] = u(R), Ee = B ?? we, De;
+	t[26] === f ? De = t[27] : (De = D(f), t[26] = f, t[27] = De);
+	let Oe = De, [ke, Ae] = u(Oe);
+	Oe !== ke && (Ae(Oe), Te(/* @__PURE__ */ new Set()));
+	let X = Math.max(n.length, 1), je;
+	t[28] !== Ee || t[29] !== V || t[30] !== X ? (je = (e) => {
+		let t = M(Ee, X);
+		t.has(e) ? t.delete(e) : t.add(e), (V ?? Te)(t.size >= X ? /* @__PURE__ */ new Set() : t);
+	}, t[28] = Ee, t[29] = V, t[30] = X, t[31] = je) : je = t[31];
+	let Me = je;
+	if (q.length === 0) return null;
+	let Ne;
+	t[32] === H ? Ne = t[33] : (Ne = typeof H == "number" && Number.isFinite(H) && H > 0, t[32] = H, t[33] = Ne);
+	let Pe = Ne, Fe;
+	t[34] !== q || t[35] !== Pe || t[36] !== H ? (Fe = Pe ? q.slice(0, H) : q, t[34] = q, t[35] = Pe, t[36] = H, t[37] = Fe) : Fe = t[37];
+	let Ie = Fe, Le = Pe ? q.length - Ie.length : 0, Re = n.length > 1, ze = Re && !!f && f.length > 0, Be, Ve, Z, He, Q, $, Ue, We;
+	if (t[38] !== pe || t[39] !== me || t[40] !== K || t[41] !== ne || t[42] !== Ee || t[43] !== Re || t[44] !== o || t[45] !== Ce || t[46] !== _e || t[47] !== J || t[48] !== be || t[49] !== Y || t[50] !== ae || t[51] !== f || t[52] !== X || t[53] !== U || t[54] !== W || t[55] !== se || t[56] !== Ie || t[57] !== ve) {
+		Z = M(Ee, X);
+		let e = Array.from({ length: X }, L).filter((e) => !Z.has(e)), n = Y ? be ?? A[U] * j : void 0;
+		Ve = d, We = _.root, Be = d, He = Ce;
+		let r = Re && !W && _.listMulti, i = Y && _.listScroll;
+		t[66] !== r || t[67] !== i ? (Q = {
+			..._.list,
+			...r,
+			...i
+		}, t[66] = r, t[67] = i, t[68] = Q) : Q = t[68], t[69] === n ? $ = t[70] : ($ = n === void 0 ? void 0 : {
+			maxHeight: n,
+			overflowY: "auto"
+		}, t[69] = n, t[70] = $), Ue = Ie.map((t) => {
+			let n = ae.has(t.name), r = ne && !n, i = o ? o(t.name) : void 0, a = (e) => r ? me : pe(e, t.rowColors[e]);
+			return Re ? W ? /* @__PURE__ */ h(C, {
+				name: t.name,
+				displayName: i,
+				values: e.map((e) => t.values[e]),
+				colors: e.map((e) => a(e)),
+				seriesNames: e.map((e) => f?.[e]?.name ?? `Series ${e + 1}`),
+				formatter: K,
+				selected: n,
+				onToggle: se,
+				size: U,
+				zeroPct: ve
+			}, String(t.name)) : /* @__PURE__ */ h(x, {
+				name: t.name,
+				displayName: i,
+				values: e.map((e) => t.values[e]),
+				colors: e.map((e) => a(e)),
+				maxValue: _e,
+				minValue: J,
+				formatter: K,
+				selected: n,
+				onToggle: se,
+				size: U
+			}, String(t.name)) : /* @__PURE__ */ h(b, {
+				name: t.name,
+				displayName: i,
+				value: t.values[0] ?? 0,
+				maxValue: _e,
+				minValue: J,
+				color: a(0),
+				formatter: K,
+				selected: n,
+				onToggle: se,
+				size: U
+			}, String(t.name));
+		}), t[38] = pe, t[39] = me, t[40] = K, t[41] = ne, t[42] = Ee, t[43] = Re, t[44] = o, t[45] = Ce, t[46] = _e, t[47] = J, t[48] = be, t[49] = Y, t[50] = ae, t[51] = f, t[52] = X, t[53] = U, t[54] = W, t[55] = se, t[56] = Ie, t[57] = ve, t[58] = Be, t[59] = Ve, t[60] = Z, t[61] = He, t[62] = Q, t[63] = $, t[64] = Ue, t[65] = We;
+	} else Be = t[58], Ve = t[59], Z = t[60], He = t[61], Q = t[62], $ = t[63], Ue = t[64], We = t[65];
+	let Ge;
+	t[71] !== Le || t[72] !== v?.other || t[73] !== v?.otherCount || t[74] !== v?.showAll || t[75] !== y ? (Ge = Le > 0 && /* @__PURE__ */ h(T, {
+		hiddenCount: Le,
+		otherLabel: v?.other,
+		otherCountLabel: v?.otherCount,
+		showAllLabel: v?.showAll,
+		onShowAll: y
+	}), t[71] = Le, t[72] = v?.other, t[73] = v?.otherCount, t[74] = v?.showAll, t[75] = y, t[76] = Ge) : Ge = t[76];
+	let Ke;
+	t[77] !== Be || t[78] !== He || t[79] !== Q || t[80] !== $ || t[81] !== Ue || t[82] !== Ge ? (Ke = /* @__PURE__ */ g(Be, {
+		ref: He,
+		sx: Q,
+		style: $,
+		children: [Ue, Ge]
+	}), t[77] = Be, t[78] = He, t[79] = Q, t[80] = $, t[81] = Ue, t[82] = Ge, t[83] = Ke) : Ke = t[83];
+	let qe;
+	t[84] !== Z || t[85] !== pe || t[86] !== ze || t[87] !== f || t[88] !== X || t[89] !== Me ? (qe = ze && f && /* @__PURE__ */ h(O, {
+		series: f.slice(0, X),
+		colorAt: (e) => pe(e),
+		hiddenSeries: Z,
+		onToggle: Me
+	}), t[84] = Z, t[85] = pe, t[86] = ze, t[87] = f, t[88] = X, t[89] = Me, t[90] = qe) : qe = t[90];
+	let Je;
+	return t[91] !== Ve || t[92] !== We || t[93] !== Ke || t[94] !== qe ? (Je = /* @__PURE__ */ g(Ve, {
+		sx: We,
+		children: [Ke, qe]
+	}), t[91] = Ve, t[92] = We, t[93] = Ke, t[94] = qe, t[95] = Je) : Je = t[95], Je;
+}
+function L(e, t) {
+	return t;
+}
+function R() {
+	return /* @__PURE__ */ new Set();
+}
+function z(e) {
+	return String(e);
+}
+//#endregion
+//#region src/widgets/category/category.tsx
+var B = (e) => ({
+	data: e.data ?? [],
+	rawData: e.rawData ?? void 0,
+	formatter: e.formatter,
+	labelFormatter: e.labelFormatter
+});
+function V(e) {
+	let t = 0, n = 0;
+	for (let r of e ?? []) for (let e of r) e.value < t && (t = e.value), e.value > n && (n = e.value);
+	return [t, n];
+}
+function H(e) {
+	let a = c(23), { selection: o, onSelectionChange: s, series: l, maxItems: u, labels: d, onShowAll: f, maxOverride: p, minOverride: m, size: g, stacked: _ } = e, v = n(), y = t(v, B), b;
+	a[0] === y.rawData ? b = a[1] : (b = V(y.rawData), a[0] = y.rawData, a[1] = b);
+	let [x, S] = b, C = S > 0 ? p ?? S : void 0, w = x < 0 ? m ?? x : void 0, T;
+	a[2] === l ? T = a[3] : (T = D(l), a[2] = l, a[3] = T);
+	let O = T, k = r(v, U), A = k?.key === O ? k.indices : E, j;
+	a[4] !== v || a[5] !== O ? (j = (e) => i(v).setState({ categoryHiddenSeries: {
+		key: O,
+		indices: e
+	} }), a[4] = v, a[5] = O, a[6] = j) : j = a[6];
+	let M = j, N;
+	return a[7] !== C || a[8] !== w || a[9] !== A || a[10] !== d || a[11] !== u || a[12] !== M || a[13] !== s || a[14] !== f || a[15] !== o || a[16] !== l || a[17] !== g || a[18] !== y.data || a[19] !== y.formatter || a[20] !== y.labelFormatter || a[21] !== _ ? (N = /* @__PURE__ */ h(I, {
+		data: y.data,
+		formatter: y.formatter,
+		labelFormatter: y.labelFormatter,
+		selection: o,
+		onSelectionChange: s,
+		series: l,
+		maxItems: u,
+		labels: d,
+		onShowAll: f,
+		maxOverride: C,
+		minOverride: w,
+		size: g,
+		stacked: _,
+		hiddenSeries: A,
+		onHiddenSeriesChange: M
+	}), a[7] = C, a[8] = w, a[9] = A, a[10] = d, a[11] = u, a[12] = M, a[13] = s, a[14] = f, a[15] = o, a[16] = l, a[17] = g, a[18] = y.data, a[19] = y.formatter, a[20] = y.labelFormatter, a[21] = _, a[22] = N) : N = a[22], N;
+}
+function U(e) {
+	return e.categoryHiddenSeries;
+}
+//#endregion
+//#region src/widgets/category/skeleton.tsx
+var W = {
+	root: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 1,
+		py: .5
+	},
+	row: {
+		display: "flex",
+		flexDirection: "column",
+		gap: .5
+	},
+	rowHeader: {
+		display: "flex",
+		justifyContent: "space-between",
+		alignItems: "center",
+		gap: 1
+	},
+	name: {
+		height: 14,
+		width: 80
+	},
+	value: {
+		height: 14,
+		width: 48
+	}
+}, G = {
+	small: 4,
+	medium: 12
+}, ee = [
+	"95%",
+	"80%",
+	"55%",
+	"75%",
+	"60%"
+];
+function te(e) {
+	let t = c(5), { rows: n, size: r } = e, i = n === void 0 ? 5 : n, a = r === void 0 ? "small" : r, o;
+	t[0] === i ? o = t[1] : (o = Array.from({ length: i }), t[0] = i, t[1] = o);
+	let s;
+	return t[2] !== a || t[3] !== o ? (s = /* @__PURE__ */ h(d, {
+		sx: W.root,
+		children: o.map((e, t) => /* @__PURE__ */ g(d, {
+			sx: W.row,
+			children: [/* @__PURE__ */ g(d, {
+				sx: W.rowHeader,
+				children: [/* @__PURE__ */ h(f, {
+					variant: "rectangular",
+					sx: W.name
+				}), /* @__PURE__ */ h(f, {
+					variant: "rectangular",
+					sx: W.value
+				})]
+			}), /* @__PURE__ */ h(f, {
+				variant: "rectangular",
+				sx: {
+					height: G[a],
+					width: ee[t % ee.length]
+				}
+			})]
+		}, `row-${t}`))
+	}), t[2] = a, t[3] = o, t[4] = s) : s = t[4], s;
+}
+//#endregion
+//#region src/widgets/category/download.ts
+function K(e) {
+	return o(e, a({
+		filename: e.filename,
+		getRows: (t) => {
+			let n = e.getData(t), r = [[
+				"series",
+				"name",
+				"value"
+			]];
+			for (let [t, i] of n.entries()) {
+				let n = e.seriesNames?.[t] ?? `series_${t + 1}`;
+				for (let e of i) r.push([
+					n,
+					e.name,
+					e.value
+				]);
+			}
+			return r;
+		}
+	}));
+}
+//#endregion
+export { O as a, b as c, I as i, v as l, te as n, T as o, H as r, x as s, K as t };
+
+//# sourceMappingURL=category-DULnoxvk.js.map