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

package/browser/esm/BvcoyRz135FDHoTf.mjs

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

package/browser/esm/{BRfat1fV3oGLwvin.mjs → Bw4fe7a608CgkbOH.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.12
 *
 * (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 "./Cf_c9xyOrFxlsKq6.mjs";
+import { r as t } from "./D29bSsh1Lz8891Rs.mjs";
+import { O as n, l as r, m as i } from "./Cif0315haNLmyMj-.mjs";
+import { bt as a } from "./B1mhVM8eRIyuL-VB.mjs";
+import { t as o } from "./BVHz28PPZYw-4V5f.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?.(r(i("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 n = typeof e?.cause == "string" ? e.cause : "", i = typeof e?.message == "string" ? e.message : "";
+						n && (i = i ? `${i} (${n})` : n), t = r("error.insertImage.unresolved", { detail: i });
 					}
 					return c?.showMessage?.(t, { type: a.Error }), null;
 				} finally {
@@ -55,14 +55,14 @@ var s = e(t(), 1), c = {
 			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: r("dialog.changePicture.title"),
+						description: r("dialog.changePicture.description"),
+						inputLabel: r("dialog.insertImage.inputLabel"),
 						initialValue: "https://picsum.photos/360",
 						propsInput: { style: { minWidth: "440px" } },
 						options: [{
 							id: "Change",
-							label: () => i("dialog.change")
+							label: () => r("dialog.change")
 						}]
 					});
 					if (!t || t.option !== "Change") return;

package/browser/esm/{Dy44qJVkwNseMG-3.mjs → BxE8BJ1tb5HybBNO.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.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/{cdn/assets/DfESVLC8CAi8m8A7.js → browser/esm/BxIfM-Ty_Y8PvQFM.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.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/{cdn/assets/DWgp4t9N9u0eWthH.js → browser/esm/ByREbsIyjgFePvoo.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.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{ZxsFYopF0_WWqw4Q.mjs → Bz4k83C83NmszjPX.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.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.