@carto/ps-react-ui 4.26.0 → 4.27.0

package/dist/category-BoT5FHHp.js

@@ -0,0 +1,950 @@
+import { t as e } from "./tooltip-DJUGNZxY.js";
+import "./components-DKjBezcJ.js";
+import { C as t, S as n, T as r, p as i } from "./stores-BVFMfgyo.js";
+import { r as a } from "./scale-0elCv3tk.js";
+import { n as o, t as s } from "./download--wRRnf19.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-v2/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-v2/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-v2/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-v2/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-v2/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-v2/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-v2/category/components/category-legend.tsx
+var E = /* @__PURE__ */ new Set();
+function D(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: e.color ?? 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-v2/category/category-ui.tsx
+var O = 20, k = {
+	small: 36,
+	medium: 44
+}, A = 8;
+function j(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 M(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 N(e, t) {
+	return (t < 0 ? "−" : "") + e(Math.abs(t));
+}
+function P(e) {
+	let t = c(94), { data: n, selection: r, onSelectionChange: i, formatter: a, labelFormatter: o, series: s, maxItems: f, labels: p, onShowAll: v, maxOverride: y, minOverride: S, size: w, stacked: E, hiddenSeries: P, onHiddenSeriesChange: z } = e, B = f === void 0 ? O : f, V = w === void 0 ? "small" : w, H = E !== void 0 && E, U = m(), ee = a ?? R, W;
+	t[0] === ee ? W = t[1] : (W = (e) => N(ee, e), t[0] = ee, t[1] = W);
+	let te = W, ne = !!r && r.length > 0, G;
+	t[2] === r ? G = t[3] : (G = r ?? [], t[2] = r, t[3] = G);
+	let re;
+	t[4] === G ? re = t[5] : (re = new Set(G), t[4] = G, t[5] = re);
+	let ie = re, ae;
+	t[6] !== i || t[7] !== r ? (ae = (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] = ae) : ae = t[8];
+	let oe = ae, se = U.palette.secondary.main, ce;
+	t[9] === U.palette ? ce = t[10] : (ce = Object.values(U.palette.qualitative?.bold ?? {}), t[9] = U.palette, t[10] = ce);
+	let le;
+	t[11] !== ce || t[12] !== U.palette.secondary.main ? (le = [se, ...ce], t[11] = ce, t[12] = U.palette.secondary.main, t[13] = le) : le = t[13];
+	let ue = le, de;
+	t[14] !== ue || t[15] !== s || t[16] !== U.palette.secondary.main ? (de = (e, t) => t || s?.[e]?.color || (ue[e % ue.length] ?? U.palette.secondary.main), t[14] = ue, t[15] = s, t[16] = U.palette.secondary.main, t[17] = de) : de = t[17];
+	let fe = de, pe = U.palette.action.disabled, me;
+	t[18] === n ? me = t[19] : (me = j(n), t[18] = n, t[19] = me);
+	let K = me, he;
+	t[20] !== K || t[21] !== y || t[22] !== S ? (he = M(K, S, y), t[20] = K, t[21] = y, t[22] = S, t[23] = he) : he = t[23];
+	let [q, ge] = he, _e = ge > q ? -q / (ge - q) * 100 : 0, J = B === 0, ve = l(!1), [ye, be] = u(null), xe;
+	t[24] === J ? xe = t[25] : (xe = (e) => {
+		if (!e || ve.current || J) return;
+		let t = e.clientHeight;
+		t > 0 && (ve.current = !0, be(t));
+	}, t[24] = J, t[25] = xe);
+	let Se = xe, [Ce, we] = u(L), Y = P ?? Ce, Te;
+	t[26] === s ? Te = t[27] : (Te = JSON.stringify(s?.map(I) ?? []), t[26] = s, t[27] = Te);
+	let Ee = Te, [De, Oe] = u(Ee);
+	Ee !== De && (Oe(Ee), we(/* @__PURE__ */ new Set()));
+	let ke = Math.max(n.length, 1), Ae;
+	t[28] !== Y || t[29] !== z || t[30] !== ke ? (Ae = (e) => {
+		let t = new Set(Y);
+		t.has(e) ? t.delete(e) : t.add(e), (z ?? we)(t.size >= ke ? /* @__PURE__ */ new Set() : t);
+	}, t[28] = Y, t[29] = z, t[30] = ke, t[31] = Ae) : Ae = t[31];
+	let je = Ae;
+	if (K.length === 0) return null;
+	let Me;
+	t[32] === B ? Me = t[33] : (Me = typeof B == "number" && Number.isFinite(B) && B > 0, t[32] = B, t[33] = Me);
+	let Ne = Me, Pe, Fe, Ie, X, Z, Q, $, Le, Re;
+	if (t[34] !== fe || t[35] !== n.length || t[36] !== pe || t[37] !== te || t[38] !== K || t[39] !== Ne || t[40] !== ne || t[41] !== Y || t[42] !== o || t[43] !== Se || t[44] !== B || t[45] !== ge || t[46] !== q || t[47] !== ye || t[48] !== J || t[49] !== ie || t[50] !== s || t[51] !== ke || t[52] !== V || t[53] !== H || t[54] !== oe || t[55] !== _e) {
+		let e = Ne ? K.slice(0, B) : K;
+		X = Ne ? K.length - e.length : 0;
+		let r = n.length > 1;
+		Ie = r && !!s && s.length > 0;
+		let i = Array.from({ length: ke }, F).filter((e) => !Y.has(e)), a = J ? ye ?? k[V] * A : void 0;
+		Fe = d, Re = _.root, Pe = d, Z = Se;
+		let c = r && !H && _.listMulti, l = J && _.listScroll;
+		t[65] !== c || t[66] !== l ? (Q = {
+			..._.list,
+			...c,
+			...l
+		}, t[65] = c, t[66] = l, t[67] = Q) : Q = t[67], t[68] === a ? $ = t[69] : ($ = a === void 0 ? void 0 : {
+			maxHeight: a,
+			overflowY: "auto"
+		}, t[68] = a, t[69] = $), Le = e.map((e) => {
+			let t = ie.has(e.name), n = ne && !t, a = o ? o(e.name) : void 0, c = (t) => n ? pe : fe(t, e.rowColors[t]);
+			return r ? H ? /* @__PURE__ */ h(C, {
+				name: e.name,
+				displayName: a,
+				values: i.map((t) => e.values[t]),
+				colors: i.map((e) => c(e)),
+				seriesNames: i.map((e) => s?.[e]?.name ?? `Series ${e + 1}`),
+				formatter: te,
+				selected: t,
+				onToggle: oe,
+				size: V,
+				zeroPct: _e
+			}, String(e.name)) : /* @__PURE__ */ h(x, {
+				name: e.name,
+				displayName: a,
+				values: i.map((t) => e.values[t]),
+				colors: i.map((e) => c(e)),
+				maxValue: ge,
+				minValue: q,
+				formatter: te,
+				selected: t,
+				onToggle: oe,
+				size: V
+			}, String(e.name)) : /* @__PURE__ */ h(b, {
+				name: e.name,
+				displayName: a,
+				value: e.values[0] ?? 0,
+				maxValue: ge,
+				minValue: q,
+				color: c(0),
+				formatter: te,
+				selected: t,
+				onToggle: oe,
+				size: V
+			}, String(e.name));
+		}), t[34] = fe, t[35] = n.length, t[36] = pe, t[37] = te, t[38] = K, t[39] = Ne, t[40] = ne, t[41] = Y, t[42] = o, t[43] = Se, t[44] = B, t[45] = ge, t[46] = q, t[47] = ye, t[48] = J, t[49] = ie, t[50] = s, t[51] = ke, t[52] = V, t[53] = H, t[54] = oe, t[55] = _e, t[56] = Pe, t[57] = Fe, t[58] = Ie, t[59] = X, t[60] = Z, t[61] = Q, t[62] = $, t[63] = Le, t[64] = Re;
+	} else Pe = t[56], Fe = t[57], Ie = t[58], X = t[59], Z = t[60], Q = t[61], $ = t[62], Le = t[63], Re = t[64];
+	let ze;
+	t[70] !== X || t[71] !== p?.other || t[72] !== p?.otherCount || t[73] !== p?.showAll || t[74] !== v ? (ze = X > 0 && /* @__PURE__ */ h(T, {
+		hiddenCount: X,
+		otherLabel: p?.other,
+		otherCountLabel: p?.otherCount,
+		showAllLabel: p?.showAll,
+		onShowAll: v
+	}), t[70] = X, t[71] = p?.other, t[72] = p?.otherCount, t[73] = p?.showAll, t[74] = v, t[75] = ze) : ze = t[75];
+	let Be;
+	t[76] !== Pe || t[77] !== Z || t[78] !== Q || t[79] !== $ || t[80] !== Le || t[81] !== ze ? (Be = /* @__PURE__ */ g(Pe, {
+		ref: Z,
+		sx: Q,
+		style: $,
+		children: [Le, ze]
+	}), t[76] = Pe, t[77] = Z, t[78] = Q, t[79] = $, t[80] = Le, t[81] = ze, t[82] = Be) : Be = t[82];
+	let Ve;
+	t[83] !== fe || t[84] !== Ie || t[85] !== Y || t[86] !== s || t[87] !== je ? (Ve = Ie && s && /* @__PURE__ */ h(D, {
+		series: s,
+		colorAt: (e) => fe(e),
+		hiddenSeries: Y,
+		onToggle: je
+	}), t[83] = fe, t[84] = Ie, t[85] = Y, t[86] = s, t[87] = je, t[88] = Ve) : Ve = t[88];
+	let He;
+	return t[89] !== Fe || t[90] !== Re || t[91] !== Be || t[92] !== Ve ? (He = /* @__PURE__ */ g(Fe, {
+		sx: Re,
+		children: [Be, Ve]
+	}), t[89] = Fe, t[90] = Re, t[91] = Be, t[92] = Ve, t[93] = He) : He = t[93], He;
+}
+function F(e, t) {
+	return t;
+}
+function I(e) {
+	return e.name;
+}
+function L() {
+	return /* @__PURE__ */ new Set();
+}
+function R(e) {
+	return String(e);
+}
+//#endregion
+//#region src/widgets-v2/category/category.tsx
+var z = (e) => ({
+	data: e.data ?? [],
+	rawData: e.rawData ?? void 0,
+	formatter: e.formatter,
+	labelFormatter: e.labelFormatter
+}), B = /* @__PURE__ */ new Set();
+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 o = c(31), { selection: s, onSelectionChange: l, series: u, maxItems: d, labels: f, onShowAll: p, maxOverride: m, minOverride: g, size: _, stacked: v } = e, y = r(), b = t(y, z), x = n(y, a), S;
+	bb0: {
+		let e;
+		o[0] === b.rawData ? e = o[1] : (e = V(b.rawData), o[0] = b.rawData, o[1] = e);
+		let [t, n] = e;
+		if (x === "total") {
+			let e = t < 0 ? -100 : 0, r = n > 0 ? 100 : 0, i;
+			o[2] !== e || o[3] !== r ? (i = [e, r], o[2] = e, o[3] = r, o[4] = i) : i = o[4], S = i;
+			break bb0;
+		}
+		if (x === "max") {
+			let e;
+			o[5] === b.data ? e = o[6] : (e = V(b.data), o[5] = b.data, o[6] = e), S = e;
+			break bb0;
+		}
+		let r;
+		o[7] !== n || o[8] !== t ? (r = [t, n], o[7] = n, o[8] = t, o[9] = r) : r = o[9], S = r;
+	}
+	let [C, w] = S, T = w > 0 ? (x ? void 0 : m) ?? w : void 0, E = C < 0 ? (x ? void 0 : g) ?? C : void 0, D;
+	o[10] === u ? D = o[11] : (D = JSON.stringify(u?.map(ee) ?? []), o[10] = u, o[11] = D);
+	let O = D, k = n(y, U), A = k?.key === O ? k.indices : B, j;
+	o[12] !== y || o[13] !== O ? (j = (e) => i(y).setState({ categoryHiddenSeries: {
+		key: O,
+		indices: e
+	} }), o[12] = y, o[13] = O, o[14] = j) : j = o[14];
+	let M = j, N;
+	return o[15] !== T || o[16] !== E || o[17] !== A || o[18] !== f || o[19] !== d || o[20] !== M || o[21] !== l || o[22] !== p || o[23] !== s || o[24] !== u || o[25] !== _ || o[26] !== b.data || o[27] !== b.formatter || o[28] !== b.labelFormatter || o[29] !== v ? (N = /* @__PURE__ */ h(P, {
+		data: b.data,
+		formatter: b.formatter,
+		labelFormatter: b.labelFormatter,
+		selection: s,
+		onSelectionChange: l,
+		series: u,
+		maxItems: d,
+		labels: f,
+		onShowAll: p,
+		maxOverride: T,
+		minOverride: E,
+		size: _,
+		stacked: v,
+		hiddenSeries: A,
+		onHiddenSeriesChange: M
+	}), o[15] = T, o[16] = E, o[17] = A, o[18] = f, o[19] = d, o[20] = M, o[21] = l, o[22] = p, o[23] = s, o[24] = u, o[25] = _, o[26] = b.data, o[27] = b.formatter, o[28] = b.labelFormatter, o[29] = v, o[30] = N) : N = o[30], N;
+}
+function U(e) {
+	return e.categoryHiddenSeries;
+}
+function ee(e) {
+	return e.name;
+}
+//#endregion
+//#region src/widgets-v2/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
+	}
+}, te = {
+	small: 4,
+	medium: 12
+}, ne = [
+	"95%",
+	"80%",
+	"55%",
+	"75%",
+	"60%"
+];
+function G(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: te[a],
+					width: ne[t % ne.length]
+				}
+			})]
+		}, `row-${t}`))
+	}), t[2] = a, t[3] = o, t[4] = s) : s = t[4], s;
+}
+//#endregion
+//#region src/widgets-v2/category/download.ts
+function re(e) {
+	let t = [];
+	return e.getCaptureEl && t.push(o({
+		filename: e.filename,
+		getCaptureEl: e.getCaptureEl,
+		pixelRatio: e.pngPixelRatio,
+		backgroundColor: e.pngBackgroundColor
+	})), t.push(s({
+		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;
+		}
+	})), t;
+}
+//#endregion
+export { D as a, b as c, P as i, v as l, G as n, T as o, H as r, x as s, re as t };
+
+//# sourceMappingURL=category-BoT5FHHp.js.map