@odoo/o-spreadsheet 18.4.12 → 18.4.14

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.14
+ * @date 2025-10-16T06:39:40.249Z
+ * @hash bc55c40
  */
 
 '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];
@@ -3196,7 +3194,17 @@ function toNumberMatrix(data, argName) {
     return toMatrix(data).map((row) => {
         return row.map((cell) => {
             if (typeof cell.value !== "number") {
-                throw new EvaluationError(_t("Function [[FUNCTION_NAME]] expects number values for %s, but got a %s.", argName, typeof cell.value));
+                let message = "";
+                if (typeof cell === "object") {
+                    message = _t("Function [[FUNCTION_NAME]] expects number values for %s, but got an empty value.", argName);
+                }
+                else if (typeof cell === "string") {
+                    message = _t("Function [[FUNCTION_NAME]] expects number values for %s, but got a string.", argName);
+                }
+                else if (typeof cell === "boolean") {
+                    message = _t("Function [[FUNCTION_NAME]] expects number values for %s, but got a boolean.", argName);
+                }
+                throw new EvaluationError(message);
             }
             return cell.value;
         });
@@ -4315,7 +4323,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 +4366,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;
         }
@@ -9081,7 +9092,7 @@ class CellClipboardHandler extends AbstractCellClipboardHandler {
     pasteCell(origin, target, clipboardOption) {
         const { sheetId, col, row } = target;
         const targetCell = this.getters.getEvaluatedCell(target);
-        const originFormat = origin?.format ?? origin.evaluatedCell.format;
+        const originFormat = origin?.format || origin.evaluatedCell.format;
         if (clipboardOption?.pasteOption === "asValue") {
             this.dispatch("UPDATE_CELL", {
                 ...target,
@@ -13178,7 +13189,7 @@ const GROWTH = {
         if (knownDataY.length === 0 || knownDataY[0].length === 0) {
             return new EvaluationError(emptyDataErrorMessage("known_data_y"));
         }
-        return expM(predictLinearValues(logM(toNumberMatrix(knownDataY, "the first argument (known_data_y)")), toNumberMatrix(knownDataX, "the second argument (known_data_x)"), toNumberMatrix(newDataX, "the third argument (new_data_y)"), toBoolean(b)));
+        return expM(predictLinearValues(logM(toNumberMatrix(knownDataY, "known_data_y")), toNumberMatrix(knownDataX, "known_data_x"), toNumberMatrix(newDataX, "new_data_y"), toBoolean(b)));
     },
 };
 // -----------------------------------------------------------------------------
@@ -13251,7 +13262,7 @@ const LINEST = {
         if (dataY.length === 0 || dataY[0].length === 0) {
             return new EvaluationError(emptyDataErrorMessage("data_y"));
         }
-        return fullLinearRegression(toNumberMatrix(dataX, "the first argument (data_y)"), toNumberMatrix(dataY, "the second argument (data_x)"), toBoolean(calculateB), toBoolean(verbose));
+        return fullLinearRegression(toNumberMatrix(dataX, "data_x"), toNumberMatrix(dataY, "data_y"), toBoolean(calculateB), toBoolean(verbose));
     },
     isExported: true,
 };
@@ -13270,7 +13281,7 @@ const LOGEST = {
         if (dataY.length === 0 || dataY[0].length === 0) {
             return new EvaluationError(emptyDataErrorMessage("data_y"));
         }
-        const coeffs = fullLinearRegression(toNumberMatrix(dataX, "the second argument (data_x)"), logM(toNumberMatrix(dataY, "the first argument (data_y)")), toBoolean(calculateB), toBoolean(verbose));
+        const coeffs = fullLinearRegression(toNumberMatrix(dataX, "data_x"), logM(toNumberMatrix(dataY, "data_y")), toBoolean(calculateB), toBoolean(verbose));
         for (let i = 0; i < coeffs.length; i++) {
             coeffs[i][0] = Math.exp(coeffs[i][0]);
         }
@@ -13884,7 +13895,7 @@ const TREND = {
         if (knownDataY.length === 0 || knownDataY[0].length === 0) {
             return new EvaluationError(emptyDataErrorMessage("known_data_y"));
         }
-        return predictLinearValues(toNumberMatrix(knownDataY, "the first argument (known_data_y)"), toNumberMatrix(knownDataX, "the second argument (known_data_x)"), toNumberMatrix(newDataX, "the third argument (new_data_y)"), toBoolean(b));
+        return predictLinearValues(toNumberMatrix(knownDataY, "known_data_y"), toNumberMatrix(knownDataX, "known_data_x"), toNumberMatrix(newDataX, "new_data_y"), toBoolean(b));
     },
 };
 // -----------------------------------------------------------------------------
@@ -21878,6 +21889,10 @@ const chartShowValuesPlugin = {
         }
         const ctx = chart.ctx;
         ctx.save();
+        const { left, top, height, width } = chart.chartArea;
+        ctx.beginPath();
+        ctx.rect(left, top, width, height);
+        ctx.clip();
         ctx.textAlign = "center";
         ctx.textBaseline = "middle";
         ctx.miterLimit = 1; // Avoid sharp artifacts on strokeText
@@ -22913,7 +22928,18 @@ class ChartJsComponent extends owl.Component {
         this.chart.update();
     }
     hasChartDataChanged() {
-        return !deepEquals(this.currentRuntime.chartJsConfig.data, this.chartRuntime.chartJsConfig.data);
+        return !deepEquals(this.getChartDataInRuntime(this.currentRuntime), this.getChartDataInRuntime(this.chartRuntime));
+    }
+    getChartDataInRuntime(runtime) {
+        const data = runtime.chartJsConfig.data;
+        return {
+            labels: data.labels,
+            dataset: data.datasets.map((dataset) => ({
+                data: dataset.data,
+                label: dataset.label,
+                tree: dataset.tree,
+            })),
+        };
     }
     enableAnimationInChartData(chartData) {
         return {
@@ -24535,6 +24561,7 @@ function getChartTimeOptions(labels, labelFormat, locale) {
         parser: luxonFormat,
         displayFormats,
         unit: timeUnit ?? false,
+        tooltipFormat: luxonFormat,
     };
 }
 /**
@@ -25615,6 +25642,7 @@ function getLineChartScales(definition, args) {
         };
         Object.assign(scales.x, axis);
         scales.x.ticks.maxTicksLimit = 15;
+        delete scales?.x?.ticks?.callback;
     }
     else if (axisType === "linear") {
         scales.x.type = "linear";
@@ -30663,7 +30691,7 @@ class ChartDashboardMenu extends owl.Component {
     }
     openContextMenu(ev) {
         this.menuState.isOpen = true;
-        this.menuState.anchorRect = { x: ev.clientX, y: ev.clientY, width: 0, height: 0 };
+        this.menuState.anchorRect = getBoundingRectAsPOJO(ev.currentTarget);
         this.menuState.menuItems = getChartMenuActions(this.props.figureUI.id, () => { }, this.env);
     }
     get fullScreenMenuItem() {
@@ -37465,6 +37493,74 @@ function getPath2D(svgPath) {
     return path2D;
 }
 
+/**
+ * Get the relative path between two files
+ *
+ * Eg.:
+ * from "folder1/file1.txt" to "folder2/file2.txt" => "../folder2/file2.txt"
+ */
+function getRelativePath(from, to) {
+    const fromPathParts = from.split("/");
+    const toPathParts = to.split("/");
+    let relPath = "";
+    let startIndex = 0;
+    for (let i = 0; i < fromPathParts.length - 1; i++) {
+        if (fromPathParts[i] === toPathParts[i]) {
+            startIndex++;
+        }
+        else {
+            relPath += "../";
+        }
+    }
+    relPath += toPathParts.slice(startIndex).join("/");
+    return relPath;
+}
+/**
+ * Convert an array of element into an object where the objects keys were the elements position in the array.
+ * Can give an offset as argument, and all the array indexes will we shifted by this offset in the returned object.
+ *
+ * eg. : ["a", "b"] => {0:"a", 1:"b"}
+ */
+function arrayToObject(array, indexOffset = 0) {
+    const obj = {};
+    for (let i = 0; i < array.length; i++) {
+        if (array[i]) {
+            obj[i + indexOffset] = array[i];
+        }
+    }
+    return obj;
+}
+/**
+ * In xlsx we can have string with unicode characters with the format _x00fa_.
+ * Replace with characters understandable by JS
+ */
+function fixXlsxUnicode(str) {
+    return str.replace(/_x([0-9a-zA-Z]{4})_/g, (match, code) => {
+        return String.fromCharCode(parseInt(code, 16));
+    });
+}
+/** Get a header in the SheetData. Create the header if it doesn't exist in the SheetData */
+function getSheetDataHeader(sheetData, dimension, index) {
+    if (dimension === "COL") {
+        if (!sheetData.cols[index]) {
+            sheetData.cols[index] = {};
+        }
+        return sheetData.cols[index];
+    }
+    if (!sheetData.rows[index]) {
+        sheetData.rows[index] = {};
+    }
+    return sheetData.rows[index];
+}
+/** Prefix the string by "=" if the string looks like a formula */
+function prefixFormulaWithEqual(formula) {
+    if (formula[0] === "=") {
+        return formula;
+    }
+    const tokens = tokenize(formula);
+    return tokens.length === 1 && tokens[0].type !== "REFERENCE" ? formula : "=" + formula;
+}
+
 /**
  * Map of the different types of conversions warnings and their name in error messages
  */
@@ -37987,66 +38083,6 @@ function hexaToInt(hex) {
  */
 const DEFAULT_SYSTEM_COLOR = "FF000000";
 
-/**
- * Get the relative path between two files
- *
- * Eg.:
- * from "folder1/file1.txt" to "folder2/file2.txt" => "../folder2/file2.txt"
- */
-function getRelativePath(from, to) {
-    const fromPathParts = from.split("/");
-    const toPathParts = to.split("/");
-    let relPath = "";
-    let startIndex = 0;
-    for (let i = 0; i < fromPathParts.length - 1; i++) {
-        if (fromPathParts[i] === toPathParts[i]) {
-            startIndex++;
-        }
-        else {
-            relPath += "../";
-        }
-    }
-    relPath += toPathParts.slice(startIndex).join("/");
-    return relPath;
-}
-/**
- * Convert an array of element into an object where the objects keys were the elements position in the array.
- * Can give an offset as argument, and all the array indexes will we shifted by this offset in the returned object.
- *
- * eg. : ["a", "b"] => {0:"a", 1:"b"}
- */
-function arrayToObject(array, indexOffset = 0) {
-    const obj = {};
-    for (let i = 0; i < array.length; i++) {
-        if (array[i]) {
-            obj[i + indexOffset] = array[i];
-        }
-    }
-    return obj;
-}
-/**
- * In xlsx we can have string with unicode characters with the format _x00fa_.
- * Replace with characters understandable by JS
- */
-function fixXlsxUnicode(str) {
-    return str.replace(/_x([0-9a-zA-Z]{4})_/g, (match, code) => {
-        return String.fromCharCode(parseInt(code, 16));
-    });
-}
-/** Get a header in the SheetData. Create the header if it doesn't exist in the SheetData */
-function getSheetDataHeader(sheetData, dimension, index) {
-    if (dimension === "COL") {
-        if (!sheetData.cols[index]) {
-            sheetData.cols[index] = {};
-        }
-        return sheetData.cols[index];
-    }
-    if (!sheetData.rows[index]) {
-        sheetData.rows[index] = {};
-    }
-    return sheetData.rows[index];
-}
-
 const XLSX_DATE_FORMAT_REGEX = /^(yy|yyyy|m{1,5}|d{1,4}|h{1,2}|s{1,2}|am\/pm|a\/m|\s|-|\/|\.|:)+$/i;
 /**
  * Convert excel format to o_spreadsheet format
@@ -38256,9 +38292,9 @@ function convertConditionalFormats(xlsxCfs, dxfs, warningManager) {
                 if (!rule.operator || !rule.formula || rule.formula.length === 0)
                     continue;
                 operator = CF_OPERATOR_TYPE_CONVERSION_MAP[rule.operator];
-                values.push(prefixFormula(rule.formula[0]));
+                values.push(prefixFormulaWithEqual(rule.formula[0]));
                 if (rule.formula.length === 2) {
-                    values.push(prefixFormula(rule.formula[1]));
+                    values.push(prefixFormulaWithEqual(rule.formula[1]));
                 }
                 break;
         }
@@ -38416,11 +38452,6 @@ function convertIcons(xlsxIconSet, index) {
             ? ICON_SETS[iconSet].neutral
             : ICON_SETS[iconSet].good;
 }
-/** Prefix the string by "=" if the string looks like a formula */
-function prefixFormula(formula) {
-    const tokens = tokenize(formula);
-    return tokens.length === 1 && tokens[0].type !== "REFERENCE" ? formula : "=" + formula;
-}
 // ---------------------------------------------------------------------------
 // Warnings
 // ---------------------------------------------------------------------------
@@ -38892,7 +38923,7 @@ function convertDataValidationRules(xlsxDataValidations, warningManager) {
                 dvRules.push(decimalRule);
                 break;
             case "list":
-                const listRule = convertListrule(dvId++, dv);
+                const listRule = convertListRule(dvId++, dv);
                 dvRules.push(listRule);
                 break;
             case "date":
@@ -38912,9 +38943,9 @@ function convertDataValidationRules(xlsxDataValidations, warningManager) {
     return dvRules;
 }
 function convertDecimalRule(id, dv) {
-    const values = [dv.formula1.toString()];
+    const values = [prefixFormulaWithEqual(dv.formula1.toString())];
     if (dv.formula2) {
-        values.push(dv.formula2.toString());
+        values.push(prefixFormulaWithEqual(dv.formula2.toString()));
     }
     return {
         id: id.toString(),
@@ -38926,7 +38957,7 @@ function convertDecimalRule(id, dv) {
         },
     };
 }
-function convertListrule(id, dv) {
+function convertListRule(id, dv) {
     const formula1 = dv.formula1.toString();
     const isRangeRule = rangeReference.test(formula1);
     return {
@@ -38942,9 +38973,9 @@ function convertListrule(id, dv) {
 }
 function convertDateRule(id, dv) {
     let criterion;
-    const values = [dv.formula1.toString()];
+    const values = [prefixFormulaWithEqual(dv.formula1.toString())];
     if (dv.formula2) {
-        values.push(dv.formula2.toString());
+        values.push(prefixFormulaWithEqual(dv.formula2.toString()));
         criterion = {
             type: XLSX_DV_DATE_OPERATOR_TO_DV_TYPE_MAPPING[dv.operator],
             values: getDateCriterionFormattedValues(values, DEFAULT_LOCALE),
@@ -38971,7 +39002,7 @@ function convertCustomRule(id, dv) {
         isBlocking: dv.errorStyle !== "warning",
         criterion: {
             type: "customFormula",
-            values: [`=${dv.formula1.toString()}`],
+            values: [prefixFormulaWithEqual(dv.formula1.toString())],
         },
     };
 }
@@ -52862,12 +52893,13 @@ class DataValidationEditor extends owl.Component {
         onCloseSidePanel: { type: Function, optional: true },
     };
     state = owl.useState({ rule: this.defaultDataValidationRule, errors: [] });
+    editingSheetId;
     setup() {
+        this.editingSheetId = this.env.model.getters.getActiveSheetId();
         if (this.props.rule) {
-            const sheetId = this.env.model.getters.getActiveSheetId();
             this.state.rule = {
                 ...this.props.rule,
-                ranges: this.props.rule.ranges.map((range) => this.env.model.getters.getRangeString(range, sheetId)),
+                ranges: this.props.rule.ranges.map((range) => this.env.model.getters.getRangeString(range, this.editingSheetId)),
             };
             this.state.rule.criterion.type = this.props.rule.criterion.type;
         }
@@ -52901,7 +52933,6 @@ class DataValidationEditor extends owl.Component {
         const locale = this.env.model.getters.getLocale();
         const criterion = rule.criterion;
         const criterionEvaluator = criterionEvaluatorRegistry.get(criterion.type);
-        const sheetId = this.env.model.getters.getActiveSheetId();
         const values = criterion.values
             .slice(0, criterionEvaluator.numberOfValues(criterion))
             .map((value) => value?.trim())
@@ -52909,8 +52940,8 @@ class DataValidationEditor extends owl.Component {
             .map((value) => canonicalizeContent(value, locale));
         rule.criterion = { ...criterion, values };
         return {
-            sheetId,
-            ranges: this.state.rule.ranges.map((xc) => this.env.model.getters.getRangeDataFromXc(sheetId, xc)),
+            sheetId: this.editingSheetId,
+            ranges: this.state.rule.ranges.map((xc) => this.env.model.getters.getRangeDataFromXc(this.editingSheetId, xc)),
             rule,
         };
     }
@@ -53437,6 +53468,7 @@ css /* scss */ `
       .o-button {
         height: 19px;
         width: 19px;
+        box-sizing: content-box;
         .o-icon {
           height: 14px;
           width: 14px;
@@ -54246,7 +54278,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 +61290,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 +61445,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 +65481,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));
     }
 }
 /**
@@ -65528,7 +65559,7 @@ class FormulaDependencyGraph {
      * in the correct order they should be evaluated.
      * This is called a topological ordering (excluding cycles)
      */
-    getCellsDependingOn(ranges) {
+    getCellsDependingOn(ranges, ignore) {
         const visited = this.createEmptyPositionSet();
         const queue = Array.from(ranges).reverse();
         while (queue.length > 0) {
@@ -65543,7 +65574,7 @@ class FormulaDependencyGraph {
             const impactedPositions = this.rTree.search(range).map((dep) => dep.data);
             const nextInQueue = {};
             for (const position of impactedPositions) {
-                if (!visited.has(position)) {
+                if (!visited.has(position) && !ignore.has(position)) {
                     if (!nextInQueue[position.sheetId]) {
                         nextInQueue[position.sheetId] = [];
                     }
@@ -66100,7 +66131,7 @@ class Evaluator {
     }
     invalidatePositionsDependingOnSpread(sheetId, resultZone) {
         // the result matrix is split in 2 zones to exclude the array formula position
-        const invalidatedPositions = this.formulaDependencies().getCellsDependingOn(excludeTopLeft(resultZone).map((zone) => ({ sheetId, zone })));
+        const invalidatedPositions = this.formulaDependencies().getCellsDependingOn(excludeTopLeft(resultZone).map((zone) => ({ sheetId, zone })), this.nextPositionsToUpdate);
         invalidatedPositions.delete({ sheetId, col: resultZone.left, row: resultZone.top });
         this.nextPositionsToUpdate.addMany(invalidatedPositions);
     }
@@ -66218,7 +66249,7 @@ class Evaluator {
         for (const sheetId in zonesBySheetIds) {
             ranges.push(...zonesBySheetIds[sheetId].map((zone) => ({ sheetId, zone })));
         }
-        return this.formulaDependencies().getCellsDependingOn(ranges);
+        return this.formulaDependencies().getCellsDependingOn(ranges, this.nextPositionsToUpdate);
     }
 }
 function forEachSpreadPositionInMatrix(nbColumns, nbRows, callback) {
@@ -67691,7 +67722,8 @@ class DynamicTablesPlugin extends CoreViewPlugin {
         const topLeft = { col: unionZone.left, row: unionZone.top, sheetId };
         const parentSpreadingCell = this.getters.getArrayFormulaSpreadingOn(topLeft);
         if (!parentSpreadingCell) {
-            return false;
+            const evaluatedCell = this.getters.getEvaluatedCell(topLeft);
+            return (evaluatedCell.value === CellErrorType.SpilledBlocked && !evaluatedCell.errorOriginPosition);
         }
         else if (deepEquals(parentSpreadingCell, topLeft) && getZoneArea(unionZone) === 1) {
             return true;
@@ -78592,6 +78624,7 @@ class RibbonMenu extends owl.Component {
     static components = { Menu };
     rootItems = topbarMenuRegistry.getMenuItems();
     menuRef = owl.useRef("menu");
+    containerRef = owl.useRef("container");
     state = owl.useState({
         menuItems: this.rootItems,
         title: _t("Menu Bar"),
@@ -78599,6 +78632,7 @@ class RibbonMenu extends owl.Component {
     });
     setup() {
         owl.useExternalListener(window, "click", this.onExternalClick, { capture: true });
+        owl.onMounted(this.updateShadows);
     }
     onExternalClick(ev) {
         if (!this.menuRef.el?.contains(ev.target)) {
@@ -78611,6 +78645,7 @@ class RibbonMenu extends owl.Component {
             this.state.parentState = { ...this.state };
             this.state.menuItems = children;
             this.state.title = menu.name(this.env);
+            this.containerRef.el?.scrollTo({ top: 0 });
         }
         else {
             this.state.menuItems = this.rootItems;
@@ -78632,6 +78667,19 @@ class RibbonMenu extends owl.Component {
             height: `${this.props.height}px`,
         });
     }
+    updateShadows() {
+        if (!this.containerRef.el) {
+            return;
+        }
+        this.containerRef.el.classList.remove("scroll-top", "scroll-bottom");
+        const maxScroll = this.containerRef.el.scrollHeight - this.containerRef.el.clientHeight || 0;
+        if (this.containerRef.el.scrollTop < maxScroll - 1) {
+            this.containerRef.el.classList.add("scroll-bottom");
+        }
+        if (this.containerRef.el.scrollTop > 0) {
+            this.containerRef.el.classList.add("scroll-top");
+        }
+    }
     onClickBack() {
         if (!this.state.parentState) {
             this.props.onClose();
@@ -78640,6 +78688,7 @@ class RibbonMenu extends owl.Component {
         this.state.menuItems = this.state.parentState.menuItems;
         this.state.title = this.state.parentState.title;
         this.state.parentState = this.state.parentState.parentState;
+        this.containerRef.el?.scrollTo({ top: 0 });
     }
     get backTitle() {
         return this.state.parentState ? _t("Go to previous menu") : _t("Close menu bar");
@@ -78695,6 +78744,11 @@ class SmallBottomBar extends owl.Component {
             ? this.composerFocusStore.focusMode
             : "inactive";
     }
+    get showFxIcon() {
+        return (this.focus === "inactive" &&
+            !this.composerStore.currentContent &&
+            !this.composerStore.placeholder);
+    }
     get rect() {
         return this.composerRef.el
             ? getBoundingRectAsPOJO(this.composerRef.el)
@@ -78719,6 +78773,7 @@ class SmallBottomBar extends owl.Component {
                 "max-height": `130px`,
             }),
             showAssistant: !isIOS(), // Hide assistant on iOS as it breaks visually
+            placeholder: this.composerStore.placeholder,
         };
     }
     get symbols() {
@@ -78737,12 +78792,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 +78803,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 +78835,11 @@ class TopBarComposer extends owl.Component {
             ? this.composerFocusStore.focusMode
             : "inactive";
     }
+    get showFxIcon() {
+        return (this.focus === "inactive" &&
+            !this.composerStore.currentContent &&
+            !this.composerStore.placeholder);
+    }
     get composerStyle() {
         const style = {
             padding: "5px 0px 5px 8px",
@@ -84859,6 +84905,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.14";
+__info__.date = "2025-10-16T06:39:40.249Z";
+__info__.hash = "bc55c40";

package/dist/o-spreadsheet.d.ts

@@ -9279,6 +9279,7 @@ declare class ChartJsComponent extends Component<Props$P, SpreadsheetChildEnv> {
     private createChart;
     private updateChartJs;
     private hasChartDataChanged;
+    private getChartDataInRuntime;
     private enableAnimationInChartData;
     get animationFigureId(): string;
 }
@@ -12173,12 +12174,14 @@ declare class RibbonMenu extends Component<RibbonMenuProps, SpreadsheetChildEnv>
     };
     rootItems: Action[];
     private menuRef;
+    private containerRef;
     state: State$1;
     setup(): void;
     onExternalClick(ev: Event): void;
     onClickMenu(menu: Action): void;
     get menuProps(): MenuProps;
     get style(): string;
+    updateShadows(): void;
     onClickBack(): void;
     get backTitle(): string;
 }
@@ -12204,6 +12207,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 +12260,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;