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

package/cdn/assets/{ByUcqyCNfqi5Mm7w.js → D46u8d3O49bDLflJ.js}

@@ -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/D51TEwta0ZXmlNrx.js

@@ -0,0 +1,570 @@
+/**
+* @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 { n as e } from "./C7fZFw4yQ9VNHtnV.js";
+import { t } from "./Cf0bbHHOW6iwvyXg.js";
+import { t as n } from "./8CW-puLLSNyeaGce.js";
+import { p as r, w as i } from "./PD_ckP5IyZurtALu.js";
+import { r as a } from "./BmWMHgdcbZuZUGtm.js";
+import { L as o, bt as s, d as c, mt as l, nt as u } from "./BJ5RRYxWA_yTbVpr.js";
+import { t as d } from "./DbewMnLKZoGLGFNh.js";
+import { _t as f, ht as p, ot as m } from "./DliTwLXIImeC0eub.js";
+import { _ as h, g, t as _, v } from "./DxI14nqCsNi-yexx.js";
+import { B as y, N as b, T as x, V as S, Z as C, a as w, ct as T, gt as E, j as D, lt as O, st as k } from "./CGklNVK7pkjOQ6XF.js";
+import { r as A } from "./Y0Uf_lVRToNYi395.js";
+import { t as j } from "./9zx-c-XsXQJu3H6F.js";
+import { k as M } from "./DG4PyKuuGu6RkAEv.js";
+var N = e(t(), 1), P = n(), F = C((0, P.jsx)("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }), "Person");
+function I(e) {
+	return h("MuiAvatar", e);
+}
+g("MuiAvatar", [
+	"root",
+	"colorDefault",
+	"circular",
+	"rounded",
+	"square",
+	"img",
+	"fallback"
+]);
+var L = O("div", {
+	name: "MuiAvatar",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[n.variant],
+			n.colorDefault && t.colorDefault
+		];
+	}
+})(T(({ theme: e }) => ({
+	position: "relative",
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	flexShrink: 0,
+	width: 40,
+	height: 40,
+	fontFamily: e.typography.fontFamily,
+	fontSize: e.typography.pxToRem(20),
+	lineHeight: 1,
+	borderRadius: "50%",
+	overflow: "hidden",
+	userSelect: "none",
+	variants: [
+		{
+			props: { variant: "rounded" },
+			style: { borderRadius: (e.vars || e).shape.borderRadius }
+		},
+		{
+			props: { variant: "square" },
+			style: { borderRadius: 0 }
+		},
+		{
+			props: { colorDefault: !0 },
+			style: {
+				color: (e.vars || e).palette.background.default,
+				"@media (forced-colors: active)": {
+					boxSizing: "border-box",
+					border: "1px solid ButtonBorder"
+				},
+				...e.vars ? { backgroundColor: e.vars.palette.Avatar.defaultBg } : {
+					backgroundColor: e.palette.grey[400],
+					...e.applyStyles("dark", { backgroundColor: e.palette.grey[600] })
+				}
+			}
+		}
+	]
+}))), R = O("img", {
+	name: "MuiAvatar",
+	slot: "Img"
+})({
+	width: "100%",
+	height: "100%",
+	textAlign: "center",
+	objectFit: "cover",
+	color: "transparent",
+	textIndent: 1e4
+}), z = O(F, {
+	name: "MuiAvatar",
+	slot: "Fallback"
+})({
+	width: "75%",
+	height: "75%"
+}), B = N.forwardRef(function(e, t) {
+	let n = k({
+		props: e,
+		name: "MuiAvatar"
+	}), { alt: r, children: i, className: a, component: o = "div", slots: s = {}, slotProps: c = {}, sizes: l, src: u, srcSet: d, variant: f = "circular", ...p } = n, m = null, h = {
+		...n,
+		component: o,
+		variant: f
+	}, { crossOrigin: g, referrerPolicy: _ } = (typeof c.img == "function" ? c.img(h) : c.img) ?? {}, y = function(e, t, n, r) {
+		let [i, a] = N.useState(!1);
+		return N.useEffect(() => {
+			if (!e && !t) return;
+			a(!1);
+			let i = !0, o = new Image();
+			return o.onload = () => {
+				i && a("loaded");
+			}, o.onerror = () => {
+				i && a("error");
+			}, o.crossOrigin = n, o.referrerPolicy = r, o.src = e, t && (o.srcset = t), () => {
+				i = !1;
+			};
+		}, [
+			n,
+			r,
+			e,
+			t
+		]), i;
+	}(u, d, g, _), b = u || d, x = b && y !== "error";
+	h.colorDefault = !x, delete h.ownerState;
+	let C = ((e) => {
+		let { classes: t, variant: n, colorDefault: r } = e;
+		return E({
+			root: [
+				"root",
+				n,
+				r && "colorDefault"
+			],
+			img: ["img"],
+			fallback: ["fallback"]
+		}, I, t);
+	})(h), w = {
+		slots: s,
+		slotProps: c
+	}, [T, D] = S("root", {
+		ref: t,
+		className: v(C.root, a),
+		elementType: L,
+		externalForwardedProps: {
+			...w,
+			component: o,
+			...p
+		},
+		ownerState: h
+	}), [O, A] = S("img", {
+		className: C.img,
+		elementType: R,
+		externalForwardedProps: w,
+		additionalProps: {
+			alt: r,
+			src: u,
+			srcSet: d,
+			sizes: l
+		},
+		ownerState: h
+	}), [j, M] = S("fallback", {
+		className: C.fallback,
+		elementType: z,
+		externalForwardedProps: w,
+		shouldForwardComponentProp: !0,
+		ownerState: h
+	});
+	return m = x ? (0, P.jsx)(O, { ...A }) : i || i === 0 ? i : b && r ? r[0] : (0, P.jsx)(j, { ...M }), (0, P.jsx)(T, {
+		...D,
+		children: m
+	});
+}), V = {
+	placeholder: r("comment.placeholder"),
+	reply: r("comment.reply"),
+	post: r("comment.post"),
+	save: r("comment.save"),
+	cancel: r("comment.cancel"),
+	edit: r("comment.edit"),
+	delete: r("comment.delete"),
+	resolve: r("comment.resolve"),
+	reopen: r("comment.reopen"),
+	resolved: r("comment.resolved"),
+	more: r("comment.more"),
+	unknownAuthor: r("comment.unknownAuthor")
+}, H = (e) => {
+	let { initialValue: t = "", placeholder: n, submitLabel: r, cancelLabel: i, alwaysShowActions: a = !1, onSubmit: o, onCancel: s, refInput: c } = e, [l, u] = (0, N.useState)(t), d = l.trim().length === 0, f = () => {
+		d || (o(l), u(""));
+	}, p = () => {
+		u(""), s?.();
+	};
+	return (0, P.jsxs)(_, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: .75
+		},
+		children: [(0, P.jsx)(j, {
+			className: "sxl-comment-field",
+			inputRef: c,
+			value: l,
+			placeholder: n,
+			multiline: !0,
+			minRows: 1,
+			maxRows: 8,
+			size: "small",
+			fullWidth: !0,
+			sx: { "& .MuiInputBase-root": {
+				padding: "4px 8px",
+				fontSize: "0.875rem",
+				lineHeight: 1.43
+			} },
+			onChange: (e) => u(e.target.value),
+			onContextMenu: (e) => {
+				e.stopPropagation();
+			},
+			onKeyDown: (e) => {
+				e.stopPropagation(), e.key === "Enter" && (e.ctrlKey || e.metaKey) ? (e.preventDefault(), f()) : e.key !== "Escape" || !s && d || (e.preventDefault(), p());
+			},
+			slotProps: { htmlInput: {
+				"aria-label": n,
+				style: { userSelect: "text" }
+			} }
+		}), a || !d ? (0, P.jsxs)(_, {
+			sx: {
+				display: "flex",
+				justifyContent: "flex-end",
+				gap: .75
+			},
+			children: [(0, P.jsx)(x, {
+				size: "small",
+				onClick: p,
+				children: i
+			}), (0, P.jsx)(x, {
+				size: "small",
+				variant: "contained",
+				disabled: d,
+				onClick: f,
+				children: r
+			})]
+		}) : null]
+	});
+}, U = (e) => {
+	let { author: t, date: n, content: r, editor: i, trailing: o, overhang: c = !1, onMenu: u } = e, d = l(), m = s(), h = t?.getDisplayName() || d(V.unknownAuthor), g = f(n, { locale: m });
+	return (0, P.jsxs)(_, {
+		className: "sxl-comment-entry",
+		sx: {
+			display: "flex",
+			gap: 1,
+			minWidth: 0
+		},
+		children: [(0, P.jsx)(B, {
+			"aria-hidden": !0,
+			sx: {
+				width: 28,
+				height: 28,
+				fontSize: "0.75rem",
+				bgcolor: "primary.main",
+				color: "primary.contrastText",
+				marginLeft: c ? "-26px" : void 0
+			},
+			children: p(h)
+		}), (0, P.jsxs)(_, {
+			sx: {
+				flex: "1 1 auto",
+				minWidth: 0
+			},
+			children: [
+				(0, P.jsxs)(_, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: .75,
+						minHeight: 28
+					},
+					children: [
+						(0, P.jsx)(D, {
+							className: "sxl-comment-author",
+							variant: "subtitle2",
+							sx: {
+								fontWeight: 600,
+								overflow: "hidden",
+								textOverflow: "ellipsis",
+								whiteSpace: "nowrap"
+							},
+							children: h
+						}),
+						(0, P.jsx)(_, { sx: { flex: "1 1 auto" } }),
+						o,
+						u ? (0, P.jsx)(w, {
+							disableInteractive: !0,
+							title: d(V.more),
+							children: (0, P.jsx)(b, {
+								className: "sxl-comment-menu",
+								size: "small",
+								"aria-label": d(V.more),
+								"aria-haspopup": "menu",
+								sx: {
+									padding: "2px",
+									flexShrink: 0
+								},
+								onClick: (e) => {
+									e.stopPropagation(), u(e.currentTarget);
+								},
+								children: (0, P.jsx)(a, {
+									style: { transform: "scale(0.85)" },
+									iconKey: "MoreHorizontal"
+								})
+							})
+						}) : null
+					]
+				}),
+				i ?? (0, P.jsx)(D, {
+					className: "sxl-comment-text",
+					variant: "body2",
+					sx: {
+						whiteSpace: "pre-wrap",
+						overflowWrap: "anywhere",
+						userSelect: "text"
+					},
+					children: r
+				}),
+				g ? (0, P.jsx)(w, {
+					disableInteractive: !0,
+					title: g.absolute,
+					placement: "bottom-start",
+					children: (0, P.jsx)(D, {
+						className: "sxl-comment-time",
+						variant: "caption",
+						sx: {
+							display: "inline-block",
+							color: "text.secondary",
+							whiteSpace: "nowrap",
+							mt: .25
+						},
+						children: g.relative
+					})
+				}) : null
+			]
+		})]
+	});
+}, W = (0, N.memo)((e) => {
+	let { sheet: t, coords: n, comment: r, focusRequest: s = 0, highlighted: f = !1, elevated: p = !1, onSelect: h, onClose: g, onPosted: v, className: x, ref: S, ...C } = e, T = l(), E = u(), O = m(r), k = c(o()?.themeScope), [j, F] = (0, N.useState)(null), [I, L] = (0, N.useState)(null), R = (0, N.useRef)(null);
+	(0, N.useEffect)(() => {
+		s && R.current?.focus();
+	}, [s]);
+	let z = (e) => {
+		try {
+			e();
+		} catch (e) {
+			E.showError?.(e);
+		}
+	}, B = t.getRange(i.cellToRange(n)).getAddress(), W = O?.resolved ? "var(--sxl-comment-resolved-indicator, #9e9e9e)" : "var(--sxl-comment-thread-indicator, #7e57c2)", G = !r, K = (0, N.useMemo)(() => G ? t.getWorkbook()?.getPeople().getCurrent() ?? null : null, [G, t]), q = (0, P.jsx)(D, {
+		className: "sxl-comment-address",
+		variant: "caption",
+		sx: {
+			color: "text.secondary",
+			flexShrink: 0
+		},
+		children: B
+	}), J = !!O?.deleted, Y = !J && !!O?.resolved, X = Y && r ? (0, P.jsxs)(_, {
+		className: "sxl-comment-resolved-header",
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: .75,
+			minWidth: 0,
+			pb: .75,
+			borderBottom: 1,
+			borderColor: "divider"
+		},
+		children: [
+			(0, P.jsx)(a, {
+				style: { transform: "scale(0.85)" },
+				iconKey: "Check"
+			}),
+			(0, P.jsx)(D, {
+				variant: "subtitle2",
+				sx: { fontWeight: 600 },
+				children: T(V.resolved)
+			}),
+			(0, P.jsx)(_, { sx: { flex: "1 1 auto" } }),
+			(0, P.jsx)(w, {
+				disableInteractive: !0,
+				title: T(V.reopen),
+				children: (0, P.jsx)(b, {
+					className: "sxl-comment-reopen",
+					size: "small",
+					"aria-label": T(V.reopen),
+					sx: { padding: "2px" },
+					onClick: () => z(() => {
+						r.setResolved(!1);
+					}),
+					children: (0, P.jsx)(a, {
+						style: { transform: "scale(0.85)" },
+						iconKey: "Undo"
+					})
+				})
+			}),
+			(0, P.jsx)(w, {
+				disableInteractive: !0,
+				title: T(V.delete),
+				children: (0, P.jsx)(b, {
+					className: "sxl-comment-delete",
+					size: "small",
+					"aria-label": T(V.delete),
+					sx: { padding: "2px" },
+					onClick: () => z(() => {
+						r.delete();
+					}),
+					children: (0, P.jsx)(a, {
+						style: { transform: "scale(0.85)" },
+						iconKey: "Delete"
+					})
+				})
+			})
+		]
+	}) : null, Z = I?.replyId ? r?.getReply(I.replyId) ?? null : null, Q = (e, t) => (0, P.jsx)(H, {
+		initialValue: e,
+		placeholder: T(V.edit),
+		submitLabel: T(V.save),
+		cancelLabel: T(V.cancel),
+		alwaysShowActions: !0,
+		refInput: (e) => {
+			e?.focus();
+		},
+		onSubmit: (e) => {
+			z(() => t(e)), F(null);
+		},
+		onCancel: () => F(null)
+	});
+	return (0, P.jsxs)(y, {
+		ref: S,
+		tabIndex: -1,
+		elevation: p ? 6 : 0,
+		...C,
+		className: d("sxl-comment-card", x, {
+			"sxl-comment-draft": G,
+			"sxl-comment-resolved": !!O?.resolved,
+			"sxl-comment-highlighted": f
+		}),
+		"data-comment-id": r?.getId(),
+		onClick: (e) => {
+			C.onClick?.(e), h && !e.defaultPrevented && (e.target.closest("input, textarea, button, a, [role=\"button\"], [role=\"menu\"], .MuiFormControl-root") || h());
+		},
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: (e) => e.spacing(1),
+			boxSizing: "border-box",
+			width: p ? 300 : void 0,
+			maxWidth: "100%",
+			padding: (e) => `${e.spacing(1.25)} 12px`,
+			border: `1px solid ${W}`,
+			borderRadius: (e) => e.spacing(1.25),
+			borderLeft: f ? `4px solid ${W}` : void 0,
+			cursor: h ? "pointer" : void 0,
+			"&:focus-within": { outline: `2px solid ${W}` }
+		},
+		children: [
+			G || J ? null : (0, P.jsxs)(P.Fragment, { children: [
+				X,
+				(0, P.jsx)(U, {
+					author: O.author,
+					date: O.date,
+					content: O.content,
+					trailing: q,
+					overhang: !0,
+					editor: j && j.replyId === null ? Q(O.content, (e) => {
+						r.setContent(e);
+					}) : void 0,
+					onMenu: Y ? void 0 : (e) => L({
+						anchor: e,
+						replyId: null
+					})
+				}),
+				O.replies.length > 0 ? (0, P.jsx)(_, {
+					className: "sxl-comment-replies",
+					sx: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 1,
+						pl: 2.5,
+						minWidth: 0
+					},
+					children: O.replies.map((e) => (0, P.jsx)(U, {
+						author: e.getAuthor(),
+						date: e.getCreationDate(),
+						content: e.getContent(),
+						editor: j?.replyId === e.getId() ? Q(e.getContent(), (t) => {
+							e.setContent(t);
+						}) : void 0,
+						onMenu: Y ? void 0 : (t) => L({
+							anchor: t,
+							replyId: e.getId()
+						})
+					}, e.getId()))
+				}) : null
+			] }),
+			G ? (0, P.jsx)(U, {
+				author: K,
+				date: null,
+				content: "",
+				trailing: q,
+				overhang: !0,
+				editor: (0, P.jsx)(H, {
+					placeholder: T(V.placeholder),
+					submitLabel: T(V.post),
+					cancelLabel: T(V.cancel),
+					alwaysShowActions: !0,
+					refInput: R,
+					onSubmit: (e) => {
+						z(() => {
+							let r = t.getComments().add(i.cellToRange(n), e);
+							v?.(r);
+						});
+					},
+					onCancel: g
+				})
+			}) : J || Y ? null : (0, P.jsx)(H, {
+				placeholder: T(V.reply),
+				submitLabel: T(V.post),
+				cancelLabel: T(V.cancel),
+				refInput: R,
+				onSubmit: (e) => z(() => {
+					r.addReply(e);
+				})
+			}),
+			I && r ? (0, P.jsxs)(A, {
+				open: !0,
+				anchorEl: I.anchor,
+				className: k.className,
+				...k.attrs,
+				onClose: () => L(null),
+				onClick: (e) => {
+					e.stopPropagation();
+				},
+				children: [
+					(0, P.jsx)(M, {
+						icon: (0, P.jsx)(a, { iconKey: "CardEdit" }),
+						onClick: () => {
+							F({ replyId: I.replyId }), L(null);
+						},
+						children: T(V.edit)
+					}),
+					I.replyId === null ? (0, P.jsx)(M, {
+						icon: (0, P.jsx)(a, { iconKey: O?.resolved ? "Undo" : "Check" }),
+						onClick: () => {
+							z(() => {
+								r.setResolved(!r.isResolved());
+							}), L(null);
+						},
+						children: T(O?.resolved ? V.reopen : V.resolve)
+					}) : null,
+					(0, P.jsx)(M, {
+						icon: (0, P.jsx)(a, { iconKey: "Delete" }),
+						onClick: () => {
+							z(() => {
+								I.replyId === null ? r.delete() : Z?.delete();
+							}), L(null);
+						},
+						children: T(V.delete)
+					})
+				]
+			}) : null
+		]
+	});
+});
+W.displayName = "CommentCard";
+export { W as t };

package/cdn/assets/{px-aQ8dMjiWag_pV.js → D5KlrP1rlBZO7HyP.js}

@@ -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/{Cfg4Dtndwurxv9LM.js → D7g9SLSLSONiRP8_.js}

@@ -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 { t as e } from "./CIyaijfp6itgRpFM.js";
-import { t } from "./BeQ95CzwR65il0CK.js";
-import { z as n } from "./Cw7AJWd0S2sjRmr6.js";
-import { r } from "./DCnWyVXikb_8Dat3.js";
-var i = r(e(), 1), a = t(), o = {}, s = (e, t, n, r) => {
+import { n as e } from "./C7fZFw4yQ9VNHtnV.js";
+import { t } from "./Cf0bbHHOW6iwvyXg.js";
+import { t as n } from "./8CW-puLLSNyeaGce.js";
+import { vt as r } from "./BJ5RRYxWA_yTbVpr.js";
+var i = e(t(), 1), a = n(), o = {}, s = (e, t, n, r) => {
 	let i = e + "-" + t + "-" + n + (r ? "-server" : "");
 	if (o[i]) return o[i];
 	let a = ((e, t, n, r) => {
@@ -20,7 +20,7 @@ var i = r(e(), 1), a = t(), o = {}, s = (e, t, n, r) => {
 	})(e, t, n, r);
 	return o[i] = a, a;
 }, c = {}, l = (0, i.memo)((e) => {
-	let { className: t, style: r = n.EmptyCssProperties, white: o = "transparent", grey: l = "grey", size: u = 8, borderRadius: d, boxShadow: f, renderers: p = c, children: m, ...h } = e, g = m, _ = (0, i.useMemo)(() => Object.assign({
+	let { className: t, style: n = r.EmptyCssProperties, white: o = "transparent", grey: l = "grey", size: u = 8, borderRadius: d, boxShadow: f, renderers: p = c, children: m, ...h } = e, g = m, _ = (0, i.useMemo)(() => Object.assign({
 		borderRadius: d,
 		boxShadow: f,
 		position: "absolute",
@@ -29,7 +29,7 @@ var i = r(e(), 1), a = t(), o = {}, s = (e, t, n, r) => {
 		width: "100%",
 		height: "100%",
 		background: `url(${s(o, l, u, p?.canvas)}) center left`
-	}, r), [
+	}, n), [
 		o,
 		l,
 		u,