@carto/ps-react-ui 4.24.0 → 4.26.0

package/dist/category-DuKx_CJX.js

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