@carto/ps-react-ui 4.19.0 → 4.20.1

package/dist/category-DHZscHaS.js

@@ -0,0 +1,826 @@
+import { t as e } from "./tooltip-DJUGNZxY.js";
+import "./components-DDt4mOQn.js";
+import { C as t, T as n } from "./stores-BVFMfgyo.js";
+import { n as r, t as i } from "./download-BT6qBamM.js";
+import { c as a } from "react/compiler-runtime";
+import { useRef as o, useState as s } from "react";
+import { Box as c, Skeleton as l, Typography as u, useTheme as d } from "@mui/material";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+var m = {
+	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-v2/category/components/category-bar.tsx
+function h(e) {
+	let t = a(10), { value: n, maxValue: r, color: i, size: o } = e, s = o === void 0 ? "small" : o, l = r > 0 ? n / r * 100 : 0, u = m.bar[s], d = m.barFill[s], p = `${l}%`, h;
+	t[0] !== i || t[1] !== p ? (h = {
+		width: p,
+		backgroundColor: i
+	}, t[0] = i, t[1] = p, t[2] = h) : h = t[2];
+	let g;
+	t[3] !== d || t[4] !== h ? (g = /* @__PURE__ */ f(c, {
+		sx: d,
+		style: h,
+		"data-bar-fill": "true"
+	}), t[3] = d, t[4] = h, t[5] = g) : g = t[5];
+	let _;
+	return t[6] !== s || t[7] !== u || t[8] !== g ? (_ = /* @__PURE__ */ f(c, {
+		sx: u,
+		"data-size": s,
+		children: g
+	}), t[6] = s, t[7] = u, t[8] = g, t[9] = _) : _ = t[9], _;
+}
+//#endregion
+//#region src/widgets-v2/category/components/category-row-single.tsx
+function g(e) {
+	let t = a(27), { name: n, displayName: r, value: i, maxValue: o, color: s, formatter: l, selected: d, onToggle: g, size: _ } = e, v;
+	t[0] !== n || t[1] !== g ? (v = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), g(n));
+	}, t[0] = n, t[1] = g, t[2] = v) : v = t[2];
+	let y = v, b;
+	t[3] !== n || t[4] !== g ? (b = () => g(n), t[3] = n, t[4] = g, t[5] = b) : b = t[5];
+	let x = r ?? n, S;
+	t[6] === x ? S = t[7] : (S = /* @__PURE__ */ f(u, {
+		variant: "body2",
+		sx: m.name,
+		children: x
+	}), t[6] = x, t[7] = S);
+	let C;
+	t[8] !== l || t[9] !== i ? (C = l(i), t[8] = l, t[9] = i, t[10] = C) : C = t[10];
+	let w;
+	t[11] === C ? w = t[12] : (w = /* @__PURE__ */ f(u, {
+		variant: "body2",
+		sx: m.value,
+		children: C
+	}), t[11] = C, t[12] = w);
+	let T;
+	t[13] !== S || t[14] !== w ? (T = /* @__PURE__ */ p(c, {
+		sx: m.rowHeader,
+		children: [S, w]
+	}), t[13] = S, t[14] = w, t[15] = T) : T = t[15];
+	let E;
+	t[16] !== s || t[17] !== o || t[18] !== _ || t[19] !== i ? (E = /* @__PURE__ */ f(h, {
+		value: i,
+		maxValue: o,
+		color: s,
+		size: _
+	}), t[16] = s, t[17] = o, t[18] = _, t[19] = i, t[20] = E) : E = t[20];
+	let D;
+	return t[21] !== y || t[22] !== d || t[23] !== b || t[24] !== T || t[25] !== E ? (D = /* @__PURE__ */ p(c, {
+		role: "button",
+		"aria-pressed": d,
+		tabIndex: 0,
+		onClick: b,
+		onKeyDown: y,
+		sx: m.rowSingle,
+		children: [T, E]
+	}), t[21] = y, t[22] = d, t[23] = b, t[24] = T, t[25] = E, t[26] = D) : D = t[26], D;
+}
+//#endregion
+//#region src/widgets-v2/category/components/category-row-multi.tsx
+function _(e) {
+	let t = a(27), { name: n, displayName: r, values: i, colors: o, maxValue: s, formatter: l, selected: d, onToggle: g, size: _ } = e, v;
+	t[0] !== n || t[1] !== g ? (v = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), g(n));
+	}, t[0] = n, t[1] = g, t[2] = v) : v = t[2];
+	let y = v, b;
+	t[3] !== n || t[4] !== g ? (b = () => g(n), t[3] = n, t[4] = g, t[5] = b) : b = t[5];
+	let x = r ?? n, S;
+	t[6] === x ? S = t[7] : (S = /* @__PURE__ */ f(u, {
+		variant: "body2",
+		sx: m.multiName,
+		children: x
+	}), t[6] = x, t[7] = S);
+	let C;
+	if (t[8] !== o || t[9] !== l || t[10] !== s || t[11] !== n || t[12] !== _ || t[13] !== i) {
+		let e;
+		t[15] !== o || t[16] !== l || t[17] !== s || t[18] !== n || t[19] !== _ ? (e = (e, t) => /* @__PURE__ */ p(c, {
+			sx: m.multiBarRow,
+			children: [/* @__PURE__ */ f(c, {
+				sx: m.multiBarContainer,
+				children: /* @__PURE__ */ f(h, {
+					value: e,
+					maxValue: s,
+					color: o[t] ?? "",
+					size: _
+				})
+			}), /* @__PURE__ */ f(u, {
+				variant: "body2",
+				sx: m.value,
+				children: l(e)
+			})]
+		}, `${n}-series-${t}`), t[15] = o, t[16] = l, t[17] = s, t[18] = n, t[19] = _, t[20] = e) : e = t[20], C = i.map(e), t[8] = o, t[9] = l, t[10] = s, t[11] = n, t[12] = _, t[13] = i, t[14] = C;
+	} else C = t[14];
+	let w;
+	return t[21] !== y || t[22] !== d || t[23] !== b || t[24] !== S || t[25] !== C ? (w = /* @__PURE__ */ p(c, {
+		role: "button",
+		"aria-pressed": d,
+		tabIndex: 0,
+		onClick: b,
+		onKeyDown: y,
+		sx: m.rowMulti,
+		children: [S, C]
+	}), t[21] = y, t[22] = d, t[23] = b, t[24] = S, t[25] = C, t[26] = w) : w = t[26], w;
+}
+//#endregion
+//#region src/widgets-v2/category/components/category-bar-stacked.tsx
+function v(e) {
+	let t = a(17), { values: n, colors: r, maxValue: i, size: o } = e, s = o === void 0 ? "small" : o, l;
+	if (t[0] !== n) {
+		l = [];
+		let e = 0;
+		for (let t of n) l.push(e), e += t;
+		t[0] = n, t[1] = l;
+	} else l = t[1];
+	let u = m.bar[s], d;
+	if (t[2] !== r || t[3] !== i || t[4] !== l || t[5] !== s || t[6] !== n) {
+		let e;
+		t[8] !== r || t[9] !== i || t[10] !== l || t[11] !== s ? (e = (e, t) => {
+			if (e <= 0) return null;
+			let n = i > 0 ? l[t] / i * 100 : 0, a = i > 0 ? e / i * 100 : 0;
+			return /* @__PURE__ */ f(c, {
+				sx: m.stackedSegment[s],
+				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] = l, t[11] = s, t[12] = e) : e = t[12], d = n.map(e), t[2] = r, t[3] = i, t[4] = l, t[5] = s, t[6] = n, t[7] = d;
+	} else d = t[7];
+	let p;
+	return t[13] !== s || t[14] !== u || t[15] !== d ? (p = /* @__PURE__ */ f(c, {
+		sx: u,
+		"data-size": s,
+		children: d
+	}), t[13] = s, t[14] = u, t[15] = d, t[16] = p) : p = t[16], p;
+}
+//#endregion
+//#region src/widgets-v2/category/components/category-row-stacked.tsx
+function y(e) {
+	let t = a(65), { name: n, displayName: r, values: i, colors: o, seriesNames: s, formatter: l, selected: d, onToggle: h, size: g } = e, _;
+	t[0] !== n || t[1] !== h ? (_ = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h(n));
+	}, t[0] = n, t[1] = h, t[2] = _) : _ = t[2];
+	let y = _, x, S, C, w, T, E, D, O, k, A, j, M, N, P, F;
+	if (t[3] !== r || t[4] !== l || t[5] !== y || t[6] !== n || t[7] !== h || t[8] !== d || t[9] !== i) {
+		F = i.reduce(b, 0), C = c, M = "button", N = d, P = 0, t[25] !== n || t[26] !== h ? (w = () => h(n), t[25] = n, t[26] = h, t[27] = w) : w = t[27], T = y, E = m.rowStacked, S = c, A = m.stackedHeader;
+		let e = r ?? n;
+		t[28] === e ? j = t[29] : (j = /* @__PURE__ */ f(u, {
+			variant: "body2",
+			sx: m.multiName,
+			children: e
+		}), t[28] = e, t[29] = j), x = u, D = "body2", O = m.stackedTotal, k = l(F), t[3] = r, t[4] = l, t[5] = y, t[6] = n, t[7] = h, t[8] = d, t[9] = i, t[10] = x, t[11] = S, t[12] = C, 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 x = t[10], S = t[11], C = 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] !== x || t[31] !== D || t[32] !== O || t[33] !== k ? (I = /* @__PURE__ */ f(x, {
+		variant: D,
+		sx: O,
+		children: k
+	}), t[30] = x, t[31] = D, t[32] = O, t[33] = k, t[34] = I) : I = t[34];
+	let L;
+	t[35] !== S || t[36] !== I || t[37] !== A || t[38] !== j ? (L = /* @__PURE__ */ p(S, {
+		sx: A,
+		children: [j, I]
+	}), t[35] = S, t[36] = I, t[37] = A, t[38] = j, t[39] = L) : L = t[39];
+	let R;
+	t[40] !== o || t[41] !== g || t[42] !== F || t[43] !== i ? (R = /* @__PURE__ */ f(v, {
+		values: i,
+		colors: o,
+		maxValue: F,
+		size: g
+	}), t[40] = o, t[41] = g, t[42] = F, t[43] = i, t[44] = R) : R = t[44];
+	let z;
+	if (t[45] !== l || t[46] !== s || t[47] !== i) {
+		let e;
+		t[49] !== l || t[50] !== s ? (e = (e, t) => /* @__PURE__ */ f(u, {
+			variant: "body2",
+			sx: m.stackedBreakdownItem,
+			children: `${s[t]}: ${l(e)}`
+		}, `breakdown-${s[t]}`), t[49] = l, t[50] = s, t[51] = e) : e = t[51], z = i.map(e), t[45] = l, t[46] = s, t[47] = i, t[48] = z;
+	} else z = t[48];
+	let B;
+	t[52] === z ? B = t[53] : (B = /* @__PURE__ */ f(c, {
+		sx: m.stackedBreakdown,
+		children: z
+	}), t[52] = z, t[53] = B);
+	let V;
+	return t[54] !== C || 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__ */ p(C, {
+		role: M,
+		"aria-pressed": N,
+		tabIndex: P,
+		onClick: w,
+		onKeyDown: T,
+		sx: E,
+		children: [
+			L,
+			R,
+			B
+		]
+	}), t[54] = C, 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 b(e, t) {
+	return e + t;
+}
+//#endregion
+//#region src/widgets-v2/category/components/category-row-other.tsx
+function x(t) {
+	let n = a(23), { hiddenCount: r, otherLabel: i, otherCountLabel: o, onShowAll: s, showAllLabel: l } = t, d = i === void 0 ? "Others" : i, h = o === void 0 ? "{count}" : o, g = l === void 0 ? "Show all" : l, _;
+	n[0] !== r || n[1] !== h ? (_ = h.replace("{count}", String(r)), n[0] = r, n[1] = h, n[2] = _) : _ = n[2];
+	let v = _, y;
+	n[3] === v ? y = n[4] : (y = /* @__PURE__ */ f(u, {
+		variant: "body2",
+		sx: m.otherCount,
+		children: v
+	}), n[3] = v, n[4] = y);
+	let b = y;
+	if (!s) {
+		let e;
+		n[5] === d ? e = n[6] : (e = /* @__PURE__ */ f(u, {
+			variant: "body2",
+			sx: m.otherLabel,
+			children: d
+		}), n[5] = d, n[6] = e);
+		let t;
+		return n[7] !== b || n[8] !== e ? (t = /* @__PURE__ */ p(c, {
+			sx: m.otherRow,
+			children: [e, b]
+		}), n[7] = b, n[8] = e, n[9] = t) : t = n[9], t;
+	}
+	let x;
+	n[10] === s ? x = n[11] : (x = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), s());
+	}, n[10] = s, n[11] = x);
+	let S = x, C;
+	n[12] === Symbol.for("react.memo_cache_sentinel") ? (C = {
+		...m.otherLabel,
+		...m.otherLabelButton
+	}, n[12] = C) : C = n[12];
+	let w;
+	n[13] !== S || n[14] !== s || n[15] !== d ? (w = /* @__PURE__ */ f(u, {
+		variant: "body2",
+		component: "span",
+		role: "button",
+		tabIndex: 0,
+		onClick: s,
+		onKeyDown: S,
+		sx: C,
+		children: d
+	}), n[13] = S, n[14] = s, n[15] = d, n[16] = w) : w = n[16];
+	let T;
+	n[17] !== g || n[18] !== w ? (T = /* @__PURE__ */ f(e, {
+		title: g,
+		children: w
+	}), n[17] = g, n[18] = w, n[19] = T) : T = n[19];
+	let E;
+	return n[20] !== b || n[21] !== T ? (E = /* @__PURE__ */ p(c, {
+		sx: m.otherRow,
+		children: [T, b]
+	}), n[20] = b, n[21] = T, n[22] = E) : E = n[22], E;
+}
+//#endregion
+//#region src/widgets-v2/category/components/category-legend.tsx
+var S = /* @__PURE__ */ new Set();
+function C(e) {
+	let t = a(11), { series: n, colorAt: r, hiddenSeries: i, onToggle: o } = e, s = i === void 0 ? S : i;
+	if (n.length === 0) return null;
+	let l;
+	if (t[0] !== r || t[1] !== s || t[2] !== o || t[3] !== n) {
+		let e;
+		t[5] !== r || t[6] !== s || t[7] !== o ? (e = (e, t) => {
+			let n = s.has(t);
+			return /* @__PURE__ */ p(c, {
+				role: "checkbox",
+				"aria-checked": !n,
+				tabIndex: 0,
+				onClick: () => o?.(t),
+				onKeyDown: (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), o?.(t));
+				},
+				sx: n ? m.legendItemHidden : m.legendItem,
+				children: [/* @__PURE__ */ f(c, {
+					sx: m.legendDot,
+					style: { backgroundColor: e.color ?? r(t) }
+				}), /* @__PURE__ */ f(u, {
+					variant: "caption",
+					sx: m.legendLabel,
+					children: e.name
+				})]
+			}, e.name);
+		}, t[5] = r, t[6] = s, t[7] = o, t[8] = e) : e = t[8], l = n.map(e), t[0] = r, t[1] = s, t[2] = o, t[3] = n, t[4] = l;
+	} else l = t[4];
+	let d;
+	return t[9] === l ? d = t[10] : (d = /* @__PURE__ */ f(c, {
+		sx: m.legend,
+		children: l
+	}), t[9] = l, t[10] = d), d;
+}
+//#endregion
+//#region src/widgets-v2/category/category-ui.tsx
+var w = 20, T = {
+	small: 36,
+	medium: 44
+}, E = 8;
+function D(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 O(e) {
+	let t = a(83), { data: n, selection: r, onSelectionChange: i, formatter: l, labelFormatter: u, series: h, maxItems: v, labels: b, onShowAll: S, maxOverride: O, size: N, stacked: P } = e, F = v === void 0 ? w : v, I = N === void 0 ? "small" : N, L = P !== void 0 && P, R = d(), z = l ?? M, B = !!r && r.length > 0, V;
+	t[0] === r ? V = t[1] : (V = r ?? [], t[0] = r, t[1] = V);
+	let ee;
+	t[2] === V ? ee = t[3] : (ee = new Set(V), t[2] = V, t[3] = ee);
+	let te = ee, ne;
+	t[4] !== i || t[5] !== r ? (ne = (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] = ne) : ne = t[6];
+	let re = ne, ie = R.palette.secondary.main, ae;
+	t[7] === R.palette ? ae = t[8] : (ae = Object.values(R.palette.qualitative?.bold ?? {}), t[7] = R.palette, t[8] = ae);
+	let oe;
+	t[9] !== ae || t[10] !== R.palette.secondary.main ? (oe = [ie, ...ae], t[9] = ae, t[10] = R.palette.secondary.main, t[11] = oe) : oe = t[11];
+	let se = oe, ce;
+	t[12] !== se || t[13] !== h || t[14] !== R.palette.secondary.main ? (ce = (e, t) => t || h?.[e]?.color || (se[e % se.length] ?? R.palette.secondary.main), t[12] = se, t[13] = h, t[14] = R.palette.secondary.main, t[15] = ce) : ce = t[15];
+	let H = ce, le = R.palette.action.disabled, ue;
+	t[16] === n ? ue = t[17] : (ue = D(n), t[16] = n, t[17] = ue);
+	let U = ue, de;
+	bb0: {
+		if (typeof O == "number" && O > 0) {
+			de = O;
+			break bb0;
+		}
+		let e = 0;
+		for (let t of U) for (let n of t.values) n > e && (e = n);
+		de = e;
+	}
+	let fe = de, W = F === 0, pe = o(!1), [me, he] = s(null), ge;
+	t[18] === W ? ge = t[19] : (ge = (e) => {
+		if (!e || pe.current || W) return;
+		let t = e.clientHeight;
+		t > 0 && (pe.current = !0, he(t));
+	}, t[18] = W, t[19] = ge);
+	let _e = ge, [G, ve] = s(j), ye;
+	t[20] === h ? ye = t[21] : (ye = JSON.stringify(h?.map(A) ?? []), t[20] = h, t[21] = ye);
+	let be = ye, [xe, Se] = s(be);
+	be !== xe && (Se(be), ve(/* @__PURE__ */ new Set()));
+	let K = Math.max(n.length, 1), Ce;
+	t[22] === K ? Ce = t[23] : (Ce = (e) => {
+		ve((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n.size >= K ? /* @__PURE__ */ new Set() : n;
+		});
+	}, t[22] = K, t[23] = Ce);
+	let we = Ce;
+	if (U.length === 0) return null;
+	let Te;
+	t[24] === F ? Te = t[25] : (Te = typeof F == "number" && Number.isFinite(F) && F > 0, t[24] = F, t[25] = Te);
+	let Ee = Te, q, J, Y, X, De, Z, Q, Oe, ke;
+	if (t[26] !== H || t[27] !== n.length || t[28] !== le || t[29] !== z || t[30] !== U || t[31] !== Ee || t[32] !== B || t[33] !== G || t[34] !== u || t[35] !== _e || t[36] !== F || t[37] !== fe || t[38] !== me || t[39] !== W || t[40] !== te || t[41] !== h || t[42] !== K || t[43] !== I || t[44] !== L || t[45] !== re) {
+		let e = Ee ? U.slice(0, F) : U;
+		X = Ee ? U.length - e.length : 0;
+		let r = n.length > 1;
+		Y = r && !!h && h.length > 0;
+		let i = Array.from({ length: K }, k).filter((e) => !G.has(e)), a = W ? me ?? T[I] * E : void 0;
+		J = c, ke = m.root, q = c, De = _e, t[55] === W ? Z = t[56] : (Z = W ? {
+			...m.list,
+			...m.listScroll
+		} : m.list, t[55] = W, t[56] = Z), t[57] === a ? Q = t[58] : (Q = a === void 0 ? void 0 : {
+			maxHeight: a,
+			overflowY: "auto"
+		}, t[57] = a, t[58] = Q), Oe = e.map((e) => {
+			let t = te.has(e.name), n = B && !t, a = u ? u(e.name) : void 0, o = (t) => n ? le : H(t, e.rowColors[t]);
+			return r ? L ? /* @__PURE__ */ f(y, {
+				name: e.name,
+				displayName: a,
+				values: i.map((t) => e.values[t]),
+				colors: i.map((e) => o(e)),
+				seriesNames: i.map((e) => h?.[e]?.name ?? `Series ${e + 1}`),
+				formatter: z,
+				selected: t,
+				onToggle: re,
+				size: I
+			}, String(e.name)) : /* @__PURE__ */ f(_, {
+				name: e.name,
+				displayName: a,
+				values: i.map((t) => e.values[t]),
+				colors: i.map((e) => o(e)),
+				maxValue: fe,
+				formatter: z,
+				selected: t,
+				onToggle: re,
+				size: I
+			}, String(e.name)) : /* @__PURE__ */ f(g, {
+				name: e.name,
+				displayName: a,
+				value: e.values[0] ?? 0,
+				maxValue: fe,
+				color: o(0),
+				formatter: z,
+				selected: t,
+				onToggle: re,
+				size: I
+			}, String(e.name));
+		}), t[26] = H, t[27] = n.length, t[28] = le, t[29] = z, t[30] = U, t[31] = Ee, t[32] = B, t[33] = G, t[34] = u, t[35] = _e, t[36] = F, t[37] = fe, t[38] = me, t[39] = W, t[40] = te, t[41] = h, t[42] = K, t[43] = I, t[44] = L, t[45] = re, t[46] = q, t[47] = J, t[48] = Y, t[49] = X, t[50] = De, t[51] = Z, t[52] = Q, t[53] = Oe, t[54] = ke;
+	} else q = t[46], J = t[47], Y = t[48], X = t[49], De = t[50], Z = t[51], Q = t[52], Oe = t[53], ke = t[54];
+	let Ae;
+	t[59] !== X || t[60] !== b?.other || t[61] !== b?.otherCount || t[62] !== b?.showAll || t[63] !== S ? (Ae = X > 0 && /* @__PURE__ */ f(x, {
+		hiddenCount: X,
+		otherLabel: b?.other,
+		otherCountLabel: b?.otherCount,
+		showAllLabel: b?.showAll,
+		onShowAll: S
+	}), t[59] = X, t[60] = b?.other, t[61] = b?.otherCount, t[62] = b?.showAll, t[63] = S, t[64] = Ae) : Ae = t[64];
+	let je;
+	t[65] !== q || t[66] !== De || t[67] !== Z || t[68] !== Q || t[69] !== Oe || t[70] !== Ae ? (je = /* @__PURE__ */ p(q, {
+		ref: De,
+		sx: Z,
+		style: Q,
+		children: [Oe, Ae]
+	}), t[65] = q, t[66] = De, t[67] = Z, t[68] = Q, t[69] = Oe, t[70] = Ae, t[71] = je) : je = t[71];
+	let $;
+	t[72] !== H || t[73] !== Y || t[74] !== G || t[75] !== h || t[76] !== we ? ($ = Y && h && /* @__PURE__ */ f(C, {
+		series: h,
+		colorAt: (e) => H(e),
+		hiddenSeries: G,
+		onToggle: we
+	}), t[72] = H, t[73] = Y, t[74] = G, t[75] = h, t[76] = we, t[77] = $) : $ = t[77];
+	let Me;
+	return t[78] !== J || t[79] !== ke || t[80] !== je || t[81] !== $ ? (Me = /* @__PURE__ */ p(J, {
+		sx: ke,
+		children: [je, $]
+	}), t[78] = J, t[79] = ke, t[80] = je, t[81] = $, t[82] = Me) : Me = t[82], Me;
+}
+function k(e, t) {
+	return t;
+}
+function A(e) {
+	return e.name;
+}
+function j() {
+	return /* @__PURE__ */ new Set();
+}
+function M(e) {
+	return String(e);
+}
+//#endregion
+//#region src/widgets-v2/category/category.tsx
+var N = (e) => ({
+	data: e.data ?? [],
+	rawData: e.rawData ?? void 0,
+	formatter: e.formatter,
+	labelFormatter: e.labelFormatter
+});
+function P(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 F(e) {
+	let r = a(13), { selection: i, onSelectionChange: o, series: s, maxItems: c, labels: l, onShowAll: u, maxOverride: d, size: p, stacked: m } = e, h = n(), g = t(h, N), _ = P(g.rawData), v = d ?? (_ > 0 ? _ : void 0), y;
+	return r[0] !== v || r[1] !== l || r[2] !== c || r[3] !== o || r[4] !== u || r[5] !== i || r[6] !== s || r[7] !== p || r[8] !== g.data || r[9] !== g.formatter || r[10] !== g.labelFormatter || r[11] !== m ? (y = /* @__PURE__ */ f(O, {
+		data: g.data,
+		formatter: g.formatter,
+		labelFormatter: g.labelFormatter,
+		selection: i,
+		onSelectionChange: o,
+		series: s,
+		maxItems: c,
+		labels: l,
+		onShowAll: u,
+		maxOverride: v,
+		size: p,
+		stacked: m
+	}), r[0] = v, r[1] = l, r[2] = c, r[3] = o, r[4] = u, r[5] = i, r[6] = s, r[7] = p, r[8] = g.data, r[9] = g.formatter, r[10] = g.labelFormatter, r[11] = m, r[12] = y) : y = r[12], y;
+}
+//#endregion
+//#region src/widgets-v2/category/skeleton.tsx
+var I = {
+	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
+	}
+}, L = {
+	small: 4,
+	medium: 12
+}, R = [
+	"95%",
+	"80%",
+	"55%",
+	"75%",
+	"60%"
+];
+function z(e) {
+	let t = a(5), { rows: n, size: r } = e, i = n === void 0 ? 5 : n, o = r === void 0 ? "small" : r, s;
+	t[0] === i ? s = t[1] : (s = Array.from({ length: i }), t[0] = i, t[1] = s);
+	let u;
+	return t[2] !== o || t[3] !== s ? (u = /* @__PURE__ */ f(c, {
+		sx: I.root,
+		children: s.map((e, t) => /* @__PURE__ */ p(c, {
+			sx: I.row,
+			children: [/* @__PURE__ */ p(c, {
+				sx: I.rowHeader,
+				children: [/* @__PURE__ */ f(l, {
+					variant: "rectangular",
+					sx: I.name
+				}), /* @__PURE__ */ f(l, {
+					variant: "rectangular",
+					sx: I.value
+				})]
+			}), /* @__PURE__ */ f(l, {
+				variant: "rectangular",
+				sx: {
+					height: L[o],
+					width: R[t % R.length]
+				}
+			})]
+		}, `row-${t}`))
+	}), t[2] = o, t[3] = s, t[4] = u) : u = t[4], u;
+}
+//#endregion
+//#region src/widgets-v2/category/download.ts
+function B(e) {
+	let t = [];
+	return e.getCaptureEl && t.push(r({
+		filename: e.filename,
+		getCaptureEl: e.getCaptureEl,
+		pixelRatio: e.pngPixelRatio,
+		backgroundColor: e.pngBackgroundColor
+	})), t.push(i({
+		filename: e.filename,
+		getRows: () => {
+			let t = e.getData(), n = [[
+				"series",
+				"name",
+				"value"
+			]];
+			for (let [r, i] of t.entries()) {
+				let t = e.seriesNames?.[r] ?? `series_${r + 1}`;
+				for (let e of i) n.push([
+					t,
+					e.name,
+					e.value
+				]);
+			}
+			return n;
+		}
+	})), t;
+}
+//#endregion
+export { C as a, g as c, O as i, h as l, z as n, x as o, F as r, _ as s, B as t };
+
+//# sourceMappingURL=category-DHZscHaS.js.map