@carto/ps-react-ui 5.0.0-widgets.9 → 5.0.0

package/dist/widgets-v2.js

@@ -0,0 +1,964 @@
+import "./components-FED-ArwH.js";
+import { t as e } from "./tooltip-DJUGNZxY.js";
+import { t } from "./smart-tooltip-CwGHCqab.js";
+import { C as n, S as r, T as i, _ as a, h as o, l as s, m as c, p as l, w as u, x as d, y as f } from "./stores-tiFePP0A.js";
+import { i as p, n as m, o as h, r as g } from "./echart-DeBgdOtX.js";
+import { t as _ } from "./markdown-content-BWUqwx9F.js";
+import { C as v, S as y, c as b, f as x, g as S, o as C, r as w, t as T, y as E } from "./actions-yPZwFxSZ.js";
+import { t as D } from "./zoom-toggle-IsF8BnAp.js";
+import { s as O } from "./download-DdaK3qgC.js";
+import { i as k, r as A } from "./formula-noJzQwKo.js";
+import { i as j, r as M } from "./markdown-2dfL6Cmb.js";
+import { a as N, i as P } from "./spread-Ccpg9fi0.js";
+import { n as F, r as I } from "./range-BCMAl5xf.js";
+import { i as L, r as R } from "./category-DGUDabsi.js";
+import { d as z, i as B } from "./table-Bx9Uj3U0.js";
+import { c as V } from "react/compiler-runtime";
+import { Children as H, Component as U, isValidElement as W, useEffect as G, useLayoutEffect as K, useRef as q, useState as J } from "react";
+import { Accordion as ee, AccordionDetails as te, AccordionSummary as ne, Alert as re, AlertTitle as ie, Box as Y, Button as ae, Divider as oe, Grow as se, IconButton as ce, LinearProgress as le, Link as ue, Paper as de, Popper as fe, Typography as X } from "@mui/material";
+import { Fragment as pe, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+import { Close as me, ExpandMore as he } from "@mui/icons-material";
+import { WidgetOptions as ge } from "@carto/meridian-ds/custom-icons";
+import { createPortal as _e } from "react-dom";
+//#region src/widgets-v2/provider/widget-provider.tsx
+function ve(e) {
+	let t = V(31), { id: n, data: r, isLoading: i, isFetching: a, error: p, formatter: m, labelFormatter: h, keepAlive: g, children: _ } = e, v = g !== void 0 && g, y;
+	t[0] !== r || t[1] !== p || t[2] !== m || t[3] !== n || t[4] !== a || t[5] !== i || t[6] !== h ? (y = () => {
+		if (c(n)) return l(n);
+		let e = s(n, {
+			data: r,
+			isLoading: i,
+			isFetching: a,
+			error: p,
+			formatter: m,
+			labelFormatter: h
+		});
+		return f(n, e), e;
+	}, t[0] = r, t[1] = p, t[2] = m, t[3] = n, t[4] = a, t[5] = i, t[6] = h, t[7] = y) : y = t[7];
+	let [b] = J(y), x, S;
+	t[8] !== n || t[9] !== v || t[10] !== b ? (x = () => (o(n, b), () => {
+		d(n, { keepAlive: v });
+	}), S = [
+		n,
+		b,
+		v
+	], t[8] = n, t[9] = v, t[10] = b, t[11] = x, t[12] = S) : (x = t[11], S = t[12]), K(x, S);
+	let C, w;
+	t[13] !== r || t[14] !== b ? (C = () => {
+		b.setState({ rawData: r });
+	}, w = [b, r], t[13] = r, t[14] = b, t[15] = C, t[16] = w) : (C = t[15], w = t[16]), K(C, w);
+	let T, E;
+	t[17] !== p || t[18] !== a || t[19] !== i || t[20] !== b ? (T = () => {
+		b.setState({
+			isLoading: i ?? !1,
+			isFetching: a ?? !1,
+			error: p
+		});
+	}, E = [
+		b,
+		i,
+		a,
+		p
+	], t[17] = p, t[18] = a, t[19] = i, t[20] = b, t[21] = T, t[22] = E) : (T = t[21], E = t[22]), K(T, E);
+	let D, O;
+	t[23] !== m || t[24] !== h || t[25] !== b ? (O = () => {
+		b.setState({
+			rawFormatter: m,
+			formatter: m,
+			labelFormatter: h
+		});
+	}, D = [
+		b,
+		m,
+		h
+	], t[23] = m, t[24] = h, t[25] = b, t[26] = D, t[27] = O) : (D = t[26], O = t[27]), K(O, D);
+	let k;
+	return t[28] !== _ || t[29] !== n ? (k = /* @__PURE__ */ Z(u.Provider, {
+		value: n,
+		children: _
+	}), t[28] = _, t[29] = n, t[30] = k) : k = t[30], k;
+}
+//#endregion
+//#region src/widgets-v2/wrapper/style.ts
+var $ = {
+	root: {
+		position: "relative",
+		width: "100%",
+		minWidth: 0,
+		bgcolor: "background.paper",
+		borderRadius: 1,
+		overflow: "hidden",
+		boxShadow: "none",
+		"&::before": { display: "none" },
+		"& .widget-wrapper-actions > *": {
+			opacity: 1,
+			transition: ({ transitions: e }) => e.create("opacity", {
+				duration: e.duration.standard,
+				easing: e.easing.easeInOut
+			}),
+			"@media (hover: hover)": { opacity: 0 },
+			"&.active": { opacity: 1 }
+		},
+		"&:hover .widget-wrapper-actions > *": { opacity: 1 },
+		"&[data-collapsed=\"true\"] .widget-wrapper-actions > *": {
+			opacity: 0,
+			pointerEvents: "none",
+			"&.active": { opacity: 1 }
+		}
+	},
+	loading: {
+		position: "absolute",
+		top: 0,
+		left: 0,
+		width: "100%",
+		height: ({ spacing: e }) => e(.35),
+		zIndex: 1
+	},
+	summary: {
+		minHeight: ({ spacing: e }) => e(7),
+		"& .MuiAccordionSummary-content": {
+			gap: ({ spacing: e }) => e(.5),
+			paddingInlineEnd: ({ spacing: e }) => e(.75),
+			alignItems: "center"
+		}
+	},
+	summaryDisabled: { "&, &:hover:not(.Mui-disabled)": { cursor: "default" } },
+	titleCell: {
+		flexGrow: 1,
+		flexShrink: 1,
+		minWidth: 0,
+		display: "flex",
+		alignItems: "center",
+		minHeight: ({ spacing: e }) => e(3)
+	},
+	titleText: {
+		minWidth: 0,
+		wordBreak: "break-word",
+		overflow: "hidden",
+		display: "-webkit-box",
+		WebkitLineClamp: 2,
+		WebkitBoxOrient: "vertical"
+	},
+	actions: {
+		display: "flex",
+		alignItems: "center",
+		gap: .5,
+		justifyContent: "flex-end",
+		flexShrink: 0,
+		"& > *": { pointerEvents: "auto" }
+	},
+	options: {
+		display: "flex",
+		alignItems: "center",
+		gap: .5,
+		flexShrink: 0
+	},
+	detail: {
+		display: "flex",
+		flexDirection: "column",
+		gap: ({ spacing: e }) => e(1),
+		paddingTop: ({ spacing: e }) => e(.5)
+	},
+	content: {
+		minWidth: 0,
+		display: "flex",
+		flexDirection: "column",
+		gap: 1
+	},
+	footer: { pt: 1 }
+};
+//#endregion
+//#region src/widgets-v2/wrapper/widget-actions.tsx
+function ye(e) {
+	let t = V(5), { sx: n, children: r } = e, i;
+	t[0] === n ? i = t[1] : (i = {
+		...$.actions,
+		...n
+	}, t[0] = n, t[1] = i);
+	let a;
+	return t[2] !== r || t[3] !== i ? (a = /* @__PURE__ */ Z(Y, {
+		className: "widget-wrapper-actions",
+		onClick: be,
+		sx: i,
+		children: r
+	}), t[2] = r, t[3] = i, t[4] = a) : a = t[4], a;
+}
+function be(e) {
+	return e.stopPropagation();
+}
+function xe(e) {
+	let t = V(5), { sx: n, children: r } = e, i;
+	t[0] === n ? i = t[1] : (i = {
+		...$.options,
+		...n
+	}, t[0] = n, t[1] = i);
+	let a;
+	return t[2] !== r || t[3] !== i ? (a = /* @__PURE__ */ Z(Y, {
+		onClick: Se,
+		sx: i,
+		children: r
+	}), t[2] = r, t[3] = i, t[4] = a) : a = t[4], a;
+}
+function Se(e) {
+	return e.stopPropagation();
+}
+//#endregion
+//#region src/widgets-v2/wrapper/labels.ts
+var Ce = {
+	collapse: "Collapse",
+	expand: "Expand",
+	errorFallbackTitle: "Widget failed to render"
+};
+//#endregion
+//#region src/widgets-v2/wrapper/widget-wrapper.tsx
+function we(e) {
+	let n = V(40), { title: a, collapsed: o, onCollapseChange: s, defaultCollapsed: c, disabled: l, variant: u, labels: d, expandIcon: f, iconProps: p, sx: m, children: h } = e, g = c !== void 0 && c, _ = l !== void 0 && l, v = u === void 0 ? "elevation" : u, y = f === void 0 ? he : f, b = i(), x = r(b, Te), S = o !== void 0, [C, w] = J(g), T = S ? o : C, E;
+	n[0] !== _ || n[1] !== s ? (E = (e, t) => {
+		if (_) return;
+		let n = !t;
+		s?.(n), w(n);
+	}, n[0] = _, n[1] = s, n[2] = E) : E = n[2];
+	let D = E, O;
+	n[3] === d ? O = n[4] : (O = {
+		...Ce,
+		...d
+	}, n[3] = d, n[4] = O);
+	let k = O, A;
+	n[5] === h ? A = n[6] : (A = Ee(h), n[5] = h, n[6] = A);
+	let { summary: j, details: M } = A, N = T ? k.expand : k.collapse, P = T ? "true" : void 0, F = !T, I;
+	n[7] === m ? I = n[8] : (I = {
+		...$.root,
+		...m
+	}, n[7] = m, n[8] = I);
+	let L;
+	n[9] === x ? L = n[10] : (L = x ? /* @__PURE__ */ Z(le, {
+		sx: $.loading,
+		color: "primary"
+	}) : null, n[9] = x, n[10] = L);
+	let R;
+	n[11] !== y || n[12] !== _ || n[13] !== p ? (R = _ ? null : /* @__PURE__ */ Z(y, {
+		fontSize: "small",
+		...p
+	}), n[11] = y, n[12] = _, n[13] = p, n[14] = R) : R = n[14];
+	let z = _ || void 0, B = _ ? $.summaryDisabled : null, H;
+	n[15] === B ? H = n[16] : (H = {
+		...$.summary,
+		...B
+	}, n[15] = B, n[16] = H);
+	let U;
+	n[17] === a ? U = n[18] : (U = (e) => {
+		let { ref: t } = e;
+		return /* @__PURE__ */ Z(Y, {
+			sx: $.titleCell,
+			children: /* @__PURE__ */ Z(X, {
+				ref: t,
+				variant: "subtitle1",
+				sx: $.titleText,
+				textTransform: "none",
+				children: a
+			})
+		});
+	}, n[17] = a, n[18] = U);
+	let W;
+	n[19] !== U || n[20] !== a ? (W = /* @__PURE__ */ Z(t, {
+		title: a,
+		children: U
+	}), n[19] = U, n[20] = a, n[21] = W) : W = n[21];
+	let G;
+	n[22] !== N || n[23] !== j || n[24] !== R || n[25] !== z || n[26] !== H || n[27] !== W ? (G = /* @__PURE__ */ Q(ne, {
+		expandIcon: R,
+		"aria-label": N,
+		"aria-disabled": z,
+		sx: H,
+		children: [W, j]
+	}), n[22] = N, n[23] = j, n[24] = R, n[25] = z, n[26] = H, n[27] = W, n[28] = G) : G = n[28];
+	let K;
+	n[29] === M ? K = n[30] : (K = /* @__PURE__ */ Z(te, {
+		sx: $.detail,
+		children: M
+	}), n[29] = M, n[30] = K);
+	let q;
+	return n[31] !== D || n[32] !== I || n[33] !== L || n[34] !== G || n[35] !== K || n[36] !== P || n[37] !== F || n[38] !== v ? (q = /* @__PURE__ */ Q(ee, {
+		"data-collapsed": P,
+		expanded: F,
+		onChange: D,
+		disableGutters: !0,
+		elevation: 0,
+		variant: v,
+		square: !0,
+		sx: I,
+		children: [
+			L,
+			G,
+			K
+		]
+	}), n[31] = D, n[32] = I, n[33] = L, n[34] = G, n[35] = K, n[36] = P, n[37] = F, n[38] = v, n[39] = q) : q = n[39], q;
+}
+function Te(e) {
+	return e.isFetching;
+}
+function Ee(e) {
+	let t = [], n = [];
+	for (let r of H.toArray(e)) De(r, ye) || De(r, xe) ? t.push(r) : n.push(r);
+	return {
+		summary: t,
+		details: n
+	};
+}
+function De(e, t) {
+	return W(e) && e.type === t;
+}
+//#endregion
+//#region src/widgets-v2/wrapper/widget-content.tsx
+function Oe(e) {
+	let t = V(5), { sx: n, children: r } = e, i;
+	t[0] === n ? i = t[1] : (i = {
+		...$.content,
+		...n
+	}, t[0] = n, t[1] = i);
+	let a;
+	return t[2] !== r || t[3] !== i ? (a = /* @__PURE__ */ Z(Y, {
+		"data-slot": "content",
+		sx: i,
+		children: r
+	}), t[2] = r, t[3] = i, t[4] = a) : a = t[4], a;
+}
+function ke(e) {
+	let t = V(5), { sx: n, children: r } = e, i;
+	t[0] === n ? i = t[1] : (i = {
+		...$.footer,
+		...n
+	}, t[0] = n, t[1] = i);
+	let a;
+	return t[2] !== r || t[3] !== i ? (a = /* @__PURE__ */ Z(Y, {
+		"data-slot": "footer",
+		sx: i,
+		children: r
+	}), t[2] = r, t[3] = i, t[4] = a) : a = t[4], a;
+}
+//#endregion
+//#region src/widgets-v2/subheader/style.ts
+var Ae = { root: {
+	display: "grid",
+	gridTemplateColumns: "1fr auto",
+	alignItems: "center",
+	gap: 1,
+	minHeight: 32,
+	pb: 1
+} };
+//#endregion
+//#region src/widgets-v2/subheader/subheader.tsx
+function je(e) {
+	let t = V(5), { sx: n, children: r } = e, i;
+	t[0] === n ? i = t[1] : (i = {
+		...Ae.root,
+		...n
+	}, t[0] = n, t[1] = i);
+	let a;
+	return t[2] !== r || t[3] !== i ? (a = /* @__PURE__ */ Z(Y, {
+		sx: i,
+		children: r
+	}), t[2] = r, t[3] = i, t[4] = a) : a = t[4], a;
+}
+//#endregion
+//#region src/widgets-v2/state/style.ts
+var Me = {
+	emptyRoot: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 1,
+		paddingTop: 1,
+		paddingBottom: 2,
+		paddingX: 2,
+		width: "100%",
+		minHeight: "100%"
+	},
+	captureBox: {
+		width: "100%",
+		minHeight: 0,
+		display: "flex",
+		flexDirection: "column",
+		flex: 1
+	}
+}, Ne = {
+	errorTitle: "Something went wrong",
+	errorMessage: (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e ? String(e.message) : "Unknown error",
+	emptyTitle: "No data",
+	emptyDescription: "Try adjusting filters or wait for data to load."
+}, Pe = (e) => ({
+	isLoading: e.isLoading,
+	isFetching: e.isFetching,
+	error: e.error,
+	rawData: e.rawData
+});
+function Fe(e) {
+	let t = V(17), { skeleton: r, children: a, isEmpty: o, fallback: s, labels: c } = e, l = o === void 0 ? Be : o, u = i(), d = n(u, Pe), f;
+	t[0] === c ? f = t[1] : (f = {
+		...Ne,
+		...c
+	}, t[0] = c, t[1] = f);
+	let p = f;
+	if (d.isLoading) {
+		let e;
+		return t[2] === r ? e = t[3] : (e = /* @__PURE__ */ Z(pe, { children: r }), t[2] = r, t[3] = e), e;
+	}
+	if (d.error !== void 0 && d.error !== null) {
+		let e;
+		if (t[4] !== p || t[5] !== s || t[6] !== d.error) {
+			let n = Ve(d.error);
+			e = s ? /* @__PURE__ */ Z(pe, { children: s(n) }) : /* @__PURE__ */ Z(Le, {
+				error: n,
+				labels: p
+			}), t[4] = p, t[5] = s, t[6] = d.error, t[7] = e;
+		} else e = t[7];
+		return e;
+	}
+	if (l(d.rawData)) {
+		let e;
+		return t[8] === p ? e = t[9] : (e = /* @__PURE__ */ Z(Re, { labels: p }), t[8] = p, t[9] = e), e;
+	}
+	let m;
+	t[10] !== a || t[11] !== u ? (m = /* @__PURE__ */ Z(Ie, {
+		id: u,
+		children: a
+	}), t[10] = a, t[11] = u, t[12] = m) : m = t[12];
+	let h;
+	return t[13] !== p || t[14] !== s || t[15] !== m ? (h = /* @__PURE__ */ Z(ze, {
+		fallback: s,
+		labels: p,
+		children: m
+	}), t[13] = p, t[14] = s, t[15] = m, t[16] = h) : h = t[16], h;
+}
+function Ie(e) {
+	let t = V(5), { id: n, children: r } = e, i;
+	t[0] === n ? i = t[1] : (i = (e) => a(n, e), t[0] = n, t[1] = i);
+	let o = i, s;
+	return t[2] !== r || t[3] !== o ? (s = /* @__PURE__ */ Z(Y, {
+		ref: o,
+		sx: Me.captureBox,
+		children: r
+	}), t[2] = r, t[3] = o, t[4] = s) : s = t[4], s;
+}
+function Le(e) {
+	let t = V(8), { error: n, labels: r } = e, i;
+	t[0] === r.errorTitle ? i = t[1] : (i = /* @__PURE__ */ Z(ie, { children: r.errorTitle }), t[0] = r.errorTitle, t[1] = i);
+	let a;
+	t[2] !== n || t[3] !== r ? (a = r.errorMessage(n), t[2] = n, t[3] = r, t[4] = a) : a = t[4];
+	let o;
+	return t[5] !== i || t[6] !== a ? (o = /* @__PURE__ */ Q(re, {
+		severity: "error",
+		children: [i, a]
+	}), t[5] = i, t[6] = a, t[7] = o) : o = t[7], o;
+}
+function Re(e) {
+	let t = V(7), { labels: n } = e, r;
+	t[0] === n.emptyTitle ? r = t[1] : (r = /* @__PURE__ */ Z(X, {
+		variant: "body2",
+		color: "text.primary",
+		children: n.emptyTitle
+	}), t[0] = n.emptyTitle, t[1] = r);
+	let i;
+	t[2] === n.emptyDescription ? i = t[3] : (i = /* @__PURE__ */ Z(X, {
+		variant: "caption",
+		color: "text.secondary",
+		children: n.emptyDescription
+	}), t[2] = n.emptyDescription, t[3] = i);
+	let a;
+	return t[4] !== r || t[5] !== i ? (a = /* @__PURE__ */ Q(Y, {
+		sx: Me.emptyRoot,
+		children: [r, i]
+	}), t[4] = r, t[5] = i, t[6] = a) : a = t[6], a;
+}
+var ze = class extends U {
+	state = { error: null };
+	static getDerivedStateFromError(e) {
+		return { error: e };
+	}
+	componentDidCatch(e) {
+		console.error("[widgets-v2] Render error in <Widget.State> child:", e);
+	}
+	render() {
+		let { error: e } = this.state;
+		if (e !== null) {
+			let { fallback: t, labels: n } = this.props;
+			return t ? t(e) : /* @__PURE__ */ Z(Le, {
+				error: e,
+				labels: n
+			});
+		}
+		return this.props.children;
+	}
+};
+function Be(e) {
+	return e == null ? !0 : Array.isArray(e) ? !!(e.length === 0 || e.every((e) => Array.isArray(e) && e.length === 0)) : typeof e == "object" && Object.keys(e).length === 0;
+}
+function Ve(e) {
+	return e instanceof Error ? e : typeof e == "string" ? Error(e) : e && typeof e == "object" && "message" in e ? Error(String(e.message)) : /* @__PURE__ */ Error("Unknown error");
+}
+//#endregion
+//#region src/widgets-v2/selection-summary/labels.ts
+var He = { clear: "Clear" }, Ue = {
+	root: {
+		display: "flex",
+		alignItems: "center",
+		gap: .5,
+		minHeight: 24
+	},
+	label: { color: "text.secondary" },
+	count: {
+		display: "inline-flex",
+		alignItems: "baseline",
+		gap: .5
+	},
+	selected: {
+		color: "text.primary",
+		fontWeight: 600
+	},
+	separator: { color: "text.secondary" },
+	total: { color: "text.secondary" },
+	clear: {
+		color: "primary.main",
+		cursor: "pointer",
+		fontWeight: 500,
+		"&:hover": { textDecoration: "underline" }
+	},
+	icon: {
+		fontSize: 16,
+		color: "text.secondary"
+	}
+};
+//#endregion
+//#region src/widgets-v2/selection-summary/selection-summary.tsx
+function We(e) {
+	let t = V(33), { count: n, total: r, onClear: i, labels: a, icon: o, iconProps: s } = e;
+	if (!r) return null;
+	let c, l, u, d, f, p, m, h, g;
+	if (t[0] !== o || t[1] !== n || t[2] !== s || t[3] !== a || t[4] !== r) {
+		u = {
+			...He,
+			...a
+		};
+		let e = n === 0 ? r : n;
+		l = Y, h = Ue.root, t[14] !== o || t[15] !== s ? (g = o ? /* @__PURE__ */ Z(o, {
+			fontSize: "small",
+			...s
+		}) : null, t[14] = o, t[15] = s, t[16] = g) : g = t[16], c = Y, d = "span", f = Ue.count, p = `${e} / ${r}`, m = u.summary ? u.summary(e, r) : /* @__PURE__ */ Q(pe, { children: [
+			/* @__PURE__ */ Z(X, {
+				component: "span",
+				variant: "caption",
+				sx: Ue.selected,
+				children: e
+			}),
+			/* @__PURE__ */ Z(X, {
+				component: "span",
+				variant: "caption",
+				sx: Ue.separator,
+				children: "/"
+			}),
+			/* @__PURE__ */ Z(X, {
+				component: "span",
+				variant: "caption",
+				sx: Ue.total,
+				children: r
+			})
+		] }), t[0] = o, t[1] = n, t[2] = s, t[3] = a, t[4] = r, t[5] = c, t[6] = l, t[7] = u, t[8] = d, t[9] = f, t[10] = p, t[11] = m, t[12] = h, t[13] = g;
+	} else c = t[5], l = t[6], u = t[7], d = t[8], f = t[9], p = t[10], m = t[11], h = t[12], g = t[13];
+	let _;
+	t[17] !== c || t[18] !== d || t[19] !== f || t[20] !== p || t[21] !== m ? (_ = /* @__PURE__ */ Z(c, {
+		component: d,
+		sx: f,
+		"aria-label": p,
+		children: m
+	}), t[17] = c, t[18] = d, t[19] = f, t[20] = p, t[21] = m, t[22] = _) : _ = t[22];
+	let v;
+	t[23] !== u || t[24] !== n || t[25] !== i ? (v = n > 0 && i && /* @__PURE__ */ Z(ae, {
+		size: "small",
+		variant: "text",
+		onClick: i,
+		children: u.clear
+	}), t[23] = u, t[24] = n, t[25] = i, t[26] = v) : v = t[26];
+	let y;
+	return t[27] !== l || t[28] !== h || t[29] !== g || t[30] !== _ || t[31] !== v ? (y = /* @__PURE__ */ Q(l, {
+		sx: h,
+		children: [
+			g,
+			_,
+			v
+		]
+	}), t[27] = l, t[28] = h, t[29] = g, t[30] = _, t[31] = v, t[32] = y) : y = t[32], y;
+}
+//#endregion
+//#region src/widgets-v2/toolbox/labels.ts
+var Ge = {
+	trigger: "More actions",
+	close: "Close"
+}, Ke = {
+	root: {
+		display: "flex",
+		alignItems: "center",
+		gap: .25,
+		width: "fit-content",
+		borderRadius: .5,
+		gridColumn: 2,
+		height: "fit-content"
+	},
+	preview: {
+		display: "flex",
+		alignItems: "center",
+		gap: .25
+	},
+	triggerActive: { bgcolor: "primary.relatedLight" },
+	paper: {
+		display: "flex",
+		alignItems: "center",
+		gap: .25,
+		px: .25,
+		py: .25,
+		mx: .25,
+		mt: "0 !important",
+		bgcolor: "background.paper",
+		borderRadius: .5
+	}
+};
+//#endregion
+//#region src/widgets-v2/toolbox/toolbox.tsx
+function qe(t) {
+	let n = V(44), { visibleCount: r, labels: i, icon: a, iconProps: o, direction: s, sx: c, children: l } = t, u = a === void 0 ? ge : a, d = s === void 0 ? "right" : s, f;
+	n[0] === i ? f = n[1] : (f = {
+		...Ge,
+		...i
+	}, n[0] = i, n[1] = f);
+	let p = f, [m, h] = J(!1), [g, _] = J(null), [v, y] = J(null), [b, x] = J(null), S;
+	n[2] === Symbol.for("react.memo_cache_sentinel") ? (S = () => h(Ze), n[2] = S) : S = n[2];
+	let C = S, w;
+	n[3] === Symbol.for("react.memo_cache_sentinel") ? (w = (e) => {
+		_(e);
+	}, n[3] = w) : w = n[3];
+	let T = w, E, D;
+	n[4] === m ? (E = n[5], D = n[6]) : (E = () => {
+		if (!m) return;
+		let e = (e) => {
+			e.key === "Escape" && h(!1);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, D = [m], n[4] = m, n[5] = E, n[6] = D), G(E, D);
+	let [O] = J(Xe), k, A;
+	n[7] === l ? (k = n[8], A = n[9]) : (k = H.toArray(l).filter(Ye), A = k.reduce(Je, 0), n[7] = l, n[8] = k, n[9] = A);
+	let j = r !== void 0 && A > r, M;
+	bb0: {
+		if (!j || r === void 0) {
+			M = null;
+			break bb0;
+		}
+		let e;
+		n[10] !== k || n[11] !== r ? (e = $e(k, r), n[10] = k, n[11] = r, n[12] = e) : e = n[12], M = e;
+	}
+	let N = M;
+	!j && m && h(!1);
+	let P, F;
+	if (n[13] !== O || n[14] !== v || n[15] !== m || n[16] !== b ? (P = () => {
+		let e = m && b ? b : v;
+		O && e && O.parentNode !== e && e.appendChild(O);
+	}, F = [
+		m,
+		v,
+		b,
+		O
+	], n[13] = O, n[14] = v, n[15] = m, n[16] = b, n[17] = P, n[18] = F) : (P = n[17], F = n[18]), K(P, F), k.length === 0) return null;
+	let I = m ? p.close : p.trigger, L = d === "left" ? "row-reverse" : "row", R;
+	n[19] !== L || n[20] !== c ? (R = {
+		...Ke.root,
+		flexDirection: L,
+		...c
+	}, n[19] = L, n[20] = c, n[21] = R) : R = n[21];
+	let z;
+	n[22] !== u || n[23] !== o || n[24] !== m || n[25] !== j || n[26] !== I ? (z = j && /* @__PURE__ */ Q(pe, { children: [/* @__PURE__ */ Z(e, {
+		title: I,
+		children: /* @__PURE__ */ Z(ce, {
+			ref: T,
+			size: "small",
+			"aria-label": I,
+			"aria-pressed": m,
+			onClick: C,
+			className: m ? "active" : void 0,
+			sx: { ...m && Ke.triggerActive },
+			children: m ? /* @__PURE__ */ Z(me, { fontSize: "small" }) : /* @__PURE__ */ Z(u, {
+				fontSize: "small",
+				...o
+			})
+		})
+	}), /* @__PURE__ */ Z(oe, {
+		orientation: "vertical",
+		flexItem: !0,
+		sx: { mx: .5 }
+	})] }), n[22] = u, n[23] = o, n[24] = m, n[25] = j, n[26] = I, n[27] = z) : z = n[27];
+	let B;
+	n[28] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ Z(Y, {
+		ref: y,
+		sx: Ke.preview
+	}), n[28] = B) : B = n[28];
+	let U;
+	n[29] !== g || n[30] !== d || n[31] !== m || n[32] !== j ? (U = j && /* @__PURE__ */ Z(fe, {
+		open: m,
+		anchorEl: g,
+		placement: d === "left" ? "left" : "right",
+		transition: !0,
+		modifiers: [{
+			name: "flip",
+			enabled: !1
+		}],
+		sx: {
+			zIndex: "tooltip",
+			mt: 0
+		},
+		children: (e) => {
+			let { TransitionProps: t } = e;
+			return /* @__PURE__ */ Z(se, {
+				...t,
+				style: { transformOrigin: d === "left" ? "right center" : "left center" },
+				children: /* @__PURE__ */ Z(de, {
+					ref: x,
+					sx: Ke.paper
+				})
+			});
+		}
+	}), n[29] = g, n[30] = d, n[31] = m, n[32] = j, n[33] = U) : U = n[33];
+	let W;
+	n[34] !== O || n[35] !== N || n[36] !== k || n[37] !== m ? (W = O ? _e(k.map((e, t) => {
+		let n = m || !N || N.has(t), r = e.key ?? t;
+		return /* @__PURE__ */ Z("div", {
+			"data-toolbox-item-visible": n ? "true" : "false",
+			style: { display: n ? "contents" : "none" },
+			children: e
+		}, r);
+	}), O) : null, n[34] = O, n[35] = N, n[36] = k, n[37] = m, n[38] = W) : W = n[38];
+	let q;
+	return n[39] !== R || n[40] !== z || n[41] !== U || n[42] !== W ? (q = /* @__PURE__ */ Q(Y, {
+		sx: R,
+		children: [
+			z,
+			B,
+			U,
+			W
+		]
+	}), n[39] = R, n[40] = z, n[41] = U, n[42] = W, n[43] = q) : q = n[43], q;
+}
+function Je(e, t) {
+	return e + +!Qe(t);
+}
+function Ye(e) {
+	return W(e);
+}
+function Xe() {
+	if (typeof document > "u") return null;
+	let e = document.createElement("div");
+	return e.style.display = "contents", e;
+}
+function Ze(e) {
+	return !e;
+}
+function Qe(e) {
+	return e.props["data-toolbar-hidden"] === !0;
+}
+function $e(e, t) {
+	let n = [], r = 0;
+	for (let i = 0; i < e.length && !(r >= t); i++) n.push(i), Qe(e[i]) || r++;
+	for (; n.length > 0 && Qe(e[n[n.length - 1]]);) n.pop();
+	return new Set(n);
+}
+//#endregion
+//#region src/widgets-v2/note/labels.ts
+var et = {
+	showMore: "Show more",
+	showLess: "Show less"
+}, tt = {
+	root: {
+		display: "flex",
+		flexDirection: "column",
+		gap: .5
+	},
+	text: {
+		color: "text.secondary",
+		overflow: "hidden",
+		overflowWrap: "anywhere"
+	},
+	clamped: {
+		display: "-webkit-box",
+		WebkitBoxOrient: "vertical",
+		WebkitLineClamp: 3
+	},
+	toggle: {
+		alignSelf: "flex-start",
+		color: "primary.main",
+		fontWeight: 500,
+		cursor: "pointer",
+		"&:hover": { textDecoration: "underline" }
+	}
+};
+//#endregion
+//#region src/widgets-v2/note/widget-note.tsx
+function nt(e) {
+	let t = V(3), { children: n } = e, r;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (r = { m: 0 }, t[0] = r) : r = t[0];
+	let i;
+	return t[1] === n ? i = t[2] : (i = /* @__PURE__ */ Z(X, {
+		variant: "caption",
+		component: "p",
+		color: "inherit",
+		sx: r,
+		children: n
+	}), t[1] = n, t[2] = i), i;
+}
+var rt = {
+	h1: nt,
+	h2: nt,
+	h3: nt,
+	h4: nt,
+	h5: nt,
+	h6: nt,
+	p: nt,
+	a: ({ children: e, href: t }) => /* @__PURE__ */ Z(ue, {
+		href: t,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		color: "inherit",
+		underline: "always",
+		children: e
+	})
+};
+function it(e) {
+	let t = V(7), { lineClamp: n, labels: r, children: i } = e, a = n === void 0 ? 3 : n, o;
+	t[0] === i ? o = t[1] : (o = /* @__PURE__ */ Z(X, {
+		variant: "caption",
+		component: "div",
+		color: "inherit",
+		children: i
+	}), t[0] = i, t[1] = o);
+	let s;
+	return t[2] !== i || t[3] !== r || t[4] !== a || t[5] !== o ? (s = /* @__PURE__ */ Z(st, {
+		lineClamp: a,
+		labels: r,
+		dependency: i,
+		children: o
+	}), t[2] = i, t[3] = r, t[4] = a, t[5] = o, t[6] = s) : s = t[6], s;
+}
+function at(e) {
+	let t = V(7), { content: n, lineClamp: r, labels: i } = e, a = r === void 0 ? 3 : r, o;
+	t[0] === n ? o = t[1] : (o = /* @__PURE__ */ Z(_, {
+		content: n,
+		components: rt
+	}), t[0] = n, t[1] = o);
+	let s;
+	return t[2] !== n || t[3] !== i || t[4] !== a || t[5] !== o ? (s = /* @__PURE__ */ Z(st, {
+		lineClamp: a,
+		labels: i,
+		dependency: n,
+		children: o
+	}), t[2] = n, t[3] = i, t[4] = a, t[5] = o, t[6] = s) : s = t[6], s;
+}
+var ot = Object.assign(it, { Markdown: at });
+function st(e) {
+	let t = V(27), { lineClamp: n, labels: r, dependency: i, children: a } = e, o;
+	t[0] === r ? o = t[1] : (o = {
+		...et,
+		...r
+	}, t[0] = r, t[1] = o);
+	let s = o, c = q(null), [l, u] = J(!1), [d, f] = J(!1), p = n <= 0, m;
+	t[2] === Symbol.for("react.memo_cache_sentinel") ? (m = () => {
+		let e = c.current;
+		e && u(e.scrollHeight > e.clientHeight + 1);
+	}, t[2] = m) : m = t[2];
+	let g = m, _;
+	t[3] === p ? _ = t[4] : (_ = () => {
+		if (p) return;
+		let e = c.current;
+		if (e) return g(), h(e, g);
+	}, t[3] = p, t[4] = _);
+	let v;
+	t[5] !== p || t[6] !== i ? (v = [
+		g,
+		i,
+		p
+	], t[5] = p, t[6] = i, t[7] = v) : v = t[7], G(_, v);
+	let y;
+	t[8] === Symbol.for("react.memo_cache_sentinel") ? (y = () => f(ct), t[8] = y) : y = t[8];
+	let b = y, x = !d && !p, S;
+	t[9] !== x || t[10] !== n ? (S = x ? {
+		...tt.clamped,
+		WebkitLineClamp: n
+	} : null, t[9] = x, t[10] = n, t[11] = S) : S = t[11];
+	let C = S, w;
+	t[12] === C ? w = t[13] : (w = C ?? {}, t[12] = C, t[13] = w);
+	let T;
+	t[14] === w ? T = t[15] : (T = {
+		...tt.text,
+		...w
+	}, t[14] = w, t[15] = T);
+	let E;
+	t[16] !== a || t[17] !== T ? (E = /* @__PURE__ */ Z(Y, {
+		ref: c,
+		sx: T,
+		children: a
+	}), t[16] = a, t[17] = T, t[18] = E) : E = t[18];
+	let D;
+	t[19] !== s || t[20] !== p || t[21] !== d || t[22] !== l ? (D = !p && (l || d) && /* @__PURE__ */ Z(ue, {
+		component: "button",
+		variant: "caption",
+		underline: "none",
+		onClick: b,
+		sx: tt.toggle,
+		children: d ? s.showLess : s.showMore
+	}), t[19] = s, t[20] = p, t[21] = d, t[22] = l, t[23] = D) : D = t[23];
+	let O;
+	return t[24] !== D || t[25] !== E ? (O = /* @__PURE__ */ Q(Y, {
+		sx: tt.root,
+		children: [E, D]
+	}), t[24] = D, t[25] = E, t[26] = O) : O = t[26], O;
+}
+function ct(e) {
+	return !e;
+}
+//#endregion
+//#region src/widgets-v2/index.ts
+var lt = {
+	Provider: ve,
+	Wrapper: we,
+	Actions: ye,
+	Options: xe,
+	Content: Oe,
+	Footer: ke,
+	Subheader: je,
+	State: Fe,
+	SelectionSummary: We,
+	Toolbox: qe,
+	Note: ot,
+	Echart: m,
+	EchartUI: p,
+	Searcher: y,
+	SearcherToggle: v,
+	StackToggle: E,
+	ShowAllToggle: S,
+	ZoomToggle: D,
+	BrushToggle: x,
+	RelativeData: b,
+	Download: O,
+	FullScreen: C,
+	LockSelection: w,
+	ChangeColumn: T,
+	Formula: A,
+	FormulaUI: k,
+	Markdown: M,
+	MarkdownUI: j,
+	Spread: P,
+	SpreadUI: N,
+	Range: F,
+	RangeUI: I,
+	Category: R,
+	CategoryUI: L,
+	Table: B,
+	TableUI: z
+};
+//#endregion
+export { g as DEFAULT_INIT_OPTS, et as DEFAULT_NOTE_LABELS, He as DEFAULT_SELECTION_SUMMARY_LABELS, Ne as DEFAULT_STATE_LABELS, Ge as DEFAULT_TOOLBOX_LABELS, Ce as DEFAULT_WRAPPER_LABELS, lt as Widget };
+
+//# sourceMappingURL=widgets-v2.js.map