@odoo/o-spreadsheet 18.4.19 → 18.4.23

package/dist/o-spreadsheet.esm.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
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, App, blockDom, useState, onPatched, useExternalListener, onWillUpdateProps, onWillStart, onWillPatch, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -5213,17 +5213,41 @@ function toCriterionDateNumber(dateValue) {
     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  */
@@ -29718,7 +29742,7 @@ function escapeQueryNameSpaces(query) {
     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",
@@ -29769,11 +29793,11 @@ function getChartMenuActions(figureId, onFigureDeleted, env) {
             },
             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),
@@ -29818,7 +29842,7 @@ function getImageMenuActions(figureId, onFigureDeleted, env) {
             },
             icon: "o-spreadsheet-Icon.DOWNLOAD",
         },
-        getDeleteMenuItem(figureId, onFigureDeleted, env),
+        getDeleteMenuItem(figureId, env),
     ];
     return createActions(menuItemSpecs);
 }
@@ -29854,7 +29878,7 @@ function getCutMenuItem(figureId, env) {
         icon: "o-spreadsheet-Icon.CUT",
     };
 }
-function getDeleteMenuItem(figureId, onFigureDeleted, env) {
+function getDeleteMenuItem(figureId, env) {
     return {
         id: "delete",
         name: _t("Delete"),
@@ -29864,7 +29888,6 @@ function getDeleteMenuItem(figureId, onFigureDeleted, env) {
                 sheetId: env.model.getters.getActiveSheetId(),
                 figureId,
             });
-            onFigureDeleted();
         },
         icon: "o-spreadsheet-Icon.TRASH",
     };
@@ -30709,7 +30732,7 @@ class ChartDashboardMenu extends Component {
     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);
@@ -30751,7 +30774,6 @@ class ChartFigure extends Component {
     static template = "o-spreadsheet-ChartFigure";
     static props = {
         figureUI: Object,
-        onFigureDeleted: Function,
     };
     static components = { ChartDashboardMenu };
     onDoubleClick() {
@@ -30775,7 +30797,6 @@ class ImageFigure extends Component {
     static template = "o-spreadsheet-ImageFigure";
     static props = {
         figureUI: Object,
-        onFigureDeleted: Function,
     };
     static components = {};
     // ---------------------------------------------------------------------------
@@ -30886,13 +30907,11 @@ class FigureComponent extends Component {
     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: () => { },
     };
@@ -30969,9 +30988,6 @@ class FigureComponent extends Component {
             this.props.figureUI.id,
             this.figureRef.el,
         ]);
-        onWillUnmount(() => {
-            this.props.onFigureDeleted();
-        });
     }
     clickAnchor(dirX, dirY, ev) {
         this.props.onClickAnchor(dirX, dirY, ev);
@@ -30995,7 +31011,6 @@ class FigureComponent extends Component {
                     sheetId: this.env.model.getters.getActiveSheetId(),
                     figureId: this.props.figureUI.id,
                 });
-                this.props.onFigureDeleted();
                 ev.preventDefault();
                 ev.stopPropagation();
                 break;
@@ -31088,7 +31103,7 @@ class FigureComponent extends Component {
         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);
     }
 }
 
@@ -31453,7 +31468,7 @@ criterionEvaluatorRegistry.add("dateIs", {
             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);
@@ -45255,7 +45270,6 @@ class ArrayFormulaHighlight extends SpreadsheetStore {
     }
     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 })
