@odoo/o-spreadsheet 18.4.12 → 18.4.13

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.12
- * @date 2025-09-23T12:37:43.708Z
- * @hash 0c91305
+ * @version 18.4.13
+ * @date 2025-10-07T10:00:55.413Z
+ * @hash d4df70e
  */
 
 'use strict';
@@ -906,9 +906,7 @@ function removeIndexesFromArray(array, indexes) {
     return newArray;
 }
 function insertItemsAtIndex(array, items, index) {
-    const newArray = [...array];
-    newArray.splice(index, 0, ...items);
-    return newArray;
+    return array.slice(0, index).concat(items).concat(array.slice(index));
 }
 function replaceItemAtIndex(array, newItem, index) {
     const newArray = [...array];
@@ -4315,7 +4313,7 @@ function tokensToTextInternalFormat(tokens) {
  * Replace in place tokens "mm" and "m" that denote minutes in date format with "MM" to avoid confusion with months.
  *
  * As per OpenXML specification, in date formats if a date token "m" or "mm" is followed by a date token "s" or
- * preceded by a data token "h", then it's not a month but an minute.
+ * preceded by a data token "h", then it's not a month but a minute.
  */
 function convertTokensToMinutesInDateFormat(tokens) {
     const dateParts = tokens.filter((token) => token.type === "DATE_PART");
@@ -4358,6 +4356,9 @@ function internalFormatPartToFormat(internalFormat) {
             case "REPEATED_CHAR":
                 format += "*" + token.value;
                 break;
+            case "DATE_PART":
+                format += token.value === "MM" ? "mm" : token.value; // Convert "MM" back to "mm" for minutes
+                break;
             default:
                 format += token.value;
         }
@@ -54246,7 +54247,7 @@ class PivotMeasureEditor extends owl.Component {
         return undefined;
     }
     get isCalculatedMeasureInvalid() {
-        return this.env.model.getters.getMeasureCompiledFormula(this.props.measure).isBadExpression;
+        return compile(this.props.measure.computedBy?.formula ?? "").isBadExpression;
     }
 }
 
@@ -61258,11 +61259,11 @@ class HeaderSizePlugin extends CorePlugin {
                 break;
             }
             case "ADD_COLUMNS_ROWS": {
-                const sizes = [...this.sizes[cmd.sheetId][cmd.dimension]];
+                const sizes = this.sizes[cmd.sheetId][cmd.dimension];
                 const addIndex = getAddHeaderStartIndex(cmd.position, cmd.base);
                 const baseSize = sizes[cmd.base];
-                sizes.splice(addIndex, 0, ...Array(cmd.quantity).fill(baseSize));
-                this.history.update("sizes", cmd.sheetId, cmd.dimension, sizes);
+                const newSizes = insertItemsAtIndex(sizes, Array(cmd.quantity).fill(baseSize), addIndex);
+                this.history.update("sizes", cmd.sheetId, cmd.dimension, newSizes);
                 break;
             }
             case "RESIZE_COLUMNS_ROWS":
@@ -61413,9 +61414,8 @@ class HeaderVisibilityPlugin extends CorePlugin {
                 break;
             }
             case "ADD_COLUMNS_ROWS": {
-                const hiddenHeaders = [...this.hiddenHeaders[cmd.sheetId][cmd.dimension]];
                 const addIndex = getAddHeaderStartIndex(cmd.position, cmd.base);
-                hiddenHeaders.splice(addIndex, 0, ...Array(cmd.quantity).fill(false));
+                const hiddenHeaders = insertItemsAtIndex([...this.hiddenHeaders[cmd.sheetId][cmd.dimension]], Array(cmd.quantity).fill(false), addIndex);
                 this.history.update("hiddenHeaders", cmd.sheetId, cmd.dimension, hiddenHeaders);
                 break;
             }
@@ -65450,12 +65450,12 @@ class SpreadsheetRTree {
         this.rTrees[sheetId].remove(item, this.rtreeItemComparer);
     }
     rtreeItemComparer(left, right) {
-        return (left.data === right.data &&
-            left.boundingBox.sheetId === right.boundingBox.sheetId &&
+        return (left.boundingBox.sheetId === right.boundingBox.sheetId &&
             left.boundingBox?.zone.left === right.boundingBox.zone.left &&
             left.boundingBox?.zone.top === right.boundingBox.zone.top &&
             left.boundingBox?.zone.right === right.boundingBox.zone.right &&
-            left.boundingBox?.zone.bottom === right.boundingBox.zone.bottom);
+            left.boundingBox?.zone.bottom === right.boundingBox.zone.bottom &&
+            deepEquals(left.data, right.data));
     }
 }
 /**
@@ -78695,6 +78695,9 @@ class SmallBottomBar extends owl.Component {
             ? this.composerFocusStore.focusMode
             : "inactive";
     }
+    get showFxIcon() {
+        return this.focus === "inactive" && !this.composerStore.currentContent;
+    }
     get rect() {
         return this.composerRef.el
             ? getBoundingRectAsPOJO(this.composerRef.el)
@@ -78737,12 +78740,6 @@ class SmallBottomBar extends owl.Component {
 }
 
 const COMPOSER_MAX_HEIGHT = 100;
-/* svg free of use from https://uxwing.com/formula-fx-icon/ */
-const FX_SVG = /*xml*/ `
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 121.8 122.9' width='16' height='16' focusable='false'>
-  <path d='m28 34-4 5v2h10l-6 40c-4 22-6 28-7 30-2 2-3 3-5 3-3 0-7-2-9-4H4c-2 2-4 4-4 7s4 6 8 6 9-2 15-8c8-7 13-17 18-39l7-35 13-1 3-6H49c4-23 7-27 11-27 2 0 5 2 8 6h4c1-1 4-4 4-7 0-2-3-6-9-6-5 0-13 4-20 10-6 7-9 14-11 24h-8zm41 16c4-5 7-7 8-7s2 1 5 9l3 12c-7 11-12 17-16 17l-3-1-2-1c-3 0-6 3-6 7s3 7 7 7c6 0 12-6 22-23l3 10c3 9 6 13 10 13 5 0 11-4 18-15l-3-4c-4 6-7 8-8 8-2 0-4-3-6-10l-5-15 8-10 6-4 3 1 3 2c2 0 6-3 6-7s-2-7-6-7c-6 0-11 5-21 20l-2-6c-3-9-5-14-9-14-5 0-12 6-18 15l3 3z' fill='#BDBDBD'/>
-</svg>
-`;
 css /* scss */ `
   .o-topbar-composer-container {
     height: ${DESKTOP_TOPBAR_TOOLBAR_HEIGHT}px;
@@ -78754,14 +78751,6 @@ css /* scss */ `
     margin-bottom: -1px;
     border: 1px solid;
     font-family: ${DEFAULT_FONT};
-
-    /* In readonly we always show the fx icon if the composer is empty, not matter the focus */
-    .o-composer:empty:not(:focus):not(.active)::before,
-    &.o-topbar-composer-readonly .o-composer:empty::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(FX_SVG)}");
-      position: relative;
-      top: 20%;
-    }
   }
 
   .user-select-text {
@@ -78794,6 +78783,9 @@ class TopBarComposer extends owl.Component {
             ? this.composerFocusStore.focusMode
             : "inactive";
     }
+    get showFxIcon() {
+        return this.focus === "inactive" && !this.composerStore.currentContent;
+    }
     get composerStyle() {
         const style = {
             padding: "5px 0px 5px 8px",
@@ -84859,6 +84851,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "18.4.12";
-__info__.date = "2025-09-23T12:37:43.708Z";
-__info__.hash = "0c91305";
+__info__.version = "18.4.13";
+__info__.date = "2025-10-07T10:00:55.413Z";
+__info__.hash = "d4df70e";

package/dist/o-spreadsheet.d.ts

@@ -12204,6 +12204,7 @@ declare class SmallBottomBar extends Component<Props$1, SpreadsheetChildEnv> {
     private menuState;
     setup(): void;
     get focus(): ComposerFocusType;
+    get showFxIcon(): boolean;
     get rect(): Rect;
     get composerProps(): CellComposerProps;
     get symbols(): string[];
@@ -12256,6 +12257,7 @@ declare class TopBarComposer extends Component<any, SpreadsheetChildEnv> {
     private composerInterface;
     setup(): void;
     get focus(): ComposerFocusType;
+    get showFxIcon(): boolean;
     get composerStyle(): string;
     get containerStyle(): string;
     onFocus(selection: ComposerSelection): void;

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.12
- * @date 2025-09-23T12:37:43.708Z
- * @hash 0c91305
+ * @version 18.4.13
+ * @date 2025-10-07T10:00:55.413Z
+ * @hash d4df70e
  */
 
 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';
@@ -904,9 +904,7 @@ function removeIndexesFromArray(array, indexes) {
     return newArray;
 }
 function insertItemsAtIndex(array, items, index) {
-    const newArray = [...array];
-    newArray.splice(index, 0, ...items);
-    return newArray;
+    return array.slice(0, index).concat(items).concat(array.slice(index));
 }
 function replaceItemAtIndex(array, newItem, index) {
     const newArray = [...array];
@@ -4313,7 +4311,7 @@ function tokensToTextInternalFormat(tokens) {
  * Replace in place tokens "mm" and "m" that denote minutes in date format with "MM" to avoid confusion with months.
  *
  * As per OpenXML specification, in date formats if a date token "m" or "mm" is followed by a date token "s" or
- * preceded by a data token "h", then it's not a month but an minute.
+ * preceded by a data token "h", then it's not a month but a minute.
  */
 function convertTokensToMinutesInDateFormat(tokens) {
     const dateParts = tokens.filter((token) => token.type === "DATE_PART");
@@ -4356,6 +4354,9 @@ function internalFormatPartToFormat(internalFormat) {
             case "REPEATED_CHAR":
                 format += "*" + token.value;
                 break;
+            case "DATE_PART":
+                format += token.value === "MM" ? "mm" : token.value; // Convert "MM" back to "mm" for minutes
+                break;
             default:
                 format += token.value;
         }
@@ -54244,7 +54245,7 @@ class PivotMeasureEditor extends Component {
         return undefined;
     }
     get isCalculatedMeasureInvalid() {
-        return this.env.model.getters.getMeasureCompiledFormula(this.props.measure).isBadExpression;
+        return compile(this.props.measure.computedBy?.formula ?? "").isBadExpression;
     }
 }
 
@@ -61256,11 +61257,11 @@ class HeaderSizePlugin extends CorePlugin {
                 break;
             }
             case "ADD_COLUMNS_ROWS": {
-                const sizes = [...this.sizes[cmd.sheetId][cmd.dimension]];
+                const sizes = this.sizes[cmd.sheetId][cmd.dimension];
                 const addIndex = getAddHeaderStartIndex(cmd.position, cmd.base);
                 const baseSize = sizes[cmd.base];
-                sizes.splice(addIndex, 0, ...Array(cmd.quantity).fill(baseSize));
-                this.history.update("sizes", cmd.sheetId, cmd.dimension, sizes);
+                const newSizes = insertItemsAtIndex(sizes, Array(cmd.quantity).fill(baseSize), addIndex);
+                this.history.update("sizes", cmd.sheetId, cmd.dimension, newSizes);
                 break;
             }
             case "RESIZE_COLUMNS_ROWS":
@@ -61411,9 +61412,8 @@ class HeaderVisibilityPlugin extends CorePlugin {
                 break;
             }
             case "ADD_COLUMNS_ROWS": {
-                const hiddenHeaders = [...this.hiddenHeaders[cmd.sheetId][cmd.dimension]];
                 const addIndex = getAddHeaderStartIndex(cmd.position, cmd.base);
-                hiddenHeaders.splice(addIndex, 0, ...Array(cmd.quantity).fill(false));
+                const hiddenHeaders = insertItemsAtIndex([...this.hiddenHeaders[cmd.sheetId][cmd.dimension]], Array(cmd.quantity).fill(false), addIndex);
                 this.history.update("hiddenHeaders", cmd.sheetId, cmd.dimension, hiddenHeaders);
                 break;
             }
@@ -65448,12 +65448,12 @@ class SpreadsheetRTree {
         this.rTrees[sheetId].remove(item, this.rtreeItemComparer);
     }
     rtreeItemComparer(left, right) {
-        return (left.data === right.data &&
-            left.boundingBox.sheetId === right.boundingBox.sheetId &&
+        return (left.boundingBox.sheetId === right.boundingBox.sheetId &&
             left.boundingBox?.zone.left === right.boundingBox.zone.left &&
             left.boundingBox?.zone.top === right.boundingBox.zone.top &&
             left.boundingBox?.zone.right === right.boundingBox.zone.right &&
-            left.boundingBox?.zone.bottom === right.boundingBox.zone.bottom);
+            left.boundingBox?.zone.bottom === right.boundingBox.zone.bottom &&
+            deepEquals(left.data, right.data));
     }
 }
 /**
@@ -78693,6 +78693,9 @@ class SmallBottomBar extends Component {
             ? this.composerFocusStore.focusMode
             : "inactive";
     }
+    get showFxIcon() {
+        return this.focus === "inactive" && !this.composerStore.currentContent;
+    }
     get rect() {
         return this.composerRef.el
             ? getBoundingRectAsPOJO(this.composerRef.el)
@@ -78735,12 +78738,6 @@ class SmallBottomBar extends Component {
 }
 
 const COMPOSER_MAX_HEIGHT = 100;
-/* svg free of use from https://uxwing.com/formula-fx-icon/ */
-const FX_SVG = /*xml*/ `
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 121.8 122.9' width='16' height='16' focusable='false'>
-  <path d='m28 34-4 5v2h10l-6 40c-4 22-6 28-7 30-2 2-3 3-5 3-3 0-7-2-9-4H4c-2 2-4 4-4 7s4 6 8 6 9-2 15-8c8-7 13-17 18-39l7-35 13-1 3-6H49c4-23 7-27 11-27 2 0 5 2 8 6h4c1-1 4-4 4-7 0-2-3-6-9-6-5 0-13 4-20 10-6 7-9 14-11 24h-8zm41 16c4-5 7-7 8-7s2 1 5 9l3 12c-7 11-12 17-16 17l-3-1-2-1c-3 0-6 3-6 7s3 7 7 7c6 0 12-6 22-23l3 10c3 9 6 13 10 13 5 0 11-4 18-15l-3-4c-4 6-7 8-8 8-2 0-4-3-6-10l-5-15 8-10 6-4 3 1 3 2c2 0 6-3 6-7s-2-7-6-7c-6 0-11 5-21 20l-2-6c-3-9-5-14-9-14-5 0-12 6-18 15l3 3z' fill='#BDBDBD'/>
-</svg>
-`;
 css /* scss */ `
   .o-topbar-composer-container {
     height: ${DESKTOP_TOPBAR_TOOLBAR_HEIGHT}px;
@@ -78752,14 +78749,6 @@ css /* scss */ `
     margin-bottom: -1px;
     border: 1px solid;
     font-family: ${DEFAULT_FONT};
-
-    /* In readonly we always show the fx icon if the composer is empty, not matter the focus */
-    .o-composer:empty:not(:focus):not(.active)::before,
-    &.o-topbar-composer-readonly .o-composer:empty::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(FX_SVG)}");
-      position: relative;
-      top: 20%;
-    }
   }
 
   .user-select-text {
@@ -78792,6 +78781,9 @@ class TopBarComposer extends Component {
             ? this.composerFocusStore.focusMode
             : "inactive";
     }
+    get showFxIcon() {
+        return this.focus === "inactive" && !this.composerStore.currentContent;
+    }
     get composerStyle() {
         const style = {
             padding: "5px 0px 5px 8px",
@@ -84809,6 +84801,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.12";
-__info__.date = "2025-09-23T12:37:43.708Z";
-__info__.hash = "0c91305";
+__info__.version = "18.4.13";
+__info__.date = "2025-10-07T10:00:55.413Z";
+__info__.hash = "d4df70e";

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.12
- * @date 2025-09-23T12:37:43.708Z
- * @hash 0c91305
+ * @version 18.4.13
+ * @date 2025-10-07T10:00:55.413Z
+ * @hash d4df70e
  */
 
 (function (exports, owl) {
@@ -905,9 +905,7 @@
       return newArray;
   }
   function insertItemsAtIndex(array, items, index) {
-      const newArray = [...array];
-      newArray.splice(index, 0, ...items);
-      return newArray;
+      return array.slice(0, index).concat(items).concat(array.slice(index));
   }
   function replaceItemAtIndex(array, newItem, index) {
       const newArray = [...array];
@@ -4314,7 +4312,7 @@
    * Replace in place tokens "mm" and "m" that denote minutes in date format with "MM" to avoid confusion with months.
    *
    * As per OpenXML specification, in date formats if a date token "m" or "mm" is followed by a date token "s" or
-   * preceded by a data token "h", then it's not a month but an minute.
+   * preceded by a data token "h", then it's not a month but a minute.
    */
   function convertTokensToMinutesInDateFormat(tokens) {
       const dateParts = tokens.filter((token) => token.type === "DATE_PART");
@@ -4357,6 +4355,9 @@
               case "REPEATED_CHAR":
                   format += "*" + token.value;
                   break;
+              case "DATE_PART":
+                  format += token.value === "MM" ? "mm" : token.value; // Convert "MM" back to "mm" for minutes
+                  break;
               default:
                   format += token.value;
           }
@@ -54245,7 +54246,7 @@ stores.inject(MyMetaStore, storeInstance);
           return undefined;
       }
       get isCalculatedMeasureInvalid() {
-          return this.env.model.getters.getMeasureCompiledFormula(this.props.measure).isBadExpression;
+          return compile(this.props.measure.computedBy?.formula ?? "").isBadExpression;
       }
   }
 
@@ -61257,11 +61258,11 @@ stores.inject(MyMetaStore, storeInstance);
                   break;
               }
               case "ADD_COLUMNS_ROWS": {
-                  const sizes = [...this.sizes[cmd.sheetId][cmd.dimension]];
+                  const sizes = this.sizes[cmd.sheetId][cmd.dimension];
                   const addIndex = getAddHeaderStartIndex(cmd.position, cmd.base);
                   const baseSize = sizes[cmd.base];
-                  sizes.splice(addIndex, 0, ...Array(cmd.quantity).fill(baseSize));
-                  this.history.update("sizes", cmd.sheetId, cmd.dimension, sizes);
+                  const newSizes = insertItemsAtIndex(sizes, Array(cmd.quantity).fill(baseSize), addIndex);
+                  this.history.update("sizes", cmd.sheetId, cmd.dimension, newSizes);
                   break;
               }
               case "RESIZE_COLUMNS_ROWS":
@@ -61412,9 +61413,8 @@ stores.inject(MyMetaStore, storeInstance);
                   break;
               }
               case "ADD_COLUMNS_ROWS": {
-                  const hiddenHeaders = [...this.hiddenHeaders[cmd.sheetId][cmd.dimension]];
                   const addIndex = getAddHeaderStartIndex(cmd.position, cmd.base);
-                  hiddenHeaders.splice(addIndex, 0, ...Array(cmd.quantity).fill(false));
+                  const hiddenHeaders = insertItemsAtIndex([...this.hiddenHeaders[cmd.sheetId][cmd.dimension]], Array(cmd.quantity).fill(false), addIndex);
                   this.history.update("hiddenHeaders", cmd.sheetId, cmd.dimension, hiddenHeaders);
                   break;
               }
@@ -65449,12 +65449,12 @@ stores.inject(MyMetaStore, storeInstance);
           this.rTrees[sheetId].remove(item, this.rtreeItemComparer);
       }
       rtreeItemComparer(left, right) {
-          return (left.data === right.data &&
-              left.boundingBox.sheetId === right.boundingBox.sheetId &&
+          return (left.boundingBox.sheetId === right.boundingBox.sheetId &&
               left.boundingBox?.zone.left === right.boundingBox.zone.left &&
               left.boundingBox?.zone.top === right.boundingBox.zone.top &&
               left.boundingBox?.zone.right === right.boundingBox.zone.right &&
-              left.boundingBox?.zone.bottom === right.boundingBox.zone.bottom);
+              left.boundingBox?.zone.bottom === right.boundingBox.zone.bottom &&
+              deepEquals(left.data, right.data));
       }
   }
   /**
@@ -78694,6 +78694,9 @@ stores.inject(MyMetaStore, storeInstance);
               ? this.composerFocusStore.focusMode
               : "inactive";
       }
+      get showFxIcon() {
+          return this.focus === "inactive" && !this.composerStore.currentContent;
+      }
       get rect() {
           return this.composerRef.el
               ? getBoundingRectAsPOJO(this.composerRef.el)
@@ -78736,12 +78739,6 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   const COMPOSER_MAX_HEIGHT = 100;
-  /* svg free of use from https://uxwing.com/formula-fx-icon/ */
-  const FX_SVG = /*xml*/ `
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 121.8 122.9' width='16' height='16' focusable='false'>
-  <path d='m28 34-4 5v2h10l-6 40c-4 22-6 28-7 30-2 2-3 3-5 3-3 0-7-2-9-4H4c-2 2-4 4-4 7s4 6 8 6 9-2 15-8c8-7 13-17 18-39l7-35 13-1 3-6H49c4-23 7-27 11-27 2 0 5 2 8 6h4c1-1 4-4 4-7 0-2-3-6-9-6-5 0-13 4-20 10-6 7-9 14-11 24h-8zm41 16c4-5 7-7 8-7s2 1 5 9l3 12c-7 11-12 17-16 17l-3-1-2-1c-3 0-6 3-6 7s3 7 7 7c6 0 12-6 22-23l3 10c3 9 6 13 10 13 5 0 11-4 18-15l-3-4c-4 6-7 8-8 8-2 0-4-3-6-10l-5-15 8-10 6-4 3 1 3 2c2 0 6-3 6-7s-2-7-6-7c-6 0-11 5-21 20l-2-6c-3-9-5-14-9-14-5 0-12 6-18 15l3 3z' fill='#BDBDBD'/>
-</svg>
-`;
   css /* scss */ `
   .o-topbar-composer-container {
     height: ${DESKTOP_TOPBAR_TOOLBAR_HEIGHT}px;
@@ -78753,14 +78750,6 @@ stores.inject(MyMetaStore, storeInstance);
     margin-bottom: -1px;
     border: 1px solid;
     font-family: ${DEFAULT_FONT};
-
-    /* In readonly we always show the fx icon if the composer is empty, not matter the focus */
-    .o-composer:empty:not(:focus):not(.active)::before,
-    &.o-topbar-composer-readonly .o-composer:empty::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(FX_SVG)}");
-      position: relative;
-      top: 20%;
-    }
   }
 
   .user-select-text {
@@ -78793,6 +78782,9 @@ stores.inject(MyMetaStore, storeInstance);
               ? this.composerFocusStore.focusMode
               : "inactive";
       }
+      get showFxIcon() {
+          return this.focus === "inactive" && !this.composerStore.currentContent;
+      }
       get composerStyle() {
           const style = {
               padding: "5px 0px 5px 8px",
@@ -84858,9 +84850,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "18.4.12";
-  __info__.date = "2025-09-23T12:37:43.708Z";
-  __info__.hash = "0c91305";
+  __info__.version = "18.4.13";
+  __info__.date = "2025-10-07T10:00:55.413Z";
+  __info__.hash = "d4df70e";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);