@gridsheet/react-core 3.0.4 → 3.0.5

package/dist/index.js

@@ -1,8 +1,8 @@
 import { calcSideStyle as Vn, clampPopup as Jt, clampLeft as qn, zoneToArea as ge, focus as L, Lexer as qe, getFunctionHelps as $t, expandInput as Gn, y2r as ve, x2c as me, resetInput as Qn, handleFormulaQuoteAutoClose as en, areaToZone as Ge, insertTextAtCursor as tn, operations as H, isRefInsertable as nn, COLOR_PALETTE as De, DEFAULT_WIDTH as yt, DEFAULT_HEIGHT as vt, between as Te, makeSequence as Pt, p2a as Ne, MIN_HEIGHT as Xt, MIN_WIDTH as Ot, zoneShape as ne, getLabel as bt, FormulaError as Jn, Pending as es, insertRef as Me, areaToRange as sn, calcBelowPosition as ts, hAlignTransform as ns, among as ss, getAreaInTabular as Ht, isFocus as rs, Autofill as os, getCellRectPositions as Ie, a2p as wt, virtualize as Lt, stripAddressAbsolute as is, stripSheetName as ls, preventSafariBounce as as, smartScroll as cs, isZoneNotSelected as us, Sheet as ds, embedStyle as gs, getMaxSizesFromCells as rn, HEADER_HEIGHT as hs, DEFAULT_ROW_KEY as fs, SHEET_HEIGHT as Bt, HEADER_WIDTH as ms, DEFAULT_COL_KEY as ps, SHEET_WIDTH as Kt } from "@gridsheet/core";
-import { BaseFunction as Ir, BaseFunctionAsync as Fr, DEFAULT_HISTORY_LIMIT as Yr, FormulaError as $r, FormulaParser as Pr, Lexer as Xr, Pending as Or, PercentagePolicyMixin as Hr, Policy as Lr, RangeEntity as Br, RefEntity as Kr, Registry as Zr, Sheet as Ur, Spilling as zr, ThousandSeparatorPolicyMixin as Wr, Time as _r, ValueEntity as jr, a2p as Vr, aa2oa as qr, addressesToAreas as Gr, addressesToCols as Qr, addressesToRows as Jr, areaToRange as eo, areaToZone as to, buildInitialCells as no, buildInitialCellsFromOrigin as so, c2x as ro, ch as oo, check as io, conditionArg as lo, createBook as ao, createBooleanMask as co, createRegistry as uo, eachMatrix as go, ensureBoolean as ho, ensureDate as fo, ensureNumber as mo, ensureString as po, matrixShape as yo, oa2aa as vo, operations as bo, p2a as wo, r2y as Ro, rh as Co, stripMatrix as So, toCellCols as No, toCellMatrix as xo, toCellObject as Eo, toCellRows as ko, toValueCols as To, toValueMatrix as Ao, toValueObject as Mo, toValueRows as Do, x2c as Io, y2r as Fo, zoneToArea as Yo } from "@gridsheet/core";
+import { BaseFunction as Ir, BaseFunctionAsync as Fr, DEFAULT_HISTORY_LIMIT as Yr, FormulaError as $r, FormulaParser as Pr, Lexer as Xr, Pending as Or, PercentagePolicyMixin as Hr, Policy as Lr, RangeEntity as Br, RefEntity as Kr, Registry as Zr, Sheet as Ur, Spilling as Wr, ThousandSeparatorPolicyMixin as zr, Time as _r, ValueEntity as jr, a2p as Vr, aa2oa as qr, addressesToAreas as Gr, addressesToCols as Qr, addressesToRows as Jr, areaToRange as eo, areaToZone as to, buildInitialCells as no, buildInitialCellsFromOrigin as so, c2x as ro, ch as oo, check as io, conditionArg as lo, createBook as ao, createBooleanMask as co, createRegistry as uo, eachMatrix as go, ensureBoolean as ho, ensureDate as fo, ensureNumber as mo, ensureString as po, matrixShape as yo, oa2aa as vo, operations as bo, p2a as wo, r2y as Ro, rh as Co, stripMatrix as So, toCellCols as No, toCellMatrix as xo, toCellObject as Eo, toCellRows as ko, toValueCols as To, toValueMatrix as Ao, toValueObject as Mo, toValueRows as Do, x2c as Io, y2r as Fo, zoneToArea as Yo } from "@gridsheet/core";
 import { jsxs as F, jsx as c, Fragment as we } from "react/jsx-runtime";
