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

package/browser/esm/LAbUYeLiPG8z9cmA.mjs

@@ -0,0 +1,277 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+*
+* (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, r as n } from "./C4VT6lNbpaDXCpBb.mjs";
+import { _ as r, g as i, u as a, v as o } from "./rkTVQiYG3wd8oPom.mjs";
+import { I as s, P as c, V as l, Y as u, Z as d, at as f, ct as p, gt as m, lt as h, ot as g, q as _, st as v, tt as y, ut as b } from "./CtZPEkaldpJpoGtW.mjs";
+import { C as x } from "./D2coM-dNrlLpnUu5.mjs";
+import { r as S } from "./r2Az2Yc4_qj2-sn0.mjs";
+import { i as C, r as w } from "./Bi5-feQLtwpV6Ai8.mjs";
+var T = e(t(), 1), E = e(n(), 1);
+function D(e) {
+	return r("MuiRadio", e);
+}
+var O = i("MuiRadio", [
+	"root",
+	"checked",
+	"disabled",
+	"colorPrimary",
+	"colorSecondary",
+	"sizeSmall"
+]), k = x;
+function A(e) {
+	return r("MuiFormGroup", e);
+}
+i("MuiFormGroup", [
+	"root",
+	"row",
+	"error"
+]);
+var j = h("div", {
+	name: "MuiFormGroup",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [t.root, n.row && t.row];
+	}
+})({
+	display: "flex",
+	flexDirection: "column",
+	flexWrap: "wrap",
+	variants: [{
+		props: { row: !0 },
+		style: { flexDirection: "row" }
+	}]
+}), M = T.forwardRef(function(e, t) {
+	let n = v({
+		props: e,
+		name: "MuiFormGroup"
+	}), { className: r, row: i = !1, ...a } = n, [s] = C({
+		props: n,
+		states: ["error"]
+	}), c = {
+		...n,
+		row: i,
+		error: s.error
+	}, l = ((e) => {
+		let { classes: t, row: n, error: r } = e;
+		return m({ root: [
+			"root",
+			n && "row",
+			r && "error"
+		] }, A, t);
+	})(c);
+	return (0, E.jsx)(j, {
+		className: o(l.root, r),
+		ownerState: c,
+		ref: t,
+		...a
+	});
+}), N = d((0, E.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "RadioButtonUnchecked"), P = d((0, E.jsx)("path", { d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z" }), "RadioButtonChecked"), F = h("span", {
+	name: "MuiRadioButtonIcon",
+	shouldForwardProp: b
+})({
+	position: "relative",
+	display: "flex"
+}), I = h(N, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), L = h(P, { name: "MuiRadioButtonIcon" })(p(({ theme: e }) => ({
+	left: 0,
+	position: "absolute",
+	transform: "scale(0)",
+	...y(e, "transform", {
+		easing: e.transitions.easing.easeIn,
+		duration: e.transitions.duration.shortest
+	}),
+	variants: [{
+		props: { checked: !0 },
+		style: {
+			transform: "scale(1)",
+			...y(e, "transform", {
+				easing: e.transitions.easing.easeOut,
+				duration: e.transitions.duration.shortest
+			})
+		}
+	}]
+})));
+function R(e) {
+	let { checked: t = !1, classes: n = {}, fontSize: r } = e, i = {
+		...e,
+		checked: t
+	};
+	return (0, E.jsxs)(F, {
+		className: n.root,
+		ownerState: i,
+		children: [(0, E.jsx)(I, {
+			fontSize: r,
+			className: n.background,
+			ownerState: i
+		}), (0, E.jsx)(L, {
+			fontSize: r,
+			className: n.dot,
+			ownerState: i
+		})]
+	});
+}
+var z = T.createContext(void 0), B = h(S, {
+	shouldForwardProp: (e) => b(e) || e === "classes",
+	name: "MuiRadio",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.size !== "medium" && t[`size${g(n.size)}`],
+			t[`color${g(n.color)}`]
+		];
+	}
+})(p(({ theme: e }) => ({
+	color: (e.vars || e).palette.text.secondary,
+	...e.focusVisible && { [`&.${s.focusVisible} svg:first-of-type`]: {
+		...a,
+		borderRadius: 99,
+		...e.focusVisible
+	} },
+	[`&.${O.disabled}`]: { color: (e.vars || e).palette.action.disabled },
+	variants: [
+		{
+			props: {
+				color: "default",
+				disabled: !1,
+				disableRipple: !1
+			},
+			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity) } }
+		},
+		...Object.entries(e.palette).filter(c()).map(([t]) => ({
+			props: {
+				color: t,
+				disabled: !1,
+				disableRipple: !1
+			},
+			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity) } }
+		})),
+		...Object.entries(e.palette).filter(c()).map(([t]) => ({
+			props: {
+				color: t,
+				disabled: !1
+			},
+			style: { [`&.${O.checked}`]: { color: (e.vars || e).palette[t].main } }
+		})),
+		{
+			props: { disableRipple: !1 },
+			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
+		}
+	]
+}))), V = (0, E.jsx)(R, { checked: !0 }), H = (0, E.jsx)(R, {}), U = T.forwardRef(function(e, t) {
+	let n = v({
+		props: e,
+		name: "MuiRadio"
+	}), { checked: r, checkedIcon: i = V, color: a = "primary", icon: s = H, name: c, onChange: u, size: d = "medium", className: f, disabled: p, disableRipple: h = !1, slots: _ = {}, slotProps: y = {}, ...b } = n, x = w(), S = p;
+	x && S === void 0 && (S = x.disabled), S ??= !1;
+	let C = {
+		...n,
+		disabled: S,
+		disableRipple: h,
+		color: a,
+		size: d
+	}, O = ((e) => {
+		let { classes: t, color: n, size: r } = e, i = { root: [
+			"root",
+			`color${g(n)}`,
+			r !== "medium" && `size${g(r)}`
+		] };
+		return {
+			...t,
+			...m(i, D, t)
+		};
+	})(C), A = T.useContext(z), j = r, M = k(u, A && A.onChange), N = c;
+	var P, F;
+	A && (j === void 0 && (P = A.value, j = typeof (F = n.value) == "object" && F !== null ? P === F : String(P) === String(F)), N === void 0 && (N = A.name));
+	let I = y.input, [L, R] = l("root", {
+		ref: t,
+		elementType: B,
+		className: o(O.root, f),
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: {
+			slots: _,
+			slotProps: y,
+			...b
+		},
+		getSlotProps: (e) => ({
+			...e,
+			onChange: (t, ...n) => {
+				e.onChange?.(t, ...n), M(t, ...n);
+			}
+		}),
+		ownerState: C,
+		additionalProps: {
+			type: "radio",
+			icon: T.cloneElement(s, { fontSize: s.props.fontSize ?? d }),
+			checkedIcon: T.cloneElement(i, { fontSize: i.props.fontSize ?? d }),
+			disabled: S,
+			name: N,
+			checked: j,
+			disableRipple: n.disableRipple,
+			slots: _,
+			slotProps: { input: typeof I == "function" ? I(C) : I }
+		}
+	});
+	return (0, E.jsx)(L, {
+		...R,
+		classes: O
+	});
+});
+function W(e) {
+	return r("MuiRadioGroup", e);
+}
+i("MuiRadioGroup", [
+	"root",
+	"row",
+	"error"
+]);
+var G = T.forwardRef(function(e, t) {
+	let n = v({
+		props: e,
+		name: "MuiRadioGroup"
+	}), { actions: r, children: i, className: a, defaultValue: s, name: c, onChange: l, value: d, ...p } = n, h = T.useRef(null), g = ((e) => {
+		let { classes: t, row: n, error: r } = e;
+		return m({ root: [
+			"root",
+			n && "row",
+			r && "error"
+		] }, W, t);
+	})(n), [y, b] = _({
+		controlled: d,
+		default: s,
+		name: "RadioGroup"
+	});
+	T.useImperativeHandle(r, () => ({ focus: () => {
+		let e = h.current.querySelector("input:not(:disabled):checked");
+		e ||= h.current.querySelector("input:not(:disabled)"), e && e.focus();
+	} }), []);
+	let x = f(t, h), S = u(c), C = T.useMemo(() => ({
+		name: S,
+		onChange(e) {
+			b(e.target.value), l && l(e, e.target.value);
+		},
+		value: y
+	}), [
+		S,
+		l,
+		b,
+		y
+	]);
+	return (0, E.jsx)(z.Provider, {
+		value: C,
+		children: (0, E.jsx)(M, {
+			role: "radiogroup",
+			ref: x,
+			className: o(g.root, a),
+			...p,
+			children: i
+		})
+	});
+});
+export { U as n, G as t };

