@odoo/o-spreadsheet 18.2.2 → 18.2.3

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.3
+ * @date 2025-03-12T15:32:36.274Z
+ * @hash 81b0e08
  */
 
 (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
@@ -8290,7 +8335,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;
               }
           }
@@ -11319,6 +11365,7 @@ stores.inject(MyMetaStore, storeInstance);
   const autoCompleteProviders = new Registry();
 
   autoCompleteProviders.add("dataValidation", {
+      displayAllOnInitialContent: true,
       getProposals(tokenAtCursor, content) {
           if (content.startsWith("=")) {
               return [];
@@ -21615,6 +21662,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;
@@ -24360,16 +24416,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 +26281,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 +26293,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 +36472,7 @@ stores.inject(MyMetaStore, storeInstance);
               fingerprintStore.enable();
           }
       },
+      isReadonlyAllowed: true,
       icon: "o-spreadsheet-Icon.IRREGULARITY_MAP",
   };
   const viewFormulas = {
@@ -50461,6 +50534,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 +50817,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 +50867,7 @@ stores.inject(MyMetaStore, storeInstance);
           onOpenContextMenu: Function,
       };
       static template = "o-spreadsheet-ColResizer";
+      static components = { UnhideColumnHeaders };
       colResizerRef;
       setup() {
           super.setup();
@@ -50736,6 +50876,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 +50901,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 +50915,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 +50928,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 +50947,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 +50958,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 +50969,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 +51010,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 +51060,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 +51069,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 +51094,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 +51108,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 +51121,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 +51140,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 +51151,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 +51160,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 */ `
@@ -67766,7 +67956,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 +68424,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 +68550,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 +68566,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 +74521,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 +74689,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 +74707,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 +76011,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.3";
+  __info__.date = "2025-03-12T15:32:36.274Z";
+  __info__.hash = "81b0e08";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);