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

package/{cdn/assets/BhkeuRcx8RlLCQ5E.js → browser/esm/lPeOxAutCOlSB-aC.mjs}

@@ -1,5 +1,5 @@
 /**
-* @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.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{BRfat1fV3oGLwvin.mjs → mjkAWxWBrwQpoEkc.mjs}

@@ -1,14 +1,14 @@
 /**
-* @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.11
 *
 * (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 "./DLqc11Pf8vaE4Q5B.mjs";
-import { r as t } from "./C4VT6lNbpaDXCpBb.mjs";
-import { X as n, b as r, o as i } from "./CMxbiQ5J79M3n1tk.mjs";
-import { et as a } from "./BThOwSja2ra4xejQ.mjs";
-import { PictureEditor as o } from "./DLhK_oSGg71ry6-m.mjs";
+import { r as e } from "./D90zUAjsvdYt4zAc.mjs";
+import { r as t } from "./CFPaTEuxUxH48Dnc.mjs";
+import { c as n, p as r, u as i } from "./PD_ckP5IyZurtALu.mjs";
+import { St as a } from "./DsHzYBPSadCXZi-n.mjs";
+import { t as o } from "./CNTmB0u0Mmzslqit.mjs";
 var s = e(t(), 1), c = {
 	renderer: (e) => {
 		let t = e.movable.getContent();
@@ -26,7 +26,7 @@ var s = e(t(), 1), c = {
 	commands: (e, t) => {
 		let { sheet: o, movable: s, notifier: c } = t, l = s.getContent(), u = async (e) => {
 			let t = await (async (e) => {
-				let t = await Promise.resolve(c?.showBusy?.(i(r("op.setPictureResource"))) ?? null);
+				let t = await Promise.resolve(c?.showBusy?.(n(r("op.setPictureResource"))) ?? null);
 				try {
 					let t = o.getResources().add(e);
 					return await t.toBuffer(), t;
@@ -34,8 +34,8 @@ var s = e(t(), 1), c = {
 					let t = e;
 					if (typeof t != "string") {
 						console.warn(e);
-						let n = typeof e?.cause == "string" ? e.cause : "", r = typeof e?.message == "string" ? e.message : "";
-						n && (r = r ? `${r} (${n})` : n), t = i("error.insertImage.unresolved", { detail: r });
+						let r = typeof e?.cause == "string" ? e.cause : "", i = typeof e?.message == "string" ? e.message : "";
+						r && (i = i ? `${i} (${r})` : r), t = n("error.insertImage.unresolved", { detail: i });
 					}
 					return c?.showMessage?.(t, { type: a.Error }), null;
 				} finally {
@@ -47,22 +47,22 @@ var s = e(t(), 1), c = {
 		e.updateCommand("changePictureFromFile", {
 			tags: ["noTransaction", "noRepeat"],
 			callback: async (e) => {
-				let t = null, r = null;
-				typeof e == "string" ? r = e : t = e ?? null, (t || (t = await n.openFileDialog(r ?? "image/*"), t)) && await u({ source: { file: await Promise.resolve(t) } });
+				let t = null, n = null;
+				typeof e == "string" ? n = e : t = e ?? null, (t || (t = await i.openFileDialog(n ?? "image/*"), t)) && await u({ source: { file: await Promise.resolve(t) } });
 			}
 		}), e.updateCommand("changePictureFromURL", {
 			tags: ["noTransaction", "noRepeat"],
 			callback: async (e) => {
 				if (!e) {
 					let t = await c?.showInput?.({
-						title: i("dialog.changePicture.title"),
-						description: i("dialog.changePicture.description"),
-						inputLabel: i("dialog.insertImage.inputLabel"),
+						title: n("dialog.changePicture.title"),
+						description: n("dialog.changePicture.description"),
+						inputLabel: n("dialog.insertImage.inputLabel"),
 						initialValue: "https://picsum.photos/360",
 						propsInput: { style: { minWidth: "440px" } },
 						options: [{
 							id: "Change",
-							label: () => i("dialog.change")
+							label: () => n("dialog.change")
 						}]
 					});
 					if (!t || t.option !== "Change") return;

package/browser/esm/{Bi5-feQLtwpV6Ai8.mjs → nmaneEnoRhUuMliV.mjs}

@@ -1,13 +1,13 @@
 /**
-* @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.11
 *
 * (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 "./DLqc11Pf8vaE4Q5B.mjs";
-import { i as t } from "./C4VT6lNbpaDXCpBb.mjs";
-import { v as n } from "./rkTVQiYG3wd8oPom.mjs";
-import { G as r, xt as i } from "./CtZPEkaldpJpoGtW.mjs";
+import { r as e } from "./D90zUAjsvdYt4zAc.mjs";
+import { i as t } from "./CFPaTEuxUxH48Dnc.mjs";
+import { v as n } from "./Cdg4TpupUeYIiz2B.mjs";
+import { G as r, xt as i } from "./KG-A3VX4kcf2uLJI.mjs";
 var a = e(t(), 1), o = a.createContext(void 0);
 function s() {
 	return a.useContext(o);

package/browser/esm/{DeUXRggj8Oz9ru_i.mjs → oLOwgPmipnKc68nJ.mjs}

@@ -1,5 +1,5 @@
 /**
-* @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.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{BMlPFJ1glExv-70Z.mjs → oY2yN-_0_AcCI46E.mjs}

@@ -1,5 +1,5 @@
 /**
-* @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.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/szeZ7VgnRHyi2DxR.mjs

@@ -0,0 +1,381 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
+*
+* (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 "./D90zUAjsvdYt4zAc.mjs";
+import { i as t, r as n } from "./CFPaTEuxUxH48Dnc.mjs";
+import { r } from "./Q4gowihHveaVg346.mjs";
+import { St as i, mt as a, nt as o } from "./DsHzYBPSadCXZi-n.mjs";
+import { t as s } from "./Cdg4TpupUeYIiz2B.mjs";
+import { N as c, T as l, a as u, j as d } from "./KG-A3VX4kcf2uLJI.mjs";
+import { n as f, r as p } from "./Bi8dy2A1euGZeE4C.mjs";
+import { t as m } from "./DbewMnLKZoGLGFNh.mjs";
+import { i as h, n as g, t as _ } from "./CIoNg-5VkB5Nf7xb.mjs";
+import { n as v, r as y, t as b } from "./DWs_Iccs4ADzMYw7.mjs";
+var x = e(t(), 1), S = e(n(), 1), C = (0, x.memo)((e) => {
+	let { children: t, messageKeys: n, onSave: r, onCancel: i, className: o, ...c } = e, u = a(), d = (0, x.useRef)(/* @__PURE__ */ new Set()), p = (0, x.useMemo)(() => ({ register: (e) => (d.current.add(e), () => {
+		d.current.delete(e);
+	}) }), []), g = (0, x.useCallback)(() => {
+		let e = !0;
+		for (let t of Array.from(d.current)) t() || (e = !1);
+		e && r();
+	}, [r]), _ = (0, x.useMemo)(() => m("sxl-items-editor", "sxl-anchor-items-editor", o, {}, h.editor), [o]);
+	return (0, S.jsxs)(s, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			justifyContent: "space-between",
+			height: "100%",
+			gap: (e) => e.spacing(2)
+		},
+		...c,
+		className: _,
+		children: [(0, S.jsx)(f.Provider, {
+			value: p,
+			children: t
+		}), (0, S.jsx)(s, {
+			className: h["editor-buttons"],
+			sx: {
+				gap: (e) => e.spacing(1),
+				paddingTop: (e) => e.spacing(2),
+				borderTop: (e) => `1px solid ${e.palette.divider}`
+			},
+			children: (0, S.jsxs)(s, {
+				sx: {
+					display: "grid",
+					gridAutoFlow: "column",
+					gridAutoColumns: "1fr",
+					gap: (e) => e.spacing(1)
+				},
+				children: [(0, S.jsx)(l, {
+					variant: "outlined",
+					onClick: i,
+					children: u(n.cancel)
+				}), (0, S.jsx)(l, {
+					variant: "contained",
+					onClick: g,
+					children: u(n.save)
+				})]
+			})
+		})]
+	});
+});
+C.displayName = "EditorPanel";
+var w = .5, T = 0, E = /* @__PURE__ */ new WeakMap(), D = (0, x.memo)((0, x.forwardRef)((e, t) => {
+	let { title: n, workbook: f, descriptor: D, args: O, headerActions: k, listActions: A, dragReorder: ee = !1, className: j, ...M } = e, N = a(), P = o(), F = D.messageKeys, I = (0, x.useMemo)(() => {
+		let { createDraft: e, save: t, EditorBody: n } = D;
+		return e && t && n && F.cancel && F.save ? {
+			createDraft: e,
+			commit: t,
+			EditorBody: n,
+			keys: {
+				cancel: F.cancel,
+				save: F.save
+			}
+		} : null;
+	}, [D, F]), [L, R] = (0, x.useState)(!1), [z, B] = (0, x.useState)(null), [V, te] = (0, x.useState)(""), H = (0, x.useRef)(null), U = (0, x.useRef)(null), [ne, W] = (0, x.useReducer)((e) => e + 1, 0);
+	(0, x.useEffect)(() => D.subscribe(f, {
+		onChange: () => W(),
+		onInvalidated: () => {
+			B(null), W();
+		}
+	}), [f, D]);
+	let G = (0, x.useRef)(void 0);
+	(0, x.useEffect)(() => {
+		if (G.current === O) return;
+		G.current = O;
+		let e = O?.draft;
+		try {
+			let t = null, n = null;
+			e === void 0 ? O?.insert && I && !D.isReadOnly(f) ? t = I.createDraft(f) : O?.edit !== void 0 && I && !D.isReadOnly(f) && (n = O.edit, t = I.createDraft(f, n)) : D.isReadOnly(f) || (t = D.createSeededDraft?.(f, e) ?? null), t && B({
+				draft: t,
+				target: n
+			});
+		} catch (e) {
+			P.showMessage?.(e.message, { type: i.Error });
+		}
+	}, [
+		O,
+		f,
+		D,
+		I,
+		P
+	]);
+	let K = (0, x.useRef)(f);
+	K.current !== f && (K.current = f, z !== null && B(null));
+	let q = D.isReadOnly(f), J = !q && I !== null, Y = ee && !q && !!D.moveBy, X = (0, x.useRef)(!1);
+	b(U, Y, X);
+	let Z = (0, x.useCallback)((e, t) => {
+		let n = D.getItems(f)[e];
+		if (n !== void 0) {
+			X.current = !0;
+			try {
+				D.moveBy(n, t - e, f);
+			} catch (e) {
+				X.current = !1, P.showMessage?.(e.message, { type: i.Error });
+			}
+		}
+	}, [
+		D,
+		f,
+		P
+	]), re = (0, x.useCallback)(async () => {
+		if (z && I) {
+			try {
+				await D.beforeSave?.(z.draft);
+				let e = D.validate?.(z.draft) ?? null;
+				if (e) return void P.showMessage?.(N(e), { type: i.Error });
+				await I.commit(f, z.draft, z.target);
+			} catch (e) {
+				P.showMessage?.(e.message, { type: i.Error });
+				return;
+			}
+			B(null);
+		}
+	}, [
+		z,
+		D,
+		I,
+		f,
+		P,
+		N
+	]), ie = (0, x.useMemo)(() => {
+		let e = D.getItems(f), t = !!D.getSearchText, n = t ? V.trim().toLowerCase() : "", a = n ? e.filter((e) => D.getSearchText(e, N).toLowerCase().includes(n)) : e, o = Y && !n, p = [];
+		if (e.length === 0) return p.push((0, S.jsx)(s, { sx: { flex: "1 1 0" } }, "spacer-top")), p.push((0, S.jsxs)(s, {
+			sx: {
+				display: "flex",
+				flex: "0 0 auto",
+				flexDirection: "column",
+				alignItems: "center",
+				alignSelf: "center",
+				gap: (e) => e.spacing(2.5),
+				maxWidth: "min(360px, 90%)"
+			},
+			children: [(0, S.jsx)(d, {
+				variant: "body2",
+				align: "center",
+				children: J && F.addPrompt ? N(F.addPrompt) : N(F.none)
+			}), J && F.new && (0, S.jsx)(l, {
+				variant: "contained",
+				sx: { textTransform: "none" },
+				onClick: () => {
+					B({
+						draft: I.createDraft(f),
+						target: null
+					});
+				},
+				children: N(F.new)
+			})]
+		}, "no-items")), p.push((0, S.jsx)(s, { sx: { flex: "1.5 1 0" } }, "spacer-bottom")), (k || A) && p.unshift((0, S.jsxs)(s, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "flex-end",
+				flex: "0 0 auto"
+			},
+			children: [k, A]
+		}, "header-actions")), p;
+		if (p.push((0, S.jsxs)(s, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center"
+			},
+			children: [
+				(0, S.jsx)(s, {
+					sx: { flex: "1 1 100%" },
+					children: F.heading ? (0, S.jsx)(d, {
+						variant: "body2",
+						children: N(F.heading)
+					}) : null
+				}),
+				k,
+				J && F.insert && (0, S.jsx)(u, {
+					disableInteractive: !0,
+					title: N(F.insert),
+					children: (0, S.jsx)(c, {
+						onClick: (e) => {
+							e.stopPropagation(), B({
+								draft: I.createDraft(f),
+								target: null
+							});
+						},
+						children: (0, S.jsx)(r, { iconKey: "Insert" })
+					})
+				}, "add-new")
+			]
+		}, "add-new")), t && p.push((0, S.jsx)(_, {
+			value: V,
+			onChange: te,
+			placeholder: F.search ? N(F.search) : void 0,
+			clearLabel: F.clearSearch ? N(F.clearSearch) : void 0,
+			sx: {
+				flexShrink: 0,
+				mx: w
+			}
+		}, "search")), A && p.push((0, S.jsx)(s, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "flex-end",
+				flex: "0 0 auto",
+				mx: w,
+				mt: -.5
+			},
+			children: A
+		}, "list-actions")), a.length === 0) return p.push((0, S.jsx)(s, { sx: { flex: "1 1 0" } }, "spacer-top")), p.push((0, S.jsx)(d, {
+			variant: "body2",
+			align: "center",
+			sx: {
+				color: "text.secondary",
+				alignSelf: "center",
+				maxWidth: "min(360px, 90%)"
+			},
+			children: F.noMatches ? N(F.noMatches) : null
+		}, "no-matches")), p.push((0, S.jsx)(s, { sx: { flex: "1.5 1 0" } }, "spacer-bottom")), p;
+		let m = a.map((e) => D.getItemKey?.(e) ?? ((e) => {
+			let t = E.get(e);
+			return t === void 0 && (t = "item-" + T++, E.set(e, t)), t;
+		})(e)), h = [];
+		a.forEach((t, r) => {
+			let a = D.isItemReadOnly?.(t, f) ?? q, s = n ? e.indexOf(t) : r, c = (0, S.jsx)(g, {
+				item: t,
+				messageKeys: F,
+				title: D.getCardTitle(t, N),
+				subtitle: D.getCardSubtitle?.(t, N),
+				Subtitle: D.CardSubtitle,
+				readOnly: a,
+				canMoveUp: s > 0,
+				canMoveDown: s < e.length - 1,
+				onMoveBy: D.moveBy ? (e) => D.moveBy(t, e, f) : void 0,
+				onDuplicate: D.duplicate ? () => {
+					try {
+						D.duplicate(t, f);
+					} catch (e) {
+						P.showMessage?.(e.message, { type: i.Error });
+					}
+				} : void 0,
+				onDelete: () => {
+					try {
+						D.delete(t, f);
+					} catch (e) {
+						P.showMessage?.(e.message, { type: i.Error });
+					}
+				},
+				onEdit: I ? () => B({
+					draft: I.createDraft(f, t),
+					target: t
+				}) : void 0,
+				onSelect: D.select ? () => {
+					try {
+						D.select(t, f);
+					} catch (e) {
+						P.showMessage?.(e.message, { type: i.Error });
+					}
+				} : void 0,
+				subscribeItem: D.subscribeItem,
+				Media: D.CardMedia,
+				Body: D.CardBody
+			}, m[r]);
+			h.push(o ? (0, S.jsx)(v, {
+				id: m[r],
+				disabled: a,
+				children: c
+			}, m[r]) : c);
+		});
+		let b = (0, S.jsx)(s, {
+			ref: U,
+			sx: {
+				display: "flex",
+				flex: "1 1 auto",
+				flexDirection: "column",
+				overflowY: "auto",
+				overflowX: "visible",
+				paddingLeft: (e) => e.spacing(w),
+				paddingRight: (e) => e.spacing(w),
+				paddingTop: (e) => e.spacing(w),
+				paddingBottom: (e) => e.spacing(w),
+				gap: (e) => e.spacing(1.5)
+			},
+			children: h
+		}, "list-container");
+		return p.push(o ? (0, S.jsx)(y, {
+			ids: m,
+			onMove: Z,
+			scrollRef: U,
+			children: b
+		}, "list-container") : b), p;
+	}, [
+		ne,
+		N,
+		q,
+		J,
+		I,
+		f,
+		D,
+		k,
+		A,
+		P,
+		Y,
+		Z,
+		V
+	]), Q = (0, x.useMemo)(() => m("sxl-items-details", "sxl-anchor-items-details", `sxl-${D.key}-details`, j, {
+		editing: z !== null,
+		"sxl-has-focus": L,
+		"sxl-read-only": q
+	}, h["details-panel"]), [
+		j,
+		L,
+		q,
+		z,
+		D
+	]), $ = p([H, t]);
+	if (z !== null && I) {
+		let e = I.EditorBody;
+		return (0, S.jsx)(s, {
+			onFocus: () => R(!0),
+			onBlur: (e) => {
+				H?.current?.contains(e.relatedTarget) || R(!1);
+			},
+			ref: $,
+			sx: {
+				paddingLeft: (e) => e.spacing(1.5),
+				paddingRight: (e) => e.spacing(1.5),
+				paddingTop: (e) => e.spacing(1.5),
+				paddingBottom: (e) => e.spacing(1.5)
+			},
+			className: Q,
+			...M,
+			children: (0, S.jsx)(C, {
+				messageKeys: I.keys,
+				onSave: re,
+				onCancel: () => B(null),
+				children: (0, S.jsx)(e, {
+					draft: z.draft,
+					workbook: f
+				})
+			})
+		});
+	}
+	return (0, S.jsx)(s, {
+		onFocus: () => R(!0),
+		onBlur: (e) => {
+			H?.current?.contains(e.relatedTarget) || R(!1);
+		},
+		ref: $,
+		sx: {
+			gap: (e) => e.spacing(1),
+			paddingLeft: (e) => e.spacing(1.5),
+			paddingRight: (e) => e.spacing(1.5),
+			paddingTop: (e) => e.spacing(1.5),
+			paddingBottom: (e) => e.spacing(1.5)
+		},
+		className: Q,
+		...M,
+		children: ie
+	});
+}));
+D.displayName = "ItemsPanel";
+export { D as t };

package/{cdn/assets/CTdFZ_I-41Vr6Dy4.js → browser/esm/tQAwA9RKsgzjziNe.mjs}

@@ -1,5 +1,5 @@
 /**
-* @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.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/{cdn/assets/J9i3r1fU0H10b2hX.js → browser/esm/t_7A_GdY394OUV4v.mjs}

@@ -1,5 +1,5 @@
 /**
-* @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.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.