@odoo/o-spreadsheet 18.4.0 → 18.4.1

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.4.0
- * @date 2025-06-24T11:19:24.606Z
- * @hash a5b7cad
+ * @version 18.4.1
+ * @date 2025-06-27T09:13:01.303Z
+ * @hash 5cecc0e
  */
 
 'use strict';
@@ -26510,6 +26510,51 @@ cellAnimationRegistry.add("textFadeOut", {
         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",
@@ -26518,7 +26563,7 @@ cellAnimationRegistry.add("textChange", {
         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);
@@ -26533,7 +26578,7 @@ cellAnimationRegistry.add("textChange", {
             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,
@@ -26553,7 +26598,7 @@ cellAnimationRegistry.add("textChange", {
             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)),
@@ -32665,7 +32710,7 @@ class AbstractComposerStore extends SpreadsheetStore {
     }
     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),
@@ -47945,6 +47990,7 @@ class GridRenderer extends SpreadsheetStore {
                     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);
@@ -52333,6 +52379,9 @@ class ConditionalFormattingPanel extends owl.Component {
                     this.switchToList();
                 }
             }
+            else if (!this.editedCF) {
+                this.switchToList();
+            }
         });
     }
     get conditionalFormats() {
@@ -80983,26 +81032,28 @@ class SelectionStreamProcessorImpl {
                 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)) {
@@ -81232,18 +81283,26 @@ class SelectionStreamProcessorImpl {
      * 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) {
@@ -84465,6 +84524,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "18.4.0";
-__info__.date = "2025-06-24T11:19:24.606Z";
-__info__.hash = "a5b7cad";
+__info__.version = "18.4.1";
+__info__.date = "2025-06-27T09:13:01.303Z";
+__info__.hash = "5cecc0e";

package/dist/o-spreadsheet.d.ts

@@ -6571,6 +6571,7 @@ type RenderingBorder = {
 };
 type RenderingGridIcon = GridIcon & {
     clipRect?: Rect;
+    opacity?: number;
 };
 interface RenderingBox {
     id: string;

package/dist/o-spreadsheet.esm.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 18.4.0
- * @date 2025-06-24T11:19:24.606Z
- * @hash a5b7cad
+ * @version 18.4.1
+ * @date 2025-06-27T09:13:01.303Z
+ * @hash 5cecc0e
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, App, blockDom, useState, onPatched, useExternalListener, onWillUpdateProps, onWillStart, onWillPatch, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -26508,6 +26508,51 @@ cellAnimationRegistry.add("textFadeOut", {
         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",
@@ -26516,7 +26561,7 @@ cellAnimationRegistry.add("textChange", {
         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);
@@ -26531,7 +26576,7 @@ cellAnimationRegistry.add("textChange", {
             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,
@@ -26551,7 +26596,7 @@ cellAnimationRegistry.add("textChange", {
             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)),
@@ -32663,7 +32708,7 @@ class AbstractComposerStore extends SpreadsheetStore {
     }
     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),
@@ -47943,6 +47988,7 @@ class GridRenderer extends SpreadsheetStore {
                     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);
@@ -52331,6 +52377,9 @@ class ConditionalFormattingPanel extends Component {
                     this.switchToList();
                 }
             }
+            else if (!this.editedCF) {
+                this.switchToList();
+            }
         });
     }
     get conditionalFormats() {
@@ -80981,26 +81030,28 @@ class SelectionStreamProcessorImpl {
                 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)) {
@@ -81230,18 +81281,26 @@ class SelectionStreamProcessorImpl {
      * 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) {
@@ -84415,6 +84474,6 @@ const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, ClientDisconnectedError, CommandResult, CorePlugin, CoreViewPlugin, DispatchResult, EvaluationError, LocalTransportService, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, chartHelpers, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "18.4.0";
-__info__.date = "2025-06-24T11:19:24.606Z";
-__info__.hash = "a5b7cad";
+__info__.version = "18.4.1";
+__info__.date = "2025-06-27T09:13:01.303Z";
+__info__.hash = "5cecc0e";

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.4.0
- * @date 2025-06-24T11:19:24.606Z
- * @hash a5b7cad
+ * @version 18.4.1
+ * @date 2025-06-27T09:13:01.303Z
+ * @hash 5cecc0e
  */
 
 (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() {
@@ -80982,26 +81031,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 +81282,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 +84523,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "18.4.0";
-  __info__.date = "2025-06-24T11:19:24.606Z";
-  __info__.hash = "a5b7cad";
+  __info__.version = "18.4.1";
+  __info__.date = "2025-06-27T09:13:01.303Z";
+  __info__.hash = "5cecc0e";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);