package/browser/esm/M7RYrx20B_Yl_euJ.mjs

@@ -0,0 +1,400 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { b as e } from "./CMxbiQ5J79M3n1tk.mjs";
+import { o as t } from "./D-55MlIn7Wo_hdjI.mjs";
+import { i as n } from "./BAH_cWcQEIBKWnl6.mjs";
+var r = ["linkedCell", "listFillRange"], i = /^(?:'((?:[^']|'')+)'|([^'!]+))!([^!]+)$/, a = Object.freeze([]), o = e("op.setControlCaption"), s = e("op.setControlMacro"), c = e("op.setControlLink"), l = e("op.setControlValue"), u = e("op.setControlRange"), d = e("op.setControlItems"), f = class extends t {
+	constructor(e) {
+		let n = e.typeDescription ?? "Control", r = e.name;
+		!r && e.getMovable && (r = `${n} ${++t.instanceCounter}`), super({
+			...e,
+			name: r
+		}), this._references = [], this._type = e.type, this._typeDescription = n, e.json && (this._updateState({ data: e.json }), this._reconcileReferences());
+	}
+	getType() {
+		return this._type;
+	}
+	getTypeDescription() {
+		return this._typeDescription;
+	}
+	getShapeId() {
+		return this._data()?.shapeId ?? null;
+	}
+	_getSourceId() {
+		return this._data()?.shapeId ?? void 0;
+	}
+	_ensureSourceId(t) {
+		let n = this._data()?.shapeId;
+		if (typeof n == "number") return n;
+		let r = t();
+		return this._set({ shapeId: r }, e("op.connectShape")), r;
+	}
+	getMacro() {
+		return this._data()?.macro ?? null;
+	}
+	setMacro(e, t) {
+		return this._set({ macro: e ?? void 0 }, s, t);
+	}
+	toJSON(e) {
+		let t = this._data();
+		if (!t) return null;
+		let n = { ...t };
+		for (let e of r) {
+			let t = this._reference(e);
+			t !== null && (n[e] = t);
+		}
+		let i = this._linkedState();
+		if (i) for (let e in i) {
+			let t = i[e];
+			t === void 0 ? delete n[e] : n[e] = t;
+		}
+		return n;
+	}
+	get isIFormControl() {
+		return !0;
+	}
+	_data() {
+		return this._getState()?.data ?? null;
+	}
+	_reference(e) {
+		let t = this._data()?.[e];
+		if (!t) return null;
+		let n = this._referenceOf(t), r = n?.formula?.getExpression() ?? null;
+		if (r === null || r === n.wired) return t;
+		if (t.includes("!")) return r;
+		let a = i.exec(r);
+		if (!a) return r;
+		let o = a[1] === void 0 ? a[2] : a[1].replace(/''/g, "'"), s = this.getMovable()?.getRange().getSheet().getName();
+		return s && s.toLowerCase() === o.toLowerCase() ? a[3] : r;
+	}
+	_linkedRange(e = this._reference("linkedCell")) {
+		if (!e || e.includes("#REF!")) return null;
+		try {
+			return e.includes("!") ? this._resolveRange(e) : this.getMovable()?.getRange().getSheet().getRange(e) ?? null;
+		} catch {
+			return null;
+		}
+	}
+	_linkedValue() {
+		let e = this._linkedRange();
+		return e ? e.getValue() : void 0;
+	}
+	_linkedState() {
+		return null;
+	}
+	_referenceOf(e) {
+		for (let t = 0; t < this._references.length; t++) if (this._references[t].source === e) return this._references[t];
+	}
+	_reconcileReferences() {
+		let e = this._data(), t = /* @__PURE__ */ new Set();
+		for (let n of r) {
+			let r = e?.[n];
+			typeof r == "string" && r && t.add(r);
+		}
+		for (let e of this._references) t.delete(e.source) ? e.remove || this._watch(e) : e.remove &&= (e.remove(), null);
+		for (let e of t) {
+			let t = {
+				source: e,
+				formula: null,
+				wired: null,
+				remove: null
+			};
+			this._references.push(t), this._watch(t);
+		}
+	}
+	_watch(e) {
+		e.remove = this._addWatch(e.formula ?? e.source, (t) => {
+			e.formula = t.formula, e.wired ??= t.formula.getExpression();
+		});
+	}
+	_processRestoreOrRevert(e, t) {
+		super._processRestoreOrRevert(e, t), this.isDeleted() || this._reconcileReferences();
+	}
+	_set(e, t, n) {
+		this._protectionCheck(t);
+		let i = this._data();
+		if (!i) return this;
+		let a = {
+			...i,
+			...e
+		};
+		for (let t in e) a[t] === void 0 && delete a[t];
+		return this._updateState({ data: a }, {
+			...n,
+			description: t
+		}, ["onAnyChange"]), r.some((t) => t in e) && this._reconcileReferences(), this;
+	}
+}, p = class extends f {
+	getCaption() {
+		return this._data()?.caption ?? null;
+	}
+	setCaption(e, t) {
+		return this._set({ caption: e ?? void 0 }, o, t);
+	}
+	getFont() {
+		return this._data()?.font ?? null;
+	}
+}, m = class extends f {
+	getLinkedCell() {
+		return this._reference("linkedCell");
+	}
+	getLinkedRange() {
+		return this._linkedRange(this.getLinkedCell());
+	}
+	setLinkedCell(e, t) {
+		return this._set({ linkedCell: e ?? void 0 }, c, t);
+	}
+}, h = class extends p {
+	getLinkedCell() {
+		return this._reference("linkedCell");
+	}
+	getLinkedRange() {
+		return this._linkedRange(this.getLinkedCell());
+	}
+	setLinkedCell(e, t) {
+		return this._set({ linkedCell: e ?? void 0 }, c, t);
+	}
+}, g = class extends p {
+	constructor(e) {
+		super({
+			...e,
+			type: "button",
+			typeDescription: "Button"
+		});
+	}
+}, _ = class extends p {
+	constructor(e) {
+		super({
+			...e,
+			type: "groupBox",
+			typeDescription: "Group Box"
+		});
+	}
+}, v = class extends p {
+	constructor(e) {
+		super({
+			...e,
+			type: "label",
+			typeDescription: "Label"
+		});
+	}
+}, y = class extends h {
+	constructor(e) {
+		super({
+			...e,
+			type: "checkBox",
+			typeDescription: "Check Box"
+		});
+	}
+	isChecked() {
+		let e = this._linkedState();
+		return e ? !0 === e.checked : !0 === this._data()?.checked;
+	}
+	setChecked(e, t) {
+		let n = this._linkedRange();
+		return n ? (n.setValue(e, t), this) : this._set({
+			checked: e || void 0,
+			mixed: void 0
+		}, l, t);
+	}
+	isMixed() {
+		let e = this._linkedState();
+		return e ? !0 === e.mixed : !0 === this._data()?.mixed;
+	}
+	setMixed(e, t) {
+		let r = this._linkedRange();
+		return r ? (r.setValue(!!e && n.BuiltIn.NA, t), this) : this._set({ mixed: e || void 0 }, l, t);
+	}
+	_linkedState() {
+		let e = this._linkedValue();
+		return e === void 0 ? null : e?.isFormulaError ? {
+			checked: void 0,
+			mixed: e.getCode() === n.Code.NA || void 0
+		} : {
+			checked: !0 === e || typeof e == "number" && e !== 0 || void 0,
+			mixed: void 0
+		};
+	}
+}, b = class e extends h {
+	constructor(e) {
+		super({
+			...e,
+			type: "optionButton",
+			typeDescription: "Option Button"
+		});
+	}
+	getLinkedCell() {
+		let e = super.getLinkedCell();
+		if (e) return e;
+		let t = this._group();
+		for (let e = 0; e < t.length; e++) {
+			let n = t[e] === this ? null : t[e]._ownLinkedCell();
+			if (n) return n;
+		}
+		return null;
+	}
+	isChecked() {
+		let e = this._linkedState();
+		return e ? !0 === e.checked : !0 === this._data()?.checked;
+	}
+	setChecked(e, t) {
+		let n = this._linkedRange(this.getLinkedCell());
+		return n ? (e ? n.setValue(this._group().indexOf(this) + 1, t) : this.isChecked() && n.setValue(null, t), this) : this._set({ checked: e || void 0 }, l, t);
+	}
+	_linkedState() {
+		let e = this._linkedRange(this.getLinkedCell());
+		if (!e) return null;
+		let t = e.getValue();
+		return { checked: typeof t == "number" && t === this._group().indexOf(this) + 1 || void 0 };
+	}
+	_ownLinkedCell() {
+		return super.getLinkedCell();
+	}
+	_group() {
+		let t = this.getMovable()?.getRange().getSheet().getMovables().getItems() ?? [], n = [], r = !1;
+		for (let i = 0; i < t.length; i++) {
+			let a = t[i].getContent();
+			if (a instanceof e) {
+				if (a._data()?.formProps?.firstButton === "1" && n.length > 0) {
+					if (r) break;
+					n = [];
+				}
+				n.push(a), a === this && (r = !0);
+			}
+		}
+		return r ? n : [this];
+	}
+}, x = class extends m {
+	getValue() {
+		let e = this._linkedState();
+		return e ? e.value ?? null : this._data()?.value ?? null;
+	}
+	setValue(e, t) {
+		let n = this._linkedRange();
+		return n ? (n.setValue(e, t), this) : this._set({ value: e ?? void 0 }, l, t);
+	}
+	_linkedState() {
+		let e = this._linkedValue();
+		if (e === void 0) return null;
+		if (typeof e != "number") return { value: this._data()?.value };
+		let t = this.getMin() ?? 0, n = this.getMax() ?? 100;
+		return { value: Math.min(Math.max(e, Math.min(t, n)), Math.max(t, n)) };
+	}
+	getMin() {
+		return this._data()?.min ?? null;
+	}
+	setMin(e, t) {
+		return this._set({ min: e ?? void 0 }, u, t);
+	}
+	getMax() {
+		return this._data()?.max ?? null;
+	}
+	setMax(e, t) {
+		return this._set({ max: e ?? void 0 }, u, t);
+	}
+	getIncrement() {
+		return this._data()?.increment ?? null;
+	}
+	setIncrement(e, t) {
+		return this._set({ increment: e ?? void 0 }, u, t);
+	}
+}, S = class extends x {
+	constructor(e) {
+		super({
+			...e,
+			type: "scrollBar",
+			typeDescription: "Scroll Bar"
+		});
+	}
+	getPageIncrement() {
+		return this._data()?.pageIncrement ?? null;
+	}
+	setPageIncrement(e, t) {
+		return this._set({ pageIncrement: e ?? void 0 }, u, t);
+	}
+	isHorizontal() {
+		let e = this.getMovable()?.getBounds();
+		return e && e.width > 0 && e.height > 0 ? e.width > e.height : !0 === this._data()?.horizontal;
+	}
+	toJSON(e) {
+		let t = super.toJSON(e);
+		return t ? (this.isHorizontal() ? t.horizontal = !0 : delete t.horizontal, t) : null;
+	}
+}, C = class extends x {
+	constructor(e) {
+		super({
+			...e,
+			type: "spinner",
+			typeDescription: "Spinner"
+		});
+	}
+}, w = class extends m {
+	getItems() {
+		return this._data()?.items ?? a;
+	}
+	setItems(e, t) {
+		return this._set({ items: e.length > 0 ? [...e] : void 0 }, d, t);
+	}
+	getListItems() {
+		if (!this.getListFillRange()) return this.getItems();
+		let e = this.getListSourceRange(), t = e?.getUsedRange({ features: [] });
+		if (!e || !t) return a;
+		let n = e.getCoords(), r = Math.min(t.getCoords().rowEnd, n.rowStart + 32767 - 1);
+		return e.getSheet().getRange({
+			rowStart: n.rowStart,
+			colStart: n.colStart,
+			rowEnd: r,
+			colEnd: n.colStart
+		}).getCells().map((e) => e[0].getText({ hideStringPrefix: !0 }));
+	}
+	getListFillRange() {
+		return this._reference("listFillRange");
+	}
+	getListSourceRange() {
+		return this._linkedRange(this.getListFillRange());
+	}
+	setListFillRange(e, t) {
+		return this._set({ listFillRange: e ?? void 0 }, c, t);
+	}
+	getSelectedIndex() {
+		let e = this._linkedState();
+		return e ? e.selectedIndex ?? null : this._data()?.selectedIndex ?? null;
+	}
+	setSelectedIndex(e, t) {
+		let n = this._linkedRange();
+		return n ? (n.setValue(e === null ? null : e + 1, t), this) : this._set({ selectedIndex: e ?? void 0 }, l, t);
+	}
+	_linkedState() {
+		let e = this._linkedValue();
+		if (e === void 0) return null;
+		let t = typeof e == "number" ? Math.trunc(e) : 0;
+		return { selectedIndex: t >= 1 ? t - 1 : void 0 };
+	}
+}, T = class extends w {
+	constructor(e) {
+		super({
+			...e,
+			type: "listBox",
+			typeDescription: "List Box"
+		});
+	}
+}, E = class extends w {
+	constructor(e) {
+		super({
+			...e,
+			type: "dropDown",
+			typeDescription: "Drop Down"
+		});
+	}
+	getDropStyle() {
+		return this._data()?.dropStyle ?? null;
+	}
+	getDropLines() {
+		return this._data()?.dropLines ?? null;
+	}
+};
+export { g as Button, p as CaptionedControl, h as CaptionedLinkedControl, y as CheckBox, E as DropDown, f as FormControl, _ as GroupBox, v as Label, m as LinkedControl, T as ListBox, w as ListControl, b as OptionButton, x as RangedControl, S as ScrollBar, C as Spinner };

package/browser/esm/{Gy0CHZTvn4hY-rkx2.mjs → PtGiIWFBYP-ujLmf.mjs}

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.