@@ -45263,10 +45277,11 @@ class ArrayFormulaHighlight extends SpreadsheetStore {
         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,
@@ -46364,9 +46379,7 @@ css /*SCSS*/ `
  */
 class FiguresContainer extends Component {
     static template = "o-spreadsheet-FiguresContainer";
-    static props = {
-        onFigureDeleted: Function,
-    };
+    static props = {};
     static components = { FigureComponent };
     dnd = useState({
         draggedFigure: undefined,
@@ -46741,16 +46754,16 @@ css /* scss */ `
 `;
 class GridAddRowsFooter extends Component {
     static template = "o-spreadsheet-GridAddRowsFooter";
-    static props = {
-        focusGrid: Function,
-    };
+    static props = {};
     static components = { ValidationMessages };
+    DOMFocusableElementStore;
     inputRef = useRef("inputRef");
     state = useState({
         inputValue: "100",
         errorFlag: false,
     });
     setup() {
+        this.DOMFocusableElementStore = useStore(DOMFocusableElementStore);
         useExternalListener(window, "click", this.onExternalClick, { capture: true });
     }
     get addRowsPosition() {
@@ -46768,7 +46781,7 @@ class GridAddRowsFooter extends Component {
     }
     onKeydown(ev) {
         if (ev.key.toUpperCase() === "ESCAPE") {
-            this.props.focusGrid();
+            this.focusDefaultElement();
         }
         else if (ev.key.toUpperCase() === "ENTER") {
             this.onConfirm();
@@ -46795,7 +46808,7 @@ class GridAddRowsFooter extends Component {
             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);
@@ -46808,7 +46821,12 @@ class GridAddRowsFooter extends Component {
         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();
+        }
     }
 }
 
@@ -47083,11 +47101,9 @@ class GridOverlay extends Component {
         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,
@@ -47098,7 +47114,6 @@ class GridOverlay extends Component {
         onCellClicked: () => { },
         onCellRightClicked: () => { },
         onGridResized: () => { },
-        onFigureDeleted: () => { },
     };
     gridOverlay = useRef("gridOverlay");
     cellPopovers;
@@ -47107,14 +47122,7 @@ class GridOverlay extends Component {
     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();
         });
         onMounted(() => {
             resizeObserver.observe(this.gridOverlayEl);
@@ -51957,7 +51965,7 @@ function useHighlights(highlightProvider) {
 }
 
 css /* scss */ `
-  .o-cf-preview {
+  .o-spreadsheet .o-cf-preview {
     &.o-cf-cursor-ptr {
       cursor: pointer;
     }
@@ -51965,6 +51973,7 @@ css /* scss */ `
     border-bottom: 1px solid ${GRAY_300};
     height: 80px;
     padding: 10px;
+    box-sizing: border-box;
     position: relative;
     cursor: pointer;
     &:hover,
@@ -51978,7 +51987,6 @@ css /* scss */ `
     .o-cf-preview-icon {
       border: 1px solid ${GRAY_300};
       background-color: #fff;
-      position: absolute;
       height: 50px;
       width: 50px;
       .o-icon {
@@ -51987,12 +51995,6 @@ css /* scss */ `
       }
     }
     .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;
@@ -52002,16 +52004,11 @@ css /* scss */ `
         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;
@@ -56060,7 +56057,37 @@ pivotRegistry.add("SPREADSHEET", {
     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;
@@ -58031,7 +58058,8 @@ class Grid extends Component {
         });
         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,
@@ -62213,6 +62241,7 @@ function rangeToMerge(mergeId, range) {
 class RangeAdapter {
     getters;
     providers = [];
+    isAdaptingRanges = false;
     constructor(getters) {
         this.getters = getters;
     }
@@ -62244,6 +62273,9 @@ class RangeAdapter {
     }
     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);
@@ -62266,10 +62298,12 @@ class RangeAdapter {
         };
     }
     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,
@@ -64305,6 +64339,18 @@ class PivotCorePlugin extends CorePlugin {
         }
     }
     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];
@@ -64449,17 +64495,10 @@ class PivotCorePlugin extends CorePlugin {
             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 });
                 }
             }
         }
@@ -64563,20 +64602,6 @@ class SettingsPlugin extends CorePlugin {
     }
 }
 
-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) {
@@ -64587,27 +64612,6 @@ class SpreadsheetPivotCorePlugin extends CorePlugin {
         }
         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;
@@ -65949,6 +65953,9 @@ class Evaluator {
         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.
@@ -65960,13 +65967,8 @@ class Evaluator {
     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() {
@@ -66169,6 +66171,10 @@ class Evaluator {
         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,
@@ -66444,6 +66450,7 @@ class EvaluationPlugin extends CoreViewPlugin {
         "getEvaluatedCellsPositions",
         "getSpreadZone",
         "getArrayFormulaSpreadingOn",
+        "isArrayFormulaSpillBlocked",
         "isEmpty",
     ];
     shouldRebuildDependenciesGraph = true;
@@ -66556,6 +66563,9 @@ class EvaluationPlugin extends CoreViewPlugin {
     getArrayFormulaSpreadingOn(position) {
         return this.evaluator.getArrayFormulaSpreadingOn(position);
     }
+    isArrayFormulaSpillBlocked(position) {
+        return this.evaluator.isArrayFormulaSpillBlocked(position);
+    }
     /**
      * Check if a zone only contains empty cells
      */
@@ -78155,10 +78165,8 @@ class SpreadsheetDashboard extends Component {
         });
     }
     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({
@@ -78190,10 +78198,12 @@ class SpreadsheetDashboard extends Component {
     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,
         });
@@ -78211,6 +78221,11 @@ class SpreadsheetDashboard extends Component {
             ...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 */ `
@@ -80358,7 +80373,7 @@ class Spreadsheet extends Component {
                 document.activeElement?.contains(this.spreadsheetRef.el)) {
                 this.focusGrid();
             }
-        }, () => [this.env.model.getters.getActiveSheetId()]);
+        });
         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
@@ -80451,22 +80466,20 @@ class Spreadsheet extends Component {
         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 };
     }
 }
 
@@ -84951,6 +84964,6 @@ const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, ClientDisconnectedError, CommandResult, CorePlugin, CoreViewPlugin, DispatchResult, EvaluationError, LocalTransportService, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, chartHelpers, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, 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";