@odoo/o-spreadsheet 18.4.19 → 18.4.23

package/dist/o-spreadsheet.iife.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 18.4.19
- * @date 2025-12-02T05:34:03.902Z
- * @hash 95b1252
+ * @version 18.4.23
+ * @date 2026-01-07T16:21:07.502Z
+ * @hash a0135e8
  */
 
 (function (exports, owl) {
@@ -5214,17 +5214,41 @@
       const today = DateTime.now();
       switch (dateValue) {
           case "today":
-              return jsDateToNumber(today);
-          case "yesterday":
-              return jsDateToNumber(DateTime.fromTimestamp(today.setDate(today.getDate() - 1)));
-          case "tomorrow":
-              return jsDateToNumber(DateTime.fromTimestamp(today.setDate(today.getDate() + 1)));
+              return Math.floor(jsDateToNumber(today));
+          case "yesterday": {
+              today.setDate(today.getDate() - 1);
+              return Math.floor(jsDateToNumber(today));
+          }
+          case "tomorrow": {
+              today.setDate(today.getDate() + 1);
+              return Math.floor(jsDateToNumber(today));
+          }
           case "lastWeek":
-              return jsDateToNumber(DateTime.fromTimestamp(today.setDate(today.getDate() - 7)));
-          case "lastMonth":
-              return jsDateToNumber(DateTime.fromTimestamp(today.setMonth(today.getMonth() - 1)));
+              today.setDate(today.getDate() - 6);
+              return Math.floor(jsDateToNumber(today));
+          case "lastMonth": {
+              const lastMonth = today.getMonth() === 0 ? 11 : today.getMonth() - 1;
+              const dateInLastMonth = new DateTime(today.getFullYear(), lastMonth, 1);
+              if (today.getDate() > getDaysInMonth(dateInLastMonth)) {
+                  today.setDate(1);
+              }
+              else {
+                  today.setDate(today.getDate() + 1);
+                  today.setMonth(today.getMonth() - 1);
+              }
+              return Math.floor(jsDateToNumber(today));
+          }
           case "lastYear":
-              return jsDateToNumber(DateTime.fromTimestamp(today.setFullYear(today.getFullYear() - 1)));
+              // Handle leap year case
+              if (today.getMonth() === 1 && today.getDate() === 29) {
+                  today.setDate(28);
+                  today.setFullYear(today.getFullYear() - 1);
+              }
+              else {
+                  today.setDate(today.getDate() + 1);
+                  today.setFullYear(today.getFullYear() - 1);
+              }
+              return Math.floor(jsDateToNumber(today));
       }
   }
   /** Get all the dates values of a criterion converted to numbers, converting date values such as "today" to actual dates  */
@@ -29719,7 +29743,7 @@ stores.inject(MyMetaStore, storeInstance);
       return query.replaceAll(/([a-zA-Z0-9]+):([a-zA-Z0-9]+)/g, "NAMESPACE" + "$1" + "NAMESPACE" + "$2");
   }
 
-  function getChartMenuActions(figureId, onFigureDeleted, env) {
+  function getChartMenuActions(figureId, env) {
       const menuItemSpecs = [
           {
               id: "edit",
@@ -29770,11 +29794,11 @@ stores.inject(MyMetaStore, storeInstance);
               },
               isReadonlyAllowed: true,
           },
-          getDeleteMenuItem(figureId, onFigureDeleted, env),
+          getDeleteMenuItem(figureId, env),
       ];
       return createActions(menuItemSpecs).filter((action) => env.model.getters.isReadonly() ? action.isReadonlyAllowed : true);
   }
-  function getImageMenuActions(figureId, onFigureDeleted, env) {
+  function getImageMenuActions(figureId, env) {
       const menuItemSpecs = [
           getCopyMenuItem(figureId, env, _t("Image copied to clipboard")),
           getCutMenuItem(figureId, env),
@@ -29819,7 +29843,7 @@ stores.inject(MyMetaStore, storeInstance);
               },
               icon: "o-spreadsheet-Icon.DOWNLOAD",
           },
-          getDeleteMenuItem(figureId, onFigureDeleted, env),
+          getDeleteMenuItem(figureId, env),
       ];
       return createActions(menuItemSpecs);
   }
