@sheetxl/studio-vanilla 0.8.0-beta.1 → 0.8.0-beta.10

package/{browser/esm/D4VqLbEWag8lTWzC2.mjs → cdn/assets/CakrxSS_RXtKmcUX.js}

@@ -1,22 +1,24 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { r as e } from "./D9-wpGVbTS9rRpxx.mjs";
-import { i as t, r as n } from "./BjTf3XA9Swj0ngpH.mjs";
-import { r } from "./9_bymSfTn_rR_v6W.mjs";
-import { Xt as i, t as a, tt as o } from "./DFdU1DsC1lXOrejZ.mjs";
-import { F as s, N as c, i as l, s as u } from "./Bl6bX86tSq8hfyb2.mjs";
-import { h as d, p as f, t as p } from "./DzDwSOBdJh_lx_NM.mjs";
-import { n as m, t as h } from "./fJ1McMt7xzRA_lUX.mjs";
-import { t as g } from "./CsufM5aF6VTLKDWM.mjs";
-import { d as _ } from "./D_t53-8k73CNpV-p.mjs";
-import { x as v } from "./At60x9FEPePwPP_J.mjs";
-import { n as y } from "./CY1zykikO58_ADk8.mjs";
-import { n as b, r as x, t as S } from "./BVRzmIk5PujkT_Ap.mjs";
-var C = e(t(), 1), w = e(n(), 1), T = {
+import { t as e } from "./CIyaijfp6itgRpFM.js";
+import { t } from "./BeQ95CzwR65il0CK.js";
+import { l as n } from "./BAH_cWcQEIBKWnl6.js";
+import { _ as r } from "./DuAbY54w5gJpQgss.js";
+import { _ as i } from "./DOHh3pUXxMM09UY5.js";
+import { r as a } from "./hg8WYI0Yy4WPPPoP.js";
+import { m as o, tt as s } from "./Cw7AJWd0S2sjRmr6.js";
+import { t as c } from "./mK8HcIZyXkOTvL6E.js";
+import { N as l, a as u, h as d, j as f } from "./CbTN0q6XnYGJqyEp.js";
+import { m as p, t as m, y as h } from "./VCiu_neIjCTg2NUa.js";
+import { n as g, t as _ } from "./CRXSrbGNABtzf532.js";
+import { t as v } from "./BzbP4jaN13wC9aSi.js";
+import { A as y, M as b, j as x } from "./CEYyp6Qrr_IopxpL.js";
+import { r as S } from "./DCnWyVXikb_8Dat3.js";
+var C = S(e(), 1), w = t(), T = {
 	width: "64px",
 	flex: "0 0 auto"
 }, E = {
@@ -51,9 +53,9 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 	let t = e, n = "";
 	for (; t >= 0;) n = String.fromCharCode(65 + t % 26) + n, t = Math.floor(t / 26) - 1;
 	return n;
-}, N = 0, P = () => "level-" + N++, F = (e) => e?.sensitivity === v.CaseSensitiveOptions.sensitivity, I = (0, C.memo)((e) => {
-	let { initialValue: t, context: n, onInput: y, onDone: N, ...I } = e, R = i(), z = (0, C.useRef)(n?.()), B = z.current?.range, V = z.current?.cell, [H, U] = (0, C.useState)(() => ({
-		...v.DefaultRangeOptions,
+}, N = 0, P = () => "level-" + N++, F = (e) => e?.sensitivity === r.CaseSensitiveOptions.sensitivity, I = (0, C.memo)((e) => {
+	let { initialValue: t, context: i, onInput: S, onDone: N, ...I } = e, R = s(), z = (0, C.useRef)(i?.()), B = z.current?.range, V = z.current?.cell, [H, U] = (0, C.useState)(() => ({
+		...r.DefaultRangeOptions,
 		...t
 	})), [W, G] = (0, C.useState)(() => {
 		let e = t?.sorts ?? [], n = [];
@@ -67,18 +69,43 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 			index: 0,
 			criteria: {}
 		}), n;
-	}), K = H.axis ?? _.Axis.Row, q = K === _.Axis.Row, J = (0, C.useRef)(null), Y = (0, C.useRef)(!1);
-	x(J, !0, Y);
+	}), K = H.axis ?? n.Axis.Row, q = K === n.Axis.Row, J = (0, C.useRef)(null), Y = (0, C.useRef)(!1);
+	y(J, !0, Y);
 	let X = (0, C.useMemo)(() => {
 		let e = [], t = [], n = B?.getDefaultSortCriteria(K, V);
 		if (!n) return {
 			labels: e,
 			offsets: t
 		};
-		let r = n.coords, i = q ? r.colEnd - r.colStart + 1 : r.rowEnd - r.rowStart + 1, a = Math.min(i, 500);
-		for (let i = 0; i < a; i++) {
-			let a = H.hasHeader ? n.headers?.get(i) : void 0;
-			t.push(i), e.push(a || (q ? R("sort.columnLabel", { name: M(r.colStart + i) }) : R("sort.rowLabel", { name: `${r.rowStart + i + 1}` })));
+		let r = B.getSheet(), i = n.coords, a = r.getRange(i).getUsedRange({ features: [] })?.getCoords();
+		if (!a) return {
+			labels: e,
+			offsets: t
+		};
+		let o = q ? i.colStart : i.rowStart, s = q ? a.colEnd : a.rowEnd, c = q ? r.getRange(i).getColumnHeaders() : r.getRange(i).getRowHeaders(), l = !!H.includeHidden, u = (e) => {
+			if (!l && c.at(e - o).isHidden()) return !1;
+			let t = q ? {
+				colStart: e,
+				colEnd: e,
+				rowStart: i.rowStart,
+				rowEnd: a.rowEnd
+			} : {
+				rowStart: e,
+				rowEnd: e,
+				colStart: i.colStart,
+				colEnd: a.colEnd
+			};
+			return !!r.getRange(t).forEach(() => ({ break: !0 }), { features: [] });
+		}, d = o + (n.options.sorts?.[0]?.index ?? 0), f = [], p = Math.min(d, s), m = p + 1, h = !0;
+		for (; f.length < 500;) {
+			let e = p >= o, t = m <= s;
+			if (!e && !t) break;
+			!e || !h && t ? (u(m) && (f.push(m), h = !0), m++) : (u(p) && (f.push(p), h = !1), p--);
+		}
+		f.sort((e, t) => e - t);
+		for (let r = 0; r < f.length; r++) {
+			let a = f[r] - o, s = H.hasHeader ? n.headers?.get(a) : void 0;
+			t.push(a), e.push(s || (q ? R("sort.columnLabel", { name: M(i.colStart + a) }) : R("sort.rowLabel", { name: `${i.rowStart + a + 1}` })));
 		}
 		return {
 			labels: e,
@@ -90,6 +117,7 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 		K,
 		q,
 		H.hasHeader,
+		H.includeHidden,
 		R
 	]), Z = o((e) => {
 		let t = X.offsets.indexOf(e);
@@ -140,15 +168,15 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 				sorts: e
 			};
 		}
-		y?.(n), N?.(n);
+		S?.(n), N?.(n);
 	}, [
 		W,
 		H,
 		N,
-		y,
+		S,
 		t
 	]), ne = (0, C.useMemo)(() => W.map((e) => e.key), [W]);
-	return (0, w.jsx)(l, {
+	return (0, w.jsx)(d, {
 		title: R("sort.title"),
 		options: [{
 			id: "Sort",
@@ -157,7 +185,7 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 		}, "Cancel"],
 		onDone: te,
 		...I,
-		children: (0, w.jsxs)(a, {
+		children: (0, w.jsxs)(c, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -165,14 +193,14 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 				minWidth: "560px"
 			},
 			children: [
-				(0, w.jsxs)(a, {
+				(0, w.jsxs)(c, {
 					sx: {
 						display: "flex",
 						flexDirection: "column"
 					},
-					children: [(0, w.jsx)(a, {
+					children: [(0, w.jsx)(c, {
 						sx: { padding: (e) => e.spacing(0, .5) },
-						children: (0, w.jsxs)(a, {
+						children: (0, w.jsxs)(c, {
 							sx: {
 								...j,
 								borderColor: "transparent",
@@ -180,8 +208,8 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 								paddingBottom: 0
 							},
 							children: [
-								(0, w.jsx)(a, { sx: T }),
-								(0, w.jsx)(c, {
+								(0, w.jsx)(c, { sx: T }),
+								(0, w.jsx)(f, {
 									variant: "body2",
 									sx: {
 										...E,
@@ -189,7 +217,7 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 									},
 									children: R(q ? "sort.column" : "sort.row")
 								}),
-								(0, w.jsx)(c, {
+								(0, w.jsx)(f, {
 									variant: "body2",
 									sx: {
 										...D,
@@ -197,7 +225,7 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 									},
 									children: R("sort.sortOn")
 								}),
-								(0, w.jsx)(c, {
+								(0, w.jsx)(f, {
 									variant: "body2",
 									sx: {
 										...O,
@@ -206,10 +234,10 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 									},
 									children: R("sort.order")
 								}),
-								(0, w.jsx)(a, { sx: k })
+								(0, w.jsx)(c, { sx: k })
 							]
 						})
-					}), (0, w.jsxs)(a, {
+					}), (0, w.jsxs)(c, {
 						ref: J,
 						sx: {
 							display: "flex",
@@ -223,8 +251,9 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 							ids: ne,
 							scrollRef: J,
 							onMove: (e, t) => $(e, t, !0),
-							children: W.map((e, t) => (0, w.jsx)(S, {
+							children: W.map((e, t) => (0, w.jsx)(x, {
 								id: e.key,
+								disabled: W.length <= 1,
 								children: (0, w.jsx)(L, {
 									level: e,
 									position: t,
@@ -247,7 +276,7 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 									onDelete: () => G((t) => t.filter((t) => t.key !== e.key))
 								})
 							}, e.key))
-						}), (0, w.jsxs)(a, {
+						}), (0, w.jsxs)(c, {
 							sx: {
 								...j,
 								borderColor: "transparent",
@@ -255,7 +284,7 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 								paddingTop: 0,
 								paddingBottom: 0
 							},
-							children: [(0, w.jsx)(c, {
+							children: [(0, w.jsx)(f, {
 								variant: "body2",
 								sx: {
 									...T,
@@ -265,7 +294,7 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 							}), (0, w.jsx)(u, {
 								disableInteractive: !0,
 								title: R("sort.addLevel"),
-								children: (0, w.jsx)(s, {
+								children: (0, w.jsx)(l, {
 									size: "small",
 									className: "sxl-sort-addLevel",
 									"aria-label": R("sort.addLevel"),
@@ -279,19 +308,19 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 											}];
 										});
 									},
-									children: (0, w.jsx)(r, { iconKey: "Insert" })
+									children: (0, w.jsx)(a, { iconKey: "Insert" })
 								})
 							})]
 						})]
 					})]
 				}),
-				Q === null ? null : (0, w.jsx)(c, {
+				Q === null ? null : (0, w.jsx)(f, {
 					variant: "body2",
 					className: "sxl-sort-refusal",
 					sx: { color: (e) => e.palette.error.main },
 					children: Q
 				}),
-				(0, w.jsxs)(a, {
+				(0, w.jsxs)(c, {
 					sx: {
 						display: "flex",
 						flexWrap: "wrap",
@@ -302,8 +331,8 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 						paddingTop: (e) => e.spacing(1)
 					},
 					children: [
-						(0, w.jsx)(h, {
-							control: (0, w.jsx)(m, {
+						(0, w.jsx)(_, {
+							control: (0, w.jsx)(g, {
 								size: "small",
 								checked: !!H.hasHeader,
 								onChange: () => U((e) => ({
@@ -313,19 +342,19 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 							}),
 							label: R("sort.hasHeader")
 						}),
-						(0, w.jsx)(h, {
-							control: (0, w.jsx)(m, {
+						(0, w.jsx)(_, {
+							control: (0, w.jsx)(g, {
 								size: "small",
 								checked: F(H.collatorOptions),
 								onChange: () => U((e) => ({
 									...e,
-									collatorOptions: F(e.collatorOptions) ? v.CaseInsensitiveOptions : v.CaseSensitiveOptions
+									collatorOptions: F(e.collatorOptions) ? r.CaseInsensitiveOptions : r.CaseSensitiveOptions
 								}))
 							}),
 							label: R("sort.caseSensitive")
 						}),
-						(0, w.jsx)(h, {
-							control: (0, w.jsx)(m, {
+						(0, w.jsx)(_, {
+							control: (0, w.jsx)(g, {
 								size: "small",
 								checked: !!H.includeHidden,
 								onChange: () => U((e) => ({
@@ -335,13 +364,13 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 							}),
 							label: R("sort.includeHidden")
 						}),
-						(0, w.jsxs)(d, {
+						(0, w.jsxs)(h, {
 							size: "small",
 							sx: { minWidth: "180px" },
-							children: [(0, w.jsx)(f, {
+							children: [(0, w.jsx)(p, {
 								id: "sxl-sort-orientation-label",
 								children: R("sort.orientation")
-							}), (0, w.jsxs)(p, {
+							}), (0, w.jsxs)(m, {
 								size: "small",
 								className: "sxl-sort-orientation",
 								labelId: "sxl-sort-orientation-label",
@@ -354,11 +383,11 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 										axis: t
 									}));
 								},
-								children: [(0, w.jsx)(g, {
-									value: _.Axis.Row,
+								children: [(0, w.jsx)(v, {
+									value: n.Axis.Row,
 									children: R("sort.orientationTopToBottom")
-								}), (0, w.jsx)(g, {
-									value: _.Axis.Column,
+								}), (0, w.jsx)(v, {
+									value: n.Axis.Column,
 									children: R("sort.orientationLeftToRight")
 								})]
 							})]
@@ -369,36 +398,36 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 		})
 	});
 }), L = (0, C.memo)((e) => {
-	let { level: t, position: n, count: o, fields: l, labelForField: d, isRowSort: f, onChange: m, onMoveBy: h, onDuplicate: _, onDelete: v } = e, b = i(), x = t.criteria.sortOn ?? y.SortOn.Value, S = !!t.criteria.reverse, A = (0, C.useMemo)(() => {
-		let e = l.offsets.map((e, t) => ({
+	let { level: t, position: n, count: r, fields: o, labelForField: d, isRowSort: p, onChange: h, onMoveBy: g, onDuplicate: _, onDelete: y } = e, b = s(), x = t.criteria.sortOn ?? i.SortOn.Value, S = !!t.criteria.reverse, A = (0, C.useMemo)(() => {
+		let e = o.offsets.map((e, t) => ({
 			offset: e,
-			label: l.labels[t]
+			label: o.labels[t]
 		}));
-		return l.offsets.includes(t.index) || e.push({
+		return o.offsets.includes(t.index) || e.push({
 			offset: t.index,
 			label: d(t.index)
 		}), e;
 	}, [
-		l,
+		o,
 		t.index,
 		d
-	]), M = (e, t, n, i, a) => (0, w.jsx)(u, {
+	]), M = (e, t, n, r, i) => (0, w.jsx)(u, {
 		disableInteractive: !0,
 		title: e,
-		children: (0, w.jsx)("div", { children: (0, w.jsx)(s, {
+		children: (0, w.jsx)("div", { children: (0, w.jsx)(l, {
 			size: "small",
 			className: `sxl-sort-${t}`,
 			"aria-label": e,
-			disabled: i,
+			disabled: r,
 			sx: { padding: "2px" },
-			onClick: a,
-			children: (0, w.jsx)(r, {
+			onClick: i,
+			children: (0, w.jsx)(a, {
 				style: { transform: "scale(0.85)" },
 				iconKey: n
 			})
 		}) })
 	});
-	return (0, w.jsxs)(a, {
+	return (0, w.jsxs)(c, {
 		sx: {
 			...j,
 			"&:hover, &:focus-within": {
@@ -410,44 +439,44 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 			}
 		},
 		children: [
-			(0, w.jsx)(c, {
+			(0, w.jsx)(f, {
 				variant: "body2",
 				sx: T,
 				children: b(n === 0 ? "sort.sortBy" : "sort.thenBy")
 			}),
-			(0, w.jsx)(p, {
+			(0, w.jsx)(m, {
 				size: "small",
 				className: "sxl-sort-field",
 				value: t.index,
 				sx: E,
-				"aria-label": b(f ? "sort.column" : "sort.row"),
-				onChange: (e) => m(t.key, { index: Number(e.target.value) }),
-				children: A.map((e) => (0, w.jsx)(g, {
+				"aria-label": b(p ? "sort.column" : "sort.row"),
+				onChange: (e) => h(t.key, { index: Number(e.target.value) }),
+				children: A.map((e) => (0, w.jsx)(v, {
 					value: e.offset,
 					children: e.label
 				}, e.offset))
 			}),
-			(0, w.jsxs)(p, {
+			(0, w.jsxs)(m, {
 				size: "small",
 				className: "sxl-sort-on",
 				value: x,
 				sx: D,
 				"aria-label": b("sort.sortOn"),
 				onChange: (e) => {
-					m(t.key, { criteria: {
+					h(t.key, { criteria: {
 						...t.criteria,
 						sortOn: e.target.value
 					} });
 				},
 				children: [
-					(0, w.jsx)(g, {
-						value: y.SortOn.Value,
+					(0, w.jsx)(v, {
+						value: i.SortOn.Value,
 						children: b("sort.sortOnValue")
 					}),
-					(0, w.jsxs)(g, {
-						value: y.SortOn.FillColor,
+					(0, w.jsxs)(v, {
+						value: i.SortOn.FillColor,
 						disabled: !0,
-						children: [b("sort.sortOnFillColor"), (0, w.jsx)(c, {
+						children: [b("sort.sortOnFillColor"), (0, w.jsx)(f, {
 							variant: "caption",
 							sx: {
 								marginLeft: 1,
@@ -456,10 +485,10 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 							children: b("sort.notSupported")
 						})]
 					}),
-					(0, w.jsxs)(g, {
-						value: y.SortOn.FontColor,
+					(0, w.jsxs)(v, {
+						value: i.SortOn.FontColor,
 						disabled: !0,
-						children: [b("sort.sortOnFontColor"), (0, w.jsx)(c, {
+						children: [b("sort.sortOnFontColor"), (0, w.jsx)(f, {
 							variant: "caption",
 							sx: {
 								marginLeft: 1,
@@ -468,10 +497,10 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 							children: b("sort.notSupported")
 						})]
 					}),
-					(0, w.jsxs)(g, {
-						value: y.SortOn.Icon,
+					(0, w.jsxs)(v, {
+						value: i.SortOn.Icon,
 						disabled: !0,
-						children: [b("sort.sortOnIcon"), (0, w.jsx)(c, {
+						children: [b("sort.sortOnIcon"), (0, w.jsx)(f, {
 							variant: "caption",
 							sx: {
 								marginLeft: 1,
@@ -482,24 +511,24 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 					})
 				]
 			}),
-			(0, w.jsx)(a, {
+			(0, w.jsx)(c, {
 				sx: O,
 				children: (0, w.jsx)(u, {
 					disableInteractive: !0,
 					title: b(S ? "sort.descending" : "sort.ascending"),
-					children: (0, w.jsx)(s, {
+					children: (0, w.jsx)(l, {
 						size: "small",
 						className: "sxl-sort-order",
 						"aria-label": b(S ? "sort.descending" : "sort.ascending"),
-						onClick: () => m(t.key, { criteria: {
+						onClick: () => h(t.key, { criteria: {
 							...t.criteria,
 							reverse: !S
 						} }),
-						children: (0, w.jsx)(r, { iconKey: S ? "SortDecrease" : "SortIncrease" })
+						children: (0, w.jsx)(a, { iconKey: S ? "SortDecrease" : "SortIncrease" })
 					})
 				})
 			}),
-			(0, w.jsxs)(a, {
+			(0, w.jsxs)(c, {
 				className: "sxl-sort-level-actions",
 				sx: {
 					...k,
@@ -508,10 +537,10 @@ var C = e(t(), 1), w = e(n(), 1), T = {
 					transition: "opacity 0.2s ease"
 				},
 				children: [
-					M(b("sort.moveUp"), "moveUp", "CardMoveUp", n === 0, () => h(-1)),
-					M(b("sort.moveDown"), "moveDown", "CardMoveDown", n === o - 1, () => h(1)),
+					r > 1 && M(b("sort.moveUp"), "moveUp", "CardMoveUp", n === 0, () => g(-1)),
+					r > 1 && M(b("sort.moveDown"), "moveDown", "CardMoveDown", n === r - 1, () => g(1)),
 					M(b("sort.copyLevel"), "copyLevel", "CardDuplicate", !1, _),
-					M(b("sort.deleteLevel"), "deleteLevel", "Delete", o <= 1, v)
+					M(b("sort.deleteLevel"), "deleteLevel", "Delete", r <= 1, y)
 				]
 			})
 		]