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

package/cdn/assets/DiOOfu_7X2Cpk8QF.js

@@ -0,0 +1,391 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { n as e } from "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { I as r, Z as i, dt as a, et as o, z as s } from "./OABpLvY7siKUyNIa.js";
+import { n as c } from "./BDihhtyza6JVj9NA.js";
+import { t as l } from "./FTUIrcTvIeHG6nzk.js";
+import { t as u } from "./DWcAYH0eBaOj-dU4.js";
+import { M as d, V as f } from "./DX-iRDnwn8uZZIqp.js";
+import { Ft as p, It as m } from "./DKFKYAh8TvZ6nbQP.js";
+import { t as h } from "./DQwz3i9TNDHAmLmN.js";
+import { t as g } from "./DYeaE2TSAJ9-suNW.js";
+import { l as _, t as v } from "./nQBuuL7ZHzDHpWHk.js";
+import { r as y } from "./D2fdIQmCPlCrPRXy.js";
+import { t as b } from "./CImdnjQtd2Yn7uXl.js";
+import { n as x } from "./CgovQHyOZcnsM53I.js";
+import { h as S } from "./Dzno9raiwXxce_BQ.js";
+var C = e(t(), 1), w = n(), T = (0, C.memo)((0, C.forwardRef)((e, t) => {
+	let { styleOptions: n, onStyleOptionsChange: r, showHeaderRow: i, onShowHeaderRowChange: o, showTotalRow: s, onShowTotalRowChange: c, showButton: l, onShowButtonChange: d, sx: f, className: p, disabled: m, ..._ } = e, v = a();
+	return (0, w.jsx)("div", {
+		className: "_table-style-options-container_1kfn2_1",
+		children: (0, w.jsxs)(u, {
+			sx: {
+				pt: 1,
+				pb: 1,
+				"& .MuiFormControlLabel-root": {
+					marginLeft: (e) => `${e.spacing(2)}`,
+					marginRight: (e) => `${e.spacing(2)}`
+				},
+				"& .MuiCheckbox-root": { padding: (e) => `${e.spacing(.5)}` },
+				...f
+			},
+			..._,
+			ref: t,
+			className: b(p, "_table-style-options_1kfn2_1"),
+			children: [
+				o && (0, w.jsx)(g, {
+					control: (0, w.jsx)(h, {
+						checked: i ?? !1,
+						indeterminate: i == null,
+						onChange: () => o(!i),
+						disabled: m || i == null
+					}),
+					label: v("tableStyle.headerRow"),
+					labelPlacement: "end"
+				}),
+				c && (0, w.jsx)(g, {
+					control: (0, w.jsx)(h, {
+						checked: s ?? !1,
+						indeterminate: s == null,
+						onChange: () => c(!s),
+						disabled: m || s == null
+					}),
+					label: v("tableStyle.totalRow"),
+					labelPlacement: "end"
+				}),
+				(0, w.jsx)(g, {
+					control: (0, w.jsx)(h, {
+						checked: n?.showRowStripes ?? !1,
+						indeterminate: !n,
+						disabled: m || !n,
+						onChange: () => {
+							r?.({
+								...n,
+								showRowStripes: !n?.showRowStripes
+							});
+						}
+					}),
+					label: v("tableStyle.bandedRows"),
+					labelPlacement: "end"
+				}),
+				(0, w.jsx)(g, {
+					control: (0, w.jsx)(h, {
+						checked: n?.showFirstColumn ?? !1,
+						indeterminate: !n,
+						disabled: m || !n,
+						onChange: () => {
+							r?.({
+								...n,
+								showFirstColumn: !n?.showFirstColumn
+							});
+						}
+					}),
+					label: v("tableStyle.firstColumn"),
+					labelPlacement: "end"
+				}),
+				(0, w.jsx)(g, {
+					control: (0, w.jsx)(h, {
+						checked: n?.showLastColumn ?? !1,
+						indeterminate: !n,
+						disabled: m || !n,
+						onChange: () => {
+							r?.({
+								...n,
+								showLastColumn: !n?.showLastColumn
+							});
+						}
+					}),
+					label: v("tableStyle.lastColumn"),
+					labelPlacement: "end"
+				}),
+				(0, w.jsx)(g, {
+					control: (0, w.jsx)(h, {
+						checked: n?.showColumnStripes ?? !1,
+						indeterminate: !n,
+						disabled: m || !n,
+						onChange: () => {
+							r?.({
+								...n,
+								showColumnStripes: !n?.showColumnStripes
+							});
+						}
+					}),
+					label: v("tableStyle.bandedColumns"),
+					labelPlacement: "end"
+				}),
+				d && (0, w.jsx)(g, {
+					control: (0, w.jsx)(h, {
+						checked: l ?? !1,
+						indeterminate: l == null,
+						disabled: m || !n || l == null,
+						onChange: () => d(!l)
+					}),
+					label: v("tableStyle.filterButton"),
+					labelPlacement: "end"
+				})
+			]
+		})
+	});
+})), E = (0, C.memo)((0, C.forwardRef)((e, t) => {
+	let { title: n, table: l, getStyles: h, getNames: g, className: E, ...D } = e, O = a(), k = o(), [A, j] = (0, C.useState)(!1), [M, N] = (0, C.useState)(!1), P = (0, C.useRef)(null), [F, I] = (0, C.useReducer)((e) => e + 1, 0), [L, { width: R }] = r(), [z, B] = (0, C.useState)(() => l ? l.getRange().getFixed(!0).toString() : null), V = (0, C.useMemo)(() => l?.getName() ?? "", [l]), H = (0, C.useMemo)(() => {
+		let e = l?.getRange();
+		if (!e) return;
+		let t = e.getCoords();
+		return {
+			rowIndex: t.rowStart,
+			colIndex: t.colStart,
+			scope: e.getWorksheet().getName()
+		};
+	}, [l, z]);
+	c(l, {
+		onAnchorCoordsChange(e) {
+			B(e.getRange().getFixed(!0).toString());
+		},
+		onProtectedChange(e) {
+			I();
+		},
+		onAnyChange(e) {
+			I();
+		}
+	});
+	let U = s((e, t) => {
+		t.reason === "accept" && l && l.getName() !== e && l.setName(e);
+	}, [l]), W = s((e, t) => {
+		if (t.reason !== "accept") return;
+		let n = e?.getReferences();
+		n && l.resize(n.at(0));
+	}, [l]), G = null;
+	l || (G = (0, w.jsx)(d, {
+		component: "div",
+		style: {
+			top: "0",
+			left: "0",
+			width: "100%",
+			height: "100%",
+			display: "flex",
+			alignItems: "center",
+			justifyItems: "center",
+			justifyContent: "center"
+		},
+		children: O("table.noneSelected")
+	}));
+	let K = y([
+		P,
+		L,
+		t
+	]);
+	return (0, w.jsx)(f, {
+		square: !0,
+		onFocus: () => j(!0),
+		onBlur: (e) => {
+			P?.current?.contains(e.relatedTarget) || j(!1);
+		},
+		ref: K,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			flex: "1 1 auto",
+			width: "100%",
+			height: "100%",
+			overflow: "auto",
+			paddingLeft: (e) => e.spacing(1.5),
+			paddingRight: (e) => e.spacing(1.5),
+			paddingTop: (e) => e.spacing(1.5),
+			paddingBottom: (e) => e.spacing(1.5),
+			boxSizing: "border-box"
+		},
+		className: b("sxl-table-details-panel", E, { "sxl-has-focus": A }),
+		...D,
+		children: G || (0, w.jsxs)(u, {
+			sx: {
+				display: "flex",
+				flex: "1 1 auto",
+				flexDirection: "column",
+				transition: "opacity 60ms",
+				opacity: +!!l
+			},
+			children: [(0, w.jsx)(u, {
+				sx: {
+					containerType: "inline-size",
+					display: "flex",
+					flexDirection: "column",
+					maxWidth: "100%",
+					boxSizing: "border-box",
+					paddingTop: (e) => e.spacing(2),
+					paddingLeft: (e) => e.spacing(2),
+					paddingRight: (e) => e.spacing(2)
+				},
+				children: (0, w.jsxs)(u, {
+					className: "_range-row_1yps2_1",
+					children: [(0, w.jsx)(S, {
+						formName: "name",
+						defaultInput: V,
+						value: l?.getName() ?? "No table",
+						changeOn: "done",
+						onDone: U,
+						onValidate: (e) => {
+							l && l.getName().toLowerCase() === e.toLowerCase() || g?.().validateName(e);
+						},
+						disabled: l?.isProtected() ?? !0,
+						onFocus: (e) => {
+							M || e.target?.select(), N(!0);
+						}
+					}), (0, w.jsx)(x, {
+						grammar: "reference",
+						formName: "range",
+						value: z,
+						allowMulti: !1,
+						allowCrossSheet: !1,
+						home: H,
+						pickAs: "absolute",
+						changeOn: "done",
+						onDone: W,
+						disabled: l?.isProtected() ?? !0,
+						onFocus: (e) => {
+							M || e.target?.select(), N(!0);
+						}
+					})]
+				})
+			}), (0, w.jsxs)(u, {
+				sx: {
+					minHeight: "10px",
+					flex: "1 1 100%",
+					display: "flex",
+					flexDirection: "column",
+					containerType: "inline-size",
+					gap: (e) => e.spacing(.5),
+					marginTop: (e) => e.spacing(1)
+				},
+				children: [
+					(0, w.jsx)(_, {
+						orientation: "horizontal",
+						sx: {
+							marginTop: (e) => e.spacing(1.5),
+							marginBottom: (e) => e.spacing(.75)
+						}
+					}),
+					(0, w.jsx)(u, {
+						sx: {
+							display: "flex",
+							flex: "1 1 100%",
+							alignItems: "center",
+							justifyContent: "start",
+							flexDirection: "column",
+							marginTop: (e) => e.spacing(1),
+							marginBottom: (e) => e.spacing(1)
+						},
+						children: (0, w.jsxs)("div", {
+							style: {
+								display: "flex",
+								alignItems: "start",
+								gap: "2px"
+							},
+							children: [(0, w.jsx)(m, {
+								table: l,
+								styles: h?.(),
+								cellHeight: 30,
+								isLive: !0
+							}), (0, w.jsx)(p, {
+								commandKey: "formatTableStyle",
+								disabledQuickKey: !0
+							})]
+						})
+					}),
+					(0, w.jsx)(_, {
+						orientation: "horizontal",
+						sx: {
+							marginTop: (e) => e.spacing(1.5),
+							marginBottom: (e) => e.spacing(.75)
+						}
+					}),
+					(0, w.jsx)(T, {
+						disabled: l?.isProtected(),
+						styleOptions: l?.getStyleOptions() ?? null,
+						onStyleOptionsChange: (e) => {
+							l.updateStyleOptions(e);
+						},
+						showHeaderRow: l?.isShowHeaders(),
+						onShowHeaderRowChange: (e) => {
+							try {
+								l.setShowHeaders(e);
+							} catch (e) {
+								k.showError(e);
+							}
+						},
+						showTotalRow: l?.isShowTotals(),
+						onShowTotalRowChange: (e) => {
+							try {
+								l.setShowTotals(e);
+							} catch (e) {
+								k.showError(e);
+							}
+						},
+						showButton: !l?.isHiddenButtons(),
+						onShowButtonChange: (e) => {
+							try {
+								l.setHiddenButtons(!e);
+							} catch (e) {
+								k.showError(e);
+							}
+						}
+					}),
+					(0, w.jsx)(_, { orientation: "horizontal" }),
+					(0, w.jsxs)(u, {
+						className: "_action-row_1yps2_17",
+						children: [(0, w.jsx)(v, {
+							variant: i.Menuitem,
+							commandKey: "convertTableToRange",
+							commandState: l
+						}), (0, w.jsx)(v, {
+							variant: i.Menuitem,
+							commandState: l,
+							commandKey: "deleteTable"
+						})]
+					})
+				]
+			})]
+		})
+	});
+})), D = (e) => {
+	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e, o = l(), [s, u] = (0, C.useReducer)((e) => e + 1, 0), d = o?.getSelection()?.getCoords()?.cell, f = (0, C.useMemo)(() => {
+		if (!o) return null;
+		let e = o.getTables().getItems({ address: d });
+		return e.length > 0 ? e[0] : null;
+	}, [
+		o,
+		d,
+		s
+	]);
+	(0, C.useEffect)(() => {
+		if (!f) return;
+		let e = f.addListeners({ onAnyChange: () => u() }, k);
+		return () => {
+			e?.();
+		};
+	}, [f]), c(o, {
+		onSelectionChange: () => u(),
+		onStyleChange: () => u(),
+		onTablesChange: () => u(),
+		onAutoTableChange: () => u(),
+		onLayoutChange: () => u(),
+		onInvalidated: () => u()
+	}, O);
+	let p = (0, C.useCallback)(() => o?.getStyles(), [o]), m = (0, C.useCallback)(() => o?.getNames(), [o]);
+	return (0, w.jsx)(E, {
+		ref: i,
+		...a,
+		table: f,
+		getStyles: p,
+		getNames: m
+	});
+}, O = {
+	transactional: !1,
+	ignoreModelChange: !0
+}, k = { transactional: !1 };
+export { D as TableDetailsTaskPane };