-import lt, { createContext as on, useRef as ie, useContext as le, useLayoutEffect as at, useState as te, useMemo as Ye, useCallback as A, memo as tt, useEffect as z, createRef as ln, useReducer as ys } from "react";
-import { u as vs, s as de, w as Ze, a as oe, b as Ue, r as ct, c as an, d as cn, e as $e, f as un, g as dn, h as be, i as _e, j as bs, k as Zt, l as ut, p as dt, m as Qe, n as Se, o as gt, q as ht, t as Fe, v as Rt, x as gn, y as hn, z as fn, A as mn, B as pn, C as yn, D as ze, E as Je, F as ft, G as nt, H as ws, I as Pe, J as fe, K as Ee, L as vn, M as Ke, N as Ut, O as bn, P as zt, Q as Wt, R as Rs, S as Cs, T as _t, U as Ss, V as Ns } from "./hooks-Y7BI_RNj.mjs";
+import lt, { createContext as on, useRef as ie, useContext as le, useLayoutEffect as at, useState as te, useMemo as Ye, useCallback as A, memo as tt, useEffect as W, createRef as ln, useReducer as ys } from "react";
+import { u as vs, s as de, w as Ze, a as oe, b as Ue, r as ct, c as an, d as cn, e as $e, f as un, g as dn, h as be, i as _e, j as bs, k as Zt, l as ut, p as dt, m as Qe, n as Se, o as gt, q as ht, t as Fe, v as Rt, x as gn, y as hn, z as fn, A as mn, B as pn, C as yn, D as We, E as Je, F as ft, G as nt, H as ws, I as Pe, J as fe, K as Ee, L as vn, M as Ke, N as Ut, O as bn, P as Wt, Q as zt, R as Rs, S as Cs, T as _t, U as Ss, V as Ns } from "./hooks-Y7BI_RNj.mjs";
 import { W as Po } from "./hooks-Y7BI_RNj.mjs";
 import { createPortal as Ct } from "react-dom";
 const ae = on(
@@ -546,16 +546,16 @@ const Sn = (e, n = "	") => {
     optionsAll: v,
     functions: p == null ? void 0 : p.registry.functions
   });
