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

package/cdn/assets/OSXSr855wNqulmp_.js

@@ -0,0 +1,423 @@
+/**
+* @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 { m as r } from "./Cif0315haNLmyMj-.js";
+import { jn as i, nn as a } from "./CZG3fjfebhJvUipF.js";
+import { r as o } from "./DdWtfDWDB6Yst5LZ.js";
+import { dt as s } from "./OABpLvY7siKUyNIa.js";
+import { t as c } from "./BDihhtyza6JVj9NA.js";
+import { t as l } from "./DWcAYH0eBaOj-dU4.js";
+import { M as u, V as d } from "./DX-iRDnwn8uZZIqp.js";
+import { m as f, t as p, y as m } from "./BqM-W_oFdjeyu8N4.js";
+import { t as h } from "./DQwz3i9TNDHAmLmN.js";
+import { t as g } from "./DYeaE2TSAJ9-suNW.js";
+import { t as _ } from "./CwPsCkeHan5zXDyX.js";
+import { t as v } from "./B5znT6l0E-uRlPxA.js";
+import { a as y, n as b, o as x } from "./CNx0AfRRVuznb3yg.js";
+import { a as S, o as C } from "./D2fdIQmCPlCrPRXy.js";
+import { n as w } from "./Dg-qsGzlATZbZ35c.js";
+import { i as T } from "./D4AbJuK7-E0JtxAo.js";
+import { n as E, t as D } from "./DqELE8YlqkR-PGLI.js";
+var O = e(t(), 1), k = n(), A = a.BuiltInSelectorNames, j = {
+	[A.Whole]: "FormulaMathTrig",
+	[A.Number]: "IncreaseDecimal",
+	[A.Date]: "FormulaDateTime",
+	[A.DateTime]: "FormulaDateTime",
+	[A.Time]: "FormulaDateTime",
+	[A.TextLength]: "FormulaText"
+}, M = (e) => {
+	let t = e.getCondition();
+	if (!t) return "DataValidation";
+	let n = t.toJSON();
+	return n.operator === a.BuiltInOperatorNames.Expression ? "FormulaCustom" : n.selector || n.operator !== a.BuiltInOperatorNames.InSet ? typeof n.selector == "string" && j[n.selector] || "DataValidation" : "Menu";
+}, N = (0, O.memo)(({ dataValidation: e, size: t = 28 }) => (c(e, "onAnyChange"), (0, k.jsx)(w, {
+	className: "sxl-dv-icon",
+	sx: {
+		width: "auto",
+		minWidth: 1.7 * t + "px",
+		height: `${t}px`
+	},
+	children: (0, k.jsx)(o, {
+		iconKey: M(e),
+		size: Math.round(.6 * t),
+		ariaHidden: !0
+	})
+})));
+N.displayName = "DataValidationIcon";
+var P = (e, t) => {
+	let n = e.getCondition();
+	if (!n) return t("dataValidation.anyValue");
+	let r = n.toJSON();
+	if (r.operator === a.BuiltInOperatorNames.Expression && typeof r.param == "string") return t("dataValidation.titleCustom", { formula: r.param });
+	if (!r.selector && r.operator === a.BuiltInOperatorNames.InSet) {
+		let e = r.param, n = e?.source;
+		if (typeof n == "string" && n.length > 0) return t("dataValidation.titleListFrom", { source: n });
+		let i = (e?.items ?? []).map((e) => String(e ?? "")).concat((e?.additions ?? []).map((e) => e.trimStart()));
+		return t("dataValidation.titleList", {
+			items: i.slice(0, 3).join(", "),
+			more: Math.max(0, i.length - 3)
+		});
+	}
+	return n.toString();
+}, F = {
+	[i.AlertStyle.Stop]: "ValidationStop",
+	[i.AlertStyle.Warning]: "ValidationWarning",
+	[i.AlertStyle.Information]: "ValidationInformation"
+}, I = "none", L = {
+	width: 18,
+	height: 18,
+	flex: "0 0 auto"
+}, R = {
+	[i.AlertStyle.Stop]: r("dataValidation.alertStop"),
+	[i.AlertStyle.Warning]: r("dataValidation.alertWarning"),
+	[i.AlertStyle.Information]: r("dataValidation.alertInformation")
+}, z = (0, O.memo)((e) => {
+	let { dataValidation: t } = e, n = s();
+	c(t, "onAnyChange");
+	let r = t.isProtected(), i = t.getRenderHints().includes("list"), [a, w] = (0, O.useState)("rule"), E = (0, k.jsxs)(d, {
+		tabIndex: 0,
+		className: T["editor-panel"],
+		sx: {
+			gap: (e) => e.spacing(1),
+			paddingTop: (e) => e.spacing(1.25),
+			paddingBottom: (e) => e.spacing(2),
+			paddingLeft: (e) => e.spacing(1.5),
+			paddingRight: (e) => e.spacing(1.5),
+			border: (e) => `1px solid ${e.palette.divider}`,
+			borderRadius: (e) => e.spacing(1.25),
+			overflow: "auto"
+		},
+		children: [
+			(0, k.jsxs)(l, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					gap: (e) => e.spacing(1.75),
+					margin: (e) => e.spacing(1.25),
+					marginBottom: 0
+				},
+				children: [(0, k.jsxs)(l, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: (e) => e.spacing(1.5)
+					},
+					children: [(0, k.jsx)(N, {
+						dataValidation: t,
+						size: 48
+					}), (0, k.jsx)(u, {
+						variant: "body2",
+						sx: {
+							minWidth: 0,
+							wordBreak: "break-word"
+						},
+						children: P(t, n)
+					})]
+				}), (0, k.jsx)(D, {
+					item: t,
+					label: n("dataValidation.applyTo")
+				})]
+			}),
+			(0, k.jsxs)(S, {
+				value: a,
+				onChange: (e, t) => w(t),
+				sx: {
+					minHeight: "36px",
+					borderBottom: 1,
+					borderColor: "divider",
+					"& .MuiTab-root": {
+						minHeight: "36px",
+						textTransform: "none",
+						pt: .5,
+						pb: .5,
+						px: 1.5,
+						minWidth: 0
+					}
+				},
+				children: [(0, k.jsx)(C, {
+					value: "rule",
+					label: n("dataValidation.tabRule")
+				}), (0, k.jsx)(C, {
+					value: "prompt",
+					label: n("dataValidation.prompt")
+				})]
+			}),
+			a === "prompt" ? (0, k.jsxs)(l, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 2
+				},
+				children: [
+					(0, k.jsx)(g, {
+						control: (0, k.jsx)(h, {
+							checked: t.isShowPromptMessage(),
+							disabled: r,
+							onChange: (e) => t.setShowPromptMessage(e.target.checked)
+						}),
+						label: n("dataValidation.showPrompt"),
+						sx: {
+							ml: 0,
+							pl: .5
+						}
+					}),
+					(0, k.jsx)(_, {
+						size: "small",
+						label: n("dataValidation.title"),
+						value: t.getPromptTitle(),
+						onChange: (e) => t.setPromptTitle(e.target.value),
+						disabled: r,
+						fullWidth: !0,
+						slotProps: { htmlInput: { maxLength: 32 } },
+						sx: { backgroundColor: "background.paper" }
+					}),
+					(0, k.jsx)(_, {
+						size: "small",
+						label: n("dataValidation.message"),
+						value: t.getPromptMessage(),
+						onChange: (e) => t.setPromptMessage(e.target.value),
+						disabled: r,
+						multiline: !0,
+						rows: 2,
+						fullWidth: !0,
+						slotProps: { htmlInput: { maxLength: 254 } },
+						sx: { backgroundColor: "background.paper" }
+					})
+				]
+			}) : (0, k.jsxs)(k.Fragment, { children: [(0, k.jsx)(y, {
+				sx: {
+					...x,
+					p: 2,
+					pb: 0
+				},
+				selectorTitle: n("dataValidation.allow"),
+				condition: t.getCondition(),
+				ranges: t.getRanges(),
+				readOnly: r,
+				onConditionChange: (e) => {
+					let n = !t.getCondition() && e ? {
+						...e,
+						includeBlanks: !0
+					} : e;
+					t.setCondition(n);
+				},
+				qualifiers: i ? (0, k.jsx)(g, {
+					control: (0, k.jsx)(h, {
+						size: "small",
+						checked: !t.isHideDropdown(),
+						disabled: r,
+						onChange: (e) => t.setHideDropdown(!e.target.checked)
+					}),
+					label: n("dataValidation.inCellDropdown")
+				}) : null
+			}), (0, k.jsxs)(l, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 2,
+					p: 2,
+					border: 1,
+					borderColor: "divider",
+					borderRadius: 1
+				},
+				children: [(0, k.jsxs)(m, {
+					fullWidth: !0,
+					size: "small",
+					disabled: r,
+					sx: { backgroundColor: "background.paper" },
+					children: [(0, k.jsx)(f, { children: n("dataValidation.onInvalid") }), (0, k.jsxs)(p, {
+						className: "on-invalid",
+						value: t.isShowAlertMessage() ? t.getAlertStyle() : I,
+						label: n("dataValidation.onInvalid"),
+						onChange: (e) => {
+							let n = e.target.value;
+							n === I ? t.setShowAlertMessage(!1) : (t.setAlertStyle(n), t.setShowAlertMessage(!0));
+						},
+						renderValue: (e) => (0, k.jsxs)(l, {
+							sx: {
+								display: "flex",
+								alignItems: "center",
+								gap: 1
+							},
+							children: [e === I ? (0, k.jsx)(l, { sx: L }) : (0, k.jsx)(o, {
+								iconKey: F[e],
+								size: 18,
+								ariaHidden: !0
+							}), n(e === I ? "dataValidation.alertNone" : R[e])]
+						}),
+						children: [Object.keys(F).map((e) => (0, k.jsxs)(v, {
+							value: e,
+							sx: { gap: 1 },
+							children: [(0, k.jsx)(o, {
+								iconKey: F[e],
+								size: 18,
+								ariaHidden: !0
+							}), n(R[e])]
+						}, e)), (0, k.jsxs)(v, {
+							value: I,
+							sx: { gap: 1 },
+							children: [(0, k.jsx)(l, { sx: L }), n("dataValidation.alertNone")]
+						}, I)]
+					})]
+				}), t.isShowAlertMessage() ? (0, k.jsxs)(k.Fragment, { children: [(0, k.jsx)(_, {
+					size: "small",
+					label: n("dataValidation.title"),
+					value: t.getAlertTitle(),
+					onChange: (e) => t.setAlertTitle(e.target.value),
+					disabled: r,
+					fullWidth: !0,
+					slotProps: { htmlInput: { maxLength: 32 } },
+					sx: { backgroundColor: "background.paper" }
+				}), (0, k.jsx)(_, {
+					size: "small",
+					label: n("dataValidation.message"),
+					value: t.getAlertMessage(),
+					onChange: (e) => t.setAlertMessage(e.target.value),
+					disabled: r,
+					multiline: !0,
+					rows: 2,
+					fullWidth: !0,
+					slotProps: { htmlInput: { maxLength: 225 } },
+					sx: { backgroundColor: "background.paper" }
+				})] }) : null]
+			})] })
+		]
+	});
+	return (0, k.jsx)(b.Provider, {
+		value: t,
+		children: E
+	});
+});
+z.displayName = "DataValidationEditorPanel";
+var B = ({ icon: e, title: t, children: n }) => (0, k.jsxs)(l, {
+	className: "validation-badge",
+	title: t,
+	"aria-label": t,
+	sx: {
+		display: "inline-flex",
+		alignItems: "center",
+		gap: .5,
+		px: .75,
+		py: .25,
+		border: 1,
+		borderColor: "divider",
+		borderRadius: 1,
+		color: "text.secondary"
+	},
+	children: [(0, k.jsx)(o, {
+		iconKey: e,
+		size: 14,
+		ariaHidden: !0
+	}), n ? (0, k.jsx)(u, {
+		variant: "caption",
+		children: n
+	}) : null]
+}), V = {
+	[i.AlertStyle.Stop]: "dataValidation.alertStop",
+	[i.AlertStyle.Warning]: "dataValidation.alertWarning",
+	[i.AlertStyle.Information]: "dataValidation.alertInformation"
+}, H = (0, O.memo)(({ item: e }) => {
+	let t = s();
+	c(e, "onAnyChange");
+	let n = [];
+	if (e.isShowPromptMessage() && n.push((0, k.jsx)(B, {
+		icon: "NoteInsert",
+		title: t("dataValidation.prompt"),
+		children: e.getPromptTitle() || null
+	}, "prompt")), e.getCondition() && e.isShowAlertMessage()) {
+		let r = e.getAlertStyle();
+		n.push((0, k.jsx)(B, {
+			icon: F[r],
+			title: `${t("dataValidation.alert")}: ${t(V[r])}`
+		}, "alert"));
+	}
+	return !e.isHideDropdown() && e.getRenderHints().includes("list") && n.push((0, k.jsx)(B, {
+		icon: "ArrowDownOutline",
+		title: t("dataValidation.inCellDropdown")
+	}, "dropdown")), n.length === 0 ? null : (0, k.jsx)(l, {
+		sx: {
+			display: "flex",
+			flexWrap: "wrap",
+			gap: .5
+		},
+		children: n
+	});
+});
+H.displayName = "DataValidationCardBody";
+var U = (0, O.memo)(({ item: e }) => {
+	let t = s();
+	return (0, k.jsx)(D, {
+		item: e,
+		label: t("dataValidation.applyTo"),
+		helperText: null
+	});
+});
+U.displayName = "DataValidationCardRanges";
+var W = {
+	key: "data-validation",
+	messageKeys: {
+		none: r("dataValidation.none"),
+		addPrompt: r("dataValidation.addPrompt"),
+		heading: r("dataValidation.heading"),
+		insert: r("dataValidation.insert"),
+		new: r("dataValidation.new"),
+		moveUp: r("dataValidation.moveUp"),
+		moveDown: r("dataValidation.moveDown"),
+		edit: r("dataValidation.edit"),
+		duplicate: r("dataValidation.duplicate"),
+		delete: r("dataValidation.delete"),
+		cancel: r("dataValidation.cancel"),
+		save: r("dataValidation.save")
+	},
+	getCollection: (e) => e.getDataValidations(),
+	changeEvents: ["onDataValidationsChange"],
+	isReadOnly: (e) => e.getProtection().isLocked() || e.getProtection().isReadOnly(),
+	applyUpdate: (e, t) => {
+		e.update(t);
+	},
+	validate: (e) => e.getCondition()?.validate() ?? null,
+	applyNewDefaults: (e) => {
+		e.update({
+			alertStyle: i.AlertStyle.Stop,
+			showAlertMessage: !0
+		});
+	},
+	applySeed: (e, t) => {
+		e.update(t);
+	},
+	getCardTitle: P,
+	CardMedia: ({ item: e }) => (0, k.jsx)(N, {
+		dataValidation: e,
+		size: 32
+	}),
+	CardSubtitle: U,
+	CardBody: H,
+	EditorBody: ({ item: e }) => (0, k.jsx)(z, { dataValidation: e })
+}, G = (0, O.memo)((0, O.forwardRef)((e, t) => {
+	let { workbook: n, args: r, ...i } = e;
+	return (0, k.jsx)(E, {
+		ref: t,
+		workbook: n,
+		descriptor: W,
+		args: r,
+		dragReorder: !0,
+		...i
+	});
+}));
+G.displayName = "DataValidationDetailsPanel";
+var K = (e) => {
+	let { model: t, entryKey: n, frame: r, args: i, ref: a, ...o } = e;
+	return (0, k.jsx)(G, {
+		ref: a,
+		workbook: t,
+		args: i,
+		...o
+	});
+};
+export { K as DataValidationDetailsTaskPane };

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

package/cdn/assets/{C32co-XulWTkEKrW.js → RaTCqgWoqpOqPZQk.js}

@@ -1,10 +1,10 @@
 /**
-* @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 { _ as e, g as t } from "./mK8HcIZyXkOTvL6E.js";
+import { _ as e, g as t } from "./DWcAYH0eBaOj-dU4.js";
 function n(t) {
 	return e("MuiDivider", t);
 }

package/cdn/assets/{C-0viTjg1dT2F-sk.js → TMjhDpsh4dAyEK9h.js}

@@ -1,11 +1,11 @@
 /**
-* @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.
 */
 async function e() {
-	let e = "@0.8.0-beta.10";
+	let e = "@0.8.0-beta.12";
 	e !== "@local" && e !== "@0.0.0" || (e = "");
 	let t = `https://cdn.jsdelivr.net/npm/@sheetxl/sdk${e}/types/scripting-enums.json`, n = await fetch(t);
 	if (!n.ok) throw Error(`Unable to load script enum runtime (${n.status}) from ${t}.`);

package/cdn/assets/TONCxYiGe47Rjhga.js

@@ -0,0 +1,86 @@
+/**
+* @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 "./DLmLaWoLePonCiIs.js";
+import { U as t } from "./TVEs01pqc117KeGZ.js";
+var n, r = e({
+	toConcreteCSS: () => a,
+	toConcreteFill: () => o
+}), i = (e) => Math.round(Math.min(255, Math.max(0, e))).toString(16).padStart(2, "0").toUpperCase();
+function a(e, t = !1) {
+	let n = e.toRGBA(t), r = n.alpha ?? 1;
+	return r >= 1 ? `#${i(n.red)}${i(n.green)}${i(n.blue)}` : `rgba(${Math.round(n.red)},${Math.round(n.green)},${Math.round(n.blue)},${Math.round(1e3 * r) / 1e3})`;
+}
+function o(e, n) {
+	if (e === void 0) return;
+	if (e === null) return null;
+	let r = (e) => typeof e == "string" && e ? n(e) : null;
+	switch (e.type) {
+		case t.Type.None: return null;
+		case t.Type.Solid: {
+			let t = r(e.color);
+			return t === null ? null : {
+				...e,
+				color: t
+			};
+		}
+		case t.Type.Gradient: {
+			let t = e.stops ?? [], n = [];
+			for (let e = 0; e < t.length; e++) {
+				let i = t[e], a = r(typeof i == "string" ? i : i?.color);
+				if (a === null) return null;
+				n.push(typeof i == "string" ? { color: a } : {
+					...i,
+					color: a
+				});
+			}
+			return {
+				...e,
+				stops: n
+			};
+		}
+		case t.Type.Pattern: {
+			let t = e.foreground === void 0 ? void 0 : r(e.foreground), n = e.background === void 0 ? void 0 : r(e.background);
+			return t === null || n === null ? null : {
+				...e,
+				...t === void 0 ? {} : { foreground: t },
+				...n === void 0 ? {} : { background: n }
+			};
+		}
+		case t.Type.Image: return e;
+		default: return null;
+	}
+}
+var s = /* @__PURE__ */ new Map(), c = !1;
+function l(e) {
+	for (let t of e.types) s.set(t, e);
+	return () => {
+		for (let t of e.types) s.get(t) === e && s.delete(t);
+	};
+}
+(function(e) {
+	function t(e) {
+		return s.get(e);
+	}
+	function n(e) {
+		return e.type === "custom" ? `custom:${e.custom?.kind ?? ""}` : e.type;
+	}
+	e.register = function(e) {
+		return l(e);
+	}, e.get = t, e.has = function(e) {
+		return s.has(e);
+	}, e.getTypes = function() {
+		return [...s.keys()];
+	}, e.registerBuiltIns = function(e) {
+		c || (c = !0, e((e) => l({
+			...e,
+			types: e.types.filter((e) => !s.has(e))
+		})));
+	}, e.typeOf = n, e.of = function(e) {
+		return t(n(e));
+	};
+})(n ||= {});
+export { n as i, a as n, r, o as t };