@odoo/o-spreadsheet 18.5.0-alpha.0 → 18.5.0-alpha.1

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.5.0-alpha.0
- * @date 2025-06-24T12:26:38.163Z
- * @hash ed0f325
+ * @version 18.5.0-alpha.1
+ * @date 2025-06-27T09:12:49.245Z
+ * @hash 756e75b
  */
 
 (function (exports, owl) {
@@ -26509,6 +26509,51 @@ stores.inject(MyMetaStore, storeInstance);
           Object.assign(animatedBox.style, style);
       },
   });
+  cellAnimationRegistry.add("iconFadeIn", {
+      id: "iconFadeIn",
+      easingFn: "easeInCubic",
+      hasAnimation: (oldBox, newBox) => {
+          return Boolean((!oldBox?.icons?.left && newBox?.icons?.left) ||
+              (!oldBox?.icons?.right && newBox?.icons?.right) ||
+              (!oldBox?.icons?.center && newBox?.icons?.center));
+      },
+      updateAnimation: function (progress, animatedBox, oldBox, newBox) {
+          const iconOpacity = EASING_FN[this.easingFn](progress);
+          if (animatedBox.icons.left && newBox.icons.left && !oldBox.icons.left) {
+              animatedBox.icons.left.opacity = iconOpacity;
+          }
+          if (animatedBox.icons.right && newBox.icons.right && !oldBox.icons.right) {
+              animatedBox.icons.right.opacity = iconOpacity;
+          }
+          if (animatedBox.icons.center && newBox.icons.center && !oldBox.icons.center) {
+              animatedBox.icons.center.opacity = iconOpacity;
+          }
+      },
+  });
+  cellAnimationRegistry.add("iconFadeOut", {
+      id: "iconFadeOut",
+      easingFn: "easeOutCubic",
+      hasAnimation: (oldBox, newBox) => {
+          return Boolean((oldBox?.icons?.left && !newBox?.icons?.left) ||
+              (oldBox?.icons?.right && !newBox?.icons?.right) ||
+              (oldBox?.icons?.center && !newBox?.icons?.center));
+      },
+      updateAnimation: function (progress, animatedBox, oldBox, newBox) {
+          const iconOpacity = 1 - EASING_FN[this.easingFn](progress);
+          if (!animatedBox.icons) {
+              animatedBox.icons = {};
+          }
+          if (oldBox.icons.left && !newBox.icons.left) {
+              animatedBox.icons.left = { ...oldBox.icons.left, opacity: iconOpacity };
+          }
+          if (oldBox.icons.right && !newBox.icons.right) {
+              animatedBox.icons.right = { ...oldBox.icons.right, opacity: iconOpacity };
+          }
+          if (oldBox.icons.center && !newBox.icons.center) {
+              animatedBox.icons.center = { ...oldBox.icons.center, opacity: iconOpacity };
+          }
+      },
+  });
   cellAnimationRegistry.add("textChange", {
       id: "textChange",
       easingFn: "easeOutCubic",
@@ -26517,7 +26562,7 @@ stores.inject(MyMetaStore, storeInstance);
           const newText = newBox?.content?.textLines?.join("\n");
           // Note: here, we also animate changes to icons layout (margins/size change, or icon appearing/disappearing)
           // because a change to the icon layout will impact where the text is positioned.
-          return (Boolean(oldText && newText && oldText !== newText) || hasIconLayoutChange(newBox, oldBox));
+          return Boolean(oldText && newText && (oldText !== newText || hasIconLayoutChange(newBox, oldBox)));
       },
       updateAnimation: function (progress, animatedBox, oldBox, newBox) {
           const value = EASING_FN[this.easingFn](progress);
@@ -26532,7 +26577,7 @@ stores.inject(MyMetaStore, storeInstance);
               height: newBox.height,
               style: { ...newBox.style },
               skipCellGridLines: true,
-              content: newBox.content,
+              content: newBox.content ? { ...newBox.content } : undefined,
               clipRect: newBox.clipRect || {
                   ...newBox,
                   // large width to avoid clipping the text it it didn't have a clipRect before,
@@ -26552,7 +26597,7 @@ stores.inject(MyMetaStore, storeInstance);
               height: newBox.height,
               style: { ...oldBox.style },
               skipCellGridLines: true,
-              content: oldBox.content,
+              content: oldBox.content ? { ...oldBox.content } : undefined,
               clipRect: oldBox.clipRect || {
                   ...newBox,
                   x: Math.max(0, newBox.x - (oldBox.content?.width || 0)),
@@ -32664,7 +32709,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       captureSelection(zone, col, row) {
           this.model.selection.capture(this, {
-              cell: { col: col || zone.left, row: row || zone.right },
+              cell: { col: col ?? zone.left, row: row ?? zone.right },
               zone,
           }, {
               handleEvent: this.handleEvent.bind(this),
@@ -47944,6 +47989,7 @@ stores.inject(MyMetaStore, storeInstance);
                       continue;
                   }
                   ctx.save();
+                  ctx.globalAlpha = icon.opacity ?? 1;
                   ctx.beginPath();
                   const clipRect = icon.clipRect || box;
                   ctx.rect(clipRect.x, clipRect.y, clipRect.width, clipRect.height);
@@ -52332,6 +52378,9 @@ stores.inject(MyMetaStore, storeInstance);
                       this.switchToList();
                   }
               }
+              else if (!this.editedCF) {
+                  this.switchToList();
+              }
           });
       }
       get conditionalFormats() {
@@ -68431,9 +68480,9 @@ stores.inject(MyMetaStore, storeInstance);
       .add("ALPHANUMERIC_INCREMENT_MODIFIER", {
       apply: (rule, data) => {
           rule.current += rule.increment;
-          const content = `${rule.prefix}${rule.current
-            .toString()
-            .padStart(rule.numberPostfixLength || 0, "0")}`;
+          let value = Math.abs(rule.current).toString();
+          value = "0".repeat(Math.max(rule.numberPostfixLength - value.length, 0)) + value;
+          const content = `${rule.prefix}${value}`;
           return {
               cellData: {
                   border: data.border,
@@ -68551,6 +68600,7 @@ stores.inject(MyMetaStore, storeInstance);
   const numberPostfixRegExp = /(\d+)$/;
   const stringPrefixRegExp = /^(.*\D+)/;
   const alphaNumericValueRegExp = /^(.*\D+)(\d+)$/;
+  const leadingZerosRegex = /^0*/;
   /**
    * Get the consecutive evaluated cells that can pass the filter function (e.g. certain type filter).
    * Return the one which contains the given cell
@@ -68682,12 +68732,18 @@ stores.inject(MyMetaStore, storeInstance);
       generateRule: (cell, cells, direction) => {
           const numberPostfix = parseInt(cell.content.match(numberPostfixRegExp)[0]);
           const prefix = cell.content.match(stringPrefixRegExp)[0];
-          const numberPostfixLength = cell.content.length - prefix.length;
           const group = getGroup(cell, cells, (evaluatedCell) => evaluatedCell.type === CellValueType.text &&
-              alphaNumericValueRegExp.test(evaluatedCell.value)) // get consecutive alphanumeric cells, no matter what the prefix is
+              alphaNumericValueRegExp.test(evaluatedCell.value))
+              // get consecutive alphanumeric cells, no matter what the prefix is
               .filter((cell) => prefix === (cell.value ?? "").toString().match(stringPrefixRegExp)[0])
-              .map((cell) => parseInt((cell.value ?? "").toString().match(numberPostfixRegExp)[0]));
-          let increment = calculateIncrementBasedOnGroup(group);
+              .map((cell) => (cell.value ?? "").toString().match(numberPostfixRegExp)[0]);
+          // find the length of number with the most leading zeros
+          const mostLeadingZeros = group.reduce((candidate, current) => {
+              const currentLength = current.match(leadingZerosRegex)[0].length;
+              return currentLength > candidate[1] ? [current, currentLength] : candidate;
+          }, [group[0], 0]);
+          const numberPostfixLength = mostLeadingZeros[1] ? mostLeadingZeros[0].length : 0;
+          let increment = calculateIncrementBasedOnGroup(group.map((x) => parseInt(x)));
           if (["up", "left"].includes(direction) && group.length === 1) {
               increment = -increment;
           }
@@ -80982,26 +81038,28 @@ stores.inject(MyMetaStore, storeInstance);
                   bottom: Math.min(this.getters.getNumberRows(sheetId) - 1, bottom),
               };
           };
-          const { col: refCol, row: refRow } = this.getReferencePosition();
+          const { cell: refCell, zone: refZone } = this.getReferenceAnchor();
+          const { col: refCol, row: refRow } = refCell;
           // check if we can shrink selection
           let n = 0;
           while (result !== null) {
               n++;
               if (deltaCol < 0) {
                   const newRight = this.getNextAvailableCol(deltaCol, right - (n - 1), refRow);
-                  result = refCol <= right - n ? expand({ top, left, bottom, right: newRight }) : null;
+                  result = refZone.right <= right - n ? expand({ top, left, bottom, right: newRight }) : null;
               }
               if (deltaCol > 0) {
                   const newLeft = this.getNextAvailableCol(deltaCol, left + (n - 1), refRow);
-                  result = left + n <= refCol ? expand({ top, left: newLeft, bottom, right }) : null;
+                  result = left + n <= refZone.left ? expand({ top, left: newLeft, bottom, right }) : null;
               }
               if (deltaRow < 0) {
                   const newBottom = this.getNextAvailableRow(deltaRow, refCol, bottom - (n - 1));
-                  result = refRow <= bottom - n ? expand({ top, left, bottom: newBottom, right }) : null;
+                  result =
+                      refZone.bottom <= bottom - n ? expand({ top, left, bottom: newBottom, right }) : null;
               }
               if (deltaRow > 0) {
                   const newTop = this.getNextAvailableRow(deltaRow, refCol, top + (n - 1));
-                  result = top + n <= refRow ? expand({ top: newTop, left, bottom, right }) : null;
+                  result = top + n <= refZone.top ? expand({ top: newTop, left, bottom, right }) : null;
               }
               result = result ? reorderZone(result) : result;
               if (result && !isEqual(result, anchor.zone)) {
@@ -81231,18 +81289,26 @@ stores.inject(MyMetaStore, storeInstance);
        * If the anchor is hidden, browses from left to right and top to bottom to
        * find a visible cell.
        */
-      getReferencePosition() {
+      getReferenceAnchor() {
           const sheetId = this.getters.getActiveSheetId();
           const anchor = this.anchor;
           const { left, right, top, bottom } = anchor.zone;
           const { col: anchorCol, row: anchorRow } = anchor.cell;
+          const col = this.getters.isColHidden(sheetId, anchorCol)
+              ? this.getters.findVisibleHeader(sheetId, "COL", left, right) || anchorCol
+              : anchorCol;
+          const row = this.getters.isRowHidden(sheetId, anchorRow)
+              ? this.getters.findVisibleHeader(sheetId, "ROW", top, bottom) || anchorRow
+              : anchorRow;
+          const zone = this.getters.expandZone(sheetId, {
+              left: col,
+              right: col,
+              top: row,
+              bottom: row,
+          });
           return {
-              col: this.getters.isColHidden(sheetId, anchorCol)
-                  ? this.getters.findVisibleHeader(sheetId, "COL", left, right) || anchorCol
-                  : anchorCol,
-              row: this.getters.isRowHidden(sheetId, anchorRow)
-                  ? this.getters.findVisibleHeader(sheetId, "ROW", top, bottom) || anchorRow
-                  : anchorRow,
+              cell: { col, row },
+              zone,
           };
       }
       deltaToTarget(position, direction, step) {
@@ -84464,9 +84530,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "18.5.0-alpha.0";
-  __info__.date = "2025-06-24T12:26:38.163Z";
-  __info__.hash = "ed0f325";
+  __info__.version = "18.5.0-alpha.1";
+  __info__.date = "2025-06-27T09:12:49.245Z";
+  __info__.hash = "756e75b";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);