package/cdn/assets/{B3NWCYKXucbHhOix.js → DkZqI9EyJ9BaBNL_.js}

@@ -1,29 +1,29 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { t as e } from "./CIyaijfp6itgRpFM.js";
-import { t } from "./BeQ95CzwR65il0CK.js";
-import { v as n } from "./mK8HcIZyXkOTvL6E.js";
-import { ct as r, gt as i, j as a, lt as o, ot as s, st as c } from "./CbTN0q6XnYGJqyEp.js";
-import { g as l, h as u } from "./VCiu_neIjCTg2NUa.js";
-import { a as d, r as f } from "./DHH_uKVzQ_kRYO2N.js";
-import { r as p } from "./DCnWyVXikb_8Dat3.js";
-var m, h = p(e(), 1), g = t(), _ = o("div", {
+import { n as e } from "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { v as r } from "./DWcAYH0eBaOj-dU4.js";
+import { M as i, _t as a, ct as o, lt as s, st as c, ut as l } from "./DX-iRDnwn8uZZIqp.js";
+import { g as u, h as d } from "./BqM-W_oFdjeyu8N4.js";
+import { a as f, r as p } from "./BsqHMd3dlKhcIxe_.js";
+var m, h = e(t(), 1), g = n(), _ = l("div", {
 	name: "MuiInputAdornment",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			t[`position${s(n.position)}`],
+			t[`position${c(n.position)}`],
 			!0 === n.disablePointerEvents && t.disablePointerEvents,
 			t[n.variant]
 		];
 	}
-})(r(({ theme: e }) => ({
+})(s(({ theme: e }) => ({
 	display: "flex",
 	maxHeight: "2em",
 	alignItems: "center",
@@ -32,7 +32,7 @@ var m, h = p(e(), 1), g = t(), _ = o("div", {
 	variants: [
 		{
 			props: { variant: "filled" },
-			style: { [`&.${l.positionStart}&:not(.${l.hiddenLabel})`]: { marginTop: 16 } }
+			style: { [`&.${u.positionStart}&:not(.${u.hiddenLabel})`]: { marginTop: 16 } }
 		},
 		{
 			props: { position: "start" },
@@ -48,44 +48,44 @@ var m, h = p(e(), 1), g = t(), _ = o("div", {
 		}
 	]
 }))), v = h.forwardRef(function(e, t) {
-	let r = c({
+	let n = o({
 		props: e,
 		name: "MuiInputAdornment"
-	}), { children: o, className: l, component: p = "div", disablePointerEvents: v = !1, disableTypography: y = !1, position: b, variant: x, ...S } = r, C = f() || {}, w = x;
+	}), { children: s, className: l, component: u = "div", disablePointerEvents: v = !1, disableTypography: y = !1, position: b, variant: x, ...S } = n, C = p() || {}, w = x;
 	x && C.variant, C && !w && (w = C.variant);
 	let T = {
-		...r,
+		...n,
 		hiddenLabel: C.hiddenLabel,
 		size: C.size,
 		disablePointerEvents: v,
 		position: b,
 		variant: w
 	}, E = ((e) => {
-		let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: a, size: o, variant: c } = e, l = { root: [
+		let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: o, variant: s } = e, l = { root: [
 			"root",
 			n && "disablePointerEvents",
-			a && `position${s(a)}`,
-			c,
+			i && `position${c(i)}`,
+			s,
 			r && "hiddenLabel",
-			o && `size${s(o)}`
+			o && `size${c(o)}`
 		] };
-		return i(l, u, t);
+		return a(l, d, t);
 	})(T);
-	return (0, g.jsx)(d.Provider, {
+	return (0, g.jsx)(f.Provider, {
 		value: null,
 		children: (0, g.jsx)(_, {
-			as: p,
+			as: u,
 			ownerState: T,
-			className: n(E.root, l),
+			className: r(E.root, l),
 			ref: t,
 			...S,
-			children: typeof o != "string" || y ? (0, g.jsxs)(h.Fragment, { children: [b === "start" ? m ||= (0, g.jsx)("span", {
+			children: typeof s != "string" || y ? (0, g.jsxs)(h.Fragment, { children: [b === "start" ? m ||= (0, g.jsx)("span", {
 				className: "notranslate",
 				"aria-hidden": !0,
 				children: "​"
-			}) : null, o] }) : (0, g.jsx)(a, {
+			}) : null, s] }) : (0, g.jsx)(i, {
 				color: "textSecondary",
-				children: o
+				children: s
 			})
 		})
 	});

package/cdn/assets/{AjMG7Fb9r4Fk7Hsf.js → Dki3Mapev78nd9Kc.js}

@@ -1,23 +1,24 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { t as e } from "./CIyaijfp6itgRpFM.js";
-import { t } from "./BeQ95CzwR65il0CK.js";
-import { tt as n } from "./Cw7AJWd0S2sjRmr6.js";
-import { S as r, j as i, l as a, x as o } from "./CbTN0q6XnYGJqyEp.js";
-import { n as s, t as c } from "./CRXSrbGNABtzf532.js";
-import { a as l, i as u, n as d, t as f } from "./anQDUZhHMDPi1eha.js";
-import { r as p } from "./DCnWyVXikb_8Dat3.js";
-var m = p(e(), 1), h = t(), g = (e) => {
-	let { title: t, templatePath: p, onSelectTemplate: g, showAtStartup: _, onShowAtStartupChange: v, sx: y, ...b } = e, x = n(), S = f({ path: p }), [C, w] = (0, m.useState)(""), [T, E] = (0, m.useState)([]), D = d(S.categories, C, T), [O, k] = (0, m.useState)(_), A = (0, m.useCallback)((e) => {
+import { n as e } from "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { dt as r } from "./OABpLvY7siKUyNIa.js";
+import { C as i, M as a, S as o, i as s } from "./DX-iRDnwn8uZZIqp.js";
+import { t as c } from "./DQwz3i9TNDHAmLmN.js";
+import { t as l } from "./DYeaE2TSAJ9-suNW.js";
+import { a as u, i as d, n as f, r as p } from "./DVyIyNBrlUT9W9cY.js";
+var m = e(t(), 1), h = n(), g = (e) => {
+	let { title: t, templatePath: n, onSelectTemplate: g, showAtStartup: _, onShowAtStartupChange: v, sx: y, ...b } = e, x = r(), S = u({ path: n }), [C, w] = (0, m.useState)(""), [T, E] = (0, m.useState)([]), D = f(S.categories, C, T), [O, k] = (0, m.useState)(_), A = (0, m.useCallback)((e) => {
 		k(e), v?.(e);
 	}, [v]), j = (0, m.useCallback)((e) => {
 		g?.(e);
 	}, [g]);
-	return (0, h.jsxs)(a, {
+	return (0, h.jsxs)(s, {
 		isModal: !0,
 		sx: {
 			width: "860px",
@@ -34,7 +35,7 @@ var m = p(e(), 1), h = t(), g = (e) => {
 				gap: 1.5,
 				maxHeight: "calc(100vh - 160px)"
 			},
-			children: [(0, h.jsx)(u, {
+			children: [(0, h.jsx)(d, {
 				value: C,
 				onChange: w,
 				categories: S.categories,
@@ -44,7 +45,7 @@ var m = p(e(), 1), h = t(), g = (e) => {
 					width: "50%",
 					minWidth: "min(100%, 280px)"
 				}
-			}), (0, h.jsx)(l, {
+			}), (0, h.jsx)(p, {
 				catalog: S,
 				filter: D,
 				emptyLabel: D ? x("template.noMatches") : void 0,
@@ -55,19 +56,19 @@ var m = p(e(), 1), h = t(), g = (e) => {
 					overflow: "auto"
 				}
 			})]
-		}), O === void 0 ? null : (0, h.jsx)(r, {
+		}), O === void 0 ? null : (0, h.jsx)(i, {
 			sx: {
 				justifyContent: "flex-start",
 				paddingX: 3,
 				paddingY: .5
 			},
-			children: (0, h.jsx)(c, {
-				control: (0, h.jsx)(s, {
+			children: (0, h.jsx)(l, {
+				control: (0, h.jsx)(c, {
 					size: "small",
 					checked: O,
 					onChange: (e) => A(e.target.checked)
 				}),
-				label: (0, h.jsx)(i, {
+				label: (0, h.jsx)(a, {
 					variant: "body2",
 					children: x("template.showAtStartup")
 				})