@sheetxl/studio-vanilla 0.7.10 → 0.7.12

package/cdn/assets/{Dfl2D3cYNOI5S_je.js → C3_Zv6bwbMWgoJjM.js}

@@ -1,6 +1,6 @@
-import { t as le, M as S } from "./MlhOVOZDOPIWEne0.js";
+import { t as le, M as S } from "./C9DfE6akF0Zo9WEe.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.10
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.12
  *
  * (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 R = null;
 async function me() {
   if (R) return R;
   try {
-    return await (await import("./DUZ2FYogdfTwBU1s.js")).initialize();
+    return await (await import("./SnTxli2g2yAGIq3k.js")).initialize();
   } catch (b) {
     throw R = null, b;
   } finally {
@@ -216,7 +216,7 @@ interface Promise<T> {
             c = t, l = s;
           });
           try {
-            const { initialize: t } = await import("./CQ8dCPE-ihoMrQAl.js");
+            const { initialize: t } = await import("./BJtjWc1koVtP4Juw.js");
             return v = await t(), c(), v;
           } catch (t) {
             throw console.error("Failed to import or initialize esbuild:", t), M = null, l(t), t;

package/cdn/assets/{BAvxGh8BmrH0FQlm.js → C50mK3z5eY-7EMdI.js}

@@ -1,22 +1,22 @@
-import { a as i } from "./XR4G5EYDdHGkrxmW.js";
-import { r as s } from "./Xugp6lHzQ6dLo2g4.js";
-import { a5 as p, w as R, _ as W, E as le, a6 as ae, r as re, v as ce, B as O, a7 as g, C as m, a8 as y, T as Q, x as b, y as pe, F as v, a9 as X, aa as de, a4 as ue, a1 as fe, a2 as xe, a3 as ge } from "./MlhOVOZDOPIWEne0.js";
+import { a as i } from "./BKyX0kH_WAVGO7fi.js";
+import { r as s } from "./_PvCIesF9faJSoze.js";
+import { a5 as p, w as R, Y as W, v as le, a6 as ae, q as re, r as ce, B as O, a7 as g, A as m, a8 as y, T as Q, x as b, I as pe, C as v, a9 as X, aa as de, a4 as ue, a1 as fe, a2 as xe, a3 as ge } from "./C9DfE6akF0Zo9WEe.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.10
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.12
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const B = { width: "1.5rem", height: "1.5rem" }, M = s.memo((k) => {
-  const { label: h, value: c, options: l, onSelect: d, tabIndex: C = 0, ...F } = k, [T, j] = s.useState(() => ee(c, l));
+  const { label: h, value: c, options: l, onSelect: d, tabIndex: C = 0, ...E } = k, [F, j] = s.useState(() => ee(c, l));
   s.useEffect(() => {
     j(ee(c, l));
   }, [c, l]);
   const K = W((u) => {
     j(u.target.value), d?.(l[u.target.value]);
   }, [d, l]), a = s.useMemo(() => Object.keys(l).map((u) => i.jsx(ue, { value: u, children: u }, u)), [l]);
-  return i.jsxs(fe, { sx: { minWidth: 135 }, size: "small", children: [i.jsx(xe, { children: h }), i.jsx(ge, { inputProps: { tabIndex: C }, value: T, label: h, onChange: K, sx: { backgroundImage: `linear-gradient(${b("#fff", v(5))}, ${b("#fff", v(5))})` }, ...F, children: a })] });
-}), Y = { Workbook: "workbook", Sheet: "sheet" }, Z = { enter: 140, exit: 140 }, ne = { Formulas: p.Content.Formulas, Values: p.Content.Values, Notes: p.Content.Notes, Comments: p.Content.Comments }, te = { ...ne };
+  return i.jsxs(fe, { sx: { minWidth: 135 }, size: "small", children: [i.jsx(xe, { children: h }), i.jsx(ge, { inputProps: { tabIndex: C }, value: F, label: h, onChange: K, sx: { backgroundImage: `linear-gradient(${b("#fff", v(5))}, ${b("#fff", v(5))})` }, ...E, children: a })] });
+}), Z = { Workbook: "workbook", Sheet: "sheet" }, _ = { enter: 140, exit: 140 }, ne = { Formulas: p.Content.Formulas, Values: p.Content.Values, Notes: p.Content.Notes, Comments: p.Content.Comments }, te = { ...ne };
 delete te.Values;
 const me = { "By Rows": !0, "By Columns": !1 }, ee = (k, h) => {
   const c = Object.keys(h);
@@ -25,9 +25,9 @@ const me = { "By Rows": !0, "By Columns": !1 }, ee = (k, h) => {
     if (h[d] === k) return d;
   }
 }, Ce = s.memo((k) => {
-  const { replace: h = !1, findText: c, replaceText: l, findOptions: d, replaceOptions: C, title: F, onHide: T, onFindOrReplace: j, ...K } = k, a = s.useRef(null), u = s.useRef(null), $ = s.useRef(null), L = s.useRef(null), P = s.useRef(null), z = s.useRef(null), V = (e, n) => {
+  const { replace: h = !1, findText: c, replaceText: l, findOptions: d, replaceOptions: C, title: E, onHide: F, onFindOrReplace: j, ...K } = k, a = s.useRef(null), u = s.useRef(null), $ = s.useRef(null), L = s.useRef(null), P = s.useRef(null), z = s.useRef(null), V = (e, n) => {
     n && (n.start(e, { center: !1 }), setTimeout(() => n.stop(e), 180));
-  }, [N, E] = s.useState(!1), [I, ie] = s.useState(!1), [f, D] = s.useState(h), [H, A] = s.useState(!1), [U, G] = s.useState(!1), [o, r] = s.useState({ replaceText: null, replace: h, replaceOptions: {}, findOptions: { text: null, matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: R.Orientation.Row, fields: [p.Content.Formulas] }, scope: Y.Sheet }), S = W(async (e, n, t, w) => {
+  }, [N, T] = s.useState(!1), [I, ie] = s.useState(!1), [f, D] = s.useState(h), [H, A] = s.useState(!1), [U, q] = s.useState(!1), [o, r] = s.useState({ replaceText: null, replace: h, replaceOptions: {}, findOptions: { text: null, matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: R.Orientation.Row, fields: [p.Content.Formulas] }, scope: Z.Sheet }), S = W(async (e, n, t, w) => {
     if (!j) return;
     const x = { ...o };
     x.replaceOptions = { ...x.replaceOptions }, x.findOptions = { ...x.findOptions }, x.replaceOptions.maxCount = t ? void 0 : 1, x.replace = n, n && o.findOptions.fields?.[0] === p.Content.Values && (x.findOptions.fields = [p.Content.Formulas]), x.findOptions.reverse = !e;
@@ -37,30 +37,30 @@ const me = { "By Rows": !0, "By Columns": !1 }, ee = (k, h) => {
   s.useEffect(() => {
     A(!1);
   }, [o, I, f]);
-  const _ = W((e, n) => {
+  const G = W((e, n) => {
     if (e.keyCode === le.Enter) {
       if (!o.findOptions.text) return;
       let t = !0, w = !1;
       e.shiftKey && (t = !1), n ? (e.ctrlKey && e.altKey && (w = !0), V(e, w ? z.current : P.current)) : V(e, t ? L.current : $.current), S(t, n, w, !1);
     }
-  }, [o]), q = s.useRef(null);
+  }, [o]), Y = s.useRef(null);
   s.useLayoutEffect(() => {
     r((e) => {
       const n = { ...e };
-      n.findOptions.text = c && c.length > 0 ? c : e.findOptions.text ?? "", E(!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 }), o.findOptions.fields?.[0] || (o.findOptions.fields = [p.Content.Formulas]);
+      n.findOptions.text = c && c.length > 0 ? c : e.findOptions.text ?? "", T(!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 }), o.findOptions.fields?.[0] || (o.findOptions.fields = [p.Content.Formulas]);
       const t = !(!C && l === void 0);
       return t && D(t), n;
-    }), U || q.current?.focus();
+    }), U || Y.current?.focus();
   }, [c, l, d, C]), s.useEffect(() => {
-    f ? (o.findOptions.fields[0], p.Content.Values) : E(!0);
+    f ? (o.findOptions.fields[0], p.Content.Values) : T(!0);
   }, [f]), s.useEffect(() => {
-    if (N && a.current && o.findOptions.text === a.current.value) return a.current === document.activeElement || a.current.contains(document.activeElement) ? (a.current?.select(), void E(!1)) : void a.current.addEventListener("focus", () => {
-      a.current?.select(), E(!1);
+    if (N && a.current && o.findOptions.text === a.current.value) return a.current === document.activeElement || a.current.contains(document.activeElement) ? (a.current?.select(), void T(!1)) : void a.current.addEventListener("focus", () => {
+      a.current?.select(), T(!1);
     }, { once: !0 });
   }, [N, o]);
   const [oe, { width: J }] = ae();
-  return i.jsx(re, { ref: q, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: T, onFocus: () => G(!0), onBlur: () => {
-    G(!1), A(!1);
+  return i.jsx(re, { ref: Y, title: E ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: F, onFocus: () => q(!0), onBlur: () => {
+    q(!1), A(!1);
   }, slotProps: { paper: { elevation: U ? 3 : 1 } }, ...K, children: i.jsxs(ce, { dividers: !0, ref: oe, 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) D(!0), a.current?.contains(document.activeElement) && u.current?.focus();
     else if (e.key === "f" && e.ctrlKey) a.current?.focus();
@@ -106,28 +106,28 @@ const me = { "By Rows": !0, "By Columns": !1 }, ee = (k, h) => {
       const t = { ...n };
       return t.findOptions.text = e.target.value, t;
     });
-  }, onKeyDown: (e) => _(e, !1), onContextMenu: (e) => {
+  }, onKeyDown: (e) => G(e, !1), onContextMenu: (e) => {
     e.stopPropagation();
   } }), i.jsx(g, { selected: o.findOptions.reverse, onSelectToggle: (e) => {
     S(!1, !1);
   }, touchRippleRef: $, label: "", shortcut: { key: "Enter", modifiers: [y.Shift] }, icon: i.jsx(m, { iconKey: o.findOptions.orientation !== R.Orientation.Column ? "ArrowBack" : "ArrowUpward" }), disabled: !o.findOptions.text }), i.jsx(g, { selected: !o.findOptions.reverse, onSelectToggle: (e) => {
     S(!0, !1);
-  }, touchRippleRef: L, label: "Next Match", shortcut: { key: "Enter" }, icon: i.jsx(m, { iconKey: o.findOptions.orientation !== R.Orientation.Column ? "ArrowForward" : "ArrowDownward" }), disabled: !o.findOptions.text })] }), i.jsx(X, { in: f, timeout: Z, onExit: () => {
+  }, touchRippleRef: L, label: "Next Match", shortcut: { key: "Enter" }, icon: i.jsx(m, { iconKey: o.findOptions.orientation !== R.Orientation.Column ? "ArrowForward" : "ArrowDownward" }), disabled: !o.findOptions.text })] }), i.jsx(X, { in: f, timeout: _, onExit: () => {
     a.current?.focus();
   }, children: i.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [i.jsx(Q, { label: "Replace", slotProps: { input: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${b("#fff", v(5))}, ${b("#fff", v(5))})` } }, inputLabel: { shrink: !0 }, htmlInput: { 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: o.replaceText ?? "", onChange: (e) => {
     r((n) => {
       const t = { ...n };
       return t.replaceText = e.target.value, t;
     });
-  }, onKeyDown: (e) => _(e, !0), onContextMenu: (e) => {
+  }, onKeyDown: (e) => G(e, !0), onContextMenu: (e) => {
     e.stopPropagation();
   } }), i.jsx(g, { onSelectToggle: (e) => {
     S(!0, !0);
   }, touchRippleRef: P, label: "Replace", shortcut: { key: "Enter" }, icon: i.jsx(m, { iconKey: "FindReplace" }), disabled: !o.findOptions.text }), i.jsx(g, { onSelectToggle: (e) => {
     S(!0, !0, !0);
-  }, touchRippleRef: z, label: "Replace All", shortcut: { key: "Enter", modifiers: [y.Ctrl, y.Alt] }, icon: i.jsx(m, { iconKey: "FindReplaceAll" }), disabled: !o.findOptions.text })] }) })] })] }), i.jsx(X, { in: I, timeout: Z, onExit: () => {
+  }, touchRippleRef: z, label: "Replace All", shortcut: { key: "Enter", modifiers: [y.Ctrl, y.Alt] }, icon: i.jsx(m, { iconKey: "FindReplaceAll" }), disabled: !o.findOptions.text })] }) })] })] }), i.jsx(X, { in: I, timeout: _, onExit: () => {
     a.current?.focus();
-  }, children: i.jsxs(O, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(1.5), marginTop: (e) => e.spacing(1) }, children: [i.jsx(de, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), i.jsxs(O, { sx: { display: "flex", flexDirection: J >= 383 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", gap: (e) => e.spacing(1), rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [i.jsx(M, { label: "Within", value: o.scope, options: Y, onSelect: (e) => {
+  }, children: i.jsxs(O, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(1.5), marginTop: (e) => e.spacing(1) }, children: [i.jsx(de, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), i.jsxs(O, { sx: { display: "flex", flexDirection: J >= 383 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", gap: (e) => e.spacing(1), rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [i.jsx(M, { label: "Within", value: o.scope, options: Z, onSelect: (e) => {
     r((n) => {
       const t = { ...n };
       return t.scope = e, t;
@@ -146,6 +146,6 @@ const me = { "By Rows": !0, "By Columns": !1 }, ee = (k, h) => {
 });
 export {
   Ce as FindReplaceWindow,
-  Y as ScopeOptions,
+  Z as ScopeOptions,
   Ce as default
 };

package/cdn/assets/{BPdip6dtPdYr7KkR.js → C8BoiCRcJBCVaIba.js}

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