@odoo/o-spreadsheet 18.2.2 → 18.2.4

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.2.2
- * @date 2025-03-07T10:41:04.411Z
- * @hash f567932
+ * @version 18.2.4
+ * @date 2025-03-19T08:20:57.717Z
+ * @hash 958936a
  */
 
 (function (exports, owl) {
@@ -424,7 +424,6 @@
    * Sparse arrays remain sparse.
    */
   function deepCopy(obj) {
-      const result = Array.isArray(obj) ? [] : {};
       switch (typeof obj) {
           case "object": {
               if (obj === null) {
@@ -436,8 +435,18 @@
               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;
           }
@@ -2700,21 +2709,30 @@
       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 = {};
@@ -2738,6 +2756,33 @@
           }
       }
   }
+  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
@@ -6241,11 +6286,13 @@
       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) {
@@ -8290,7 +8337,8 @@
               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;
               }
           }
@@ -8441,13 +8489,6 @@
           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
@@ -8956,14 +8997,15 @@
               }
               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);
       }
@@ -8998,6 +9040,27 @@
       }
   }
 
+  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)) {
@@ -9161,7 +9224,8 @@
       .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") {
@@ -11319,6 +11383,7 @@ stores.inject(MyMetaStore, storeInstance);
   const autoCompleteProviders = new Registry();
 
   autoCompleteProviders.add("dataValidation", {
+      displayAllOnInitialContent: true,
       getProposals(tokenAtCursor, content) {
           if (content.startsWith("=")) {
               return [];
@@ -21111,8 +21176,8 @@ stores.inject(MyMetaStore, storeInstance);
           this.computeParenthesisRelatedToCursor();
       }
       cancelEdition() {
-          this.cancelEditionAndActivateSheet();
           this.resetContent();
+          this.cancelEditionAndActivateSheet();
       }
       setCurrentContent(content, selection) {
           if (selection && !this.isSelectionValid(content.length, selection.start, selection.end)) {
@@ -21130,8 +21195,8 @@ stores.inject(MyMetaStore, storeInstance);
           switch (cmd.type) {
               case "SELECT_FIGURE":
                   if (cmd.id) {
-                      this.cancelEditionAndActivateSheet();
                       this.resetContent();
+                      this.cancelEditionAndActivateSheet();
                   }
                   break;
               case "START_CHANGE_HIGHLIGHT":
@@ -21615,6 +21680,15 @@ stores.inject(MyMetaStore, storeInstance);
               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;
@@ -22438,7 +22512,7 @@ stores.inject(MyMetaStore, storeInstance);
                   text,
                   description: usedLabel,
                   htmlContent: [{ value: text, color }],
-                  fuzzySearchKey: value + usedLabel,
+                  fuzzySearchKey: text + usedLabel,
               };
           });
       },
@@ -24360,16 +24434,25 @@ stores.inject(MyMetaStore, storeInstance);
       }
       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 = [];
   /**
@@ -26216,7 +26299,7 @@ stores.inject(MyMetaStore, storeInstance);
                   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(),
@@ -26228,6 +26311,13 @@ stores.inject(MyMetaStore, storeInstance);
               };
           })[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) => {
@@ -36400,6 +36490,7 @@ stores.inject(MyMetaStore, storeInstance);
               fingerprintStore.enable();
           }
       },
+      isReadonlyAllowed: true,
       icon: "o-spreadsheet-Icon.IRREGULARITY_MAP",
   };
   const viewFormulas = {
@@ -47098,6 +47189,7 @@ stores.inject(MyMetaStore, storeInstance);
           columns: {},
       });
       setup() {
+          this.updateColumns();
           owl.onWillUpdateProps(() => this.updateColumns());
       }
       toggleHasHeader() {
@@ -48881,8 +48973,8 @@ stores.inject(MyMetaStore, storeInstance);
                   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;
@@ -50461,6 +50553,71 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
+  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,
@@ -50679,6 +50836,7 @@ stores.inject(MyMetaStore, storeInstance);
     left: ${HEADER_WIDTH}px;
     right: 0;
     height: ${HEADER_HEIGHT}px;
+    width: calc(100% - ${HEADER_WIDTH + SCROLLBAR_WIDTH}px);
     &.o-dragging {
       cursor: grabbing;
     }
@@ -50728,6 +50886,7 @@ stores.inject(MyMetaStore, storeInstance);
           onOpenContextMenu: Function,
       };
       static template = "o-spreadsheet-ColResizer";
+      static components = { UnhideColumnHeaders };
       colResizerRef;
       setup() {
           super.setup();
@@ -50736,6 +50895,9 @@ stores.inject(MyMetaStore, storeInstance);
           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;
       }
@@ -50758,10 +50920,10 @@ stores.inject(MyMetaStore, storeInstance);
           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;
@@ -50772,7 +50934,7 @@ stores.inject(MyMetaStore, storeInstance);
           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,
           });
@@ -50785,7 +50947,7 @@ stores.inject(MyMetaStore, storeInstance);
               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,
@@ -50804,7 +50966,7 @@ stores.inject(MyMetaStore, storeInstance);
       _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],
           });
       }
@@ -50815,7 +50977,7 @@ stores.inject(MyMetaStore, storeInstance);
           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)) {
@@ -50826,13 +50988,38 @@ stores.inject(MyMetaStore, storeInstance);
       }
       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 */ `
@@ -50842,7 +51029,7 @@ stores.inject(MyMetaStore, storeInstance);
     left: 0;
     right: 0;
     width: ${HEADER_WIDTH}px;
-    height: 100%;
+    height: calc(100% - ${HEADER_HEIGHT + SCROLLBAR_WIDTH}px);
     &.o-dragging {
       cursor: grabbing;
     }
@@ -50892,6 +51079,7 @@ stores.inject(MyMetaStore, storeInstance);
           onOpenContextMenu: Function,
       };
       static template = "o-spreadsheet-RowResizer";
+      static components = { UnhideRowHeaders };
       setup() {
           super.setup();
           this.rowResizerRef = owl.useRef("rowResizer");
@@ -50900,6 +51088,9 @@ stores.inject(MyMetaStore, storeInstance);
           this.MIN_ELEMENT_SIZE = MIN_ROW_HEIGHT;
       }
       rowResizerRef;
+      get sheetId() {
+          return this.env.model.getters.getActiveSheetId();
+      }
       _getEvOffset(ev) {
           return ev.offsetY;
       }
@@ -50922,10 +51113,10 @@ stores.inject(MyMetaStore, storeInstance);
           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;
@@ -50936,7 +51127,7 @@ stores.inject(MyMetaStore, storeInstance);
           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,
           });
@@ -50949,7 +51140,7 @@ stores.inject(MyMetaStore, storeInstance);
               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,
@@ -50968,7 +51159,7 @@ stores.inject(MyMetaStore, storeInstance);
       _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],
           });
       }
@@ -50979,7 +51170,7 @@ stores.inject(MyMetaStore, storeInstance);
           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)) {
@@ -50988,15 +51179,33 @@ stores.inject(MyMetaStore, storeInstance);
           }
           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 */ `
@@ -65193,12 +65402,7 @@ stores.inject(MyMetaStore, storeInstance);
                   }
                   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;
           }
       }
@@ -65362,6 +65566,48 @@ stores.inject(MyMetaStore, storeInstance);
           }
           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 {
@@ -67766,7 +68012,7 @@ stores.inject(MyMetaStore, storeInstance);
        *
        */
       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) {
@@ -68234,7 +68480,8 @@ stores.inject(MyMetaStore, storeInstance);
               ? 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) {
@@ -68359,11 +68606,12 @@ stores.inject(MyMetaStore, storeInstance);
        * 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;
@@ -68374,9 +68622,10 @@ stores.inject(MyMetaStore, storeInstance);
        * 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,
           };
@@ -74328,7 +74577,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
           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)} />`);
@@ -74496,6 +74745,9 @@ stores.inject(MyMetaStore, storeInstance);
   }
   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] || {};
@@ -74511,9 +74763,6 @@ stores.inject(MyMetaStore, storeInstance);
           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);
@@ -75818,9 +76067,9 @@ stores.inject(MyMetaStore, storeInstance);
   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";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);