@@ -29855,7 +29879,7 @@ stores.inject(MyMetaStore, storeInstance);
           icon: "o-spreadsheet-Icon.CUT",
       };
   }
-  function getDeleteMenuItem(figureId, onFigureDeleted, env) {
+  function getDeleteMenuItem(figureId, env) {
       return {
           id: "delete",
           name: _t("Delete"),
@@ -29865,7 +29889,6 @@ stores.inject(MyMetaStore, storeInstance);
                   sheetId: env.model.getters.getActiveSheetId(),
                   figureId,
               });
-              onFigureDeleted();
           },
           icon: "o-spreadsheet-Icon.TRASH",
       };
@@ -30710,7 +30733,7 @@ stores.inject(MyMetaStore, storeInstance);
       openContextMenu(ev) {
           this.menuState.isOpen = true;
           this.menuState.anchorRect = getBoundingRectAsPOJO(ev.currentTarget);
-          this.menuState.menuItems = getChartMenuActions(this.props.figureUI.id, () => { }, this.env);
+          this.menuState.menuItems = getChartMenuActions(this.props.figureUI.id, this.env);
       }
       get fullScreenMenuItem() {
           const definition = this.env.model.getters.getChartDefinition(this.props.figureUI.id);
@@ -30752,7 +30775,6 @@ stores.inject(MyMetaStore, storeInstance);
       static template = "o-spreadsheet-ChartFigure";
       static props = {
           figureUI: Object,
-          onFigureDeleted: Function,
       };
       static components = { ChartDashboardMenu };
       onDoubleClick() {
@@ -30776,7 +30798,6 @@ stores.inject(MyMetaStore, storeInstance);
       static template = "o-spreadsheet-ImageFigure";
       static props = {
           figureUI: Object,
-          onFigureDeleted: Function,
       };
       static components = {};
       // ---------------------------------------------------------------------------
@@ -30887,13 +30908,11 @@ stores.inject(MyMetaStore, storeInstance);
       static props = {
           figureUI: Object,
           style: { type: String, optional: true },
-          onFigureDeleted: { type: Function, optional: true },
           onMouseDown: { type: Function, optional: true },
           onClickAnchor: { type: Function, optional: true },
       };
       static components = { MenuPopover };
       static defaultProps = {
-          onFigureDeleted: () => { },
           onMouseDown: () => { },
           onClickAnchor: () => { },
       };
@@ -30970,9 +30989,6 @@ stores.inject(MyMetaStore, storeInstance);
               this.props.figureUI.id,
               this.figureRef.el,
           ]);
-          owl.onWillUnmount(() => {
-              this.props.onFigureDeleted();
-          });
       }
       clickAnchor(dirX, dirY, ev) {
           this.props.onClickAnchor(dirX, dirY, ev);
@@ -30996,7 +31012,6 @@ stores.inject(MyMetaStore, storeInstance);
                       sheetId: this.env.model.getters.getActiveSheetId(),
                       figureId: this.props.figureUI.id,
                   });
-                  this.props.onFigureDeleted();
                   ev.preventDefault();
                   ev.stopPropagation();
                   break;
@@ -31089,7 +31104,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.menuState.anchorRect = anchorRect;
           this.menuState.menuItems = figureRegistry
               .get(this.props.figureUI.tag)
-              .menuBuilder(this.props.figureUI.id, this.props.onFigureDeleted, this.env);
+              .menuBuilder(this.props.figureUI.id, this.env);
       }
   }
 
@@ -31454,7 +31469,7 @@ stores.inject(MyMetaStore, storeInstance);
               return false;
           }
           if (["lastWeek", "lastMonth", "lastYear"].includes(criterion.dateValue)) {
-              const today = jsDateToRoundNumber(DateTime.now());
+              const today = Math.floor(jsDateToNumber(DateTime.now()));
               return isDateBetween(dateValue, today, criterionValue);
           }
           return areDatesSameDay(dateValue, criterionValue);
