@carto/ps-react-ui 5.3.0 → 6.1.0

package/dist/category-alzjKzvQ.js

@@ -0,0 +1,839 @@
+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: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 1,
+		py: .5
+	},
+	listScroll: { pr: 1 },
+	rowSingle: {
+		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: {
+		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
+		}
+	},
+	name: {
+		overflow: "hidden",
+		whiteSpace: "nowrap",
+		textOverflow: "ellipsis",
+		color: "text.primary",
+		fontWeight: "medium"
+	},
+	multiName: {
+		overflow: "hidden",
+		whiteSpace: "nowrap",
+		textOverflow: "ellipsis",
+		color: "text.primary",
+		fontWeight: "medium"
+	},
+	value: {
+		color: "text.secondary",
+		fontVariantNumeric: "tabular-nums",
+		minWidth: 48,
+		textAlign: "right"
+	},
+	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",
+			inset: "0 auto 0 0",
+			borderRadius: 1,
+			transition: "width 300ms ease-in-out, background-color 150ms ease, filter 150ms ease"
+		},
+		medium: {
+			position: "absolute",
+			inset: "0 auto 0 0",
+			borderRadius: .25,
+			transition: "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: "flex",
+		alignItems: "center",
+		gap: 1
+	},
+	multiBarContainer: { flex: 1 },
+	rowStacked: {
+		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: {
+		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(10), { value: n, maxValue: r, color: i, size: a } = e, o = a === void 0 ? "small" : a, s = r > 0 ? n / r * 100 : 0, l = _.bar[o], u = _.barFill[o], f = `${s}%`, p;
+	t[0] !== i || t[1] !== f ? (p = {
+		width: f,
+		backgroundColor: i
+	}, t[0] = i, t[1] = f, t[2] = p) : p = t[2];
+	let m;
+	t[3] !== u || t[4] !== p ? (m = /* @__PURE__ */ h(d, {
+		sx: u,
+		style: p,
+		"data-bar-fill": "true"
+	}), t[3] = u, t[4] = p, t[5] = m) : m = t[5];
+	let g;
+	return t[6] !== o || t[7] !== l || t[8] !== m ? (g = /* @__PURE__ */ h(d, {
+		sx: l,
+		"data-size": o,
+		children: m
+	}), t[6] = o, t[7] = l, t[8] = m, t[9] = g) : g = t[9], g;
+}
+//#endregion
+//#region src/widgets/category/components/category-row-single.tsx
+function y(e) {
+	let t = c(27), { name: n, displayName: r, value: i, maxValue: a, color: o, formatter: s, selected: l, onToggle: u, size: f } = e, m;
+	t[0] !== n || t[1] !== u ? (m = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), u(n));
+	}, t[0] = n, t[1] = u, t[2] = m) : m = t[2];
+	let y = m, b;
+	t[3] !== n || t[4] !== u ? (b = () => u(n), t[3] = n, t[4] = u, t[5] = b) : b = t[5];
+	let x = r ?? n, S;
+	t[6] === x ? S = t[7] : (S = /* @__PURE__ */ h(p, {
+		variant: "body2",
+		sx: _.name,
+		children: x
+	}), t[6] = x, t[7] = S);
+	let C;
+	t[8] !== s || t[9] !== i ? (C = s(i), t[8] = s, t[9] = i, t[10] = C) : C = t[10];
+	let w;
+	t[11] === C ? w = t[12] : (w = /* @__PURE__ */ h(p, {
+		variant: "body2",
+		sx: _.value,
+		children: C
+	}), t[11] = C, t[12] = w);
+	let T;
+	t[13] !== S || t[14] !== w ? (T = /* @__PURE__ */ g(d, {
+		sx: _.rowHeader,
+		children: [S, w]
+	}), t[13] = S, t[14] = w, t[15] = T) : T = t[15];
+	let E;
+	t[16] !== o || t[17] !== a || t[18] !== f || t[19] !== i ? (E = /* @__PURE__ */ h(v, {
+		value: i,
+		maxValue: a,
+		color: o,
+		size: f
+	}), t[16] = o, t[17] = a, t[18] = f, t[19] = i, t[20] = E) : E = t[20];
+	let D;
+	return t[21] !== y || t[22] !== l || t[23] !== b || t[24] !== T || t[25] !== E ? (D = /* @__PURE__ */ g(d, {
+		role: "button",
+		"aria-pressed": l,
+		tabIndex: 0,
+		onClick: b,
+		onKeyDown: y,
+		sx: _.rowSingle,
+		children: [T, E]
+	}), t[21] = y, t[22] = l, t[23] = b, t[24] = T, t[25] = E, t[26] = D) : D = t[26], D;
+}
+//#endregion
+//#region src/widgets/category/components/category-row-multi.tsx
+function b(e) {
+	let t = c(27), { name: n, displayName: r, values: i, colors: a, maxValue: o, formatter: s, selected: l, onToggle: u, size: f } = e, m;
+	t[0] !== n || t[1] !== u ? (m = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), u(n));
+	}, t[0] = n, t[1] = u, t[2] = m) : m = t[2];
+	let y = m, b;
+	t[3] !== n || t[4] !== u ? (b = () => u(n), t[3] = n, t[4] = u, t[5] = b) : b = t[5];
+	let x = r ?? n, S;
+	t[6] === x ? S = t[7] : (S = /* @__PURE__ */ h(p, {
+		variant: "body2",
+		sx: _.multiName,
+		children: x
+	}), t[6] = x, t[7] = S);
+	let C;
+	if (t[8] !== a || t[9] !== s || t[10] !== o || t[11] !== n || t[12] !== f || t[13] !== i) {
+		let e;
+		t[15] !== a || t[16] !== s || t[17] !== o || t[18] !== n || t[19] !== f ? (e = (e, t) => /* @__PURE__ */ g(d, {
+			sx: _.multiBarRow,
+			children: [/* @__PURE__ */ h(d, {
+				sx: _.multiBarContainer,
+				children: /* @__PURE__ */ h(v, {
+					value: e,
+					maxValue: o,
+					color: a[t] ?? "",
+					size: f
+				})
+			}), /* @__PURE__ */ h(p, {
+				variant: "body2",
+				sx: _.value,
+				children: s(e)
+			})]
+		}, `${n}-series-${t}`), t[15] = a, t[16] = s, t[17] = o, t[18] = n, t[19] = f, t[20] = e) : e = t[20], C = i.map(e), t[8] = a, t[9] = s, t[10] = o, t[11] = n, t[12] = f, t[13] = i, t[14] = C;
+	} else C = t[14];
+	let w;
+	return t[21] !== y || t[22] !== l || t[23] !== b || t[24] !== S || t[25] !== C ? (w = /* @__PURE__ */ g(d, {
+		role: "button",
+		"aria-pressed": l,
+		tabIndex: 0,
+		onClick: b,
+		onKeyDown: y,
+		sx: _.rowMulti,
+		children: [S, C]
+	}), t[21] = y, t[22] = l, t[23] = b, t[24] = S, t[25] = C, t[26] = w) : w = t[26], w;
+}
+//#endregion
+//#region src/widgets/category/components/category-bar-stacked.tsx
+function x(e) {
+	let t = c(17), { values: n, colors: r, maxValue: i, size: a } = e, o = a === void 0 ? "small" : a, s;
+	if (t[0] !== n) {
+		s = [];
+		let e = 0;
+		for (let t of n) s.push(e), e += t;
+		t[0] = n, t[1] = s;
+	} else s = t[1];
+	let l = _.bar[o], u;
+	if (t[2] !== r || t[3] !== i || t[4] !== s || t[5] !== o || t[6] !== n) {
+		let e;
+		t[8] !== r || t[9] !== i || t[10] !== s || t[11] !== o ? (e = (e, t) => {
+			if (e <= 0) return null;
+			let n = i > 0 ? s[t] / i * 100 : 0, a = i > 0 ? e / i * 100 : 0;
+			return /* @__PURE__ */ h(d, {
+				sx: _.stackedSegment[o],
+				style: {
+					left: `${n}%`,
+					width: `${a}%`,
+					backgroundColor: r[t] ?? ""
+				},
+				"data-bar-fill": "true"
+			}, `seg-${r[t] ?? "none"}-${t}`);
+		}, t[8] = r, t[9] = i, t[10] = s, t[11] = o, t[12] = e) : e = t[12], u = n.map(e), t[2] = r, t[3] = i, t[4] = s, t[5] = o, t[6] = n, t[7] = u;
+	} else u = t[7];
+	let f;
+	return t[13] !== o || t[14] !== l || t[15] !== u ? (f = /* @__PURE__ */ h(d, {
+		sx: l,
+		"data-size": o,
+		children: u
+	}), t[13] = o, t[14] = l, t[15] = u, t[16] = f) : f = t[16], f;
+}
+//#endregion
+//#region src/widgets/category/components/category-row-stacked.tsx
+function S(e) {
+	let t = c(65), { name: n, displayName: r, values: i, colors: a, seriesNames: o, formatter: s, selected: l, onToggle: u, size: f } = e, m;
+	t[0] !== n || t[1] !== u ? (m = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), u(n));
+	}, t[0] = n, t[1] = u, t[2] = m) : m = t[2];
+	let v = m, y, b, S, w, T, E, D, O, k, A, j, M, N, P, F;
+	if (t[3] !== r || t[4] !== s || t[5] !== v || t[6] !== n || t[7] !== u || t[8] !== l || t[9] !== i) {
+		F = i.reduce(C, 0), S = d, M = "button", N = l, P = 0, t[25] !== n || t[26] !== u ? (w = () => u(n), t[25] = n, t[26] = u, t[27] = w) : w = t[27], T = v, E = _.rowStacked, b = d, A = _.stackedHeader;
+		let e = r ?? n;
+		t[28] === e ? j = t[29] : (j = /* @__PURE__ */ h(p, {
+			variant: "body2",
+			sx: _.multiName,
+			children: e
+		}), t[28] = e, t[29] = j), y = p, D = "body2", O = _.stackedTotal, k = s(F), t[3] = r, t[4] = s, t[5] = v, t[6] = n, t[7] = u, t[8] = l, t[9] = i, t[10] = y, t[11] = b, t[12] = S, t[13] = w, t[14] = T, t[15] = E, t[16] = D, t[17] = O, t[18] = k, t[19] = A, t[20] = j, t[21] = M, t[22] = N, t[23] = P, t[24] = F;
+	} else y = t[10], b = t[11], S = t[12], w = 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];
+	let I;
+	t[30] !== y || t[31] !== D || t[32] !== O || t[33] !== k ? (I = /* @__PURE__ */ h(y, {
+		variant: D,
+		sx: O,
+		children: k
+	}), t[30] = y, t[31] = D, t[32] = O, t[33] = k, t[34] = I) : I = t[34];
+	let L;
+	t[35] !== b || t[36] !== I || t[37] !== A || t[38] !== j ? (L = /* @__PURE__ */ g(b, {
+		sx: A,
+		children: [j, I]
+	}), t[35] = b, t[36] = I, t[37] = A, t[38] = j, t[39] = L) : L = t[39];
+	let R;
+	t[40] !== a || t[41] !== f || t[42] !== F || t[43] !== i ? (R = /* @__PURE__ */ h(x, {
+		values: i,
+		colors: a,
+		maxValue: F,
+		size: f
+	}), t[40] = a, t[41] = f, t[42] = F, t[43] = i, t[44] = R) : R = t[44];
+	let z;
+	if (t[45] !== s || t[46] !== o || t[47] !== i) {
+		let e;
+		t[49] !== s || t[50] !== o ? (e = (e, t) => /* @__PURE__ */ h(p, {
+			variant: "body2",
+			sx: _.stackedBreakdownItem,
+			children: `${o[t]}: ${s(e)}`
+		}, `breakdown-${o[t]}`), t[49] = s, t[50] = o, t[51] = e) : e = t[51], z = i.map(e), t[45] = s, t[46] = o, t[47] = i, t[48] = z;
+	} else z = t[48];
+	let B;
+	t[52] === z ? B = t[53] : (B = /* @__PURE__ */ h(d, {
+		sx: _.stackedBreakdown,
+		children: z
+	}), t[52] = z, t[53] = B);
+	let V;
+	return t[54] !== S || t[55] !== w || t[56] !== T || t[57] !== E || t[58] !== L || t[59] !== R || t[60] !== B || t[61] !== M || t[62] !== N || t[63] !== P ? (V = /* @__PURE__ */ g(S, {
+		role: M,
+		"aria-pressed": N,
+		tabIndex: P,
+		onClick: w,
+		onKeyDown: T,
+		sx: E,
+		children: [
+			L,
+			R,
+			B
+		]
+	}), t[54] = S, t[55] = w, t[56] = T, t[57] = E, t[58] = L, t[59] = R, t[60] = B, t[61] = M, t[62] = N, t[63] = P, t[64] = V) : V = t[64], V;
+}
+function C(e, t) {
+	return e + t;
+}
+//#endregion
+//#region src/widgets/category/components/category-row-other.tsx
+function w(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 T = /* @__PURE__ */ new Set();
+function E(e) {
+	return JSON.stringify(e?.map((e) => e.name) ?? []);
+}
+//#endregion
+//#region src/widgets/category/components/category-legend.tsx
+function D(e) {
+	let t = c(11), { series: n, colorAt: r, hiddenSeries: i, onToggle: a } = e, o = i === void 0 ? T : 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 O = 20, k = {
+	small: 36,
+	medium: 44
+}, A = 8;
+function j(e, t) {
+	let n = new Set([...e].filter((e) => e < t));
+	return n.size >= t ? /* @__PURE__ */ new Set() : n;
+}
+function M(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 N(e) {
+	let t = c(87), { data: n, selection: r, onSelectionChange: i, formatter: a, labelFormatter: o, series: f, maxItems: p, labels: v, onShowAll: x, maxOverride: C, size: T, stacked: N, hiddenSeries: L, onHiddenSeriesChange: R } = e, z = p === void 0 ? O : p, B = T === void 0 ? "small" : T, V = N !== void 0 && N, H = m(), U = a ?? I, ee = !!r && r.length > 0, W;
+	t[0] === r ? W = t[1] : (W = r ?? [], t[0] = r, t[1] = W);
+	let te;
+	t[2] === W ? te = t[3] : (te = new Set(W), t[2] = W, t[3] = te);
+	let ne = te, re;
+	t[4] !== i || t[5] !== r ? (re = (e) => {
+		if (!i) return;
+		let t = r ?? [], n = t.includes(e) ? t.filter((t) => t !== e) : [...t, e];
+		i(n);
+	}, t[4] = i, t[5] = r, t[6] = re) : re = t[6];
+	let ie = re, ae = H.palette.secondary.main, oe;
+	t[7] === H.palette ? oe = t[8] : (oe = Object.values(H.palette.qualitative?.bold ?? {}), t[7] = H.palette, t[8] = oe);
+	let se;
+	t[9] !== oe || t[10] !== H.palette.secondary.main ? (se = [ae, ...oe], t[9] = oe, t[10] = H.palette.secondary.main, t[11] = se) : se = t[11];
+	let ce = se, le;
+	t[12] !== ce || t[13] !== f || t[14] !== H ? (le = (e, t) => {
+		let n = t ?? f?.[e]?.color;
+		return n ? s(H, n) ?? n : ce[e % ce.length] ?? H.palette.secondary.main;
+	}, t[12] = ce, t[13] = f, t[14] = H, t[15] = le) : le = t[15];
+	let G = le, ue = H.palette.action.disabled, de;
+	t[16] === n ? de = t[17] : (de = M(n), t[16] = n, t[17] = de);
+	let K = de, fe;
+	bb0: {
+		if (typeof C == "number" && C > 0) {
+			fe = C;
+			break bb0;
+		}
+		let e = 0;
+		for (let t of K) for (let n of t.values) n > e && (e = n);
+		fe = e;
+	}
+	let pe = fe, q = z === 0, me = l(!1), [he, ge] = u(null), _e;
+	t[18] === q ? _e = t[19] : (_e = (e) => {
+		if (!e || me.current || q) return;
+		let t = e.clientHeight;
+		t > 0 && (me.current = !0, ge(t));
+	}, t[18] = q, t[19] = _e);
+	let ve = _e, [ye, be] = u(F), xe = L ?? ye, Se;
+	t[20] === f ? Se = t[21] : (Se = E(f), t[20] = f, t[21] = Se);
+	let Ce = Se, [we, Te] = u(Ce);
+	Ce !== we && (Te(Ce), be(/* @__PURE__ */ new Set()));
+	let J = Math.max(n.length, 1), Ee;
+	t[22] !== xe || t[23] !== R || t[24] !== J ? (Ee = (e) => {
+		let t = j(xe, J);
+		t.has(e) ? t.delete(e) : t.add(e), (R ?? be)(t.size >= J ? /* @__PURE__ */ new Set() : t);
+	}, t[22] = xe, t[23] = R, t[24] = J, t[25] = Ee) : Ee = t[25];
+	let De = Ee;
+	if (K.length === 0) return null;
+	let Oe;
+	t[26] === z ? Oe = t[27] : (Oe = typeof z == "number" && Number.isFinite(z) && z > 0, t[26] = z, t[27] = Oe);
+	let ke = Oe, Ae;
+	t[28] !== K || t[29] !== ke || t[30] !== z ? (Ae = ke ? K.slice(0, z) : K, t[28] = K, t[29] = ke, t[30] = z, t[31] = Ae) : Ae = t[31];
+	let je = Ae, Me = ke ? K.length - je.length : 0, Ne = n.length > 1, Pe = Ne && !!f && f.length > 0, Fe, Ie, Y, Le, X, Z, Re, Q;
+	if (t[32] !== G || t[33] !== ue || t[34] !== U || t[35] !== ee || t[36] !== xe || t[37] !== Ne || t[38] !== o || t[39] !== ve || t[40] !== pe || t[41] !== he || t[42] !== q || t[43] !== ne || t[44] !== f || t[45] !== J || t[46] !== B || t[47] !== V || t[48] !== ie || t[49] !== je) {
+		Y = j(xe, J);
+		let e = Array.from({ length: J }, P).filter((e) => !Y.has(e)), n = q ? he ?? k[B] * A : void 0;
+		Ie = d, Q = _.root, Fe = d, Le = ve, t[58] === q ? X = t[59] : (X = q ? {
+			..._.list,
+			..._.listScroll
+		} : _.list, t[58] = q, t[59] = X), t[60] === n ? Z = t[61] : (Z = n === void 0 ? void 0 : {
+			maxHeight: n,
+			overflowY: "auto"
+		}, t[60] = n, t[61] = Z), Re = je.map((t) => {
+			let n = ne.has(t.name), r = ee && !n, i = o ? o(t.name) : void 0, a = (e) => r ? ue : G(e, t.rowColors[e]);
+			return Ne ? V ? /* @__PURE__ */ h(S, {
+				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: U,
+				selected: n,
+				onToggle: ie,
+				size: B
+			}, String(t.name)) : /* @__PURE__ */ h(b, {
+				name: t.name,
+				displayName: i,
+				values: e.map((e) => t.values[e]),
+				colors: e.map((e) => a(e)),
+				maxValue: pe,
+				formatter: U,
+				selected: n,
+				onToggle: ie,
+				size: B
+			}, String(t.name)) : /* @__PURE__ */ h(y, {
+				name: t.name,
+				displayName: i,
+				value: t.values[0] ?? 0,
+				maxValue: pe,
+				color: a(0),
+				formatter: U,
+				selected: n,
+				onToggle: ie,
+				size: B
+			}, String(t.name));
+		}), t[32] = G, t[33] = ue, t[34] = U, t[35] = ee, t[36] = xe, t[37] = Ne, t[38] = o, t[39] = ve, t[40] = pe, t[41] = he, t[42] = q, t[43] = ne, t[44] = f, t[45] = J, t[46] = B, t[47] = V, t[48] = ie, t[49] = je, t[50] = Fe, t[51] = Ie, t[52] = Y, t[53] = Le, t[54] = X, t[55] = Z, t[56] = Re, t[57] = Q;
+	} else Fe = t[50], Ie = t[51], Y = t[52], Le = t[53], X = t[54], Z = t[55], Re = t[56], Q = t[57];
+	let ze;
+	t[62] !== Me || t[63] !== v?.other || t[64] !== v?.otherCount || t[65] !== v?.showAll || t[66] !== x ? (ze = Me > 0 && /* @__PURE__ */ h(w, {
+		hiddenCount: Me,
+		otherLabel: v?.other,
+		otherCountLabel: v?.otherCount,
+		showAllLabel: v?.showAll,
+		onShowAll: x
+	}), t[62] = Me, t[63] = v?.other, t[64] = v?.otherCount, t[65] = v?.showAll, t[66] = x, t[67] = ze) : ze = t[67];
+	let Be;
+	t[68] !== Fe || t[69] !== Le || t[70] !== X || t[71] !== Z || t[72] !== Re || t[73] !== ze ? (Be = /* @__PURE__ */ g(Fe, {
+		ref: Le,
+		sx: X,
+		style: Z,
+		children: [Re, ze]
+	}), t[68] = Fe, t[69] = Le, t[70] = X, t[71] = Z, t[72] = Re, t[73] = ze, t[74] = Be) : Be = t[74];
+	let $;
+	t[75] !== Y || t[76] !== G || t[77] !== Pe || t[78] !== f || t[79] !== J || t[80] !== De ? ($ = Pe && f && /* @__PURE__ */ h(D, {
+		series: f.slice(0, J),
+		colorAt: (e) => G(e),
+		hiddenSeries: Y,
+		onToggle: De
+	}), t[75] = Y, t[76] = G, t[77] = Pe, t[78] = f, t[79] = J, t[80] = De, t[81] = $) : $ = t[81];
+	let Ve;
+	return t[82] !== Ie || t[83] !== Q || t[84] !== Be || t[85] !== $ ? (Ve = /* @__PURE__ */ g(Ie, {
+		sx: Q,
+		children: [Be, $]
+	}), t[82] = Ie, t[83] = Q, t[84] = Be, t[85] = $, t[86] = Ve) : Ve = t[86], Ve;
+}
+function P(e, t) {
+	return t;
+}
+function F() {
+	return /* @__PURE__ */ new Set();
+}
+function I(e) {
+	return String(e);
+}
+//#endregion
+//#region src/widgets/category/category.tsx
+var L = (e) => ({
+	data: e.data ?? [],
+	rawData: e.rawData ?? void 0,
+	formatter: e.formatter,
+	labelFormatter: e.labelFormatter
+});
+function R(e) {
+	if (!e) return 0;
+	let t = 0;
+	for (let n of e) for (let e of n) e.value > t && (t = e.value);
+	return t;
+}
+function z(e) {
+	let a = c(20), { selection: o, onSelectionChange: s, series: l, maxItems: u, labels: d, onShowAll: f, maxOverride: p, size: m, stacked: g } = e, _ = n(), v = t(_, L), y = R(v.rawData), b = p ?? (y > 0 ? y : void 0), x;
+	a[0] === l ? x = a[1] : (x = E(l), a[0] = l, a[1] = x);
+	let S = x, C = r(_, B), w = C?.key === S ? C.indices : T, D;
+	a[2] !== _ || a[3] !== S ? (D = (e) => i(_).setState({ categoryHiddenSeries: {
+		key: S,
+		indices: e
+	} }), a[2] = _, a[3] = S, a[4] = D) : D = a[4];
+	let O = D, k;
+	return a[5] !== b || a[6] !== w || a[7] !== d || a[8] !== u || a[9] !== O || a[10] !== s || a[11] !== f || a[12] !== o || a[13] !== l || a[14] !== m || a[15] !== v.data || a[16] !== v.formatter || a[17] !== v.labelFormatter || a[18] !== g ? (k = /* @__PURE__ */ h(N, {
+		data: v.data,
+		formatter: v.formatter,
+		labelFormatter: v.labelFormatter,
+		selection: o,
+		onSelectionChange: s,
+		series: l,
+		maxItems: u,
+		labels: d,
+		onShowAll: f,
+		maxOverride: b,
+		size: m,
+		stacked: g,
+		hiddenSeries: w,
+		onHiddenSeriesChange: O
+	}), a[5] = b, a[6] = w, a[7] = d, a[8] = u, a[9] = O, a[10] = s, a[11] = f, a[12] = o, a[13] = l, a[14] = m, a[15] = v.data, a[16] = v.formatter, a[17] = v.labelFormatter, a[18] = g, a[19] = k) : k = a[19], k;
+}
+function B(e) {
+	return e.categoryHiddenSeries;
+}
+//#endregion
+//#region src/widgets/category/skeleton.tsx
+var V = {
+	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
+	}
+}, H = {
+	small: 4,
+	medium: 12
+}, U = [
+	"95%",
+	"80%",
+	"55%",
+	"75%",
+	"60%"
+];
+function ee(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: V.root,
+		children: o.map((e, t) => /* @__PURE__ */ g(d, {
+			sx: V.row,
+			children: [/* @__PURE__ */ g(d, {
+				sx: V.rowHeader,
+				children: [/* @__PURE__ */ h(f, {
+					variant: "rectangular",
+					sx: V.name
+				}), /* @__PURE__ */ h(f, {
+					variant: "rectangular",
+					sx: V.value
+				})]
+			}), /* @__PURE__ */ h(f, {
+				variant: "rectangular",
+				sx: {
+					height: H[a],
+					width: U[t % U.length]
+				}
+			})]
+		}, `row-${t}`))
+	}), t[2] = a, t[3] = o, t[4] = s) : s = t[4], s;
+}
+//#endregion
+//#region src/widgets/category/download.ts
+function W(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 { D as a, y as c, N as i, v as l, ee as n, w as o, z as r, b as s, W as t };
+
+//# sourceMappingURL=category-alzjKzvQ.js.map