@odoo/o-spreadsheet 18.2.2 → 18.2.4

package/dist/o-spreadsheet.cjs.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.2.2
- * @date 2025-03-07T10:41:04.411Z
- * @hash f567932
+ * @version 18.2.4
+ * @date 2025-03-19T08:20:57.717Z
+ * @hash 958936a
  */
 
 'use strict';
@@ -425,7 +425,6 @@ function escapeRegExp(str) {
  * Sparse arrays remain sparse.
  */
 function deepCopy(obj) {
-    const result = Array.isArray(obj) ? [] : {};
     switch (typeof obj) {
         case "object": {
             if (obj === null) {
@@ -437,8 +436,18 @@ function deepCopy(obj) {
             else if (!(isPlainObject(obj) || obj instanceof Array)) {
                 throw new Error("Unsupported type: only objects and arrays are supported");
             }
-            for (const key in obj) {
-                result[key] = deepCopy(obj[key]);
+            const result = Array.isArray(obj) ? new Array(obj.length) : {};
+            if (Array.isArray(obj)) {
+                for (let i = 0, len = obj.length; i < len; i++) {
+                    if (i in obj) {
+                        result[i] = deepCopy(obj[i]);
+                    }
+                }
+            }
+            else {
+                for (const key in obj) {
+                    result[key] = deepCopy(obj[key]);
+                }
             }
             return result;
         }
@@ -2701,21 +2710,30 @@ function mergeContiguousZones(zones) {
     return mergedZones;
 }
 
+const globalReverseLookup$1 = new WeakMap();
+const globalIdCounter = new WeakMap();
 /**
  * Get the id of the given item (its key in the given dictionary).
  * If the given item does not exist in the dictionary, it creates one with a new id.
  */
 function getItemId(item, itemsDic) {
-    for (const key in itemsDic) {
-        if (deepEquals(itemsDic[key], item)) {
-            return parseInt(key, 10);
-        }
+    if (!globalReverseLookup$1.has(itemsDic)) {
+        globalReverseLookup$1.set(itemsDic, new Map());
+        globalIdCounter.set(itemsDic, 0);
+    }
+    const reverseLookup = globalReverseLookup$1.get(itemsDic);
+    const canonical = getCanonicalRepresentation(item);
+    if (reverseLookup.has(canonical)) {
+        const id = reverseLookup.get(canonical);
+        itemsDic[id] = item;
+        return id;
     }
     // Generate new Id if the item didn't exist in the dictionary
-    const ids = Object.keys(itemsDic);
-    const maxId = ids.length === 0 ? 0 : largeMax(ids.map((id) => parseInt(id, 10)));
-    itemsDic[maxId + 1] = item;
-    return maxId + 1;
+    const newId = globalIdCounter.get(itemsDic) + 1;
+    reverseLookup.set(canonical, newId);
+    globalIdCounter.set(itemsDic, newId);
+    itemsDic[newId] = item;
+    return newId;
 }
 function groupItemIdsByZones(positionsByItemId) {
     const result = {};
@@ -2739,6 +2757,33 @@ function* iterateItemIdsPositions(sheetId, itemIdsByZones) {
         }
     }
 }
+function getCanonicalRepresentation(item) {
+    if (item === null)
+        return "null";
+    if (item === undefined)
+        return "undefined";
+    if (typeof item !== "object")
+        return String(item);
+    if (Array.isArray(item)) {
+        const len = item.length;
+        let result = "[";
+        for (let i = 0; i < len; i++) {
+            if (i > 0)
+                result += ",";
+            result += getCanonicalRepresentation(item[i]);
+        }
+        return result + "]";
+    }
+    const keys = Object.keys(item).sort();
+    let repr = "{";
+    for (const key of keys) {
+        if (item[key] !== undefined) {
+            repr += `"${key}":${getCanonicalRepresentation(item[key])},`;
+        }
+    }
+    repr += "}";
+    return repr;
+}
 
 // -----------------------------------------------------------------------------
 // Date Type
@@ -6242,11 +6287,13 @@ function getDefaultCellHeight(ctx, cell, colSize) {
     if (!cell || (!cell.isFormula && !cell.content)) {
         return DEFAULT_CELL_HEIGHT;
     }
-    const maxWidth = cell.style?.wrapping === "wrap" ? colSize - 2 * MIN_CELL_TEXT_MARGIN : undefined;
-    const numberOfLines = cell.isFormula
-        ? 1
-        : splitTextToWidth(ctx, cell.content, cell.style, maxWidth).length;
-    const fontSize = computeTextFontSizeInPixels(cell.style);
+    const content = cell.isFormula ? "" : cell.content;
+    return getCellContentHeight(ctx, content, cell.style, colSize);
+}
+function getCellContentHeight(ctx, content, style, colSize) {
+    const maxWidth = style?.wrapping === "wrap" ? colSize - 2 * MIN_CELL_TEXT_MARGIN : undefined;
+    const numberOfLines = splitTextToWidth(ctx, content, style, maxWidth).length;
+    const fontSize = computeTextFontSizeInPixels(style);
     return computeTextLinesHeight(fontSize, numberOfLines) + 2 * PADDING_AUTORESIZE_VERTICAL;
 }
 function getDefaultContextFont(fontSize, bold = false, italic = false) {
@@ -8291,7 +8338,8 @@ function isSortedColumnValid(sortedColumn, pivot) {
             const possibleValues = pivot
                 .getPossibleFieldValues(columns[i])
                 .map((v) => v.value);
-            if (!possibleValues.includes(sortedColumn.domain[i].value)) {
+            if (!possibleValues.includes(sortedColumn.domain[i].value) &&
+                !(sortedColumn.domain[i].value === null && possibleValues.includes(""))) {
                 return false;
             }
         }
@@ -8442,13 +8490,6 @@ class CellClipboardHandler extends AbstractCellClipboardHandler {
         this.clearClippedZones(content);
         const selection = target[0];
         this.pasteZone(sheetId, selection.left, selection.top, content.cells, options);
-        this.dispatch("MOVE_RANGES", {
-            target: content.zones,
-            sheetId: content.sheetId,
-            targetSheetId: sheetId,
-            col: selection.left,
-            row: selection.top,
-        });
     }
     /**
      * Clear the clipped zones: remove the cells and clear the formatting
@@ -8957,14 +8998,15 @@ class MergeClipboardHandler extends AbstractCellClipboardHandler {
             }
             merges.push(mergesInRow);
         }
-        return { merges };
+        return { merges, sheetId };
     }
     /**
      * Paste the clipboard content in the given target
      */
     paste(target, content, options) {
         if (options.isCutOperation) {
-            return;
+            const copiedMerges = content.merges.flat().filter(isDefined);
+            this.dispatch("REMOVE_MERGE", { sheetId: content.sheetId, target: copiedMerges });
         }
         this.pasteFromCopy(target.sheetId, target.zones, content.merges, options);
     }
@@ -8999,6 +9041,27 @@ class MergeClipboardHandler extends AbstractCellClipboardHandler {
     }
 }
 
+class ReferenceClipboardHandler extends AbstractCellClipboardHandler {
+    copy(data) {
+        return {
+            zones: data.clippedZones,
+            sheetId: data.sheetId,
+        };
+    }
+    paste(target, content, options) {
+        if (options.isCutOperation) {
+            const selection = target.zones[0];
+            this.dispatch("MOVE_RANGES", {
+                target: content.zones,
+                sheetId: content.sheetId,
+                targetSheetId: target.sheetId,
+                col: selection.left,
+                row: selection.top,
+            });
+        }
+    }
+}
+
 class SheetClipboardHandler extends AbstractCellClipboardHandler {
     isPasteAllowed(sheetId, target, content, options) {
         if (!("cells" in content)) {
@@ -9162,7 +9225,8 @@ clipboardHandlersRegistries.cellHandlers
     .add("merge", MergeClipboardHandler)
     .add("border", BorderClipboardHandler)
     .add("table", TableClipboardHandler)
-    .add("conditionalFormat", ConditionalFormatClipboardHandler);
+    .add("conditionalFormat", ConditionalFormatClipboardHandler)
+    .add("references", ReferenceClipboardHandler);
 
 function transformZone(zone, executed) {
     if (executed.type === "REMOVE_COLUMNS_ROWS") {
@@ -11320,6 +11384,7 @@ class ScorecardChart extends owl.Component {
 const autoCompleteProviders = new Registry();
 
 autoCompleteProviders.add("dataValidation", {
+    displayAllOnInitialContent: true,
     getProposals(tokenAtCursor, content) {
         if (content.startsWith("=")) {
             return [];
@@ -21112,8 +21177,8 @@ class AbstractComposerStore extends SpreadsheetStore {
         this.computeParenthesisRelatedToCursor();
     }
     cancelEdition() {
-        this.cancelEditionAndActivateSheet();
         this.resetContent();
+        this.cancelEditionAndActivateSheet();
     }
     setCurrentContent(content, selection) {
         if (selection && !this.isSelectionValid(content.length, selection.start, selection.end)) {
@@ -21131,8 +21196,8 @@ class AbstractComposerStore extends SpreadsheetStore {
         switch (cmd.type) {
             case "SELECT_FIGURE":
                 if (cmd.id) {
-                    this.cancelEditionAndActivateSheet();
                     this.resetContent();
+                    this.cancelEditionAndActivateSheet();
                 }
                 break;
             case "START_CHANGE_HIGHLIGHT":
@@ -21616,6 +21681,15 @@ class AbstractComposerStore extends SpreadsheetStore {
             const exactMatch = proposals?.find((p) => p.text === tokenAtCursor.value);
             // remove tokens that are likely to be other parts of the formula that slipped in the token if it's a string
             const searchTerm = tokenAtCursor.value.replace(/[ ,\(\)]/g, "");
+            if (this._currentContent === this.initialContent &&
+                provider.displayAllOnInitialContent &&
+                proposals?.length) {
+                return {
+                    proposals,
+                    selectProposal: provider.selectProposal,
+                    autoSelectFirstProposal: provider.autoSelectFirstProposal ?? false,
+                };
+            }
             if (exactMatch && this._currentContent !== this.initialContent) {
                 // this means the user has chosen a proposal
                 return;
@@ -22439,7 +22513,7 @@ autoCompleteProviders.add("pivot_group_values", {
                 text,
                 description: usedLabel,
                 htmlContent: [{ value: text, color }],
-                fuzzySearchKey: value + usedLabel,
+                fuzzySearchKey: text + usedLabel,
             };
         });
     },
@@ -24361,16 +24435,25 @@ function addRelsToFile(relsFiles, path, rel) {
     }
     return id;
 }
+const globalReverseLookup = new WeakMap();
 function pushElement(property, propertyList) {
-    let len = propertyList.length;
-    const operator = typeof property === "object" ? deepEquals : (a, b) => a === b;
-    for (let i = 0; i < len; i++) {
-        if (operator(property, propertyList[i])) {
-            return i;
+    let reverseLookup = globalReverseLookup.get(propertyList);
+    if (!reverseLookup) {
+        reverseLookup = new Map();
+        for (let i = 0; i < propertyList.length; i++) {
+            const canonical = getCanonicalRepresentation(propertyList[i]);
+            reverseLookup.set(canonical, i);
         }
+        globalReverseLookup.set(propertyList, reverseLookup);
     }
-    propertyList[propertyList.length] = property;
-    return propertyList.length - 1;
+    const canonical = getCanonicalRepresentation(property);
+    if (reverseLookup.has(canonical)) {
+        return reverseLookup.get(canonical);
+    }
+    const maxId = propertyList.length;
+    propertyList.push(property);
+    reverseLookup.set(canonical, maxId);
+    return maxId;
 }
 const chartIds = [];
 /**
@@ -26217,7 +26300,7 @@ class XlsxChartExtractor extends XlsxBaseExtractor {
                 title: { text: chartTitle },
                 type: CHART_TYPE_CONVERSION_MAP[chartType],
                 dataSets: this.extractChartDatasets(this.querySelectorAll(rootChartElement, `c:${chartType}`), chartType),
-                labelRange: this.extractChildTextContent(rootChartElement, `c:ser ${chartType === "scatterChart" ? "c:numRef" : "c:cat"} c:f`),
+                labelRange: this.extractLabelRange(chartType, rootChartElement),
                 backgroundColor: this.extractChildAttr(rootChartElement, "c:chartSpace > c:spPr a:srgbClr", "val", {
                     default: "ffffff",
                 }).asString(),
@@ -26229,6 +26312,13 @@ class XlsxChartExtractor extends XlsxBaseExtractor {
             };
         })[0];
     }
+    extractLabelRange(chartType, rootChartElement) {
+        if (chartType === "scatterChart") {
+            return (this.extractChildTextContent(rootChartElement, `c:ser c:strRef c:f`) ||
+                this.extractChildTextContent(rootChartElement, `c:ser c:numRef c:f`));
+        }
+        return this.extractChildTextContent(rootChartElement, `c:ser c:cat c:f`);
+    }
     extractComboChart(chartElement) {
         // Title can be separated into multiple xml elements (for styling and such), we only import the text
         const chartTitle = this.mapOnElements({ parent: chartElement, query: "c:title a:t" }, (textElement) => {
@@ -36401,6 +36491,7 @@ const irregularityMap = {
             fingerprintStore.enable();
         }
     },
+    isReadonlyAllowed: true,
     icon: "o-spreadsheet-Icon.IRREGULARITY_MAP",
 };
 const viewFormulas = {
@@ -47099,6 +47190,7 @@ class RemoveDuplicatesPanel extends owl.Component {
         columns: {},
     });
     setup() {
+        this.updateColumns();
         owl.onWillUpdateProps(() => this.updateColumns());
     }
     toggleHasHeader() {
@@ -48882,8 +48974,8 @@ class CellComposerStore extends AbstractComposerStore {
                 const sheetIdExists = !!this.getters.tryGetSheet(this.sheetId);
                 if (!sheetIdExists && this.editionMode !== "inactive") {
                     this.sheetId = this.getters.getActiveSheetId();
-                    this.cancelEditionAndActivateSheet();
                     this.resetContent();
+                    this.cancelEditionAndActivateSheet();
                     this.notificationStore.raiseError(CELL_DELETED_MESSAGE);
                 }
                 break;
@@ -50462,6 +50554,71 @@ class GridPopover extends owl.Component {
     }
 }
 
+class UnhideRowHeaders extends owl.Component {
+    static template = "o-spreadsheet-UnhideRowHeaders";
+    static props = {
+        headersGroups: Array,
+        headerRange: Object,
+        offset: { type: Number, optional: true },
+    };
+    static defaultProps = { offset: 0 };
+    get sheetId() {
+        return this.env.model.getters.getActiveSheetId();
+    }
+    getUnhidePreviousButtonStyle(hiddenIndex) {
+        const rect = this.env.model.getters.getRect(positionToZone({ col: 0, row: hiddenIndex }));
+        const y = rect.y + rect.height - HEADER_HEIGHT;
+        return cssPropertiesToCss({ top: y - this.props.offset + "px", "margin-right": "1px" });
+    }
+    getUnhideNextButtonStyle(hiddenIndex) {
+        const rect = this.env.model.getters.getRect(positionToZone({ col: 0, row: hiddenIndex }));
+        const y = rect.y - HEADER_HEIGHT;
+        return cssPropertiesToCss({ top: y - this.props.offset + "px", "margin-right": "1px" });
+    }
+    unhide(hiddenElements) {
+        this.env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
+            sheetId: this.sheetId,
+            dimension: "ROW",
+            elements: hiddenElements,
+        });
+    }
+    isVisible(header) {
+        return header >= this.props.headerRange.start && header <= this.props.headerRange.end;
+    }
+}
+class UnhideColumnHeaders extends owl.Component {
+    static template = "o-spreadsheet-UnhideColumnHeaders";
+    static props = {
+        headersGroups: Array,
+        headerRange: Object,
+        offset: { type: Number, optional: true },
+    };
+    static defaultProps = { offset: 0 };
+    get sheetId() {
+        return this.env.model.getters.getActiveSheetId();
+    }
+    getUnhidePreviousButtonStyle(hiddenIndex) {
+        const rect = this.env.model.getters.getRect(positionToZone({ col: hiddenIndex, row: 0 }));
+        const x = rect.x + rect.width - HEADER_WIDTH;
+        return cssPropertiesToCss({ left: x - this.props.offset + "px" });
+    }
+    getUnhideNextButtonStyle(hiddenIndex) {
+        const rect = this.env.model.getters.getRect(positionToZone({ col: hiddenIndex, row: 0 }));
+        const x = rect.x - HEADER_WIDTH;
+        return cssPropertiesToCss({ left: x - this.props.offset + "px" });
+    }
+    unhide(hiddenElements) {
+        this.env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
+            sheetId: this.sheetId,
+            dimension: "COL",
+            elements: hiddenElements,
+        });
+    }
+    isVisible(header) {
+        return header >= this.props.headerRange.start && header <= this.props.headerRange.end;
+    }
+}
+
 class AbstractResizer extends owl.Component {
     static props = {
         onOpenContextMenu: Function,
@@ -50680,6 +50837,7 @@ css /* scss */ `
     left: ${HEADER_WIDTH}px;
     right: 0;
     height: ${HEADER_HEIGHT}px;
+    width: calc(100% - ${HEADER_WIDTH + SCROLLBAR_WIDTH}px);
     &.o-dragging {
       cursor: grabbing;
     }
@@ -50729,6 +50887,7 @@ class ColResizer extends AbstractResizer {
         onOpenContextMenu: Function,
     };
     static template = "o-spreadsheet-ColResizer";
+    static components = { UnhideColumnHeaders };
     colResizerRef;
     setup() {
         super.setup();
@@ -50737,6 +50896,9 @@ class ColResizer extends AbstractResizer {
         this.MAX_SIZE_MARGIN = 90;
         this.MIN_ELEMENT_SIZE = MIN_COL_WIDTH;
     }
+    get sheetId() {
+        return this.env.model.getters.getActiveSheetId();
+    }
     _getEvOffset(ev) {
         return ev.offsetX;
     }
@@ -50759,10 +50921,10 @@ class ColResizer extends AbstractResizer {
         return this.env.model.getters.getEdgeScrollCol(position, position, position);
     }
     _getDimensionsInViewport(index) {
-        return this.env.model.getters.getColDimensionsInViewport(this.env.model.getters.getActiveSheetId(), index);
+        return this.env.model.getters.getColDimensionsInViewport(this.sheetId, index);
     }
     _getElementSize(index) {
-        return this.env.model.getters.getColSize(this.env.model.getters.getActiveSheetId(), index);
+        return this.env.model.getters.getColSize(this.sheetId, index);
     }
     _getMaxSize() {
         return this.colResizerRef.el.clientWidth;
@@ -50773,7 +50935,7 @@ class ColResizer extends AbstractResizer {
         const cols = this.env.model.getters.getActiveCols();
         this.env.model.dispatch("RESIZE_COLUMNS_ROWS", {
             dimension: "COL",
-            sheetId: this.env.model.getters.getActiveSheetId(),
+            sheetId: this.sheetId,
             elements: cols.has(index) ? [...cols] : [index],
             size,
         });
@@ -50786,7 +50948,7 @@ class ColResizer extends AbstractResizer {
             elements.push(colIndex);
         }
         const result = this.env.model.dispatch("MOVE_COLUMNS_ROWS", {
-            sheetId: this.env.model.getters.getActiveSheetId(),
+            sheetId: this.sheetId,
             dimension: "COL",
             base: this.state.base,
             elements,
@@ -50805,7 +50967,7 @@ class ColResizer extends AbstractResizer {
     _fitElementSize(index) {
         const cols = this.env.model.getters.getActiveCols();
         this.env.model.dispatch("AUTORESIZE_COLUMNS", {
-            sheetId: this.env.model.getters.getActiveSheetId(),
+            sheetId: this.sheetId,
             cols: cols.has(index) ? [...cols] : [index],
         });
     }
@@ -50816,7 +50978,7 @@ class ColResizer extends AbstractResizer {
         return this.env.model.getters.getActiveCols();
     }
     _getPreviousVisibleElement(index) {
-        const sheetId = this.env.model.getters.getActiveSheetId();
+        const sheetId = this.sheetId;
         let row;
         for (row = index - 1; row >= 0; row--) {
             if (!this.env.model.getters.isColHidden(sheetId, row)) {
@@ -50827,13 +50989,38 @@ class ColResizer extends AbstractResizer {
     }
     unhide(hiddenElements) {
         this.env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
-            sheetId: this.env.model.getters.getActiveSheetId(),
+            sheetId: this.sheetId,
             elements: hiddenElements,
             dimension: "COL",
         });
     }
-    getUnhideButtonStyle(hiddenIndex) {
-        return cssPropertiesToCss({ left: this._getDimensionsInViewport(hiddenIndex).start + "px" });
+    get mainUnhideHeadersProps() {
+        const { left, right } = this.env.model.getters.getActiveMainViewport();
+        const { xSplit } = this.env.model.getters.getPaneDivisions(this.sheetId);
+        const hiddenGroups = this.env.model.getters.getHiddenColsGroups(this.sheetId);
+        const index = hiddenGroups.findIndex((group) => group[0] >= xSplit - 1);
+        return {
+            headersGroups: hiddenGroups.slice(index),
+            offset: this.env.model.getters.getMainViewportCoordinates().x,
+            headerRange: { start: left, end: right },
+        };
+    }
+    get frozenUnhideHeadersProps() {
+        const { xSplit } = this.env.model.getters.getPaneDivisions(this.sheetId);
+        const hiddenGroups = this.env.model.getters.getHiddenColsGroups(this.sheetId);
+        const index = hiddenGroups.findIndex((group) => group[0] >= xSplit - 1);
+        return {
+            headersGroups: hiddenGroups.slice(0, index + 1),
+            headerRange: { start: 0, end: xSplit - 1 },
+        };
+    }
+    get frozenContainerStyle() {
+        return cssPropertiesToCss({
+            width: this.env.model.getters.getMainViewportCoordinates().x + "px",
+        });
+    }
+    get hasFrozenPane() {
+        return this.env.model.getters.getPaneDivisions(this.sheetId).xSplit > 0;
     }
 }
 css /* scss */ `
@@ -50843,7 +51030,7 @@ css /* scss */ `
     left: 0;
     right: 0;
     width: ${HEADER_WIDTH}px;
-    height: 100%;
+    height: calc(100% - ${HEADER_HEIGHT + SCROLLBAR_WIDTH}px);
     &.o-dragging {
       cursor: grabbing;
     }
@@ -50893,6 +51080,7 @@ class RowResizer extends AbstractResizer {
         onOpenContextMenu: Function,
     };
     static template = "o-spreadsheet-RowResizer";
+    static components = { UnhideRowHeaders };
     setup() {
         super.setup();
         this.rowResizerRef = owl.useRef("rowResizer");
@@ -50901,6 +51089,9 @@ class RowResizer extends AbstractResizer {
         this.MIN_ELEMENT_SIZE = MIN_ROW_HEIGHT;
     }
     rowResizerRef;
+    get sheetId() {
+        return this.env.model.getters.getActiveSheetId();
+    }
     _getEvOffset(ev) {
         return ev.offsetY;
     }
@@ -50923,10 +51114,10 @@ class RowResizer extends AbstractResizer {
         return this.env.model.getters.getEdgeScrollRow(position, position, position);
     }
     _getDimensionsInViewport(index) {
-        return this.env.model.getters.getRowDimensionsInViewport(this.env.model.getters.getActiveSheetId(), index);
+        return this.env.model.getters.getRowDimensionsInViewport(this.sheetId, index);
     }
     _getElementSize(index) {
-        return this.env.model.getters.getRowSize(this.env.model.getters.getActiveSheetId(), index);
+        return this.env.model.getters.getRowSize(this.sheetId, index);
     }
     _getMaxSize() {
         return this.rowResizerRef.el.clientHeight;
@@ -50937,7 +51128,7 @@ class RowResizer extends AbstractResizer {
         const rows = this.env.model.getters.getActiveRows();
         this.env.model.dispatch("RESIZE_COLUMNS_ROWS", {
             dimension: "ROW",
-            sheetId: this.env.model.getters.getActiveSheetId(),
+            sheetId: this.sheetId,
             elements: rows.has(index) ? [...rows] : [index],
             size,
         });
@@ -50950,7 +51141,7 @@ class RowResizer extends AbstractResizer {
             elements.push(rowIndex);
         }
         const result = this.env.model.dispatch("MOVE_COLUMNS_ROWS", {
-            sheetId: this.env.model.getters.getActiveSheetId(),
+            sheetId: this.sheetId,
             dimension: "ROW",
             base: this.state.base,
             elements,
@@ -50969,7 +51160,7 @@ class RowResizer extends AbstractResizer {
     _fitElementSize(index) {
         const rows = this.env.model.getters.getActiveRows();
         this.env.model.dispatch("AUTORESIZE_ROWS", {
-            sheetId: this.env.model.getters.getActiveSheetId(),
+            sheetId: this.sheetId,
             rows: rows.has(index) ? [...rows] : [index],
         });
     }
@@ -50980,7 +51171,7 @@ class RowResizer extends AbstractResizer {
         return this.env.model.getters.getActiveRows();
     }
     _getPreviousVisibleElement(index) {
-        const sheetId = this.env.model.getters.getActiveSheetId();
+        const sheetId = this.sheetId;
         let row;
         for (row = index - 1; row >= 0; row--) {
             if (!this.env.model.getters.isRowHidden(sheetId, row)) {
@@ -50989,15 +51180,33 @@ class RowResizer extends AbstractResizer {
         }
         return row;
     }
-    unhide(hiddenElements) {
-        this.env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
-            sheetId: this.env.model.getters.getActiveSheetId(),
-            dimension: "ROW",
-            elements: hiddenElements,
+    get mainUnhideHeadersProps() {
+        const { top, bottom } = this.env.model.getters.getActiveMainViewport();
+        const { ySplit } = this.env.model.getters.getPaneDivisions(this.sheetId);
+        const hiddenGroups = this.env.model.getters.getHiddenRowsGroups(this.sheetId);
+        const index = hiddenGroups.findIndex((group) => group[0] >= ySplit - 1);
+        return {
+            headersGroups: hiddenGroups.slice(index),
+            offset: this.env.model.getters.getMainViewportCoordinates().y,
+            headerRange: { start: top, end: bottom },
+        };
+    }
+    get frozenUnhideHeadersProps() {
+        const { ySplit } = this.env.model.getters.getPaneDivisions(this.sheetId);
+        const hiddenGroups = this.env.model.getters.getHiddenRowsGroups(this.sheetId);
+        const index = hiddenGroups.findIndex((group) => group[0] >= ySplit - 1);
+        return {
+            headersGroups: hiddenGroups.slice(0, index + 1),
+            headerRange: { start: 0, end: ySplit - 1 },
+        };
+    }
+    get frozenContainerStyle() {
+        return cssPropertiesToCss({
+            height: this.env.model.getters.getMainViewportCoordinates().y + "px",
         });
     }
-    getUnhideButtonStyle(hiddenIndex) {
-        return cssPropertiesToCss({ top: this._getDimensionsInViewport(hiddenIndex).start + "px" });
+    get hasFrozenPane() {
+        return this.env.model.getters.getPaneDivisions(this.sheetId).ySplit > 0;
     }
 }
 css /* scss */ `
@@ -65194,12 +65403,7 @@ class SheetUIPlugin extends UIPlugin {
                 }
                 break;
             case "AUTORESIZE_ROWS":
-                this.dispatch("RESIZE_COLUMNS_ROWS", {
-                    elements: cmd.rows,
-                    dimension: "ROW",
-                    size: null,
-                    sheetId: cmd.sheetId,
-                });
+                this.autoResizeRows(cmd.sheetId, cmd.rows);
                 break;
         }
     }
@@ -65363,6 +65567,48 @@ class SheetUIPlugin extends UIPlugin {
         }
         return "Success" /* CommandResult.Success */;
     }
+    autoResizeRows(sheetId, rows) {
+        const rowSizes = [];
+        for (const row of rows) {
+            let evaluatedRowSize = 0;
+            for (const cellId of this.getters.getRowCells(sheetId, row)) {
+                const cell = this.getters.getCellById(cellId);
+                if (!cell) {
+                    continue;
+                }
+                const position = this.getters.getCellPosition(cell.id);
+                const colSize = this.getters.getColSize(sheetId, position.col);
+                if (cell.isFormula) {
+                    const content = this.getters.getEvaluatedCell(position).formattedValue;
+                    const evaluatedSize = getCellContentHeight(this.ctx, content, cell?.style, colSize);
+                    if (evaluatedSize > evaluatedRowSize && evaluatedSize > DEFAULT_CELL_HEIGHT) {
+                        evaluatedRowSize = evaluatedSize;
+                    }
+                }
+                else {
+                    const content = cell.content;
+                    const dynamicRowSize = getCellContentHeight(this.ctx, content, cell?.style, colSize);
+                    // Only keep the size of evaluated cells if it's bigger than the dynamic row size
+                    if (dynamicRowSize >= evaluatedRowSize && dynamicRowSize > DEFAULT_CELL_HEIGHT) {
+                        evaluatedRowSize = 0;
+                    }
+                }
+            }
+            rowSizes.push(evaluatedRowSize || null);
+        }
+        const groupedSizes = new Map(rowSizes.map((size) => [size, []]));
+        for (let i = 0; i < rowSizes.length; i++) {
+            groupedSizes.get(rowSizes[i])?.push(rows[i]);
+        }
+        for (const [size, rows] of groupedSizes) {
+            this.dispatch("RESIZE_COLUMNS_ROWS", {
+                elements: rows,
+                dimension: "ROW",
+                size,
+                sheetId,
+            });
+        }
+    }
 }
 
 class TableComputedStylePlugin extends UIPlugin {
@@ -67767,7 +68013,7 @@ class InternalViewport {
      *
      */
     getFullRect(zone) {
-        const targetZone = intersection(zone, this);
+        const targetZone = intersection(zone, this.boundaries);
         const scrollDeltaX = this.snapCorrection.x;
         const scrollDeltaY = this.snapCorrection.y;
         if (targetZone) {
@@ -68235,7 +68481,8 @@ class SheetViewPlugin extends UIPlugin {
             ? this.getters.getSheetViewVisibleCols()
             : this.getters.getSheetViewVisibleRows();
         const startIndex = visibleHeaders.findIndex((header) => referenceHeaderIndex >= header);
-        const endIndex = visibleHeaders.findIndex((header) => targetHeaderIndex <= header);
+        let endIndex = visibleHeaders.findIndex((header) => targetHeaderIndex <= header);
+        endIndex = endIndex === -1 ? visibleHeaders.length : endIndex;
         const relevantIndexes = visibleHeaders.slice(startIndex, endIndex);
         let offset = 0;
         for (const i of relevantIndexes) {
@@ -68360,11 +68607,12 @@ class SheetViewPlugin extends UIPlugin {
      * column of the current viewport
      */
     getColDimensionsInViewport(sheetId, col) {
+        const { top } = this.getMainInternalViewport(sheetId);
         const zone = {
             left: col,
             right: col,
-            top: 0,
-            bottom: this.getters.getNumberRows(sheetId) - 1,
+            top: top,
+            bottom: top,
         };
         const { x, width } = this.getVisibleRect(zone);
         const start = x - this.gridOffsetX;
@@ -68375,9 +68623,10 @@ class SheetViewPlugin extends UIPlugin {
      * of the current viewport
      */
     getRowDimensionsInViewport(sheetId, row) {
+        const { left } = this.getMainInternalViewport(sheetId);
         const zone = {
             left: 0,
-            right: this.getters.getNumberCols(sheetId) - 1,
+            right: left,
             top: row,
             bottom: row,
         };
@@ -74329,7 +74578,7 @@ function addStyles(styles) {
         }
         if (alignAttrs.length > 0) {
             attributes.push(["applyAlignment", "1"]); // for Libre Office
-            styleNodes.push(escapeXml /*xml*/ `<xf ${formatAttributes(attributes)}>${escapeXml /*xml*/ `<alignment ${formatAttributes(alignAttrs)} />`}</xf> `);
+            styleNodes.push(escapeXml /*xml*/ `<xf ${formatAttributes(attributes)}><alignment ${formatAttributes(alignAttrs)} /></xf> `);
         }
         else {
             styleNodes.push(escapeXml /*xml*/ `<xf ${formatAttributes(attributes)} />`);
@@ -74497,6 +74746,9 @@ function addColumns(cols) {
 }
 function addRows(construct, data, sheet) {
     const rowNodes = [];
+    const styles = new PositionMap(iterateItemIdsPositions(sheet.id, sheet.styles));
+    const borders = new PositionMap(iterateItemIdsPositions(sheet.id, sheet.borders));
+    const formats = new PositionMap(iterateItemIdsPositions(sheet.id, sheet.formats));
     for (let r = 0; r < sheet.rowNumber; r++) {
         const rowAttrs = [["r", r + 1]];
         const row = sheet.rows[r] || {};
@@ -74512,9 +74764,6 @@ function addRows(construct, data, sheet) {
         if (row.collapsed) {
             rowAttrs.push(["collapsed", 1]);
         }
-        const styles = new PositionMap(iterateItemIdsPositions(sheet.id, sheet.styles));
-        const borders = new PositionMap(iterateItemIdsPositions(sheet.id, sheet.borders));
-        const formats = new PositionMap(iterateItemIdsPositions(sheet.id, sheet.formats));
         const cellNodes = [];
         for (let c = 0; c < sheet.colNumber; c++) {
             const xc = toXC(c, r);
@@ -75819,6 +76068,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "18.2.2";
-__info__.date = "2025-03-07T10:41:04.411Z";
-__info__.hash = "f567932";
+__info__.version = "18.2.4";
+__info__.date = "2025-03-19T08:20:57.717Z";
+__info__.hash = "958936a";