@@ -45256,7 +45271,6 @@ stores.inject(MyMetaStore, storeInstance);
       }
       get highlights() {
           const position = this.model.getters.getActivePosition();
-          const cell = this.getters.getEvaluatedCell(position);
           const spreader = this.model.getters.getArrayFormulaSpreadingOn(position);
           const zone = spreader
               ? this.model.getters.getSpreadZone(spreader, { ignoreSpillError: true })
@@ -45264,10 +45278,11 @@ stores.inject(MyMetaStore, storeInstance);
           if (!zone) {
               return [];
           }
+          const isArrayFormulaBlocked = this.model.getters.isArrayFormulaSpillBlocked(spreader ?? position);
           return [
               {
                   range: this.model.getters.getRangeFromZone(position.sheetId, zone),
-                  dashed: cell.value === CellErrorType.SpilledBlocked,
+                  dashed: isArrayFormulaBlocked,
                   color: "#17A2B8",
                   noFill: true,
                   thinLine: true,
@@ -46365,9 +46380,7 @@ stores.inject(MyMetaStore, storeInstance);
    */
   class FiguresContainer extends owl.Component {
       static template = "o-spreadsheet-FiguresContainer";
-      static props = {
-          onFigureDeleted: Function,
-      };
+      static props = {};
       static components = { FigureComponent };
       dnd = owl.useState({
           draggedFigure: undefined,
@@ -46742,16 +46755,16 @@ stores.inject(MyMetaStore, storeInstance);
 `;
   class GridAddRowsFooter extends owl.Component {
       static template = "o-spreadsheet-GridAddRowsFooter";
-      static props = {
-          focusGrid: Function,
-      };
+      static props = {};
       static components = { ValidationMessages };
+      DOMFocusableElementStore;
       inputRef = owl.useRef("inputRef");
       state = owl.useState({
           inputValue: "100",
           errorFlag: false,
       });
       setup() {
+          this.DOMFocusableElementStore = useStore(DOMFocusableElementStore);
           owl.useExternalListener(window, "click", this.onExternalClick, { capture: true });
       }
       get addRowsPosition() {
@@ -46769,7 +46782,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       onKeydown(ev) {
           if (ev.key.toUpperCase() === "ESCAPE") {
-              this.props.focusGrid();
+              this.focusDefaultElement();
           }
           else if (ev.key.toUpperCase() === "ENTER") {
               this.onConfirm();
@@ -46796,7 +46809,7 @@ stores.inject(MyMetaStore, storeInstance);
               quantity,
               dimension: "ROW",
           });
-          this.props.focusGrid();
+          this.focusDefaultElement();
           // After adding new rows, scroll down to the new last row
           const { scrollX } = this.env.model.getters.getActiveSheetScrollInfo();
           const { end } = this.env.model.getters.getRowDimensions(activeSheetId, rowNumber + quantity - 1);
@@ -46809,7 +46822,12 @@ stores.inject(MyMetaStore, storeInstance);
           if (this.inputRef.el !== document.activeElement || ev.target === this.inputRef.el) {
               return;
           }
-          this.props.focusGrid();
+          this.focusDefaultElement();
+      }
+      focusDefaultElement() {
+          if (document.activeElement === this.inputRef.el) {
+              this.DOMFocusableElementStore.focus();
+          }
       }
   }
 
@@ -47084,11 +47102,9 @@ stores.inject(MyMetaStore, storeInstance);
           onCellClicked: { type: Function, optional: true },
           onCellRightClicked: { type: Function, optional: true },
           onGridResized: { type: Function, optional: true },
-          onFigureDeleted: { type: Function, optional: true },
           onGridMoved: Function,
           gridOverlayDimensions: String,
           slots: { type: Object, optional: true },
-          getGridSize: Function,
       };
       static components = {
           FiguresContainer,
@@ -47099,7 +47115,6 @@ stores.inject(MyMetaStore, storeInstance);
           onCellClicked: () => { },
           onCellRightClicked: () => { },
           onGridResized: () => { },
-          onFigureDeleted: () => { },
       };
       gridOverlay = owl.useRef("gridOverlay");
       cellPopovers;
@@ -47108,14 +47123,7 @@ stores.inject(MyMetaStore, storeInstance);
       setup() {
           useCellHovered(this.env, this.gridOverlay);
           const resizeObserver = new ResizeObserver(() => {
-              const boundingRect = this.gridOverlayEl.getBoundingClientRect();
-              const { width, height } = this.props.getGridSize();
-              this.props.onGridResized({
-                  x: boundingRect.left,
-                  y: boundingRect.top,
-                  height: height,
-                  width: width,
-              });
+              this.props.onGridResized();
           });
           owl.onMounted(() => {
               resizeObserver.observe(this.gridOverlayEl);
@@ -51958,7 +51966,7 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   css /* scss */ `
-  .o-cf-preview {
+  .o-spreadsheet .o-cf-preview {
     &.o-cf-cursor-ptr {
       cursor: pointer;
     }
@@ -51966,6 +51974,7 @@ stores.inject(MyMetaStore, storeInstance);
     border-bottom: 1px solid ${GRAY_300};
     height: 80px;
     padding: 10px;
+    box-sizing: border-box;
     position: relative;
     cursor: pointer;
     &:hover,
@@ -51979,7 +51988,6 @@ stores.inject(MyMetaStore, storeInstance);
     .o-cf-preview-icon {
       border: 1px solid ${GRAY_300};
       background-color: #fff;
-      position: absolute;
       height: 50px;
       width: 50px;
       .o-icon {
@@ -51988,12 +51996,6 @@ stores.inject(MyMetaStore, storeInstance);
       }
     }
     .o-cf-preview-description {
-      left: 65px;
-      margin-bottom: auto;
-      margin-right: 8px;
-      margin-top: auto;
-      position: relative;
-      width: 142px;
       .o-cf-preview-description-rule {
         margin-bottom: 4px;
         max-height: 2.8em;
@@ -52003,16 +52005,11 @@ stores.inject(MyMetaStore, storeInstance);
         font-size: 12px;
       }
     }
-    .o-cf-delete {
-      left: 90%;
-      top: 39%;
-      position: absolute;
-    }
     &:not(:hover):not(.o-cf-dragging) .o-cf-drag-handle {
       display: none !important;
     }
     .o-cf-drag-handle {
-      left: -8px;
+      left: 2px;
       cursor: move;
       .o-icon {
         width: 6px;
@@ -56061,7 +56058,37 @@ stores.inject(MyMetaStore, storeInstance);
       datetimeGranularities: [...dateGranularities, "hour_number", "minute_number", "second_number"],
       isMeasureCandidate: (field) => field.type !== "boolean",
       isGroupable: () => true,
+      adaptRanges: (getters, definition, applyChange) => {
+          if (definition.type !== "SPREADSHEET" || !definition.dataSet) {
+              return definition;
+          }
+          const { sheetId, zone } = definition.dataSet;
+          const range = getters.getRangeFromZone(sheetId, zone);
+          const adaptedRange = adaptPivotRange(range, applyChange);
+          if (adaptedRange === range) {
+              return definition;
+          }
+          const dataSet = adaptedRange && {
+              sheetId: adaptedRange.sheetId,
+              zone: adaptedRange.zone,
+          };
+          return { ...definition, dataSet };
+      },
   });
+  function adaptPivotRange(range, applyChange) {
+      if (!range) {
+          return undefined;
+      }
+      const change = applyChange(range);
+      switch (change.changeType) {
+          case "NONE":
+              return range;
+          case "REMOVE":
+              return undefined;
+          default:
+              return change.range;
+      }
+  }
 
   class PivotSidePanelStore extends SpreadsheetStore {
       pivotId;
@@ -58032,7 +58059,8 @@ stores.inject(MyMetaStore, storeInstance);
           });
           return !(rect.width === 0 || rect.height === 0);
       }
-      onGridResized({ height, width }) {
+      onGridResized() {
+          const { height, width } = this.props.getGridSize();
           this.env.model.dispatch("RESIZE_SHEETVIEW", {
               width: width - HEADER_WIDTH,
               height: height - HEADER_HEIGHT,
@@ -62214,6 +62242,7 @@ stores.inject(MyMetaStore, storeInstance);
   class RangeAdapter {
       getters;
       providers = [];
+      isAdaptingRanges = false;
       constructor(getters) {
           this.getters = getters;
       }
@@ -62245,6 +62274,9 @@ stores.inject(MyMetaStore, storeInstance);
       }
       beforeHandle(command) { }
       handle(cmd) {
+          if (this.isAdaptingRanges) {
+              throw new Error("Plugins cannot dispatch commands during adaptRanges phase");
+          }
           const rangeAdapter = getRangeAdapter(cmd);
           if (rangeAdapter?.applyChange) {
               this.executeOnAllRanges(rangeAdapter.applyChange, rangeAdapter.sheetId, rangeAdapter.sheetName);
@@ -62267,10 +62299,12 @@ stores.inject(MyMetaStore, storeInstance);
           };
       }
       executeOnAllRanges(adaptRange, sheetId, sheetName) {
+          this.isAdaptingRanges = true;
           const func = this.verifyRangeRemoved(adaptRange);
           for (const provider of this.providers) {
               provider(func, sheetId, sheetName);
           }
+          this.isAdaptingRanges = false;
       }
       /**
        * Stores the functions bound to each plugin to be able to iterate over all ranges of the application,
@@ -64306,6 +64340,18 @@ stores.inject(MyMetaStore, storeInstance);
           }
       }
       adaptRanges(applyChange) {
+          for (const pivotId in this.pivots) {
+              const definition = deepCopy(this.pivots[pivotId]?.definition);
+              if (!definition) {
+                  continue;
+              }
+              const newDefinition = pivotRegistry
+                  .get(definition.type)
+                  ?.adaptRanges?.(this.getters, definition, applyChange);
+              if (newDefinition && !deepEquals(definition, newDefinition)) {
+                  this.history.update("pivots", pivotId, "definition", newDefinition);
+              }
+          }
           for (const sheetId in this.compiledMeasureFormulas) {
               for (const formulaString in this.compiledMeasureFormulas[sheetId]) {
                   const compiledFormula = this.compiledMeasureFormulas[sheetId][formulaString];
@@ -64450,17 +64496,10 @@ stores.inject(MyMetaStore, storeInstance);
               if (!pivot) {
                   continue;
               }
-              const def = deepCopy(pivot.definition);
-              for (const measure of def.measures) {
+              for (const measure of pivot.definition.measures) {
                   if (measure.computedBy?.formula === formulaString) {
-                      const measureIndex = def.measures.indexOf(measure);
-                      if (measureIndex !== -1) {
-                          def.measures[measureIndex].computedBy = {
-                              formula: newFormulaString,
-                              sheetId,
-                          };
-                      }
-                      this.dispatch("UPDATE_PIVOT", { pivotId, pivot: def });
+                      const measureIndex = pivot.definition.measures.indexOf(measure);
+                      this.history.update("pivots", pivotId, "definition", "measures", measureIndex, "computedBy", { formula: newFormulaString, sheetId });
                   }
               }
           }
@@ -64564,20 +64603,6 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
-  function adaptPivotRange(range, applyChange) {
-      if (!range) {
-          return undefined;
-      }
-      const change = applyChange(range);
-      switch (change.changeType) {
-          case "NONE":
-              return range;
-          case "REMOVE":
-              return undefined;
-          default:
-              return change.range;
-      }
-  }
   class SpreadsheetPivotCorePlugin extends CorePlugin {
       allowDispatch(cmd) {
           switch (cmd.type) {
@@ -64588,27 +64613,6 @@ stores.inject(MyMetaStore, storeInstance);
           }
           return "Success" /* CommandResult.Success */;
       }
-      adaptRanges(applyChange) {
-          for (const pivotId of this.getters.getPivotIds()) {
-              const definition = this.getters.getPivotCoreDefinition(pivotId);
-              if (definition.type !== "SPREADSHEET") {
-                  continue;
-              }
-              if (definition.dataSet) {
-                  const { sheetId, zone } = definition.dataSet;
-                  const range = this.getters.getRangeFromZone(sheetId, zone);
-                  const adaptedRange = adaptPivotRange(range, applyChange);
-                  if (adaptedRange === range) {
-                      return;
-                  }
-                  const dataSet = adaptedRange && {
-                      sheetId: adaptedRange.sheetId,
-                      zone: adaptedRange.zone,
-                  };
-                  this.dispatch("UPDATE_PIVOT", { pivotId, pivot: { ...definition, dataSet } });
-              }
-          }
-      }
       checkDataSetValidity(definition) {
           if (definition.type === "SPREADSHEET" && definition.dataSet) {
               const { zone, sheetId } = definition.dataSet;
@@ -65950,6 +65954,9 @@ stores.inject(MyMetaStore, storeInstance);
           const arrayFormulas = this.spreadingRelations.searchFormulaPositionsSpreadingOn(position.sheetId, positionToZone(position));
           return Array.from(arrayFormulas).find((position) => !this.blockedArrayFormulas.has(position));
       }
+      isArrayFormulaSpillBlocked(position) {
+          return this.blockedArrayFormulas.has(position);
+      }
       updateDependencies(position) {
           // removing dependencies is slow because it requires
           // to traverse the entire r-tree.
@@ -65961,13 +65968,8 @@ stores.inject(MyMetaStore, storeInstance);
       addDependencies(position, dependencies) {
           this.formulaDependencies().addDependencies(position, dependencies);
           for (const range of dependencies) {
-              const sheetId = range.sheetId;
-              const { left, bottom, right, top } = range.zone;
-              for (let col = left; col <= right; col++) {
-                  for (let row = top; row <= bottom; row++) {
-                      this.computeAndSave({ sheetId, col, row });
-                  }
-              }
+              // ensure that all ranges are computed
+              this.compilationParams.ensureRange(range);
           }
       }
       updateCompilationParameters() {
@@ -66170,6 +66172,10 @@ stores.inject(MyMetaStore, storeInstance);
           this.assertSheetHasEnoughSpaceToSpreadFormulaResult(formulaPosition, formulaReturn);
           const nbColumns = formulaReturn.length;
           const nbRows = formulaReturn[0].length;
+          if (nbRows === 0) {
+              // empty matrix
+              return createEvaluatedCell({ value: 0 }, this.getters.getLocale(), cellData);
+          }
           const resultZone = {
               top: formulaPosition.row,
               bottom: formulaPosition.row + nbRows - 1,
@@ -66445,6 +66451,7 @@ stores.inject(MyMetaStore, storeInstance);
           "getEvaluatedCellsPositions",
           "getSpreadZone",
           "getArrayFormulaSpreadingOn",
+          "isArrayFormulaSpillBlocked",
           "isEmpty",
       ];
       shouldRebuildDependenciesGraph = true;
@@ -66557,6 +66564,9 @@ stores.inject(MyMetaStore, storeInstance);
       getArrayFormulaSpreadingOn(position) {
           return this.evaluator.getArrayFormulaSpreadingOn(position);
       }
+      isArrayFormulaSpillBlocked(position) {
+          return this.evaluator.isArrayFormulaSpillBlocked(position);
+      }
       /**
        * Check if a zone only contains empty cells
        */
@@ -78156,10 +78166,8 @@ stores.inject(MyMetaStore, storeInstance);
           });
       }
       get gridContainer() {
-          const sheetId = this.env.model.getters.getActiveSheetId();
-          const { right } = this.env.model.getters.getSheetZone(sheetId);
-          const { end } = this.env.model.getters.getColDimensions(sheetId, right);
-          return cssPropertiesToCss({ "max-width": `${end}px` });
+          const maxWidth = this.getMaxSheetWidth();
+          return cssPropertiesToCss({ "max-width": `${maxWidth}px` });
       }
       get gridOverlayDimensions() {
           return cssPropertiesToCss({
@@ -78191,10 +78199,12 @@ stores.inject(MyMetaStore, storeInstance);
       onClosePopover() {
           this.cellPopovers.close();
       }
-      onGridResized({ height, width }) {
+      onGridResized() {
+          const { height, width } = this.props.getGridSize();
+          const maxWidth = this.getMaxSheetWidth();
           this.env.model.dispatch("RESIZE_SHEETVIEW", {
-              width: width,
-              height: height,
+              width: Math.min(maxWidth, width),
+              height,
               gridOffsetX: 0,
               gridOffsetY: 0,
           });
@@ -78212,6 +78222,11 @@ stores.inject(MyMetaStore, storeInstance);
               ...this.env.model.getters.getSheetViewDimensionWithHeaders(),
           };
       }
+      getMaxSheetWidth() {
+          const sheetId = this.env.model.getters.getActiveSheetId();
+          const { right } = this.env.model.getters.getSheetZone(sheetId);
+          return this.env.model.getters.getColDimensions(sheetId, right).end;
+      }
   }
 
   css /* scss */ `
@@ -80359,7 +80374,7 @@ stores.inject(MyMetaStore, storeInstance);
                   document.activeElement?.contains(this.spreadsheetRef.el)) {
                   this.focusGrid();
               }
-          }, () => [this.env.model.getters.getActiveSheetId()]);
+          });
           owl.useExternalListener(window, "resize", () => this.render(true));
           // For some reason, the wheel event is not properly registered inside templates
           // in Chromium-based browsers based on chromium 125
@@ -80452,22 +80467,20 @@ stores.inject(MyMetaStore, storeInstance);
           return this.env.model.getters.getVisibleGroupLayers(sheetId, "COL");
       }
       getGridSize() {
-          const topBarHeight = this.spreadsheetRef.el
-              ?.querySelector(".o-spreadsheet-topbar-wrapper")
-              ?.getBoundingClientRect().height || 0;
-          const bottomBarHeight = this.spreadsheetRef.el
-              ?.querySelector(".o-spreadsheet-bottombar-wrapper")
-              ?.getBoundingClientRect().height || 0;
-          const gridWidth = this.spreadsheetRef.el?.querySelector(".o-grid")?.getBoundingClientRect().width || 0;
-          const gridHeight = (this.spreadsheetRef.el?.getBoundingClientRect().height || 0) -
-              (this.spreadsheetRef.el?.querySelector(".o-column-groups")?.getBoundingClientRect().height ||
-                  0) -
-              topBarHeight -
-              bottomBarHeight;
-          return {
-              width: Math.max(gridWidth - SCROLLBAR_WIDTH, 0),
-              height: Math.max(gridHeight - SCROLLBAR_WIDTH, 0),
-          };
+          const el = this.spreadsheetRef.el;
+          if (!el) {
+              return { width: 0, height: 0 };
+          }
+          const getHeight = (selector) => el.querySelector(selector)?.getBoundingClientRect().height || 0;
+          const getWidth = (selector) => el.querySelector(selector)?.getBoundingClientRect().width || 0;
+          const rect = el.getBoundingClientRect();
+          const topBarHeight = getHeight(".o-spreadsheet-topbar-wrapper");
+          const bottomBarHeight = getHeight(".o-spreadsheet-bottombar-wrapper");
+          const colGroupHeight = getHeight(".o-column-groups");
+          const gridWidth = getWidth(".o-grid");
+          const width = Math.max(gridWidth - SCROLLBAR_WIDTH, 0);
+          const height = Math.max(rect.height - topBarHeight - bottomBarHeight - colGroupHeight - SCROLLBAR_WIDTH, 0);
+          return { width, height };
       }
   }
 
@@ -85000,9 +85013,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "18.4.19";
-  __info__.date = "2025-12-02T05:34:03.902Z";
-  __info__.hash = "95b1252";
+  __info__.version = "18.4.23";
+  __info__.date = "2026-01-07T16:21:07.502Z";
+  __info__.hash = "a0135e8";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);