@sheetxl/studio-vanilla 0.6.6 → 0.6.8

package/browser/esm/{DPIItzNnxMbq2VfI.mjs → Bn4R4Q0WOoJIwlPq.mjs}

@@ -1,14 +1,14 @@
-import { r as n, b as p, j as r, S as F, B as k, Q as B, R as I } from "./EN4tauuENSQlsREt.mjs";
+import { r as n, T as p, j as r, k as S, B as b, R as B, U as I } from "./R43eSIVhCZoqF7wj.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const E = ["Ok", "Cancel"], A = n.memo((V) => {
-  const { value: a = null, context: t, onOption: c, onValidateOption: L, onDone: g, onUpdate: m, options: x = E, defaultOption: f = x?.[0], cancelOption: N = "Cancel", sx: C, ...R } = V, y = n.useMemo(() => t?.getNames().findValidName("Range1"), []), d = n.useMemo(() => {
+const E = ["Ok", "Cancel"], U = n.memo((V) => {
+  const { value: a = null, context: t, onOption: c, onValidateOption: L, onDone: g, onUpdate: m, options: x = E, defaultOption: f = x?.[0], cancelOption: N = "Cancel", sx: C, ...R } = V, T = n.useMemo(() => t?.getNames().findValidName("Range1"), []), d = n.useMemo(() => {
     if (!a) return !0;
-  }, []), [l, h] = n.useState({ displayText: a?.getName() ?? y, errorText: null }), [s, v] = n.useState({ displayValue: a?.getRanges() ?? t?.selection() ?? null, errorText: null }), [T, O] = n.useState(!1), j = n.useCallback(async (e) => !l.errorText && !s.errorText, [t]), S = p((e, o, u) => {
+  }, []), [l, h] = n.useState({ displayText: a?.getName() ?? T, errorText: null }), [s, v] = n.useState({ displayValue: a?.getRanges() ?? t?.selection() ?? null, errorText: null }), [y, O] = n.useState(!1), j = n.useCallback(async (e) => !l.errorText && !s.errorText, [t]), k = p((e, o, u) => {
     if (!o) {
       let i = null;
       d ? i = t?.getNames().addReference(l?.displayText, s?.displayValue, !1) : (a.getType() === "reference" && a.doBatch(() => {
@@ -16,7 +16,7 @@ const E = ["Ok", "Cancel"], A = n.memo((V) => {
       }, `Edit Named '${l?.displayText}'`), i = a), i && (i.select(), m(i, d));
     }
     c?.(e, o, u), g?.();
-  }, [t, l, s, g, c, f, N, m]), b = p((e) => {
+  }, [t, l, s, g, c, f, N, m]), w = p((e) => {
     let o = null;
     try {
       t?.getNames().validateName(e);
@@ -24,18 +24,18 @@ const E = ["Ok", "Cancel"], A = n.memo((V) => {
       o = u.message;
     }
     h({ displayText: e, errorText: o });
-  }, []), w = p((e) => {
+  }, []), D = p((e) => {
     a && a.getName().toLowerCase() === e.toLowerCase() || t?.getNames().validateName(e);
-  }, [t, a]), D = n.useCallback((e) => {
+  }, [t, a]), F = n.useCallback((e) => {
     v({ displayValue: e ?? null, errorText: null });
   }, []);
-  return r.jsx(F, { title: (d ? "Define" : "Edit") + " Range", options: x, onOption: S, onValidateOption: j, defaultOption: f, cancelOption: N, autoFocusSel: ".autoFocus", sx: { width: "460px", ...C }, ...R, children: r.jsxs(k, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), range: "flex", flexDirection: "column" }, children: [r.jsx(B, { formName: "name", defaultInput: y, value: l.displayText, onChangeInput: b, onValidate: w, onFocus: (e) => {
-    T || e.target?.select(), O(!0);
-  } }), r.jsx(I, { formName: "range", value: s.displayValue, onChangeInput: D, resolvedAddress: t.getNames().getRanges.bind(t.getNames()), onFocus: (e) => {
-    T || e.target?.select(), O(!0);
+  return r.jsx(S, { title: (d ? "Define" : "Edit") + " Range", options: x, onOption: k, onValidateOption: j, defaultOption: f, cancelOption: N, autoFocusSel: ".autoFocus", sx: { width: "460px", ...C }, ...R, children: r.jsxs(b, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), range: "flex", flexDirection: "column" }, children: [r.jsx(B, { formName: "name", defaultInput: T, value: l.displayText, onChangeInput: w, onValidate: D, onFocus: (e) => {
+    y || e.target?.select(), O(!0);
+  } }), r.jsx(I, { formName: "range", value: s.displayValue, onChangeInput: F, resolvedAddress: t.getNames().getRanges.bind(t.getNames()), onFocus: (e) => {
+    y || e.target?.select(), O(!0);
   } })] }) });
 });
 export {
-  A as NamedReferenceDialog,
-  A as default
+  U as NamedReferenceDialog,
+  U as default
 };

package/browser/esm/{BDwfJYYjLxGxBbfd.mjs → BoyMLYw3HQEO6sYS.mjs}

@@ -1,11 +1,11 @@
-import { n as E, j as t, r as o, o as p, w as b, b as M, e as le, p as ae, z as re, q as ce, B as O, s as g, t as m, V as pe, Z as j, v as de, k as Z, g as v, x as ue, H as fe, y as xe, A as ge, h as R, E as Q, G as me, J as he, L as Oe, M as je, d as Ce, I as ye, f as be } from "./EN4tauuENSQlsREt.mjs";
+import { n as E, j as t, r as o, o as p, w as b, T as M, e as le, p as ae, x as re, D as ce, B as O, t as g, q as m, s as pe, Z as j, v as de, h as J, f as v, y as ue, V as fe, H as xe, z as ge, g as R, A as Q, G as me, K as he, L as Oe, M as je, d as Ce, I as ye, S as be } from "./R43eSIVhCZoqF7wj.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const ve = E(t.jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" }), "ArrowBack"), Re = E(t.jsx("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), Te = E(t.jsx("path", { d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }), "ArrowForward"), ke = E(t.jsx("path", { d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z" }), "ArrowUpward"), K = o.memo((T) => {
+const ve = E(t.jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" }), "ArrowBack"), Re = E(t.jsx("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), Te = E(t.jsx("path", { d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }), "ArrowForward"), ke = E(t.jsx("path", { d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z" }), "ArrowUpward"), P = o.memo((T) => {
   const { label: h, value: c, options: l, onSelect: d, tabIndex: C = 0, ...F } = T, [I, y] = o.useState(() => ee(c, l));
   o.useEffect(() => {
     y(ee(c, l));
@@ -25,15 +25,15 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
 }, Ee = o.memo((T) => {
   const { replace: h = !1, findText: c, replaceText: l, findOptions: d, replaceOptions: C, title: F, onHide: I, onFindOrReplace: y, ...L } = T, a = o.useRef(null), u = o.useRef(null), V = o.useRef(null), H = o.useRef(null), $ = o.useRef(null), z = o.useRef(null), B = (e, n) => {
     n && (n.start(e, { center: !1 }), setTimeout(() => n.stop(e), 180));
-  }, [W, w] = o.useState(!1), [D, se] = o.useState(!1), [f, A] = o.useState(h), [N, P] = o.useState(!1), [G, U] = o.useState(!1), [i, r] = o.useState({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: b.Orientation.Row, fields: [p.Content.Formulas] }, scope: Y.Sheet }), k = M(async (e, n, s, S) => {
+  }, [W, w] = o.useState(!1), [D, se] = o.useState(!1), [f, A] = o.useState(h), [N, K] = o.useState(!1), [G, U] = o.useState(!1), [i, r] = o.useState({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: b.Orientation.Row, fields: [p.Content.Formulas] }, scope: Y.Sheet }), k = M(async (e, n, s, S) => {
     if (!y) return;
     const x = { ...i };
     x.replaceOptions = { ...x.replaceOptions }, x.findOptions = { ...x.findOptions }, x.replaceOptions.maxCount = s ? void 0 : 1, x.replace = n, n && i.findOptions.fields?.[0] === p.Content.Values && (x.findOptions.fields = [p.Content.Formulas]), x.findOptions.reverse = !e;
     const oe = await y({ autoFocus: S, ...x });
-    P(oe === 0);
+    K(oe === 0);
   }, [i, y]);
   o.useEffect(() => {
-    P(!1);
+    K(!1);
   }, [i, D, f]);
   const q = M((e, n) => {
     if (e.keyCode === le.Enter) {
@@ -41,14 +41,14 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
       let s = !0, S = !1;
       e.shiftKey && (s = !1), n ? (e.ctrlKey && e.altKey && (S = !0), B(e, S ? z.current : $.current)) : B(e, s ? H.current : V.current), k(s, n, S, !1);
     }
-  }, [i]), J = o.useRef(null);
+  }, [i]), X = o.useRef(null);
   o.useLayoutEffect(() => {
     r((e) => {
       const n = { ...e };
       n.findText = c && c.length > 0 ? c : e.findText ?? "", w(!0), l !== void 0 && (n.replaceText = l), d && (n.findOptions = { ...n.findOptions, ...d }), n.replaceText || (n.replaceText = ""), n.replaceOptions && (n.replaceOptions = { ...n.replaceOptions }), C && (n.replaceOptions = { ...n.replaceOptions, ...C }), i.findOptions.fields?.[0] || (i.findOptions.fields = [p.Content.Formulas]);
       const s = !(!C && l === void 0);
       return s && A(s), n;
-    }), G || J.current?.focus();
+    }), G || X.current?.focus();
   }, [c, l, d, C]), o.useEffect(() => {
     f ? (i.findOptions.fields[0], p.Content.Values) : w(!0);
   }, [f]), o.useEffect(() => {
@@ -56,9 +56,9 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
       a.current?.select(), w(!1);
     }, { once: !0 });
   }, [W, i]);
-  const [ie, { width: X }] = ae();
-  return t.jsx(re, { ref: J, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => U(!0), onBlur: () => {
-    U(!1), P(!1);
+  const [ie, { width: Z }] = ae();
+  return t.jsx(re, { ref: X, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => U(!0), onBlur: () => {
+    U(!1), K(!1);
   }, PaperProps: { elevation: G ? 3 : 1 }, ...L, children: t.jsxs(ce, { dividers: !0, ref: ie, sx: { display: "flex", flexDirection: "column", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, onKeyDown: (e) => {
     if (e.key === "h" && e.ctrlKey) A(!0), a.current?.contains(document.activeElement) && u.current?.focus();
     else if (e.key === "f" && e.ctrlKey) a.current?.focus();
@@ -82,7 +82,7 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
     se(e);
   }, preventFocus: !0, label: "Toggle Additional Options", icon: m(t.jsx(pe, {})) }), t.jsx(g, { selected: f, onSelectToggle: (e) => {
     A(e);
-  }, preventFocus: !0, label: "Toggle Replace", icon: m(t.jsx(de, {})), shortcut: { key: f ? "F" : "H", modifiers: [j.Ctrl] } })] }), t.jsxs(O, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [t.jsx(Z, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: X > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${v("#fff", R(5))}, ${v("#fff", R(5))})` }, inputProps: { draggable: !1, ref: a, className: "input", autoFocus: !0, spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } }, endAdornment: t.jsx(ue, { sx: { transform: "scale(0.75) translateX(16px)" }, position: "end", children: t.jsxs(O, { sx: { display: "flex", alignItems: "center", flexDirection: "row", gap: "1px" }, children: [t.jsx(g, { selected: i.findOptions.matchCase, onSelectToggle: (e) => {
+  }, preventFocus: !0, label: "Toggle Replace", icon: m(t.jsx(de, {})), shortcut: { key: f ? "F" : "H", modifiers: [j.Ctrl] } })] }), t.jsxs(O, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [t.jsx(J, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: Z > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${v("#fff", R(5))}, ${v("#fff", R(5))})` }, inputProps: { draggable: !1, ref: a, className: "input", autoFocus: !0, spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } }, endAdornment: t.jsx(ue, { sx: { transform: "scale(0.75) translateX(16px)" }, position: "end", children: t.jsxs(O, { sx: { display: "flex", alignItems: "center", flexDirection: "row", gap: "1px" }, children: [t.jsx(g, { selected: i.findOptions.matchCase, onSelectToggle: (e) => {
     r((n) => {
       const s = { ...n };
       return s.findOptions.matchCase = e, s;
@@ -110,7 +110,7 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
     k(!0, !1);
   }, touchRippleRef: H, label: "Next Match", shortcut: { key: "Enter" }, icon: m(i.findOptions.orientation !== b.Orientation.Column ? t.jsx(Te, {}) : t.jsx(Re, {})), disabled: !i.findText })] }), t.jsx(Q, { in: f, timeout: _, onExit: () => {
     a.current?.focus();
-  }, children: t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [t.jsx(Z, { label: "Replace", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${v("#fff", R(5))}, ${v("#fff", R(5))})` }, inputProps: { ref: u, className: "input", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } } }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1) }, value: i.replaceText ?? "", onChange: (e) => {
+  }, children: t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [t.jsx(J, { label: "Replace", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${v("#fff", R(5))}, ${v("#fff", R(5))})` }, inputProps: { ref: u, className: "input", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } } }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1) }, value: i.replaceText ?? "", onChange: (e) => {
     r((n) => {
       const s = { ...n };
       return s.replaceText = e.target.value, s;
@@ -123,17 +123,17 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
     k(!0, !0, !0);
   }, touchRippleRef: z, label: "Replace All", shortcut: { key: "Enter", modifiers: [j.Ctrl, j.Alt] }, icon: m(t.jsx(he, {})), disabled: !i.findText })] }) })] })] }), t.jsx(Q, { in: D, timeout: _, onExit: () => {
     a.current?.focus();
-  }, children: t.jsxs(O, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [t.jsx(Oe, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), t.jsxs(O, { sx: { display: "flex", flexDirection: X >= 413 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [t.jsx(K, { label: "Within", value: i.scope, options: Y, onSelect: (e) => {
+  }, children: t.jsxs(O, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [t.jsx(Oe, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), t.jsxs(O, { sx: { display: "flex", flexDirection: Z >= 413 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [t.jsx(P, { label: "Within", value: i.scope, options: Y, onSelect: (e) => {
     r((n) => {
       const s = { ...n };
       return s.scope = e, s;
     });
-  } }), t.jsx(K, { label: "Search", value: i.findOptions.orientation !== b.Orientation.Column, options: Se, onSelect: (e) => {
+  } }), t.jsx(P, { label: "Search", value: i.findOptions.orientation !== b.Orientation.Column, options: Se, onSelect: (e) => {
     r((n) => {
       const s = { ...n };
       return s.findOptions.orientation = e ? b.Orientation.Row : b.Orientation.Column, s;
     });
-  } }), t.jsx(K, { label: "Look in", value: f && i.findOptions.fields?.[0] === p.Content.Values ? p.Content.Formulas : i.findOptions.fields?.[0], options: f ? te : ne, onSelect: (e) => {
+  } }), t.jsx(P, { label: "Look in", value: f && i.findOptions.fields?.[0] === p.Content.Values ? p.Content.Formulas : i.findOptions.fields?.[0], options: f ? te : ne, onSelect: (e) => {
     r((n) => {
       const s = { ...n };
       return s.findOptions.fields = [e], s;

package/{cdn/assets/CJkiM4g8IYjNDixD.js → browser/esm/BsmwLgpQeALH-w3s.mjs}

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

package/browser/esm/{DtVOzXc0D5P_N9Tm.mjs → C3yp0gvuwSBeMV3U.mjs}

@@ -1,6 +1,6 @@
-import { aa as le, am as S } from "./EN4tauuENSQlsREt.mjs";
+import { aa as le, am as S } from "./R43eSIVhCZoqF7wj.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -22,7 +22,7 @@ let M = null;
 async function me() {
   if (M) return M;
   try {
-    return await (await import("./ClOj__E12OzLFjTs.mjs")).initialize();
+    return await (await import("./M4lhucsN_zAaGwFD.mjs")).initialize();
   } catch (b) {
     throw M = null, b;
   } finally {
@@ -203,9 +203,9 @@ interface Promise<T> {
   if (I.length === 0) throw new Error("No exported functions.");
   const ie = `${le.uuidV4()}-script`;
   try {
-    C || k.length !== 0 || (D = await async function(e, a, y = "/script.js", r = "__SHEETXL") {
+    C || k.length !== 0 || (D = await (async function(e, a, y = "/script.js", r = "__SHEETXL") {
       try {
-        const i = await async function() {
+        const i = await (async function() {
           if (v) return v;
           if (R) {
             if (await R, !v) throw new Error("ESBuild initialization promise resolved, but instance is not available.");
@@ -216,12 +216,12 @@ interface Promise<T> {
             c = t, l = s;
           });
           try {
-            const { initialize: t } = await import("./DqHHGbrzfGptVwKT.mjs");
+            const { initialize: t } = await import("./ClRxC7LWi49sEr88.mjs");
             return v = await t(), c(), v;
           } catch (t) {
             throw console.error("Failed to import or initialize esbuild:", t), R = null, l(t), t;
           }
-        }(), f = "@sheetxl/primitives", m = `
+        })(), f = "@sheetxl/primitives", m = `
       export const FormulaContext = globalThis.${r}?.FormulaContext;
       export const ScalarType = globalThis.${r}?.ScalarType;
       export const Observable = globalThis.${r}?.Observable;
@@ -248,7 +248,7 @@ interface Promise<T> {
       } catch (i) {
         throw console.error("esbuild bundling process failed:", i), i;
       }
-    }(0, D, O));
+    })(0, D, O));
   } catch {
     console.warn("Error bundling script");
   }