@gridsheet/react-core 2.0.0-rc.4 → 2.0.0-rc.7

package/dist/components/Editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../src/components/Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAiB,MAAM,OAAO,CAAC;AA6B/C,OAAO,EAA6D,QAAQ,EAAE,MAAM,UAAU,CAAC;AAK/F,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CAqnB5B,CAAC;AA2BF,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,gBAgEvC,CAAC"}
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../src/components/Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAiB,MAAM,OAAO,CAAC;AA6B/C,OAAO,EAA6D,QAAQ,EAAE,MAAM,UAAU,CAAC;AAK/F,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CAwnB5B,CAAC;AA2BF,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,gBAgEvC,CAAC"}

package/dist/components/GridSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridSheet.d.ts","sourceRoot":"","sources":["../../src/components/GridSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAsB,SAAS,EAAe,KAAK,EAAa,MAAM,UAAU,CAAC;AAmB7F,eAAO,MAAM,eAAe,mDAAsC,CAAC;AACnE,eAAO,MAAM,YAAY,0DAAuC,CAAC;AAEjE,wBAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,SAAc,EACd,SAAS,EAAE,gBAAgB,EAC3B,OAAY,EACZ,SAAS,EACT,KAAK,EACL,GAAG,EAAE,UAAU,GAChB,EAAE,KAAK,eAsJP"}
+{"version":3,"file":"GridSheet.d.ts","sourceRoot":"","sources":["../../src/components/GridSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAsB,SAAS,EAAe,KAAK,EAAa,MAAM,UAAU,CAAC;AAmB7F,eAAO,MAAM,eAAe,mDAAsC,CAAC;AACnE,eAAO,MAAM,YAAY,0DAAuC,CAAC;AAEjE,wBAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,SAAc,EACd,SAAS,EAAE,gBAAgB,EAC3B,OAAY,EACZ,SAAS,EACT,KAAK,EACL,GAAG,EAAE,UAAU,GAChB,EAAE,KAAK,eA2JP"}

package/dist/components/Resizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Resizer.d.ts","sourceRoot":"","sources":["../../src/components/Resizer.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,OAAO,mBAkHnB,CAAC"}
+{"version":3,"file":"Resizer.d.ts","sourceRoot":"","sources":["../../src/components/Resizer.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,OAAO,mBAwGnB,CAAC"}

package/dist/components/StoreObserver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoreObserver.d.ts","sourceRoot":"","sources":["../../src/components/StoreObserver.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,WAAW,EAAS,SAAS,EAAE,MAAM,UAAU,CAAC;AAQ9D,KAAK,kBAAkB,GAAG,WAAW,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,mDAAsC,CAAC;AACnE,eAAO,MAAM,YAAY,0CAAuC,CAAC;AACjE,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAwFhD,CAAC"}
+{"version":3,"file":"StoreObserver.d.ts","sourceRoot":"","sources":["../../src/components/StoreObserver.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,WAAW,EAAS,SAAS,EAAE,MAAM,UAAU,CAAC;AAQ9D,KAAK,kBAAkB,GAAG,WAAW,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,mDAAsC,CAAC;AACnE,eAAO,MAAM,YAAY,0CAAuC,CAAC;AACjE,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA2FhD,CAAC"}

package/dist/index.js

@@ -2956,8 +2956,8 @@ class UndoAction extends CoreAction {
       return store;
     }
     if (history.dstSheetId !== table.sheetId) {
-      const { sync, store: dstStore } = table.wire.contextsBySheetId[history.dstSheetId];
-      sync(setStore({ ...dstStore, ...history.undoReflection }));
+      const { dispatch, store: dstStore } = table.wire.contextsBySheetId[history.dstSheetId];
+      dispatch(setStore({ ...dstStore, ...history.undoReflection }));
       return store;
     }
     return {
@@ -2983,8 +2983,8 @@ class RedoAction extends CoreAction {
       return store;
     }
     if (history.dstSheetId !== table.sheetId) {
-      const { sync, store: dstStore } = table.wire.contextsBySheetId[history.dstSheetId];
-      sync(setStore({ ...dstStore, ...history.redoReflection }));
+      const { dispatch, store: dstStore } = table.wire.contextsBySheetId[history.dstSheetId];
+      dispatch(setStore({ ...dstStore, ...history.redoReflection }));
       return store;
     }
     return {
@@ -4334,11 +4334,14 @@ const Editor = ({ mode }) => {
       var _a2, _b2;
       setShiftKey(false);
       const selectingArea = zoneToArea(store.selectingZone);
-      (_b2 = (_a2 = table.wire).onKeyUp) == null ? void 0 : _b2.call(_a2, { e, points: {
-        pointing: choosing,
-        selectingFrom: { y: selectingArea.top, x: selectingArea.left },
-        selectingTo: { y: selectingArea.bottom, x: selectingArea.right }
-      } });
+      (_b2 = (_a2 = table.wire).onKeyUp) == null ? void 0 : _b2.call(_a2, {
+        e,
+        points: {
+          pointing: choosing,
+          selectingFrom: { y: selectingArea.top, x: selectingArea.left },
+          selectingTo: { y: selectingArea.bottom, x: selectingArea.right }
+        }
+      });
     },
     [store.selectingZone, choosing]
   );
@@ -4531,19 +4534,22 @@ const StoreObserver = ({
     }
     const { wire } = table;
     requestAnimationFrame(() => wire.identifyFormula());
-    wire.contextsBySheetId[table.sheetId] = { store, sync: dispatch };
+    wire.contextsBySheetId[table.sheetId] = { store, dispatch };
     wire.transmit();
     if (connector) {
       connector.current = {
         tableManager: {
-          instance: table,
+          table,
           sync: (table2) => {
             dispatch(updateTable(table2));
           }
         },
         storeManager: {
-          instance: store,
-          sync: dispatch
+          store,
+          sync: (store2) => {
+            dispatch(setStore(store2));
+          },
+          dispatch
         }
       };
     }
@@ -4669,36 +4675,14 @@ const Resizer = () => {
       onMouseUp: handleResizeEnd,
       onMouseMove: handleResizeMove,
       children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: `gs-line ${x === -1 ? "gs-hidden" : ""}`,
-            style: {
-              width: 1,
-              height: "100%",
-              left: endX - offsetX
-            },
-            children: /* @__PURE__ */ jsxs("span", { style: { left: "-50%" }, children: [
-              width,
-              "px"
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: `gs-line ${y === -1 ? "gs-hidden" : ""}`,
-            style: {
-              width: "100%",
-              height: 1,
-              top: endY - offsetY
-            },
-            children: /* @__PURE__ */ jsxs("span", { style: { top: "-50%" }, children: [
-              height,
-              "px"
-            ] })
-          }
-        )
+        /* @__PURE__ */ jsx("div", { className: x === -1 ? "gs-hidden" : "", children: /* @__PURE__ */ jsx("div", { className: "gs-line", style: { width: 1, height: "100%", left: endX - offsetX }, children: /* @__PURE__ */ jsxs("span", { style: { left: "-50%" }, children: [
+          width,
+          "px"
+        ] }) }) }),
+        /* @__PURE__ */ jsx("div", { className: y === -1 ? "gs-hidden" : "", children: /* @__PURE__ */ jsx("div", { className: "gs-line", style: { width: "100%", height: 1, top: endY - offsetY }, children: /* @__PURE__ */ jsxs("span", { style: { top: "-50%" }, children: [
+          height,
+          "px"
+        ] }) }) })
       ]
     }
   );
@@ -4733,21 +4717,21 @@ const Emitter = () => {
   }, [pointing, zone]);
   return null;
 };
-const copier = async ({ store, sync }) => {
+const copier = async ({ store, dispatch }) => {
   var _a;
   const { editorRef } = store;
   const area = clip(store);
-  sync(copy(areaToZone(area)));
+  dispatch(copy(areaToZone(area)));
   (_a = editorRef.current) == null ? void 0 : _a.focus();
 };
-const cutter = async ({ store, sync }) => {
+const cutter = async ({ store, dispatch }) => {
   var _a;
   const { editorRef } = store;
   const area = clip(store);
-  sync(cut(areaToZone(area)));
+  dispatch(cut(areaToZone(area)));
   (_a = editorRef.current) == null ? void 0 : _a.focus();
 };
-const paster = async ({ store, sync }, onlyValue = false) => {
+const paster = async ({ store, dispatch }, onlyValue = false) => {
   var _a;
   const { editorRef } = store;
   const items = await navigator.clipboard.read();
@@ -4770,67 +4754,67 @@ const paster = async ({ store, sync }, onlyValue = false) => {
       }
     }
   }
-  sync(paste({ matrix: cells, onlyValue }));
+  dispatch(paste({ matrix: cells, onlyValue }));
   (_a = editorRef.current) == null ? void 0 : _a.focus();
 };
-const undoer = async ({ store, sync }) => {
+const undoer = async ({ store, dispatch }) => {
   var _a;
   const { editorRef } = store;
-  sync(undo(null));
+  dispatch(undo(null));
   (_a = editorRef.current) == null ? void 0 : _a.focus();
 };
-const redoer = async ({ store, sync }) => {
+const redoer = async ({ store, dispatch }) => {
   var _a;
   const { editorRef } = store;
-  sync(redo(null));
+  dispatch(redo(null));
   (_a = editorRef.current) == null ? void 0 : _a.focus();
 };
-const rowsInserterAbove = async ({ store, sync }) => {
+const rowsInserterAbove = async ({ store, dispatch }) => {
   var _a;
   const { selectingZone, editorRef } = store;
   const { top } = zoneToArea(selectingZone);
   const numRows = zoneShape({ ...selectingZone, base: 1 }).height;
-  sync(insertRowsAbove({ numRows, y: top, operator: "USER" }));
+  dispatch(insertRowsAbove({ numRows, y: top, operator: "USER" }));
   (_a = editorRef.current) == null ? void 0 : _a.focus();
 };
-const rowsInserterBelow = async ({ store, sync }) => {
+const rowsInserterBelow = async ({ store, dispatch }) => {
   var _a;
   const { selectingZone, editorRef } = store;
   const { bottom } = zoneToArea(selectingZone);
   const numRows = zoneShape({ ...selectingZone, base: 1 }).height;
-  sync(insertRowsBelow({ numRows, y: bottom, operator: "USER" }));
+  dispatch(insertRowsBelow({ numRows, y: bottom, operator: "USER" }));
   (_a = editorRef.current) == null ? void 0 : _a.focus();
 };
-const colsInserterLeft = async ({ store, sync }) => {
+const colsInserterLeft = async ({ store, dispatch }) => {
   var _a;
   const { selectingZone, editorRef } = store;
   const { left } = zoneToArea(selectingZone);
   const numCols = zoneShape({ ...selectingZone, base: 1 }).width;
-  sync(insertColsLeft({ numCols, x: left, operator: "USER" }));
+  dispatch(insertColsLeft({ numCols, x: left, operator: "USER" }));
   (_a = editorRef.current) == null ? void 0 : _a.focus();
 };
-const colsInserterRight = async ({ store, sync }) => {
+const colsInserterRight = async ({ store, dispatch }) => {
   var _a;
   const { selectingZone, editorRef } = store;
   const { right } = zoneToArea(selectingZone);
   const numCols = zoneShape({ ...selectingZone, base: 1 }).width;
-  sync(insertColsRight({ numCols, x: right, operator: "USER" }));
+  dispatch(insertColsRight({ numCols, x: right, operator: "USER" }));
   (_a = editorRef.current) == null ? void 0 : _a.focus();
 };
-const rowsRemover = async ({ store, sync }) => {
+const rowsRemover = async ({ store, dispatch }) => {
   var _a;
   const { selectingZone, editorRef } = store;
   const { top } = zoneToArea(selectingZone);
   const numRows = zoneShape({ ...selectingZone, base: 1 }).height;
-  sync(removeRows({ numRows, y: top, operator: "USER" }));
+  dispatch(removeRows({ numRows, y: top, operator: "USER" }));
   (_a = editorRef.current) == null ? void 0 : _a.focus();
 };
-const colsRemover = async ({ store, sync }) => {
+const colsRemover = async ({ store, dispatch }) => {
   var _a;
   const { selectingZone, editorRef } = store;
   const { left } = zoneToArea(selectingZone);
   const numCols = zoneShape({ ...selectingZone, base: 1 }).width;
-  sync(removeCols({ numCols, x: left, operator: "USER" }));
+  dispatch(removeCols({ numCols, x: left, operator: "USER" }));
   (_a = editorRef.current) == null ? void 0 : _a.focus();
 };
 const syncers = {
@@ -4863,7 +4847,7 @@ const ContextMenu = () => {
         return false;
       },
       children: /* @__PURE__ */ jsx("div", { className: "gs-contextmenu", style: { top, left }, children: /* @__PURE__ */ jsx("ul", { children: contextMenuItems.map((Item, index) => {
-        return /* @__PURE__ */ jsx(Item, { store, sync: dispatch }, index);
+        return /* @__PURE__ */ jsx(Item, { store, dispatch }, index);
       }) }) })
     }
   );
@@ -7588,14 +7572,13 @@ class Wire {
       tobe.push(storeDispatch);
     }
     for (let i = 0; i < tobe.length; i++) {
-      const { store, sync } = tobe[i];
+      const { store, dispatch } = tobe[i];
       const table = store.tableReactive.current;
       if (!table) {
         continue;
       }
       table.identifyFormula();
-      const newTable = table.clone();
-      sync(updateTable(newTable));
+      dispatch(updateTable(table));
     }
     this.ready = true;
   }
@@ -7760,7 +7743,7 @@ class Table {
     });
   }
   get isInitialized() {
-    return this.version > 0;
+    return this.status === 2;
   }
   get functions() {
     return this.wire.functions;
@@ -8424,8 +8407,8 @@ class Table {
     const resolvedDiff = preserver.resolveDependents();
     Object.assign(diffBefore, resolvedDiff);
     if (srcTable !== this && srcContext !== null) {
-      const { sync } = srcContext;
-      sync(updateTable(srcTableRaw));
+      const { dispatch } = srcContext;
+      dispatch(updateTable(srcTableRaw));
     }
     if (historicize) {
       this.pushHistory({
@@ -10402,8 +10385,8 @@ const useOperationStyles = (store, refs) => {
   }
   return cellStyles;
 };
-const LAST_MODIFIED = 1753186053;
-const CSS = `.gs-root1{display:inline-block;position:relative;border-spacing:0;width:fit-content;max-width:100%;overflow:auto;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,Meiryo,sans-serif}.gs-root1 .gs-main{flex:1;max-width:100%;overflow:hidden;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.gs-root1 .gs-resizing{width:100%;height:100%;position:absolute;background-color:rgba(0,127,255,.08);top:0;left:0;z-index:2}.gs-root1 .gs-line{position:relative;top:0;left:0;border:dotted 1px #07f;box-sizing:border-box}.gs-root1 .gs-line span{font-size:10px;padding:3px;background-color:#07f;color:#fff;margin:0;position:absolute;top:0;left:0}.gs-root1 .gs-scroll-handle{width:100%;height:100%;cursor:cell}.gs-hidden{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;pointer-events:none;z-index:-1}.gs-fixed{position:fixed;top:0;left:0;z-index:1}.gs-root1[data-mode=light]{background-color:#e2e2e2;color:#000}.gs-root1[data-mode=light] .gs-main{background-color:#e2e2e2;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd}.gs-root1[data-mode=light] .gs-tabular{background-color:#e2e2e2}.gs-root1[data-mode=light] .gs-formula-bar{background-color:#efefef}.gs-root1[data-mode=light] .gs-formula-bar-editor-inner{color:#555}.gs-root1[data-mode=light] .gs-cell{border-top:solid 1px #ddd;border-left:solid 1px #ddd}.gs-root1[data-mode=light] .gs-adjuster{background-color:#ddd}.gs-root1[data-mode=light] .gs-tabular-inner{background-color:#f7f7f7}.gs-root1[data-mode=light] .gs-th{background-color:#efefef;color:#666}.gs-root1[data-mode=light] .gs-th.gs-selecting{background-color:#d2d2d2}.gs-root1[data-mode=light] .gs-th.gs-choosing{background-color:#bbb}.gs-root1[data-mode=light] .gs-th.gs-th-selecting{background-color:#555;color:#fff}.gs-root1[data-mode=light] .gs-th-top .gs-th-inner{border-top:solid 1px #ddd}.gs-root1[data-mode=light] .gs-th-top .gs-th-inner-wrap{border-left:solid 1px #ddd}.gs-root1[data-mode=light] .gs-th-left{border-top:solid 1px #ddd}.gs-root1[data-mode=light] .gs-th-left .gs-th-inner{border-left:solid 1px #ddd}.gs-root1[data-mode=light] .gs-search-bar{color:rgba(0,0,0,.3)}.gs-editor[data-mode=light].gs-editing textarea{caret-color:#000000}.gs-editor[data-mode=light].gs-editing .gs-editor-hl{background-color:#f7f7f7;color:#000}.gs-editor[data-mode=light] .gs-editor-options{color:#000;background-color:#f7f7f7;border:solid 1px #ddd}.gs-root1[data-mode=dark]{background-color:#5a5a5a;color:#eee}.gs-root1[data-mode=dark] .gs-main{background-color:#3f3f3f;border-right:solid 1px #5a5a5a;border-bottom:solid 1px #5a5a5a}.gs-root1[data-mode=dark] .gs-tabular{background-color:#3f3f3f}.gs-root1[data-mode=dark] .gs-formula-bar{background-color:#4f4f4f}.gs-root1[data-mode=dark] .gs-formula-bar-editor-inner{color:#bbb}.gs-root1[data-mode=dark] .gs-cell{border-top:solid 1px #5a5a5a;border-left:solid 1px #5a5a5a}.gs-root1[data-mode=dark] .gs-adjuster{background-color:#5a5a5a}.gs-root1[data-mode=dark] .gs-tabular-inner{background-color:#212121}.gs-root1[data-mode=dark] .gs-large-editor textarea{color:#eee;caret-color:#eeeeee}.gs-root1[data-mode=dark] .gs-th{background-color:#4f4f4f;color:#eee}.gs-root1[data-mode=dark] .gs-th.gs-selecting{background-color:#606060}.gs-root1[data-mode=dark] .gs-th.gs-choosing{background-color:#777}.gs-root1[data-mode=dark] .gs-th.gs-th-selecting{background-color:#aaa;color:#444}.gs-root1[data-mode=dark] .gs-th-top .gs-th-inner{border-top:solid 1px #5a5a5a}.gs-root1[data-mode=dark] .gs-th-top .gs-th-inner-wrap{border-left:solid 1px #5a5a5a}.gs-root1[data-mode=dark] .gs-th-left{border-top:solid 1px #5a5a5a}.gs-root1[data-mode=dark] .gs-th-left .gs-th-inner{border-left:solid 1px #5a5a5a}.gs-root1[data-mode=dark] .gs-search-bar textarea{color:#eee;caret-color:#eeeeee}.gs-root1[data-mode=dark] .gs-search-bar{color:rgba(255,255,255,.3)}.gs-editor[data-mode=dark].gs-editing textarea{caret-color:#eeeeee}.gs-editor[data-mode=dark].gs-editing .gs-editor-hl{background-color:#212121;color:#eee}.gs-editor[data-mode=dark] .gs-editor-options{color:#eee;background-color:#5a5a5a;border:solid 1px #5a5a5a}.gs-cell{transition:border-color .2s ease;padding:0;margin:0;box-sizing:border-box;position:relative;font-size:13px;letter-spacing:1px;line-height:24px;cursor:cell;user-select:none;-webkit-user-select:none;-moz-user-select:none}.gs-cell .gs-cell-inner-wrap.gs-selecting{background-color:rgba(0,128,255,.2)}.gs-cell.gs-copying textarea:focus{outline:solid 1px #0077ff}.gs-cell.gs-selecting{z-index:1}.gs-cell.gs-selecting .gs-cell-inner{background-color:rgba(0,128,255,.2)}.gs-cell.gs-selecting .gs-cell-label{display:block}.gs-cell.gs-choosing{margin-top:-1px;margin-left:-1px;z-index:1}.gs-cell.gs-choosing.gs-editing{color:transparent}.gs-cell.gs-choosing .gs-cell-label{display:block}.gs-cell .gs-formula-error-triangle{position:absolute;top:0;right:0;border-top:3px solid rgba(200,0,0,.9);border-right:3px solid rgba(200,0,0,.9);border-bottom:3px solid transparent;border-left:3px solid transparent;z-index:1}.gs-cell .gs-cell-label{font-size:8px;font-weight:400;font-style:normal;font-family:math,monospace,serif;letter-spacing:1px;line-height:14px;position:absolute;top:0;right:0;background-color:rgba(0,128,255,.2);color:rgba(255,255,255,.6);padding:0 2px;display:none;opacity:.7}.gs-cell .gs-cell-inner-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.gs-cell .gs-cell-inner{width:100%;height:100%;overflow:hidden;display:flex;box-sizing:border-box;border:none!important}.gs-cell .gs-cell-rendered{overflow:hidden;white-space:pre-wrap;cursor:cell;word-wrap:break-word;word-break:break-all;padding:0 2px;width:100%;height:100%}.gs-cell .gs-cell-rendered>*{position:relative}.gs-cell .gs-cell-rendered>.backface{z-index:0}.gs-cell .gs-autofill-drag{background-color:#07f;position:absolute;width:7px;height:7px;bottom:0;right:0;margin-right:-3.5px;margin-bottom:-3.5px;cursor:crosshair;z-index:1}.gs-th[data-x="1"] .gs-th-inner-wrap{border-left:none}.gs-th[data-y="1"] .gs-th-inner-wrap{border-top:none}.gs-cell[data-x="1"]{border-left:none}.gs-cell[data-y="1"]{border-top:none}.gs-contextmenu-modal{width:100%;height:100vh;z-index:3}.gs-contextmenu{z-index:3;position:fixed;background-color:#fff;padding:5px 0;border-radius:5px;box-shadow:rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 1px 3px 1px}.gs-contextmenu ul{min-width:250px;color:#555;margin:0;padding:0}.gs-contextmenu li{padding:5px 10px;list-style-type:none;display:flex}.gs-contextmenu li.gs-enabled{cursor:pointer}.gs-contextmenu li.gs-enabled:hover{background-color:#eee}.gs-contextmenu li.gs-disabled{opacity:.5;cursor:not-allowed}.gs-contextmenu li.gs-menu-divider{background-color:#aaa;margin:10px 0;padding:0;height:1px}.gs-contextmenu li .gs-menu-name{flex:1;font-size:15px;letter-spacing:1px}.gs-contextmenu li .gs-menu-shortcut{font-size:10px;line-height:20px;color:#999}.gs-contextmenu li .gs-menu-shortcut:before{content:"( "}.gs-contextmenu li .gs-menu-shortcut:after{content:" )"}.gs-contextmenu li .gs-menu-shortcut .gs-menu-underline{text-decoration:underline}.gs-editor-hl{padding:0 2px!important;position:absolute;font-family:monospace,Arial;font-size:12px;line-height:24px;letter-spacing:1px}.gs-formula-bar-editor-inner{position:relative;display:table-cell}.gs-editor{opacity:0;z-index:-1}.gs-editor .gs-editor-inner{position:relative}.gs-editor .gs-editor-hl{box-sizing:content-box;border:solid 2px #07f;margin:-2px -1px}.gs-editor textarea{width:100%;padding:0 2px!important;position:absolute;font-size:12px;font-family:monospace,Arial;line-height:24px;letter-spacing:1px;top:0;left:0;border:none;outline:0;background-color:transparent;color:transparent;resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;cursor:default;white-space:pre;height:auto}.gs-editor.gs-editing{z-index:3;opacity:1}.gs-editor.gs-editing .gs-cell-label{pointer-events:none;font-family:math,monospace,serif;position:absolute;top:0;right:0;margin-top:-15px;margin-right:-2px;padding:0 2px;font-size:10px;background-color:rgba(0,119,255,.75);color:#fff;z-index:1}.gs-formula-bar{width:100%;position:relative;display:table;align-items:center;justify-content:center;border-top:solid 1px rgba(128,128,128,.3);border-left:solid 1px rgba(128,128,128,.3);border-right:solid 1px rgba(128,128,128,.3);box-sizing:border-box}.gs-formula-bar .gs-selecting-address{display:table-cell;vertical-align:middle;width:60px;color:rgba(200,200,200);font-size:13px;text-align:center}.gs-formula-bar .gs-fx{display:table-cell;vertical-align:middle;width:30px;color:rgba(200,200,200);font-style:italic;font-family:cursive;text-align:center;border-left:solid 1px rgba(128,128,128,.5);font-size:15px}.gs-formula-bar .gs-editor-hl{z-index:0;overflow-y:auto;box-sizing:border-box;white-space:pre-wrap;word-break:break-all}.gs-formula-bar textarea{position:relative;z-index:1;width:100%;vertical-align:bottom;color:transparent;border:none;background-color:transparent;padding:0 2px;box-sizing:border-box;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-size:12px;font-family:monospace,Arial;height:24px;line-height:24px;min-height:24px;letter-spacing:1px;resize:vertical;caret-color:rgba(128,128,128);white-space:pre-wrap;word-break:break-all}.gs-token-type-INVALID_REF{color:red}.gs-token-type-VALUE.gs-token-entity-type-boolean,.gs-token-type-VALUE.gs-token-entity-type-number{color:#39f}.gs-token-type-VALUE.gs-token-entity-type-string{color:#090}.gs-editor-options{padding:0;box-shadow:0 2px 8px rgba(0,0,0,.25);border:1px solid rgba(128,128,128,.2);border-radius:4px}.gs-editor-option{cursor:pointer;list-style:none;padding:5px;font-size:12px}.gs-editor-option:hover{background-color:rgba(128,128,128,.1)}.gs-editor-option-selected{background-color:rgba(128,128,128,.2)}.gs-adjuster{padding:0}.gs-table{margin:0}.gs-tabular{overflow:auto;display:block;box-sizing:border-box;overscroll-behavior-x:contain}.gs-tabular-inner>table{table-layout:fixed;border-collapse:collapse;border-spacing:0}.gs-th{z-index:2;padding:0;position:sticky;font-size:13px;font-weight:400;box-sizing:border-box;vertical-align:top}.gs-th .gs-resizer{position:absolute;border-color:transparent;box-sizing:border-box;z-index:2}.gs-th .gs-resizer:hover{background-color:#07f}.gs-th .gs-resizer.gs-protected{display:none}.gs-th-inner{height:100%;box-sizing:border-box;vertical-align:middle;overflow:hidden;display:flex;align-items:center;justify-content:center}.gs-th-inner-wrap{height:100%;box-sizing:border-box;background-color:transparent}.gs-th-top{top:0;overflow:hidden}.gs-th-top .gs-resizer{top:0;right:0;width:3px;cursor:e-resize}.gs-th-top .gs-resizer.gs-dragging{border-right-style:dotted;height:1000000px!important;cursor:e-resize}.gs-th-left{left:0;overflow:hidden;min-width:30px;border-top:solid 1px #ddd}.gs-th-left .gs-resizer{left:0;bottom:0;height:3px;cursor:n-resize}.gs-th-left .gs-resizer.gs-dragging{border-bottom-style:dotted;width:1000000px!important;cursor:n-resize}.gs-th-top.gs-th-left{top:0;left:0;z-index:3;border:none!important}.gs-search-bar{width:100%;display:table;align-items:center;justify-content:center;border-top:solid 1px rgba(128,128,128,.3);border-left:solid 1px rgba(128,128,128,.3);border-right:solid 1px rgba(128,128,128,.3);box-sizing:border-box;background-color:rgba(200,50,0,.2)}.gs-search-bar.gs-search-found{background-color:rgba(0,200,100,.2)}.gs-search-bar .gs-search-bar-inner{vertical-align:middle;border-left:solid 1px rgba(128,128,128,.5)}.gs-search-bar .gs-search-bar-icon{border-left:solid 1px rgba(128,128,128,.3);display:table-cell;vertical-align:middle;width:30px}.gs-search-bar textarea{background-color:transparent;border:none;padding:0 2px;box-sizing:border-box;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-size:12px;font-family:monospace,Arial;height:24px;line-height:24px;min-height:24px;letter-spacing:1px;caret-color:rgba(128,128,128);white-space:pre-wrap;word-break:break-all;display:table-cell;vertical-align:middle;width:100%;resize:none}.gs-search-progress{display:table-cell;color:#999;font-size:13px;width:60px;vertical-align:middle;white-space:nowrap;text-align:center}.gs-search-close{display:table-cell;cursor:pointer;vertical-align:middle;width:24px}.gs-search-casesensitive{display:table-cell;cursor:pointer;vertical-align:middle;width:30px}.gs-search-casesensitive span{font-size:14px;padding:0 3px}.gs-search-casesensitive span.gs-search-casesensitive-on{color:#07f;background-color:rgba(200,200,255,.5);border-radius:3px}`;
+const LAST_MODIFIED = 1753244050;
+const CSS = `.gs-root1{display:inline-block;position:relative;border-spacing:0;width:fit-content;max-width:100%;overflow:auto;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,Meiryo,sans-serif;visibility:hidden;opacity:0}.gs-root1.gs-initialized{visibility:visible;opacity:1;transition:opacity .2s ease-in-out}.gs-root1 .gs-main{flex:1;max-width:100%;overflow:hidden;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.gs-root1 .gs-resizing{width:100%;height:100%;position:absolute;background-color:rgba(0,127,255,.08);top:0;left:0;z-index:2}.gs-root1 .gs-line{position:relative;top:0;left:0;border:dotted 1px #07f;box-sizing:border-box}.gs-root1 .gs-line span{font-size:10px;padding:3px;background-color:#07f;color:#fff;margin:0;position:absolute;top:0;left:0}.gs-root1 .gs-scroll-handle{width:100%;height:100%;cursor:cell}.gs-hidden{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;pointer-events:none;z-index:-1}.gs-fixed{position:fixed;top:0;left:0;z-index:1}.gs-root1[data-mode=light]{background-color:#e2e2e2;color:#000}.gs-root1[data-mode=light] .gs-main{background-color:#e2e2e2;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd}.gs-root1[data-mode=light] .gs-tabular{background-color:#e2e2e2}.gs-root1[data-mode=light] .gs-formula-bar{background-color:#efefef}.gs-root1[data-mode=light] .gs-formula-bar-editor-inner{color:#555}.gs-root1[data-mode=light] .gs-cell{border-top:solid 1px #ddd;border-left:solid 1px #ddd}.gs-root1[data-mode=light] .gs-adjuster{background-color:#ddd}.gs-root1[data-mode=light] .gs-tabular-inner{background-color:#f7f7f7}.gs-root1[data-mode=light] .gs-th{background-color:#efefef;color:#666}.gs-root1[data-mode=light] .gs-th.gs-selecting{background-color:#d2d2d2}.gs-root1[data-mode=light] .gs-th.gs-choosing{background-color:#bbb}.gs-root1[data-mode=light] .gs-th.gs-th-selecting{background-color:#555;color:#fff}.gs-root1[data-mode=light] .gs-th-top .gs-th-inner{border-top:solid 1px #ddd}.gs-root1[data-mode=light] .gs-th-top .gs-th-inner-wrap{border-left:solid 1px #ddd}.gs-root1[data-mode=light] .gs-th-left{border-top:solid 1px #ddd}.gs-root1[data-mode=light] .gs-th-left .gs-th-inner{border-left:solid 1px #ddd}.gs-root1[data-mode=light] .gs-search-bar{color:rgba(0,0,0,.3)}.gs-editor[data-mode=light].gs-editing textarea{caret-color:#000000}.gs-editor[data-mode=light].gs-editing .gs-editor-hl{background-color:#f7f7f7;color:#000}.gs-editor[data-mode=light] .gs-editor-options{color:#000;background-color:#f7f7f7;border:solid 1px #ddd}.gs-root1[data-mode=dark]{background-color:#5a5a5a;color:#eee}.gs-root1[data-mode=dark] .gs-main{background-color:#3f3f3f;border-right:solid 1px #5a5a5a;border-bottom:solid 1px #5a5a5a}.gs-root1[data-mode=dark] .gs-tabular{background-color:#3f3f3f}.gs-root1[data-mode=dark] .gs-formula-bar{background-color:#4f4f4f}.gs-root1[data-mode=dark] .gs-formula-bar-editor-inner{color:#bbb}.gs-root1[data-mode=dark] .gs-cell{border-top:solid 1px #5a5a5a;border-left:solid 1px #5a5a5a}.gs-root1[data-mode=dark] .gs-adjuster{background-color:#5a5a5a}.gs-root1[data-mode=dark] .gs-tabular-inner{background-color:#212121}.gs-root1[data-mode=dark] .gs-large-editor textarea{color:#eee;caret-color:#eeeeee}.gs-root1[data-mode=dark] .gs-th{background-color:#4f4f4f;color:#eee}.gs-root1[data-mode=dark] .gs-th.gs-selecting{background-color:#606060}.gs-root1[data-mode=dark] .gs-th.gs-choosing{background-color:#777}.gs-root1[data-mode=dark] .gs-th.gs-th-selecting{background-color:#aaa;color:#444}.gs-root1[data-mode=dark] .gs-th-top .gs-th-inner{border-top:solid 1px #5a5a5a}.gs-root1[data-mode=dark] .gs-th-top .gs-th-inner-wrap{border-left:solid 1px #5a5a5a}.gs-root1[data-mode=dark] .gs-th-left{border-top:solid 1px #5a5a5a}.gs-root1[data-mode=dark] .gs-th-left .gs-th-inner{border-left:solid 1px #5a5a5a}.gs-root1[data-mode=dark] .gs-search-bar textarea{color:#eee;caret-color:#eeeeee}.gs-root1[data-mode=dark] .gs-search-bar{color:rgba(255,255,255,.3)}.gs-editor[data-mode=dark].gs-editing textarea{caret-color:#eeeeee}.gs-editor[data-mode=dark].gs-editing .gs-editor-hl{background-color:#212121;color:#eee}.gs-editor[data-mode=dark] .gs-editor-options{color:#eee;background-color:#5a5a5a;border:solid 1px #5a5a5a}.gs-cell{transition:border-color .2s ease;padding:0;margin:0;box-sizing:border-box;position:relative;font-size:13px;letter-spacing:1px;line-height:24px;cursor:cell;user-select:none;-webkit-user-select:none;-moz-user-select:none}.gs-cell .gs-cell-inner-wrap.gs-selecting{background-color:rgba(0,128,255,.2)}.gs-cell.gs-copying textarea:focus{outline:solid 1px #0077ff}.gs-cell.gs-selecting{z-index:1}.gs-cell.gs-selecting .gs-cell-inner{background-color:rgba(0,128,255,.2)}.gs-cell.gs-selecting .gs-cell-label{display:block}.gs-cell.gs-choosing{margin-top:-1px;margin-left:-1px;z-index:1}.gs-cell.gs-choosing.gs-editing{color:transparent}.gs-cell.gs-choosing .gs-cell-label{display:block}.gs-cell .gs-formula-error-triangle{position:absolute;top:0;right:0;border-top:3px solid rgba(200,0,0,.9);border-right:3px solid rgba(200,0,0,.9);border-bottom:3px solid transparent;border-left:3px solid transparent;z-index:1}.gs-cell .gs-cell-label{font-size:8px;font-weight:400;font-style:normal;font-family:math,monospace,serif;letter-spacing:1px;line-height:14px;position:absolute;top:0;right:0;background-color:rgba(0,128,255,.2);color:rgba(255,255,255,.6);padding:0 2px;display:none;opacity:.7}.gs-cell .gs-cell-inner-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.gs-cell .gs-cell-inner{width:100%;height:100%;overflow:hidden;display:flex;box-sizing:border-box;border:none!important}.gs-cell .gs-cell-rendered{overflow:hidden;white-space:pre-wrap;cursor:cell;word-wrap:break-word;word-break:break-all;padding:0 2px;width:100%;height:100%}.gs-cell .gs-cell-rendered>*{position:relative}.gs-cell .gs-cell-rendered>.backface{z-index:0}.gs-cell .gs-autofill-drag{background-color:#07f;position:absolute;width:7px;height:7px;bottom:0;right:0;margin-right:-3.5px;margin-bottom:-3.5px;cursor:crosshair;z-index:1}.gs-th[data-x="1"] .gs-th-inner-wrap{border-left:none}.gs-th[data-y="1"] .gs-th-inner-wrap{border-top:none}.gs-cell[data-x="1"]{border-left:none}.gs-cell[data-y="1"]{border-top:none}.gs-contextmenu-modal{width:100%;height:100vh;z-index:3}.gs-contextmenu{z-index:3;position:fixed;background-color:#fff;padding:5px 0;border-radius:5px;box-shadow:rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 1px 3px 1px}.gs-contextmenu ul{min-width:250px;color:#555;margin:0;padding:0}.gs-contextmenu li{padding:5px 10px;list-style-type:none;display:flex}.gs-contextmenu li.gs-enabled{cursor:pointer}.gs-contextmenu li.gs-enabled:hover{background-color:#eee}.gs-contextmenu li.gs-disabled{opacity:.5;cursor:not-allowed}.gs-contextmenu li.gs-menu-divider{background-color:#aaa;margin:10px 0;padding:0;height:1px}.gs-contextmenu li .gs-menu-name{flex:1;font-size:15px;letter-spacing:1px}.gs-contextmenu li .gs-menu-shortcut{font-size:10px;line-height:20px;color:#999}.gs-contextmenu li .gs-menu-shortcut:before{content:"( "}.gs-contextmenu li .gs-menu-shortcut:after{content:" )"}.gs-contextmenu li .gs-menu-shortcut .gs-menu-underline{text-decoration:underline}.gs-editor-hl{padding:0 2px!important;position:absolute;font-family:monospace,Arial;font-size:12px;line-height:24px;letter-spacing:1px}.gs-formula-bar-editor-inner{position:relative;display:table-cell}.gs-editor{opacity:0;z-index:-1}.gs-editor .gs-editor-inner{position:relative}.gs-editor .gs-editor-hl{box-sizing:content-box;border:solid 2px #07f;margin:-2px -1px}.gs-editor textarea{width:100%;padding:0 2px!important;position:absolute;font-size:12px;font-family:monospace,Arial;line-height:24px;letter-spacing:1px;top:0;left:0;border:none;outline:0;background-color:transparent;color:transparent;resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;cursor:default;white-space:pre;height:auto}.gs-editor.gs-editing{z-index:3;opacity:1}.gs-editor.gs-editing .gs-cell-label{pointer-events:none;font-family:math,monospace,serif;position:absolute;top:0;right:0;margin-top:-15px;margin-right:-2px;padding:0 2px;font-size:10px;background-color:rgba(0,119,255,.75);color:#fff;z-index:1}.gs-formula-bar{width:100%;position:relative;display:table;align-items:center;justify-content:center;border-top:solid 1px rgba(128,128,128,.3);border-left:solid 1px rgba(128,128,128,.3);border-right:solid 1px rgba(128,128,128,.3);box-sizing:border-box}.gs-formula-bar .gs-selecting-address{display:table-cell;vertical-align:middle;width:60px;color:rgba(200,200,200);font-size:13px;text-align:center}.gs-formula-bar .gs-fx{display:table-cell;vertical-align:middle;width:30px;color:rgba(200,200,200);font-style:italic;font-family:cursive;text-align:center;border-left:solid 1px rgba(128,128,128,.5);font-size:15px}.gs-formula-bar .gs-editor-hl{z-index:0;overflow-y:auto;box-sizing:border-box;white-space:pre-wrap;word-break:break-all}.gs-formula-bar textarea{position:relative;z-index:1;width:100%;vertical-align:bottom;color:transparent;border:none;background-color:transparent;padding:0 2px;box-sizing:border-box;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-size:12px;font-family:monospace,Arial;height:24px;line-height:24px;min-height:24px;letter-spacing:1px;resize:vertical;caret-color:rgba(128,128,128);white-space:pre-wrap;word-break:break-all}.gs-token-type-INVALID_REF{color:red}.gs-token-type-VALUE.gs-token-entity-type-boolean,.gs-token-type-VALUE.gs-token-entity-type-number{color:#39f}.gs-token-type-VALUE.gs-token-entity-type-string{color:#090}.gs-editor-options{padding:0;box-shadow:0 2px 8px rgba(0,0,0,.25);border:1px solid rgba(128,128,128,.2);border-radius:4px}.gs-editor-option{cursor:pointer;list-style:none;padding:5px;font-size:12px}.gs-editor-option:hover{background-color:rgba(128,128,128,.1)}.gs-editor-option-selected{background-color:rgba(128,128,128,.2)}.gs-adjuster{padding:0}.gs-table{margin:0}.gs-tabular{overflow:auto;display:block;box-sizing:border-box;overscroll-behavior-x:contain}.gs-tabular-inner>table{table-layout:fixed;border-collapse:collapse;border-spacing:0}.gs-th{z-index:2;padding:0;position:sticky;font-size:13px;font-weight:400;box-sizing:border-box;vertical-align:top}.gs-th .gs-resizer{position:absolute;border-color:transparent;box-sizing:border-box;z-index:2}.gs-th .gs-resizer:hover{background-color:#07f}.gs-th .gs-resizer.gs-protected{display:none}.gs-th-inner{height:100%;box-sizing:border-box;vertical-align:middle;overflow:hidden;display:flex;align-items:center;justify-content:center}.gs-th-inner-wrap{height:100%;box-sizing:border-box;background-color:transparent}.gs-th-top{top:0;overflow:hidden}.gs-th-top .gs-resizer{top:0;right:0;width:3px;cursor:e-resize}.gs-th-top .gs-resizer.gs-dragging{border-right-style:dotted;height:1000000px!important;cursor:e-resize}.gs-th-left{left:0;overflow:hidden;min-width:30px;border-top:solid 1px #ddd}.gs-th-left .gs-resizer{left:0;bottom:0;height:3px;cursor:n-resize}.gs-th-left .gs-resizer.gs-dragging{border-bottom-style:dotted;width:1000000px!important;cursor:n-resize}.gs-th-top.gs-th-left{top:0;left:0;z-index:3;border:none!important}.gs-search-bar{width:100%;display:table;align-items:center;justify-content:center;border-top:solid 1px rgba(128,128,128,.3);border-left:solid 1px rgba(128,128,128,.3);border-right:solid 1px rgba(128,128,128,.3);box-sizing:border-box;background-color:rgba(200,50,0,.2)}.gs-search-bar.gs-search-found{background-color:rgba(0,200,100,.2)}.gs-search-bar .gs-search-bar-inner{vertical-align:middle;border-left:solid 1px rgba(128,128,128,.5)}.gs-search-bar .gs-search-bar-icon{border-left:solid 1px rgba(128,128,128,.3);display:table-cell;vertical-align:middle;width:30px}.gs-search-bar textarea{background-color:transparent;border:none;padding:0 2px;box-sizing:border-box;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-size:12px;font-family:monospace,Arial;height:24px;line-height:24px;min-height:24px;letter-spacing:1px;caret-color:rgba(128,128,128);white-space:pre-wrap;word-break:break-all;display:table-cell;vertical-align:middle;width:100%;resize:none}.gs-search-progress{display:table-cell;color:#999;font-size:13px;width:60px;vertical-align:middle;white-space:nowrap;text-align:center}.gs-search-close{display:table-cell;cursor:pointer;vertical-align:middle;width:24px}.gs-search-casesensitive{display:table-cell;cursor:pointer;vertical-align:middle;width:30px}.gs-search-casesensitive span{font-size:14px;padding:0 3px}.gs-search-casesensitive span.gs-search-casesensitive-on{color:#07f;background-color:rgba(200,200,255,.5);border-radius:3px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}`;
 const embedStyle = () => {
   if (typeof window === "undefined") {
     return;
@@ -10843,35 +10826,44 @@ function GridSheet({
       setSheetWidth(options.sheetWidth);
     }
   }, [options.sheetWidth]);
-  return /* @__PURE__ */ jsx(Context.Provider, { value: { store, dispatch }, children: /* @__PURE__ */ jsxs("div", { className: `gs-root1`, ref: rootRef, "data-sheet-name": sheetName, "data-mode": mode, children: [
-    /* @__PURE__ */ jsx(ScrollHandle, { style: { position: "fixed", top: 0, left: 0 } }),
-    /* @__PURE__ */ jsx(ScrollHandle, { style: { position: "absolute", zIndex: 4, right: 0, top: 0, width: 5 }, horizontal: 1 }),
-    /* @__PURE__ */ jsx(ScrollHandle, { style: { position: "absolute", zIndex: 4, left: 0, bottom: 0, height: 5 }, vertical: 1 }),
-    typeof store.searchQuery === "undefined" ? showFormulaBar && /* @__PURE__ */ jsx(FormulaBar, {}) : /* @__PURE__ */ jsx(SearchBar, {}),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `gs-main ${className || ""}`,
-        ref: mainRef,
-        style: {
-          //width: '100%',
-          maxWidth: (store.totalWidth || 0) + 2,
-          maxHeight: (store.totalHeight || 0) + 2,
-          overflow: "auto",
-          resize: sheetResize,
-          ...style
-        },
-        children: [
-          /* @__PURE__ */ jsx(Editor, { mode }),
-          /* @__PURE__ */ jsx(Tabular, {}),
-          /* @__PURE__ */ jsx(StoreObserver, { ...{ ...options, sheetHeight, sheetWidth, sheetName, connector } }),
-          /* @__PURE__ */ jsx(ContextMenu, {}),
-          /* @__PURE__ */ jsx(Resizer, {}),
-          /* @__PURE__ */ jsx(Emitter, {})
-        ]
-      }
-    )
-  ] }) });
+  return /* @__PURE__ */ jsx(Context.Provider, { value: { store, dispatch }, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `gs-root1 ${wire.ready ? "gs-initialized" : ""}`,
+      ref: rootRef,
+      "data-sheet-name": sheetName,
+      "data-mode": mode,
+      children: [
+        /* @__PURE__ */ jsx(ScrollHandle, { style: { position: "fixed", top: 0, left: 0 } }),
+        /* @__PURE__ */ jsx(ScrollHandle, { style: { position: "absolute", zIndex: 4, right: 0, top: 0, width: 5 }, horizontal: 1 }),
+        /* @__PURE__ */ jsx(ScrollHandle, { style: { position: "absolute", zIndex: 4, left: 0, bottom: 0, height: 5 }, vertical: 1 }),
+        typeof store.searchQuery === "undefined" ? showFormulaBar && /* @__PURE__ */ jsx(FormulaBar, {}) : /* @__PURE__ */ jsx(SearchBar, {}),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `gs-main ${className || ""}`,
+            ref: mainRef,
+            style: {
+              //width: '100%',
+              maxWidth: (store.totalWidth || 0) + 2,
+              maxHeight: (store.totalHeight || 0) + 2,
+              overflow: "auto",
+              resize: sheetResize,
+              ...style
+            },
+            children: [
+              /* @__PURE__ */ jsx(Editor, { mode }),
+              /* @__PURE__ */ jsx(Tabular, {}),
+              /* @__PURE__ */ jsx(StoreObserver, { ...{ ...options, sheetHeight, sheetWidth, sheetName, connector } }),
+              /* @__PURE__ */ jsx(ContextMenu, {}),
+              /* @__PURE__ */ jsx(Resizer, {}),
+              /* @__PURE__ */ jsx(Emitter, {})
+            ]
+          }
+        )
+      ]
+    }
+  ) });
 }
 const estimateSheetHeight = (initialCells) => {
   var _a, _b, _c;