-  z(() => {
+  W(() => {
     L(S == null ? void 0 : S.current);
-  }, [S]), z(() => {
+  }, [S]), W(() => {
     p && p.registry.lastFocused != null && p.registry.lastFocused === S.current && p.registry.lastFocused === $.current && t(de(""));
-  }, [p == null ? void 0 : p.registry.lastFocused, p, S, $, t]), z(() => {
+  }, [p == null ? void 0 : p.registry.lastFocused, p, S, $, t]), W(() => {
     p && (p.registry.editingSheetId = X, p.registry.editingAddress = g);
-  }, [g, p, X]), z(() => {
+  }, [g, p, X]), W(() => {
     Gn(S.current);
   }, [d, g, S]);
-  const { y: U, x: Z } = a, G = `${ve(U)}`, W = `${me(Z)}${G}`, O = g === W, Q = p == null ? void 0 : p.getCell({ y: U, x: Z }, { resolution: "RAW" }), Y = p ? p.getSerializedValue({ point: a, cell: Q, resolution: "RAW" }) : "", [I, ee] = te(Y), J = A(
+  const { y: Z, x: U } = a, G = `${ve(Z)}`, z = `${me(U)}${G}`, O = g === z, Q = p == null ? void 0 : p.getCell({ y: Z, x: U }, { resolution: "RAW" }), Y = p ? p.getSerializedValue({ point: a, cell: Q, resolution: "RAW" }) : "", [I, ee] = te(Y), J = A(
     (k) => {
       I !== k && t(Ze({ value: k })), ee(k);
     },
@@ -573,7 +573,7 @@ const Sn = (e, n = "	") => {
           }, 0);
         } else {
           const re = p.update({
-            diff: { [W]: { value: j.value } },
+            diff: { [z]: { value: j.value } },
             partial: !0
           });
           t(Ue(re.clone())), t(de("")), t(oe(""));
@@ -581,12 +581,12 @@ const Sn = (e, n = "	") => {
         B(0);
       }
     },
-    [T, p, W, d, J, t, S]
+    [T, p, z, d, J, t, S]
   );
-  z(() => {
+  W(() => {
     p && (ee(Y), t(oe(Y)), Qn(S.current, p, a));
   }, [a, Y, t, S, p]);
-  const { y: xe, x: We, height: Tt, width: At } = b, Ln = Y.split(`
+  const { y: xe, x: ze, height: Tt, width: At } = b, Ln = Y.split(`
 `).length, [Mt, Dt] = te(!1), Bn = A(
     (k) => {
       var ue, Oe, Ae, He, Le, Yt;
@@ -644,11 +644,11 @@ const Sn = (e, n = "	") => {
           ), k.preventDefault(), !1;
         case "Backspace":
           if (!O)
-            return ((Ae = p.getSystem({ y: U, x: Z })) == null ? void 0 : Ae.spilledFrom) != null ? (k.preventDefault(), !1) : (t(Zt(null)), t(oe("")), !1);
+            return ((Ae = p.getSystem({ y: Z, x: U })) == null ? void 0 : Ae.spilledFrom) != null ? (k.preventDefault(), !1) : (t(Zt(null)), t(oe("")), !1);
           break;
         case "Delete":
           if (!O)
-            return ((He = p.getSystem({ y: U, x: Z })) == null ? void 0 : He.spilledFrom) != null ? (k.preventDefault(), !1) : (t(Zt(null)), t(oe("")), !1);
+            return ((He = p.getSystem({ y: Z, x: U })) == null ? void 0 : He.spilledFrom) != null ? (k.preventDefault(), !1) : (t(Zt(null)), t(oe("")), !1);
           break;
         case "Shift":
           return r(!0), !1;
@@ -781,7 +781,7 @@ const Sn = (e, n = "	") => {
           (k.ctrlKey || k.metaKey) && (O || (k.preventDefault(), J((/* @__PURE__ */ new Date()).toDateString())));
           break;
       }
-      return k.ctrlKey || k.metaKey ? !1 : H.hasOperation(Q == null ? void 0 : Q.prevention, H.Write) ? (console.warn("This cell is protected from writing."), !1) : (t(de(W)), O || t(oe("")), B(0), !1);
+      return k.ctrlKey || k.metaKey ? !1 : H.hasOperation(Q == null ? void 0 : Q.prevention, H.Write) ? (console.warn("This cell is protected from writing."), !1) : (t(de(z)), O || t(oe("")), B(0), !1);
     },
     [
       Mt,
@@ -795,7 +795,7 @@ const Sn = (e, n = "	") => {
       a,
       n,
       Q,
-      W,
+      z,
       J,
       E,
       d
@@ -812,13 +812,13 @@ const Sn = (e, n = "	") => {
         return;
       }
       const j = k.currentTarget;
-      O || (t(oe(Y)), t(de(W)), requestAnimationFrame(() => {
+      O || (t(oe(Y)), t(de(z)), requestAnimationFrame(() => {
         j.style.width = `${j.scrollWidth}px`, j.style.height = `${j.scrollHeight}px`;
         const re = new String(Y).length;
         j.setSelectionRange(re, re);
       }));
     },
-    [Q, O, Y, W]
+    [Q, O, Y, z]
   ), Un = A(
     (k) => {
       if (f(!1), nn(k.currentTarget))
@@ -826,12 +826,12 @@ const Sn = (e, n = "	") => {
       O && J(k.currentTarget.value), t(de(""));
     },
     [O, J, t]
-  ), zn = A(
+  ), Wn = A(
     (k) => {
       H.hasOperation(Q == null ? void 0 : Q.prevention, H.Write) || (t(oe(k.currentTarget.value)), i(k.currentTarget.selectionStart), B(0));
     },
     [Q]
-  ), Wn = A(
+  ), zn = A(
     (k) => {
       var ue, Oe, Ae, He;
       if (O)
@@ -869,11 +869,11 @@ const Sn = (e, n = "	") => {
     st,
     {
       className: `gs-editor ${O ? "gs-editing" : ""}`,
-      style: O ? { top: xe, left: We, height: Tt } : {},
+      style: O ? { top: xe, left: ze, height: Tt } : {},
       "data-mode": e,
       "data-sheet-id": X,
       children: [
-        /* @__PURE__ */ c("div", { className: `gs-cell-label ${O ? " gs-hidden" : ""}`, children: W }),
+        /* @__PURE__ */ c("div", { className: `gs-cell-label ${O ? " gs-hidden" : ""}`, children: z }),
         /* @__PURE__ */ F("div", { className: "gs-editor-inner", style: { width: At }, children: [
           /* @__PURE__ */ c(
             "pre",
@@ -903,9 +903,9 @@ const Sn = (e, n = "	") => {
               onDoubleClick: Zn,
               onBlur: Un,
               value: d,
-              onChange: zn,
+              onChange: Wn,
               onSelect: x,
-              onPaste: Wn,
+              onPaste: zn,
               onKeyDown: Bn,
               onKeyUp: _n,
               onMouseEnter: () => {
@@ -1001,9 +1001,9 @@ const As = ({
   mode: i
 }) => {
   const { store: h, dispatch: f } = le(ae), { sheetReactive: a } = h, d = a.current;
-  z(() => {
+  W(() => {
     d && e && e !== d.name && (d.name = e, d.registry.sheetIdsByName[e] = d.id, delete d.registry.sheetIdsByName[d.prevName], d.prevName = e);
-  }, [e]), z(() => {
+  }, [e]), W(() => {
     if (!d)
       return;
     const { registry: g } = d;
@@ -1019,17 +1019,17 @@ const As = ({
       },
       dispatch: f
     });
-  }, [h, d, s, r]), z(() => {
+  }, [h, d, s, r]), W(() => {
     n && f(Se({ sheetHeight: n }));
-  }, [n, f]), z(() => {
+  }, [n, f]), W(() => {
     t && f(Se({ sheetWidth: t }));
-  }, [t]), z(() => {
+  }, [t]), W(() => {
     typeof o < "u" && f(Se({ editingOnEnter: o }));
-  }, [o]), z(() => {
+  }, [o]), W(() => {
     i && f(Se({ mode: i }));
   }, [i]);
   const [w, b] = En();
-  return z(() => {
+  return W(() => {
     w && (b.setStore(h), b.setApply(() => f));
   }, [h, w, b]), /* @__PURE__ */ c(we, {});
 }, Ms = () => {
@@ -1100,7 +1100,7 @@ const As = ({
   );
 }, Ds = () => {
   const { store: e } = le(ae), { choosing: n, selectingZone: t, sheetReactive: s } = e, r = s.current;
-  return z(() => {
+  return W(() => {
     r != null && r.isInitialized && r.currentVersion > 0 && r.registry.onChange && r.registry.onChange({
       sheet: r,
       points: {
@@ -1109,7 +1109,7 @@ const As = ({
         selectingTo: { y: t.endY, x: t.endX }
       }
     });
-  }, [s]), z(() => {
+  }, [s]), W(() => {
     r && r.registry.onSelect && r.registry.onSelect({
       sheet: r,
       points: {
@@ -1614,11 +1614,11 @@ const Et = ({
   );
 }, kt = () => /* @__PURE__ */ c("li", { className: "gs-menu-divider" }), Ks = () => {
   const { store: e, dispatch: n } = le(ae), { contextMenuPosition: t, contextMenu: s } = e, { y: r, x: o } = t, i = ie(null);
-  if (z(() => {
+  if (W(() => {
     i.current && Jt(i.current);
   }), r === -1)
     return null;
-  const h = () => n(ze({ y: -1, x: -1 })), f = Nt(e, n, h);
+  const h = () => n(We({ y: -1, x: -1 })), f = Nt(e, n, h);
   return /* @__PURE__ */ c(
     st,
     {
@@ -1665,7 +1665,7 @@ const Et = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e]
   );
-  z(() => {
+  W(() => {
     if (i) {
       const C = i.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), p = C == null ? void 0 : C.filter;
       p && p.conditions.length > 0 ? (f(p.conditions.map((l) => ({ ...l, value: [...l.value] }))), d(p.mode || "or")) : (f([{ ...je, value: [""] }]), d("or"));
@@ -1674,9 +1674,9 @@ const Et = ({
   const m = A(() => {
     b(null), t == null || t(null), n();
   }, [n, t]);
-  z(() => {
+  W(() => {
     w && (t == null || t("Filtering…", m));
-  }, [w]), z(() => {
+  }, [w]), W(() => {
     if (!w)
       return;
     let C = !1;
@@ -1796,9 +1796,9 @@ const Us = ({ x: e, close: n, onWaiting: t }) => {
   const { store: s, dispatch: r } = le(ae), { sheetReactive: o } = s, i = o.current, [h, f] = te(null), a = A(() => {
     f(null), t == null || t(null), n();
   }, [n, t]);
-  if (z(() => {
+  if (W(() => {
     h && (t == null || t("Sorting…", a));
-  }, [h]), z(() => {
+  }, [h]), W(() => {
     if (!h)
       return;
     let b = !1;
@@ -1840,9 +1840,9 @@ const Us = ({ x: e, close: n, onWaiting: t }) => {
   ] });
 };
 xt("col-sort", Us);
-const zs = ({ x: e, close: n }) => {
+const Ws = ({ x: e, close: n }) => {
   const { store: t, dispatch: s } = le(ae), { sheetReactive: r } = t, o = r.current, i = ie(null), [h, f] = te("");
-  z(() => {
+  W(() => {
     if (o) {
       const g = o.getCell({ y: 0, x: e }, { resolution: "SYSTEM" });
       f((g == null ? void 0 : g.label) ?? "");
@@ -1891,8 +1891,8 @@ const zs = ({ x: e, close: n }) => {
     /* @__PURE__ */ c("button", { className: "gs-label-apply-btn", onClick: a, disabled: w, children: "UPDATE" })
   ] }) });
 };
-xt("col-label", zs);
-const Ws = () => {
+xt("col-label", Ws);
+const zs = () => {
   const { store: e, dispatch: n } = le(ae), { columnMenuState: t, editorRef: s, colMenu: r } = e, o = e.sheetReactive.current, i = t == null ? void 0 : t.x, h = t == null ? void 0 : t.position, [f, a] = te(null), d = A(() => {
     n(Je(null)), L(s.current);
   }, [n, s]), w = A(
@@ -2035,7 +2035,7 @@ const js = () => {
       })
     );
   }, [i]);
-  z(() => {
+  W(() => {
     if (p && !h.current) {
       l();
       return;
@@ -2079,7 +2079,7 @@ const js = () => {
       }
     },
     [S, se, _]
-  ), U = A(
+  ), Z = A(
     (I) => {
       if (!Xe(I) || I.type.startsWith("touch") || !N)
         return !1;
@@ -2107,7 +2107,7 @@ const js = () => {
       m,
       M
     ]
-  ), Z = A(
+  ), U = A(
     (I) => {
       i(Ke({ x: n, y: e })), i(Ee(!0)), I.stopPropagation();
     },
@@ -2118,8 +2118,8 @@ const js = () => {
     I && d(ts(I));
   }, []), V = A(() => {
     d(null);
-  }, []), W = A(
-    (I) => $.length > 0 ? (I.stopPropagation(), he(I), i(ze({ y: I.clientY, x: I.clientX })), !1) : !0,
+  }, []), z = A(
+    (I) => $.length > 0 ? (I.stopPropagation(), he(I), i(We({ y: I.clientY, x: I.clientX })), !1) : !0,
     [$.length]
   ), O = A(
     (I) => {
@@ -2140,7 +2140,7 @@ const js = () => {
       style: {
         ...u == null ? void 0 : u.style
       },
-      onContextMenu: W,
+      onContextMenu: z,
       onDoubleClick: O,
       children: /* @__PURE__ */ F(
         "div",
@@ -2148,7 +2148,7 @@ const js = () => {
           className: "gs-cell-inner-wrap",
           onMouseDown: ce,
           onTouchStart: ce,
-          onMouseEnter: U,
+          onMouseEnter: Z,
           onMouseUp: K,
           children: [
             /* @__PURE__ */ F(
@@ -2196,7 +2196,7 @@ const js = () => {
                 children: T
               }
             ),
-            /* @__PURE__ */ c("div", { className: Q, onMouseDown: Z })
+            /* @__PURE__ */ c("div", { className: Q, onMouseDown: U })
           ]
         }
       )
@@ -2301,7 +2301,7 @@ function ke({ style: e, horizontal: n = 0, vertical: t = 0, className: s = "" })
   ), p = A(() => {
     P();
   }, [P]);
-  return z(() => P, [P]), !w.current || !a && !f ? /* @__PURE__ */ c("div", { className: `gs-scroll-handle gs-hidden ${s}` }) : /* @__PURE__ */ c(
+  return W(() => P, [P]), !w.current || !a && !f ? /* @__PURE__ */ c("div", { className: `gs-scroll-handle gs-hidden ${s}` }) : /* @__PURE__ */ c(
     "div",
     {
       style: e,
@@ -2389,7 +2389,7 @@ const Qs = tt(({ x: e }) => {
       "data-x": e,
       className: `gs-th gs-th-top ${i.x === e ? "gs-choosing" : ""} ${Te({ start: h.startX, end: h.endX }, e) ? f ? "gs-th-selecting" : "gs-selecting" : ""}`,
       style: { ...y == null ? void 0 : y.style, width: D, minWidth: D, maxWidth: D },
-      onContextMenu: (l) => b.length > 0 ? (l.stopPropagation(), he(l), s(ze({ y: l.clientY, x: l.clientX })), !1) : !0,
+      onContextMenu: (l) => b.length > 0 ? (l.stopPropagation(), he(l), s(We({ y: l.clientY, x: l.clientX })), !1) : !0,
       children: /* @__PURE__ */ c(
         "div",
         {
@@ -2485,7 +2485,7 @@ const Qs = tt(({ x: e }) => {
         return s(be({ startY: e, startX: m.numCols, endY: e, endX: 0 })), !1;
       let v = l.shiftKey ? i.startY : e;
       return v === -1 && (v = r.y), s(
-        zt({
+        Wt({
           range: { start: v, end: e },
           numCols: m.numCols
         })
@@ -2523,7 +2523,7 @@ const Qs = tt(({ x: e }) => {
     }
     return !1;
   }, 100), p = A(
-    (l) => b.length > 0 ? (l.stopPropagation(), he(l), s(ze({ y: l.clientY, x: l.clientX })), !1) : !0,
+    (l) => b.length > 0 ? (l.stopPropagation(), he(l), s(We({ y: l.clientY, x: l.clientX })), !1) : !0,
     [b.length]
   );
   return m ? /* @__PURE__ */ c(
@@ -2566,7 +2566,7 @@ const Qs = tt(({ x: e }) => {
                   if (Math.abs(l.clientX - v) > 4 || Math.abs(l.clientY - x) > 4)
                     return;
                   const R = u.getBoundingClientRect();
-                  (g == null ? void 0 : g.y) === e ? s(ft(null)) : (Te({ start: i.startY, end: i.endY }, e) && i.startX === 1 && i.endX === m.numCols || s(zt({ range: { start: e, end: e }, numCols: m.numCols })), s(ft({ y: e, position: { y: R.bottom, x: R.right } })));
+                  (g == null ? void 0 : g.y) === e ? s(ft(null)) : (Te({ start: i.startY, end: i.endY }, e) && i.startX === 1 && i.endX === m.numCols || s(Wt({ range: { start: e, end: e }, numCols: m.numCols })), s(ft({ y: e, position: { y: R.bottom, x: R.right } })));
                 },
                 children: "⋮"
               }
@@ -2628,10 +2628,10 @@ const Qs = tt(({ x: e }) => {
       Ve(M, g, u, v, C, p, K.wholeArea, ir, 1, [5, 5]);
     }
     {
-      const { y: K, x: U } = r;
-      if (K !== -1 && U !== -1) {
-        const Z = Ie(g, { y: K, x: U }), G = Z.left - v, V = Z.top - u;
-        pt(M, G, V, Z.width, Z.height, it, 2, []);
+      const { y: K, x: Z } = r;
+      if (K !== -1 && Z !== -1) {
+        const U = Ie(g, { y: K, x: Z }), G = U.left - v, V = U.top - u;
+        pt(M, G, V, U.width, U.height, it, 2, []);
       }
     }
     const { copyingSheetId: B, copyingZone: q, cutting: _ } = l;
@@ -2639,21 +2639,21 @@ const Qs = tt(({ x: e }) => {
       const K = ge(q);
       Ve(M, g, u, v, C, p, K, _ ? sr : nr, 2.5, _ ? [4, 4] : [6, 4]);
     }
-    Object.entries(e).forEach(([K, U]) => {
-      const Z = De[U % De.length];
+    Object.entries(e).forEach(([K, Z]) => {
+      const U = De[Z % De.length];
       try {
         const G = g.rangeToArea(K);
-        Ve(M, g, u, v, C, p, G, Z, 2, [5, 5]);
+        Ve(M, g, u, v, C, p, G, U, 2, [5, 5]);
       } catch {
       }
-    }), i.forEach((K, U) => {
-      const { y: Z, x: G } = wt(K), V = Ie(g, { y: Z, x: G }), W = V.left - v, O = V.top - u;
-      if (W + V.width < 0 || W > C || O + V.height < 0 || O > p)
+    }), i.forEach((K, Z) => {
+      const { y: U, x: G } = wt(K), V = Ie(g, { y: U, x: G }), z = V.left - v, O = V.top - u;
+      if (z + V.width < 0 || z > C || O + V.height < 0 || O > p)
         return;
-      const Q = U === h;
+      const Q = Z === h;
       pt(
         M,
-        W,
+        z,
         O,
         V.width,
         V.height,
@@ -2665,26 +2665,26 @@ const Qs = tt(({ x: e }) => {
     }), M.restore();
     const se = g.numCols, ce = g.numRows;
     for (let K = 1; K <= se; K++) {
-      let U = null, Z = null;
-      if (Te({ start: o.startX, end: o.endX }, K) && (U = "rgba(80, 180, 255, 1)", Z = a ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), r.x === K && (U = it, Z = a ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !U)
+      let Z = null, U = null;
+      if (Te({ start: o.startX, end: o.endX }, K) && (Z = "rgba(80, 180, 255, 1)", U = a ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), r.x === K && (Z = it, U = a ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !Z)
         continue;
       const G = Ie(g, { y: 1, x: K }), V = G.left - v;
       if (V + G.width < x || V > C)
         continue;
-      const W = Math.max(V, x), O = Math.min(V + G.width, C) - W;
-      O > 0 && (Z && Qt(M, W, 0, O, T, Z), M.strokeStyle = U, M.lineWidth = 2, M.beginPath(), M.moveTo(W, T + 1), M.lineTo(W + O, T + 1), M.stroke());
+      const z = Math.max(V, x), O = Math.min(V + G.width, C) - z;
+      O > 0 && (U && Qt(M, z, 0, O, T, U), M.strokeStyle = Z, M.lineWidth = 2, M.beginPath(), M.moveTo(z, T + 1), M.lineTo(z + O, T + 1), M.stroke());
     }
     for (let K = 1; K <= ce; K++) {
       if (g.isRowFiltered(K))
         continue;
-      let U = null, Z = null;
-      if (Te({ start: o.startY, end: o.endY }, K) && (U = "rgba(80, 180, 255, 1)", Z = d ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), r.y === K && (U = it, Z = d ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !U)
+      let Z = null, U = null;
+      if (Te({ start: o.startY, end: o.endY }, K) && (Z = "rgba(80, 180, 255, 1)", U = d ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), r.y === K && (Z = it, U = d ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !Z)
         continue;
       const G = Ie(g, { y: K, x: 1 }), V = G.top - u;
       if (V + G.height < T || V > p)
         continue;
-      const W = Math.max(V, T), O = Math.min(V + G.height, p) - W;
-      O > 0 && (Z && Qt(M, 0, W, x, O, Z), M.strokeStyle = U, M.lineWidth = 2, M.beginPath(), M.moveTo(x + 1, W), M.lineTo(x + 1, W + O), M.stroke());
+      const z = Math.max(V, T), O = Math.min(V + G.height, p) - z;
+      O > 0 && (U && Qt(M, 0, z, x, O, U), M.strokeStyle = Z, M.lineWidth = 2, M.beginPath(), M.moveTo(x + 1, z), M.lineTo(x + 1, z + O), M.stroke());
     }
   }, [
     g,
@@ -2704,7 +2704,7 @@ const Qs = tt(({ x: e }) => {
   }, [E]), $ = A(() => {
     E();
   }, [E]);
-  return z(() => (S(), () => cancelAnimationFrame(y.current)), [S]), z(() => {
+  return W(() => (S(), () => cancelAnimationFrame(y.current)), [S]), W(() => {
     const N = s.current;
     if (!N)
       return;
@@ -2772,7 +2772,7 @@ const Qs = tt(({ x: e }) => {
       );
     }));
   }, [r]);
-  z(() => {
+  W(() => {
     if (!y)
       return;
     if (!(i && w.startsWith("="))) {
@@ -2784,21 +2784,21 @@ const Qs = tt(({ x: e }) => {
     let se = 0;
     for (const ce of _.tokens)
       if (ce.type === "REF" || ce.type === "RANGE") {
-        const K = is(ce.stringify()), U = K.indexOf("!");
-        if (U !== -1) {
-          const Z = K.substring(0, U), G = K.substring(U + 1), V = ls(Z), W = G.toUpperCase();
-          q[V] == null && (q[V] = {}), q[V][W] == null && (q[V][W] = se++);
+        const K = is(ce.stringify()), Z = K.indexOf("!");
+        if (Z !== -1) {
+          const U = K.substring(0, Z), G = K.substring(Z + 1), V = ls(U), z = G.toUpperCase();
+          q[V] == null && (q[V] = {}), q[V][z] == null && (q[V][z] = se++);
         } else {
-          const Z = K.toUpperCase();
-          B[Z] == null && (B[Z] = se++);
+          const U = K.toUpperCase();
+          B[U] == null && (B[U] = se++);
         }
       }
     n(B), y.registry.paletteBySheetName = q;
-  }, [t.inputting, t.editingAddress, r]), z(() => {
+  }, [t.inputting, t.editingAddress, r]), W(() => {
     y && (y.registry.choosingAddress = Ne(o), y.registry.choosingSheetId = y.id);
-  }, [o]), z(() => {
+  }, [o]), W(() => {
     y && E(Lt(y, h.current));
-  }, [h.current, r, (P = f.current) == null ? void 0 : P.clientHeight, (X = f.current) == null ? void 0 : X.clientWidth]), z(() => {
+  }, [h.current, r, (P = f.current) == null ? void 0 : P.clientHeight, (X = f.current) == null ? void 0 : X.clientWidth]), W(() => {
     const R = h.current;
     if (R)
       return as(R);
@@ -2861,7 +2861,7 @@ const Qs = tt(({ x: e }) => {
                             if (Math.abs(R.clientX - q) > 4 || Math.abs(R.clientY - _) > 4)
                               return;
                             const ce = B.getBoundingClientRect();
-                            s(ze({ y: ce.bottom, x: ce.left }));
+                            s(We({ y: ce.bottom, x: ce.left }));
                           },
                           children: "⋮"
                         }
@@ -2924,7 +2924,7 @@ const Qs = tt(({ x: e }) => {
     editingAddress: y,
     dragging: D
   } = n, E = g.current, S = ie(null), $ = a.x === -1 ? "" : Ne(a), N = E == null ? void 0 : E.getCell(a, { resolution: "SYSTEM" }), M = (O = E == null ? void 0 : E.getSystem(a)) == null ? void 0 : O.spilledFrom, P = M ? wt(M) : void 0, X = P != null ? Ne(P) : void 0;
-  z(() => {
+  W(() => {
     var I;
     if (!E)
       return;
@@ -2937,7 +2937,7 @@ const Qs = tt(({ x: e }) => {
     },
     [s]
   );
-  z(() => {
+  W(() => {
     const Y = new ResizeObserver((I) => {
       I.forEach(K);
     });
@@ -2964,7 +2964,7 @@ const Qs = tt(({ x: e }) => {
     i(Y.currentTarget.selectionStart);
   }, []), K = A(() => {
     !S.current || !b.current || (S.current.style.height = `${b.current.clientHeight}px`, S.current.scrollLeft = b.current.scrollLeft, S.current.scrollTop = b.current.scrollTop);
-  }, []), U = A(
+  }, []), Z = A(
     (Y) => {
       !_ || !E || (f(!0), t(de($)), E.registry.lastFocused = Y.currentTarget);
     },
@@ -2978,7 +2978,7 @@ const Qs = tt(({ x: e }) => {
     },
     [y, C]
   );
-  const Z = A(
+  const U = A(
     (Y) => {
       if (Y.ctrlKey || !E)
         return !0;
@@ -2990,9 +2990,9 @@ const Qs = tt(({ x: e }) => {
           if (Y.preventDefault(), u.length) {
             const J = u[v];
             if (J == null ? void 0 : J.isFunction) {
-              const { value: xe, selectionStart: We } = x(J);
+              const { value: xe, selectionStart: ze } = x(J);
               return t(oe(xe)), setTimeout(() => {
-                b.current && (L(b.current), b.current.setSelectionRange(We, We));
+                b.current && (L(b.current), b.current.setSelectionRange(ze, ze));
               }, 0), !1;
             } else {
               const xe = E.update({ diff: { [$]: { value: J.value } }, partial: !0 });
@@ -3084,7 +3084,7 @@ const Qs = tt(({ x: e }) => {
       /* @__PURE__ */ c("div", { className: "gs-fx", children: "Fx" }),
       /* @__PURE__ */ c("div", { className: "gs-formula-bar-editor-inner", children: /* @__PURE__ */ c("textarea", {}) })
     ] });
-  const W = () => {
+  const z = () => {
     var J;
     if (!h || typeof document > "u" || b.current !== document.activeElement)
       return null;
@@ -3153,12 +3153,12 @@ const Qs = tt(({ x: e }) => {
               value: m,
               readOnly: X != null,
               onInput: se,
-              onFocus: U,
+              onFocus: Z,
               onSelect: ce,
               onPaste: (Y) => {
                 Y.stopPropagation();
               },
-              onKeyDown: Z,
+              onKeyDown: U,
               onKeyUp: K,
               onScroll: K,
               onMouseEnter: (Y) => {
@@ -3169,7 +3169,7 @@ const Qs = tt(({ x: e }) => {
               }
             }
           ),
-          W()
+          z()
         ] })
       ]
     }
@@ -3213,7 +3213,7 @@ const Qs = tt(({ x: e }) => {
     matchingCells: b,
     sheetReactive: g
   } = e, m = g.current, y = b[w];
-  z(() => {
+  W(() => {
     if (!y || !m)
       return;
     const u = wt(y);
@@ -3223,7 +3223,7 @@ const Qs = tt(({ x: e }) => {
     const v = u.currentTarget.previousSibling;
     (v == null ? void 0 : v.nodeName) === "INPUT" && L(v);
   }, []), E = A(() => {
-    n(Wt(1));
+    n(zt(1));
   }, []), S = A((u) => {
     n($e(u.currentTarget.value));
   }, []), $ = A(
@@ -3232,7 +3232,7 @@ const Qs = tt(({ x: e }) => {
         const v = s == null ? void 0 : s.current;
         v && L(v), n($e(void 0));
       }
-      return u.key === "f" && (u.ctrlKey || u.metaKey) ? (u.preventDefault(), !1) : u.key === "Enter" ? (n(Wt(u.shiftKey ? -1 : 1)), u.preventDefault(), !1) : !0;
+      return u.key === "f" && (u.ctrlKey || u.metaKey) ? (u.preventDefault(), !1) : u.key === "Enter" ? (n(zt(u.shiftKey ? -1 : 1)), u.preventDefault(), !1) : !0;
     },
     [s]
   ), N = A(() => {
@@ -3348,12 +3348,12 @@ function kr({
   const { sheetResize: f, showFormulaBar: a = !0, mode: d = "light" } = r, w = ie(null), b = ie(null), g = ie(null), m = ie(null), y = ie(null), D = ie(null), E = ie(null), S = hr(), $ = t ?? S, N = fr(), M = s ?? N, P = Ss({}), X = h ?? P, { registry: C } = X, [p] = te(() => n ? (C._componentSheetIds.has(n) || C._componentSheetIds.set(n, ++C.sheetHead), C._componentSheetIds.get(n)) : ++C.sheetHead), l = ie(null), [u] = te(() => {
     var Q;
     n || (n = `Sheet${p}`, console.debug("GridSheet: sheetName is not provided, using default name:", n));
-    const { limits: U, contextMenu: Z, rowMenu: G, colMenu: V } = r, W = new ds({
-      limits: U,
+    const { limits: Z, contextMenu: U, rowMenu: G, colMenu: V } = r, z = new ds({
+      limits: Z,
       name: n,
       registry: C
     });
-    return W.id = p, C.sheetIdsByName[n] = p, W.initialize(e), (Q = C.onInit) == null || Q.call(C, { sheet: W }), W.setTotalSize(), l.current = W, {
+    return z.id = p, C.sheetIdsByName[n] = p, z.initialize(e), (Q = C.onInit) == null || Q.call(C, { sheet: z }), z.setTotalSize(), l.current = z, {
       sheetId: p,
       sheetReactive: l,
       rootRef: w,
@@ -3381,7 +3381,7 @@ function kr({
       searchRegex: !1,
       editingOnEnter: !0,
       contextMenuPosition: { y: -1, x: -1 },
-      contextMenu: Z ?? Os,
+      contextMenu: U ?? Os,
       rowMenu: G ?? Hs,
       colMenu: V ?? Ls,
       resizingPositionY: [-1, -1, -1],
@@ -3396,26 +3396,26 @@ function kr({
     u,
     () => u
   );
-  z(() => {
+  W(() => {
     gs();
   }, []);
   const [T, R] = te((r == null ? void 0 : r.sheetHeight) || mr(e)), [B, q] = te((r == null ? void 0 : r.sheetWidth) || pr(e));
-  return z(() => {
-    const U = g.current;
-    if (!U)
+  return W(() => {
+    const Z = g.current;
+    if (!Z)
       return;
-    let Z = !0;
+    let U = !0;
     const G = new ResizeObserver(() => {
-      if (Z) {
-        Z = !1;
+      if (U) {
+        U = !1;
         return;
       }
-      r.sheetHeight || R(U.clientHeight), r.sheetWidth || q(U.clientWidth);
+      R(r.sheetHeight ? Math.min(r.sheetHeight, Z.clientHeight) : Z.clientHeight), q(r.sheetWidth ? Math.min(r.sheetWidth, Z.clientWidth) : Z.clientWidth);
     });
-    return G.observe(U), () => G.disconnect();
-  }, []), z(() => {
+    return G.observe(Z), () => G.disconnect();
+  }, []), W(() => {
     r.sheetHeight && R(r.sheetHeight);
-  }, [r.sheetHeight]), z(() => {
+  }, [r.sheetHeight]), W(() => {
     r.sheetWidth && q(r.sheetWidth);
   }, [r.sheetWidth]), /* @__PURE__ */ c(ae.Provider, { value: { store: v, dispatch: x }, children: /* @__PURE__ */ F(
     "div",
@@ -3449,7 +3449,7 @@ function kr({
               /* @__PURE__ */ c(ar, {}),
               /* @__PURE__ */ c(As, { ...r, sheetHeight: T, sheetWidth: B, sheetName: n, sheetRef: $, storeRef: M }),
               /* @__PURE__ */ c(Ks, {}),
-              /* @__PURE__ */ c(Ws, {}),
+              /* @__PURE__ */ c(zs, {}),
               /* @__PURE__ */ c(js, {}),
               /* @__PURE__ */ c(Ms, {}),
               /* @__PURE__ */ c(Ds, {})
@@ -3519,8 +3519,8 @@ export {
   Kr as RefEntity,
   Zr as Registry,
   Ur as Sheet,
-  zr as Spilling,
-  Wr as ThousandSeparatorPolicyMixin,
+  Wr as Spilling,
+  zr as ThousandSeparatorPolicyMixin,
   _r as Time,
   jr as ValueEntity,
   Vr as a2p,