@gridsheet/react-core 1.4.0-alpha.2 → 1.4.0-alpha.4

package/dist/components/HeaderCellTop.js

@@ -0,0 +1,132 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default from "react";
+import { x2c } from "../lib/converters.js";
+import { zoneToArea, between } from "../lib/structs.js";
+import { Context } from "../store/index.js";
+import { setResizingPositionX, drag, select, selectCols, choose, setContextMenuPosition, setEditingCell } from "../store/actions.js";
+import { DEFAULT_WIDTH, DUMMY_IMG } from "../constants.js";
+import { isPrevented, Resize } from "../lib/prevention.js";
+import { useSheetContext } from "./SheetProvider.js";
+import { insertRef, isRefInsertable } from "../lib/input.js";
+const HeaderCellTop = React__default.memo(({ x }) => {
+  const { store, dispatch } = React__default.useContext(Context);
+  const colId = x2c(x);
+  const {
+    table,
+    choosing,
+    selectingZone,
+    resizingRect,
+    topHeaderSelecting,
+    headerHeight,
+    editorRef,
+    autofillDraggingTo
+  } = store;
+  const col = table.getByPoint({ y: 0, x });
+  const width = (col == null ? void 0 : col.width) || DEFAULT_WIDTH;
+  const [sheetProvided, sheetContext] = useSheetContext();
+  const differentSheetFocused = sheetProvided && (sheetContext == null ? void 0 : sheetContext.lastFocusedRef) !== store.lastFocusedRef;
+  const lastFocusedRef = (sheetContext == null ? void 0 : sheetContext.lastFocusedRef) || store.lastFocusedRef;
+  const lastInput = lastFocusedRef.current;
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      "data-x": x,
+      className: `gs-th gs-th-top ${choosing.x === x ? "gs-choosing" : ""} ${between({ start: selectingZone.startX, end: selectingZone.endX }, x) ? topHeaderSelecting ? "gs-th-selecting" : "gs-selecting" : ""}`,
+      style: { width, minWidth: width, maxWidth: width },
+      onClick: (e) => {
+        let startX = e.shiftKey ? selectingZone.startX : x;
+        if (startX === -1) {
+          startX = choosing.x;
+        }
+        const fullColId = `${table.sheetPrefix(!differentSheetFocused)}${colId}:${colId}`;
+        const inserted = insertRef(lastInput, fullColId);
+        if (inserted) {
+          return false;
+        }
+        dispatch(
+          selectCols({
+            range: { start: startX, end: x },
+            numRows: table.getNumRows()
+          })
+        );
+        dispatch(setContextMenuPosition({ y: -1, x: -1 }));
+        dispatch(choose({ y: 1, x: startX }));
+        dispatch(setEditingCell(""));
+        editorRef.current.focus();
+        return false;
+      },
+      onContextMenu: (e) => {
+        e.preventDefault();
+        dispatch(setContextMenuPosition({ y: e.clientY, x: e.clientX }));
+        return false;
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "gs-th-inner-wrap",
+          draggable: true,
+          onDragStart: (e) => {
+            e.dataTransfer.setDragImage(DUMMY_IMG, 0, 0);
+            const insertable = isRefInsertable(lastInput);
+            if (insertable) {
+              dispatch(select({ startY: table.getNumRows(), startX: x, endY: 0, endX: x }));
+              return false;
+            }
+            dispatch(
+              selectCols({
+                range: { start: x, end: x },
+                numRows: table.getNumRows()
+              })
+            );
+            dispatch(choose({ y: 1, x }));
+            return false;
+          },
+          onDragEnd: () => {
+            if (isRefInsertable(lastInput)) {
+              dispatch(select({ startY: -1, startX: -1, endY: -1, endX: -1 }));
+            }
+          },
+          onDragEnter: () => {
+            const newArea = zoneToArea({ ...selectingZone, endY: 1, endX: x });
+            const [left, right] = [x2c(newArea.left), x2c(newArea.right)];
+            const fullRange = `${table.sheetPrefix(!differentSheetFocused)}${left}:${right}`;
+            insertRef(lastInput, fullRange);
+            if (resizingRect.x === -1 && autofillDraggingTo == null) {
+              const { startY } = selectingZone;
+              if (startY === 1) {
+                dispatch(drag({ y: table.getNumRows(), x }));
+              } else {
+                dispatch(drag({ y: 1, x }));
+              }
+            }
+            return false;
+          },
+          onDragOver: (e) => {
+            e.dataTransfer.dropEffect = "move";
+            e.preventDefault();
+          },
+          children: /* @__PURE__ */ jsxs("div", { className: "gs-th-inner", style: { height: headerHeight, position: "relative" }, children: [
+            (col == null ? void 0 : col.labeler) ? table.getLabel(col.labeler, x) : colId,
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `gs-resizer ${isPrevented(col == null ? void 0 : col.prevention, Resize) ? "gs-protected" : ""}`,
+                style: { height: headerHeight },
+                onMouseDown: (e) => {
+                  dispatch(setResizingPositionX([x, e.clientX, e.clientX]));
+                  e.preventDefault();
+                  e.stopPropagation();
+                },
+                children: /* @__PURE__ */ jsx("i", {})
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+});
+export {
+  HeaderCellTop
+};
+//# sourceMappingURL=HeaderCellTop.js.map

package/dist/components/HeaderCellTop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCellTop.js","sources":["../../components/HeaderCellTop.tsx"],"sourcesContent":["import React from 'react';\nimport { x2c } from '../lib/converters';\nimport { between, zoneToArea } from '../lib/structs';\nimport { Context } from '../store';\nimport {\n  choose,\n  drag,\n  select,\n  selectCols,\n  setContextMenuPosition,\n  setEditingCell,\n  setResizingPositionX,\n} from '../store/actions';\nimport { DUMMY_IMG, DEFAULT_WIDTH } from '../constants';\nimport * as prevention from '../lib/prevention';\nimport { useSheetContext } from './SheetProvider';\nimport { insertRef, isRefInsertable } from '../lib/input';\n\ntype Props = {\n  x: number;\n};\n\nexport const HeaderCellTop: React.FC<Props> = React.memo(({ x }) => {\n  const { store, dispatch } = React.useContext(Context);\n  const colId = x2c(x);\n\n  const {\n    table,\n    choosing,\n    selectingZone,\n    resizingRect,\n    topHeaderSelecting,\n    headerHeight,\n    editorRef,\n    autofillDraggingTo,\n  } = store;\n\n  const col = table.getByPoint({ y: 0, x });\n  const width = col?.width || DEFAULT_WIDTH;\n\n  const [sheetProvided, sheetContext] = useSheetContext();\n  const differentSheetFocused = sheetProvided && sheetContext?.lastFocusedRef !== store.lastFocusedRef;\n\n  const lastFocusedRef = sheetContext?.lastFocusedRef || store.lastFocusedRef;\n  const lastInput = lastFocusedRef.current;\n\n  return (\n    <th\n      data-x={x}\n      className={`gs-th gs-th-top ${choosing.x === x ? 'gs-choosing' : ''} ${\n        between({ start: selectingZone.startX, end: selectingZone.endX }, x)\n          ? topHeaderSelecting\n            ? 'gs-th-selecting'\n            : 'gs-selecting'\n          : ''\n      }`}\n      style={{ width, minWidth: width, maxWidth: width }}\n      onClick={(e) => {\n        let startX = e.shiftKey ? selectingZone.startX : x;\n        if (startX === -1) {\n          startX = choosing.x;\n        }\n        const fullColId = `${table.sheetPrefix(!differentSheetFocused)}${colId}:${colId}`;\n        const inserted = insertRef(lastInput, fullColId);\n        if (inserted) {\n          return false;\n        }\n\n        dispatch(\n          selectCols({\n            range: { start: startX, end: x },\n            numRows: table.getNumRows(),\n          }),\n        );\n        dispatch(setContextMenuPosition({ y: -1, x: -1 }));\n        dispatch(choose({ y: 1, x: startX }));\n        dispatch(setEditingCell(''));\n        editorRef.current!.focus();\n        return false;\n      }}\n      onContextMenu={(e) => {\n        e.preventDefault();\n        dispatch(setContextMenuPosition({ y: e.clientY, x: e.clientX }));\n        return false;\n      }}\n    >\n      <div\n        className=\"gs-th-inner-wrap\"\n        draggable\n        onDragStart={(e) => {\n          e.dataTransfer.setDragImage(DUMMY_IMG, 0, 0);\n          const insertable = isRefInsertable(lastInput);\n          if (insertable) {\n            dispatch(select({ startY: table.getNumRows(), startX: x, endY: 0, endX: x }));\n            return false;\n          }\n          dispatch(\n            selectCols({\n              range: { start: x, end: x },\n              numRows: table.getNumRows(),\n            }),\n          );\n          dispatch(choose({ y: 1, x }));\n          return false;\n        }}\n        onDragEnd={() => {\n          if (isRefInsertable(lastInput)) {\n            dispatch(select({ startY: -1, startX: -1, endY: -1, endX: -1 }));\n          }\n        }}\n        onDragEnter={() => {\n          const newArea = zoneToArea({ ...selectingZone, endY: 1, endX: x });\n          const [left, right] = [x2c(newArea.left), x2c(newArea.right)];\n          const fullRange = `${table.sheetPrefix(!differentSheetFocused)}${left}:${right}`;\n          insertRef(lastInput, fullRange);\n\n          if (resizingRect.x === -1 && autofillDraggingTo == null) {\n            const { startY } = selectingZone;\n            if (startY === 1) {\n              dispatch(drag({ y: table.getNumRows(), x }));\n            } else {\n              dispatch(drag({ y: 1, x }));\n            }\n          }\n          return false;\n        }}\n        onDragOver={(e) => {\n          e.dataTransfer.dropEffect = 'move';\n          e.preventDefault();\n        }}\n      >\n        <div className=\"gs-th-inner\" style={{ height: headerHeight, position: 'relative' }}>\n          {col?.labeler ? table.getLabel(col.labeler, x) : colId}\n          <div\n            className={`gs-resizer ${prevention.isPrevented(col?.prevention, prevention.Resize) ? 'gs-protected' : ''}`}\n            style={{ height: headerHeight }}\n            onMouseDown={(e) => {\n              dispatch(setResizingPositionX([x, e.clientX, e.clientX]));\n              e.preventDefault();\n              e.stopPropagation();\n            }}\n          >\n            <i />\n          </div>\n        </div>\n      </div>\n    </th>\n  );\n});\n"],"names":["React","prevention.isPrevented","prevention.Resize"],"mappings":"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"}

package/dist/components/PluginBase.js

@@ -0,0 +1,35 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import React__default from "react";
+const PluginContext = React__default.createContext({});
+function useInitialPluginContext() {
+  const [store, setStore] = React__default.useState(void 0);
+  const [dispatch, setDispatch] = React__default.useState();
+  return {
+    provided: true,
+    store,
+    dispatch,
+    setStore,
+    setDispatch
+  };
+}
+function usePluginContext() {
+  const ctx = React__default.useContext(PluginContext);
+  if ((ctx == null ? void 0 : ctx.provided) == null) {
+    return [false, ctx];
+  }
+  return [true, ctx];
+}
+function PluginBase({ children, context }) {
+  const [provided] = usePluginContext();
+  if (provided) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(PluginContext.Provider, { value: context, children });
+}
+export {
+  PluginBase,
+  PluginContext,
+  useInitialPluginContext,
+  usePluginContext
+};
+//# sourceMappingURL=PluginBase.js.map

package/dist/components/PluginBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginBase.js","sources":["../../components/PluginBase.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StoreType } from '../types';\nimport { Dispatcher } from '../store';\n\nexport type PluginContextType = {\n  provided: boolean;\n  store?: StoreType;\n  dispatch?: Dispatcher;\n  setStore: (store: StoreType) => void;\n  setDispatch: (dispatch: Dispatcher) => void;\n};\n\nexport const PluginContext = React.createContext({} as PluginContextType);\n\nexport function useInitialPluginContext(): PluginContextType {\n  const [store, setStore] = React.useState<StoreType | undefined>(undefined);\n  const [dispatch, setDispatch] = React.useState<Dispatcher>();\n  return {\n    provided: true,\n    store,\n    dispatch,\n    setStore,\n    setDispatch,\n  };\n}\n\nexport function usePluginContext(): [boolean, PluginContextType] {\n  const ctx = React.useContext(PluginContext);\n  if (ctx?.provided == null) {\n    return [false, ctx];\n  }\n  return [true, ctx];\n}\n\nexport function usePluginDispatch() {\n  const dispatch = React.useContext(PluginContext);\n  if (!dispatch) {\n    return undefined;\n  }\n  return dispatch;\n}\n\ntype Props = {\n  children: React.ReactNode;\n  context: PluginContextType;\n};\n\nexport function PluginBase({ children, context }: Props) {\n  const [provided] = usePluginContext();\n  if (provided) {\n    return <>{children}</>;\n  }\n  return <PluginContext.Provider value={context}>{children}</PluginContext.Provider>;\n}\n"],"names":["React"],"mappings":";;AAaO,MAAM,gBAAgBA,eAAM,cAAc,CAAuB,CAAA;AAEjE,SAAS,0BAA6C;AAC3D,QAAM,CAAC,OAAO,QAAQ,IAAIA,eAAM,SAAgC,MAAS;AACzE,QAAM,CAAC,UAAU,WAAW,IAAIA,eAAM,SAAqB;AACpD,SAAA;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,mBAAiD;AACzD,QAAA,MAAMA,eAAM,WAAW,aAAa;AACtC,OAAA,2BAAK,aAAY,MAAM;AAClB,WAAA,CAAC,OAAO,GAAG;AAAA,EAAA;AAEb,SAAA,CAAC,MAAM,GAAG;AACnB;AAeO,SAAS,WAAW,EAAE,UAAU,WAAkB;AACjD,QAAA,CAAC,QAAQ,IAAI,iBAAiB;AACpC,MAAI,UAAU;AACZ,2CAAU,UAAS;AAAA,EAAA;AAErB,6BAAQ,cAAc,UAAd,EAAuB,OAAO,SAAU,UAAS;AAC3D;"}

package/dist/components/Resizer.js

@@ -0,0 +1,98 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { Context } from "../store/index.js";
+import { setResizingPositionY, setResizingPositionX, updateTable } from "../store/actions.js";
+import { DEFAULT_WIDTH, DEFAULT_HEIGHT, MIN_HEIGHT, MIN_WIDTH } from "../constants.js";
+import { zoneToArea, between, makeSequence } from "../lib/structs.js";
+import { p2a } from "../lib/converters.js";
+const Resizer = React__default.memo(() => {
+  const { store, dispatch } = React__default.useContext(Context);
+  const {
+    resizingPositionY: posY,
+    resizingPositionX: posX,
+    table,
+    leftHeaderSelecting,
+    topHeaderSelecting,
+    selectingZone,
+    editorRef,
+    mainRef
+  } = store;
+  const [y, startY, endY] = posY;
+  const [x, startX, endX] = posX;
+  if (y === -1 && x === -1) {
+    return null;
+  }
+  if (mainRef.current == null || editorRef.current == null) {
+    return null;
+  }
+  const cell = table.getByPoint({ y: y === -1 ? 0 : y, x: x === -1 ? 0 : x });
+  const { y: offsetY, x: offsetX } = mainRef.current.getBoundingClientRect();
+  const baseWidth = (cell == null ? void 0 : cell.width) || DEFAULT_WIDTH;
+  const baseHeight = (cell == null ? void 0 : cell.height) || DEFAULT_HEIGHT;
+  const width = baseWidth + (endX - startX);
+  const height = baseHeight + (endY - startY);
+  const handleResizeEnd = () => {
+    const selectingArea = zoneToArea(selectingZone);
+    const { top, left, bottom, right } = selectingArea;
+    const diff = {};
+    if (x !== -1) {
+      let xs = [x];
+      if (topHeaderSelecting && between({ start: left, end: right }, x)) {
+        xs = makeSequence(left, right + 1);
+      }
+      xs.forEach((x2) => {
+        diff[p2a({ y: 0, x: x2 })] = { width };
+      });
+    }
+    if (y !== -1) {
+      let ys = [y];
+      if (leftHeaderSelecting && between({ start: top, end: bottom }, y)) {
+        ys = makeSequence(top, bottom + 1);
+      }
+      ys.forEach((y2) => {
+        diff[p2a({ y: y2, x: 0 })] = { height };
+      });
+    }
+    const newTable = table.update({
+      diff,
+      partial: true,
+      operator: "USER",
+      reflection: { selectingZone }
+    });
+    dispatch(updateTable(newTable));
+    dispatch(setResizingPositionY([-1, -1, -1]));
+    dispatch(setResizingPositionX([-1, -1, -1]));
+    editorRef.current.focus();
+  };
+  const handleResizeMove = (e) => {
+    if (y !== -1) {
+      let endY2 = e.clientY;
+      const height2 = baseHeight + (endY2 - startY);
+      if (height2 < MIN_HEIGHT) {
+        endY2 += MIN_HEIGHT - height2;
+      }
+      dispatch(setResizingPositionY([y, startY, endY2]));
+    } else if (x !== -1) {
+      let endX2 = e.clientX;
+      const width2 = baseWidth + (endX2 - startX);
+      if (width2 < MIN_WIDTH) {
+        endX2 += MIN_WIDTH - width2;
+      }
+      dispatch(setResizingPositionX([x, startX, endX2]));
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "gs-resizing", onMouseUp: handleResizeEnd, onMouseMove: handleResizeMove, children: [
+    x !== -1 && /* @__PURE__ */ jsx("div", { className: "gs-line", style: { width: 1, height: "100%", left: endX - offsetX }, children: /* @__PURE__ */ jsxs("span", { style: { left: "-50%" }, children: [
+      width,
+      "px"
+    ] }) }),
+    y !== -1 && /* @__PURE__ */ jsx("div", { className: "gs-line", style: { width: "100%", height: 1, top: endY - offsetY }, children: /* @__PURE__ */ jsxs("span", { style: { top: "-50%" }, children: [
+      height,
+      "px"
+    ] }) })
+  ] });
+});
+export {
+  Resizer
+};
+//# sourceMappingURL=Resizer.js.map

package/dist/components/Resizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.js","sources":["../../components/Resizer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Context } from '../store';\nimport { setResizingPositionY, setResizingPositionX, updateTable } from '../store/actions';\n\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH, MIN_WIDTH, MIN_HEIGHT } from '../constants';\nimport { zoneToArea, makeSequence, between } from '../lib/structs';\nimport { CellsByAddressType } from '../types';\nimport { p2a } from '../lib/converters';\n\nexport const Resizer: React.FC = React.memo(() => {\n  const { store, dispatch } = React.useContext(Context);\n  const {\n    resizingPositionY: posY,\n    resizingPositionX: posX,\n    table,\n    leftHeaderSelecting,\n    topHeaderSelecting,\n    selectingZone,\n    editorRef,\n    mainRef,\n  } = store;\n\n  const [y, startY, endY] = posY;\n  const [x, startX, endX] = posX;\n  if (y === -1 && x === -1) {\n    return null;\n  }\n  if (mainRef.current == null || editorRef.current == null) {\n    return null;\n  }\n  const cell = table.getByPoint({ y: y === -1 ? 0 : y, x: x === -1 ? 0 : x });\n  const { y: offsetY, x: offsetX } = mainRef.current.getBoundingClientRect();\n\n  const baseWidth = cell?.width || DEFAULT_WIDTH;\n  const baseHeight = cell?.height || DEFAULT_HEIGHT;\n\n  const width = baseWidth + (endX - startX);\n  const height = baseHeight + (endY - startY);\n\n  const handleResizeEnd = () => {\n    const selectingArea = zoneToArea(selectingZone);\n    const { top, left, bottom, right } = selectingArea;\n    const diff: CellsByAddressType = {};\n    if (x !== -1) {\n      let xs = [x];\n      if (topHeaderSelecting && between({ start: left, end: right }, x)) {\n        xs = makeSequence(left, right + 1);\n      }\n      xs.forEach((x) => {\n        diff[p2a({ y: 0, x })] = { width };\n      });\n    }\n    if (y !== -1) {\n      let ys = [y];\n      if (leftHeaderSelecting && between({ start: top, end: bottom }, y)) {\n        ys = makeSequence(top, bottom + 1);\n      }\n      ys.forEach((y) => {\n        diff[p2a({ y, x: 0 })] = { height };\n      });\n    }\n    const newTable = table.update({\n      diff,\n      partial: true,\n      operator: 'USER',\n      reflection: { selectingZone },\n    });\n    dispatch(updateTable(newTable));\n    dispatch(setResizingPositionY([-1, -1, -1]));\n    dispatch(setResizingPositionX([-1, -1, -1]));\n    editorRef.current!.focus();\n  };\n  const handleResizeMove = (e: React.MouseEvent) => {\n    if (y !== -1) {\n      let endY = e.clientY;\n      const height = baseHeight + (endY - startY);\n      if (height < MIN_HEIGHT) {\n        endY += MIN_HEIGHT - height;\n      }\n      dispatch(setResizingPositionY([y, startY, endY]));\n    } else if (x !== -1) {\n      let endX = e.clientX;\n      const width = baseWidth + (endX - startX);\n      if (width < MIN_WIDTH) {\n        endX += MIN_WIDTH - width;\n      }\n      dispatch(setResizingPositionX([x, startX, endX]));\n    }\n  };\n\n  return (\n    <div className=\"gs-resizing\" onMouseUp={handleResizeEnd} onMouseMove={handleResizeMove}>\n      {x !== -1 && (\n        <div className={'gs-line'} style={{ width: 1, height: '100%', left: endX - offsetX }}>\n          <span style={{ left: '-50%' }}>{width}px</span>\n        </div>\n      )}\n      {y !== -1 && (\n        <div className={'gs-line'} style={{ width: '100%', height: 1, top: endY - offsetY }}>\n          <span style={{ top: '-50%' }}>{height}px</span>\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":["React","x","y","endY","height","endX","width"],"mappings":"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"}

package/dist/components/SearchBar.js

@@ -0,0 +1,108 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { a2p } from "../lib/converters.js";
+import React__default from "react";
+import { Context } from "../store/index.js";
+import { search, setSearchQuery, setSearchCaseSensitive } from "../store/actions.js";
+import { smartScroll } from "../lib/virtualization.js";
+import { SearchIcon } from "./svg/SearchIcon.js";
+import { CloseIcon } from "./svg/CloseIcon.js";
+const SearchBar = () => {
+  const { store, dispatch } = React__default.useContext(Context);
+  const {
+    rootRef,
+    editorRef,
+    searchInputRef,
+    tabularRef,
+    searchQuery,
+    searchCaseSensitive,
+    matchingCellIndex,
+    matchingCells,
+    table
+  } = store;
+  const matchingCell = matchingCells[matchingCellIndex];
+  React__default.useEffect(() => {
+    if (!matchingCell) {
+      return;
+    }
+    const point = a2p(matchingCell);
+    if (typeof point === "undefined") {
+      return;
+    }
+    smartScroll(table, tabularRef.current, point);
+  }, [searchQuery, matchingCellIndex, searchCaseSensitive]);
+  if (typeof searchQuery === "undefined") {
+    return null;
+  }
+  if (rootRef.current === null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("label", { className: `gs-search-bar ${matchingCells.length > 0 ? "gs-search-found" : ""}`, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "gs-search-progress",
+        onClick: (e) => {
+          const input = e.currentTarget.previousSibling;
+          (input == null ? void 0 : input.nodeName) === "INPUT" && input.focus();
+        },
+        children: [
+          matchingCells.length === 0 ? 0 : matchingCellIndex + 1,
+          " / ",
+          matchingCells.length
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "gs-search-bar-icon", onClick: () => dispatch(search(1)), children: /* @__PURE__ */ jsx(SearchIcon, { style: { verticalAlign: "middle", marginLeft: "5px" } }) }),
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref: searchInputRef,
+        value: searchQuery,
+        onChange: (e) => dispatch(setSearchQuery(e.target.value)),
+        onKeyDown: (e) => {
+          if (e.key === "Escape") {
+            const el = editorRef == null ? void 0 : editorRef.current;
+            if (el) {
+              el.focus();
+            }
+            dispatch(setSearchQuery(void 0));
+          }
+          if (e.key === "f" && (e.ctrlKey || e.metaKey)) {
+            e.preventDefault();
+            return false;
+          }
+          if (e.key === "Enter") {
+            dispatch(search(e.shiftKey ? -1 : 1));
+            e.preventDefault();
+            return false;
+          }
+          return true;
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: `gs-search-casesensitive`, children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `${searchCaseSensitive ? "gs-search-casesensitive-on" : ""}`,
+        onClick: () => dispatch(setSearchCaseSensitive(!searchCaseSensitive)),
+        children: "Aa"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "a",
+      {
+        className: "gs-search-close",
+        onClick: () => {
+          var _a;
+          dispatch(setSearchQuery(void 0));
+          (_a = editorRef.current) == null ? void 0 : _a.focus();
+        },
+        children: /* @__PURE__ */ jsx(CloseIcon, { style: { verticalAlign: "middle" } })
+      }
+    )
+  ] });
+};
+export {
+  SearchBar
+};
+//# sourceMappingURL=SearchBar.js.map

package/dist/components/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sources":["../../components/SearchBar.tsx"],"sourcesContent":["import { a2p } from '../lib/converters';\nimport React from 'react';\n\nimport { Context } from '../store';\nimport { setSearchQuery, search, setSearchCaseSensitive } from '../store/actions';\nimport { smartScroll } from '../lib/virtualization';\nimport { SearchIcon } from './svg/SearchIcon';\nimport { CloseIcon } from './svg/CloseIcon';\n\nexport const SearchBar: React.FC = () => {\n  const { store, dispatch } = React.useContext(Context);\n  const {\n    rootRef,\n    editorRef,\n    searchInputRef,\n    tabularRef,\n    searchQuery,\n    searchCaseSensitive,\n    matchingCellIndex,\n    matchingCells,\n    table,\n  } = store;\n\n  const matchingCell = matchingCells[matchingCellIndex];\n  React.useEffect(() => {\n    if (!matchingCell) {\n      return;\n    }\n    const point = a2p(matchingCell);\n    if (typeof point === 'undefined') {\n      return;\n    }\n    smartScroll(table, tabularRef.current, point);\n  }, [searchQuery, matchingCellIndex, searchCaseSensitive]);\n\n  if (typeof searchQuery === 'undefined') {\n    return null;\n  }\n  if (rootRef.current === null) {\n    return null;\n  }\n  return (\n    <label className={`gs-search-bar ${matchingCells.length > 0 ? 'gs-search-found' : ''}`}>\n      <div\n        className=\"gs-search-progress\"\n        onClick={(e) => {\n          const input = e.currentTarget.previousSibling as HTMLInputElement;\n          input?.nodeName === 'INPUT' && input.focus();\n        }}\n      >\n        {matchingCells.length === 0 ? 0 : matchingCellIndex + 1} / {matchingCells.length}\n      </div>\n      <div className=\"gs-search-bar-icon\" onClick={() => dispatch(search(1))}>\n        <SearchIcon style={{ verticalAlign: 'middle', marginLeft: '5px' }} />\n      </div>\n      <textarea\n        ref={searchInputRef}\n        value={searchQuery}\n        onChange={(e) => dispatch(setSearchQuery(e.target.value))}\n        onKeyDown={(e) => {\n          if (e.key === 'Escape') {\n            const el = editorRef?.current;\n            if (el) {\n              el.focus();\n            }\n            dispatch(setSearchQuery(undefined));\n          }\n          if (e.key === 'f' && (e.ctrlKey || e.metaKey)) {\n            e.preventDefault();\n            return false;\n          }\n          if (e.key === 'Enter') {\n            dispatch(search(e.shiftKey ? -1 : 1));\n            e.preventDefault();\n            return false;\n          }\n          return true;\n        }}\n      ></textarea>\n      <div className={`gs-search-casesensitive`}>\n        <span\n          className={`${searchCaseSensitive ? 'gs-search-casesensitive-on' : ''}`}\n          onClick={() => dispatch(setSearchCaseSensitive(!searchCaseSensitive))}\n        >\n          Aa\n        </span>\n      </div>\n      <a\n        className=\"gs-search-close\"\n        onClick={() => {\n          dispatch(setSearchQuery(undefined));\n          editorRef.current?.focus();\n        }}\n      >\n        <CloseIcon style={{ verticalAlign: 'middle' }} />\n      </a>\n    </label>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AASO,MAAM,YAAsB,MAAM;AACvC,QAAM,EAAE,OAAO,SAAA,IAAaA,eAAM,WAAW,OAAO;AAC9C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEE,QAAA,eAAe,cAAc,iBAAiB;AACpDA,iBAAM,UAAU,MAAM;AACpB,QAAI,CAAC,cAAc;AACjB;AAAA,IAAA;AAEI,UAAA,QAAQ,IAAI,YAAY;AAC1B,QAAA,OAAO,UAAU,aAAa;AAChC;AAAA,IAAA;AAEU,gBAAA,OAAO,WAAW,SAAS,KAAK;AAAA,EAC3C,GAAA,CAAC,aAAa,mBAAmB,mBAAmB,CAAC;AAEpD,MAAA,OAAO,gBAAgB,aAAa;AAC/B,WAAA;AAAA,EAAA;AAEL,MAAA,QAAQ,YAAY,MAAM;AACrB,WAAA;AAAA,EAAA;AAGP,SAAA,qBAAC,WAAM,WAAW,iBAAiB,cAAc,SAAS,IAAI,oBAAoB,EAAE,IAClF,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,CAAC,MAAM;AACR,gBAAA,QAAQ,EAAE,cAAc;AACvB,0CAAA,cAAa,WAAW,MAAM,MAAM;AAAA,QAC7C;AAAA,QAEC,UAAA;AAAA,UAAc,cAAA,WAAW,IAAI,IAAI,oBAAoB;AAAA,UAAE;AAAA,UAAI,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5E;AAAA,IACA,oBAAC,SAAI,WAAU,sBAAqB,SAAS,MAAM,SAAS,OAAO,CAAC,CAAC,GACnE,UAAC,oBAAA,YAAA,EAAW,OAAO,EAAE,eAAe,UAAU,YAAY,QAAS,CAAA,GACrE;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,SAAS,eAAe,EAAE,OAAO,KAAK,CAAC;AAAA,QACxD,WAAW,CAAC,MAAM;AACZ,cAAA,EAAE,QAAQ,UAAU;AACtB,kBAAM,KAAK,uCAAW;AACtB,gBAAI,IAAI;AACN,iBAAG,MAAM;AAAA,YAAA;AAEF,qBAAA,eAAe,MAAS,CAAC;AAAA,UAAA;AAEpC,cAAI,EAAE,QAAQ,QAAQ,EAAE,WAAW,EAAE,UAAU;AAC7C,cAAE,eAAe;AACV,mBAAA;AAAA,UAAA;AAEL,cAAA,EAAE,QAAQ,SAAS;AACrB,qBAAS,OAAO,EAAE,WAAW,KAAK,CAAC,CAAC;AACpC,cAAE,eAAe;AACV,mBAAA;AAAA,UAAA;AAEF,iBAAA;AAAA,QAAA;AAAA,MACT;AAAA,IACD;AAAA,IACD,oBAAC,OAAI,EAAA,WAAW,2BACd,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,sBAAsB,+BAA+B,EAAE;AAAA,QACrE,SAAS,MAAM,SAAS,uBAAuB,CAAC,mBAAmB,CAAC;AAAA,QACrE,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,MAAM;;AACJ,mBAAA,eAAe,MAAS,CAAC;AAClC,0BAAU,YAAV,mBAAmB;AAAA,QACrB;AAAA,QAEA,8BAAC,WAAU,EAAA,OAAO,EAAE,eAAe,WAAY,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACjD,GACF;AAEJ;"}

package/dist/components/SheetProvider.js

@@ -0,0 +1,56 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+const SheetContext = React__default.createContext({});
+function useSheetContext() {
+  var _a;
+  const ctx = React__default.useContext(SheetContext);
+  if (((_a = ctx.tables) == null ? void 0 : _a.current) == null) {
+    return [false, ctx];
+  }
+  return [true, ctx];
+}
+function SheetProvider({ children }) {
+  const [mounted, setMounted] = React__default.useState(false);
+  const [version, setVersion] = React__default.useState(0);
+  const head = React__default.useRef(1);
+  const sheets = React__default.useRef({});
+  const tables = React__default.useRef({});
+  const [editingCell, setEditingCell] = React__default.useState("");
+  const [externalRefs, setExternalRefs] = React__default.useState({});
+  const lastFocusedRefInitial = React__default.useRef(null);
+  const [lastFocusedRef, setLastFocusedRef] = React__default.useState(lastFocusedRefInitial);
+  React__default.useEffect(() => {
+    setMounted(true);
+  }, []);
+  return /* @__PURE__ */ jsx(
+    SheetContext.Provider,
+    {
+      value: {
+        mounted,
+        tables,
+        sheets,
+        head,
+        editingCell,
+        setEditingCell,
+        externalRefs,
+        setExternalRefs,
+        lastFocusedRef,
+        setLastFocusedRef,
+        forceRender: () => {
+          if (version >= Number.MAX_SAFE_INTEGER) {
+            setVersion(0);
+            return;
+          }
+          setVersion(version + 1);
+        }
+      },
+      children
+    }
+  );
+}
+export {
+  SheetContext,
+  SheetProvider,
+  useSheetContext
+};
+//# sourceMappingURL=SheetProvider.js.map

package/dist/components/SheetProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetProvider.js","sources":["../../components/SheetProvider.tsx"],"sourcesContent":["import React from 'react';\n\nimport { RefPaletteType, SheetMapType, TableMapType } from '../types';\n\nexport type SheetContextType = {\n  mounted: boolean;\n  sheets: React.MutableRefObject<SheetMapType>;\n  tables: React.MutableRefObject<TableMapType>;\n  head: React.MutableRefObject<number>;\n  editingCell: string;\n  setEditingCell: (cell: string) => void;\n  externalRefs?: { [sheetName: string]: RefPaletteType };\n  setExternalRefs?: (refs: { [sheetName: string]: RefPaletteType }) => void;\n  lastFocusedRef: React.MutableRefObject<HTMLTextAreaElement | null>;\n  setLastFocusedRef: (ref: React.MutableRefObject<HTMLTextAreaElement | null>) => void;\n  forceRender: () => void;\n};\n\nexport const SheetContext = React.createContext({} as SheetContextType);\n\nexport function useSheetContext(): [boolean, SheetContextType] {\n  const ctx = React.useContext(SheetContext);\n  if (ctx.tables?.current == null) {\n    return [false, ctx];\n  }\n  return [true, ctx];\n}\n\nexport function useSheetDispatch() {\n  const dispatch = React.useContext(SheetContext);\n  if (!dispatch) {\n    return undefined;\n  }\n  return dispatch;\n}\n\ntype Props = {\n  children: React.ReactNode;\n};\n\nexport function SheetProvider({ children }: Props) {\n  const [mounted, setMounted] = React.useState(false);\n  const [version, setVersion] = React.useState(0);\n  const head = React.useRef(1);\n  const sheets = React.useRef<SheetMapType>({});\n  const tables = React.useRef<TableMapType>({});\n  const [editingCell, setEditingCell] = React.useState('');\n  const [externalRefs, setExternalRefs] = React.useState<{ [sheetName: string]: RefPaletteType }>({});\n  const lastFocusedRefInitial = React.useRef<HTMLTextAreaElement | null>(null);\n  const [lastFocusedRef, setLastFocusedRef] = React.useState(lastFocusedRefInitial);\n\n  React.useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  return (\n    <SheetContext.Provider\n      value={{\n        mounted,\n        tables,\n        sheets,\n        head,\n        editingCell,\n        setEditingCell,\n        externalRefs,\n        setExternalRefs,\n        lastFocusedRef,\n        setLastFocusedRef,\n        forceRender: () => {\n          if (version >= Number.MAX_SAFE_INTEGER) {\n            setVersion(0);\n            return;\n          }\n          setVersion(version + 1);\n        },\n      }}\n    >\n      {children}\n    </SheetContext.Provider>\n  );\n}\n"],"names":["React"],"mappings":";;AAkBO,MAAM,eAAeA,eAAM,cAAc,CAAsB,CAAA;AAE/D,SAAS,kBAA+C;;AACvD,QAAA,MAAMA,eAAM,WAAW,YAAY;AACrC,QAAA,SAAI,WAAJ,mBAAY,YAAW,MAAM;AACxB,WAAA,CAAC,OAAO,GAAG;AAAA,EAAA;AAEb,SAAA,CAAC,MAAM,GAAG;AACnB;AAcgB,SAAA,cAAc,EAAE,YAAmB;AACjD,QAAM,CAAC,SAAS,UAAU,IAAIA,eAAM,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAIA,eAAM,SAAS,CAAC;AACxC,QAAA,OAAOA,eAAM,OAAO,CAAC;AAC3B,QAAM,SAASA,eAAM,OAAqB,EAAE;AAC5C,QAAM,SAASA,eAAM,OAAqB,EAAE;AAC5C,QAAM,CAAC,aAAa,cAAc,IAAIA,eAAM,SAAS,EAAE;AACvD,QAAM,CAAC,cAAc,eAAe,IAAIA,eAAM,SAAkD,CAAA,CAAE;AAC5F,QAAA,wBAAwBA,eAAM,OAAmC,IAAI;AAC3E,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,eAAM,SAAS,qBAAqB;AAEhFA,iBAAM,UAAU,MAAM;AACpB,eAAW,IAAI;AAAA,EACjB,GAAG,EAAE;AAGH,SAAA;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa,MAAM;AACb,cAAA,WAAW,OAAO,kBAAkB;AACtC,uBAAW,CAAC;AACZ;AAAA,UAAA;AAEF,qBAAW,UAAU,CAAC;AAAA,QAAA;AAAA,MAE1B;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/StoreInitializer.js

@@ -0,0 +1,84 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import React__default from "react";
+import { Context } from "../store/index.js";
+import { initializeTable, setSheetHeight, setSheetWidth, setHeaderHeight, setHeaderWidth, setEditingOnEnter, setShowAddress, setMode, setOnSave } from "../store/actions.js";
+import { HEADER_HEIGHT, HEADER_WIDTH } from "../constants.js";
+import { useSheetContext } from "./SheetProvider.js";
+import { usePluginContext } from "./PluginBase.js";
+const StoreInitializer = ({ options = {} }) => {
+  const {
+    headerHeight = HEADER_HEIGHT,
+    headerWidth = HEADER_WIDTH,
+    sheetHeight,
+    sheetWidth,
+    editingOnEnter,
+    showAddress,
+    mode,
+    onSave
+  } = options;
+  const [sheetProvided, sheetContext] = useSheetContext();
+  const { store, dispatch } = React__default.useContext(Context);
+  React__default.useEffect(() => {
+    const { table, tableInitialized } = store;
+    if (table == null || tableInitialized) {
+      return;
+    }
+    if (!sheetProvided || sheetContext.mounted) {
+      table.absolutizeFormula();
+      dispatch(initializeTable(table.shallowCopy()));
+    }
+  }, [sheetContext.mounted]);
+  React__default.useEffect(() => {
+    if (sheetHeight) {
+      dispatch(setSheetHeight(sheetHeight));
+    }
+  }, [sheetHeight]);
+  React__default.useEffect(() => {
+    if (sheetWidth) {
+      dispatch(setSheetWidth(sheetWidth));
+    }
+  }, [sheetWidth]);
+  React__default.useEffect(() => {
+    if (headerHeight) {
+      dispatch(setHeaderHeight(headerHeight));
+    }
+  }, [headerHeight]);
+  React__default.useEffect(() => {
+    if (headerWidth) {
+      dispatch(setHeaderWidth(headerWidth));
+    }
+  }, [headerWidth]);
+  React__default.useEffect(() => {
+    if (typeof editingOnEnter !== "undefined") {
+      dispatch(setEditingOnEnter(editingOnEnter));
+    }
+  }, [editingOnEnter]);
+  React__default.useEffect(() => {
+    if (typeof showAddress !== "undefined") {
+      dispatch(setShowAddress(showAddress));
+    }
+  }, [showAddress]);
+  React__default.useEffect(() => {
+    if (mode) {
+      dispatch(setMode(mode));
+    }
+  }, [mode]);
+  React__default.useEffect(() => {
+    if (typeof onSave !== "undefined") {
+      dispatch(setOnSave(onSave));
+    }
+  }, [onSave]);
+  const [pluginProvided, pluginContext] = usePluginContext();
+  React__default.useEffect(() => {
+    if (!pluginProvided) {
+      return;
+    }
+    pluginContext.setStore(store);
+    pluginContext.setDispatch(() => dispatch);
+  }, [store, dispatch]);
+  return /* @__PURE__ */ jsx(Fragment, {});
+};
+export {
+  StoreInitializer
+};
+//# sourceMappingURL=StoreInitializer.js.map

package/dist/components/StoreInitializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoreInitializer.js","sources":["../../components/StoreInitializer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Props } from '../types';\n\nimport { Context } from '../store';\nimport {\n  setSheetHeight,\n  setSheetWidth,\n  setHeaderHeight,\n  setHeaderWidth,\n  setEditingOnEnter,\n  setShowAddress,\n  setOnSave,\n  initializeTable,\n  setMode,\n} from '../store/actions';\n\nimport { HEADER_HEIGHT, HEADER_WIDTH } from '../constants';\nimport { useSheetContext } from './SheetProvider';\nimport { usePluginContext } from './PluginBase';\n\nexport const StoreInitializer: React.FC<Props> = ({ options = {} }) => {\n  const {\n    headerHeight = HEADER_HEIGHT,\n    headerWidth = HEADER_WIDTH,\n    sheetHeight,\n    sheetWidth,\n    editingOnEnter,\n    showAddress,\n    mode,\n    onSave,\n  } = options;\n\n  const [sheetProvided, sheetContext] = useSheetContext();\n  const { store, dispatch } = React.useContext(Context);\n\n  React.useEffect(() => {\n    const { table, tableInitialized } = store;\n    if (table == null || tableInitialized) {\n      return;\n    }\n\n    if (!sheetProvided || sheetContext.mounted) {\n      table.absolutizeFormula();\n      dispatch(initializeTable(table.shallowCopy()));\n    }\n  }, [sheetContext.mounted]);\n\n  React.useEffect(() => {\n    if (sheetHeight) {\n      dispatch(setSheetHeight(sheetHeight));\n    }\n  }, [sheetHeight]);\n  React.useEffect(() => {\n    if (sheetWidth) {\n      dispatch(setSheetWidth(sheetWidth));\n    }\n  }, [sheetWidth]);\n  React.useEffect(() => {\n    if (headerHeight) {\n      dispatch(setHeaderHeight(headerHeight));\n    }\n  }, [headerHeight]);\n  React.useEffect(() => {\n    if (headerWidth) {\n      dispatch(setHeaderWidth(headerWidth));\n    }\n  }, [headerWidth]);\n  React.useEffect(() => {\n    if (typeof editingOnEnter !== 'undefined') {\n      dispatch(setEditingOnEnter(editingOnEnter));\n    }\n  }, [editingOnEnter]);\n  React.useEffect(() => {\n    if (typeof showAddress !== 'undefined') {\n      dispatch(setShowAddress(showAddress));\n    }\n  }, [showAddress]);\n\n  React.useEffect(() => {\n    if (mode) {\n      dispatch(setMode(mode));\n    }\n  }, [mode]);\n\n  React.useEffect(() => {\n    if (typeof onSave !== 'undefined') {\n      dispatch(setOnSave(onSave));\n    }\n  }, [onSave]);\n\n  const [pluginProvided, pluginContext] = usePluginContext();\n  React.useEffect(() => {\n    if (!pluginProvided) {\n      return;\n    }\n    pluginContext.setStore(store);\n    pluginContext.setDispatch(() => dispatch);\n  }, [store, dispatch]);\n\n  return <></>;\n};\n"],"names":["React"],"mappings":";;;;;;;AAqBO,MAAM,mBAAoC,CAAC,EAAE,UAAU,CAAA,QAAS;AAC/D,QAAA;AAAA,IACJ,eAAe;AAAA,IACf,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,CAAC,eAAe,YAAY,IAAI,gBAAgB;AACtD,QAAM,EAAE,OAAO,SAAA,IAAaA,eAAM,WAAW,OAAO;AAEpDA,iBAAM,UAAU,MAAM;AACd,UAAA,EAAE,OAAO,iBAAA,IAAqB;AAChC,QAAA,SAAS,QAAQ,kBAAkB;AACrC;AAAA,IAAA;AAGE,QAAA,CAAC,iBAAiB,aAAa,SAAS;AAC1C,YAAM,kBAAkB;AACxB,eAAS,gBAAgB,MAAM,YAAa,CAAA,CAAC;AAAA,IAAA;AAAA,EAC/C,GACC,CAAC,aAAa,OAAO,CAAC;AAEzBA,iBAAM,UAAU,MAAM;AACpB,QAAI,aAAa;AACN,eAAA,eAAe,WAAW,CAAC;AAAA,IAAA;AAAA,EACtC,GACC,CAAC,WAAW,CAAC;AAChBA,iBAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AACL,eAAA,cAAc,UAAU,CAAC;AAAA,IAAA;AAAA,EACpC,GACC,CAAC,UAAU,CAAC;AACfA,iBAAM,UAAU,MAAM;AACpB,QAAI,cAAc;AACP,eAAA,gBAAgB,YAAY,CAAC;AAAA,IAAA;AAAA,EACxC,GACC,CAAC,YAAY,CAAC;AACjBA,iBAAM,UAAU,MAAM;AACpB,QAAI,aAAa;AACN,eAAA,eAAe,WAAW,CAAC;AAAA,IAAA;AAAA,EACtC,GACC,CAAC,WAAW,CAAC;AAChBA,iBAAM,UAAU,MAAM;AAChB,QAAA,OAAO,mBAAmB,aAAa;AAChC,eAAA,kBAAkB,cAAc,CAAC;AAAA,IAAA;AAAA,EAC5C,GACC,CAAC,cAAc,CAAC;AACnBA,iBAAM,UAAU,MAAM;AAChB,QAAA,OAAO,gBAAgB,aAAa;AAC7B,eAAA,eAAe,WAAW,CAAC;AAAA,IAAA;AAAA,EACtC,GACC,CAAC,WAAW,CAAC;AAEhBA,iBAAM,UAAU,MAAM;AACpB,QAAI,MAAM;AACC,eAAA,QAAQ,IAAI,CAAC;AAAA,IAAA;AAAA,EACxB,GACC,CAAC,IAAI,CAAC;AAETA,iBAAM,UAAU,MAAM;AAChB,QAAA,OAAO,WAAW,aAAa;AACxB,eAAA,UAAU,MAAM,CAAC;AAAA,IAAA;AAAA,EAC5B,GACC,CAAC,MAAM,CAAC;AAEX,QAAM,CAAC,gBAAgB,aAAa,IAAI,iBAAiB;AACzDA,iBAAM,UAAU,MAAM;AACpB,QAAI,CAAC,gBAAgB;AACnB;AAAA,IAAA;AAEF,kBAAc,SAAS,KAAK;AACd,kBAAA,YAAY,MAAM,QAAQ;AAAA,EAAA,GACvC,CAAC,OAAO,QAAQ,CAAC;AAEpB,SAAS,oBAAA,UAAA,EAAA;AACX;"}