@odoo/o-spreadsheet 17.4.2 → 17.4.4

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 17.4.2
- * @date 2024-07-24T10:26:00.237Z
- * @hash f5ede5b
+ * @version 17.4.4
+ * @date 2024-08-09T12:24:07.798Z
+ * @hash a43e855
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -2765,13 +2765,16 @@ const wildcardToRegExp = memoize(function wildcardToRegExp(operand) {
     }
     return new RegExp("^" + exp + "$", "i");
 });
-function evaluatePredicate(value = "", criterion) {
+function evaluatePredicate(value = "", criterion, locale) {
     const { operator, operand } = criterion;
     if (operand === undefined || value === null || operand === null) {
         return false;
     }
     if (typeof operand === "number" && operator === "=") {
-        return value.toString() === operand.toString();
+        if (typeof value === "string" && (isNumber(value, locale) || isDateTime(value, locale))) {
+            return toNumber(value, locale) === operand;
+        }
+        return value === operand;
     }
     if (operator === "<>" || operator === "=") {
         let result;
@@ -2853,7 +2856,7 @@ function visitMatchingRanges(args, cb, locale, isQuery = false) {
             for (let k = 0; k < countArg - 1; k += 2) {
                 const criteriaValue = toMatrix(args[k])[i][j].value;
                 const criterion = predicates[k / 2];
-                validatedPredicates = evaluatePredicate(criteriaValue ?? undefined, criterion);
+                validatedPredicates = evaluatePredicate(criteriaValue ?? undefined, criterion, locale);
                 if (!validatedPredicates) {
                     break;
                 }
@@ -6544,6 +6547,9 @@ function toNormalizedPivotValue(dimension, groupValue) {
     const groupValueString = typeof groupValue === "boolean"
         ? toString(groupValue).toLocaleLowerCase()
         : toString(groupValue);
+    if (groupValueString === "null") {
+        return null;
+    }
     if (!pivotNormalizationValueRegistry.contains(dimension.type)) {
         throw new EvaluationError(_t("Field %(field)s is not supported because of its type (%(type)s)", {
             field: dimension.displayName,
@@ -6564,6 +6570,9 @@ function normalizeDateTime(value, granularity) {
     return pivotTimeAdapter(granularity).normalizeFunctionValue(value);
 }
 function toFunctionPivotValue(value, dimension) {
+    if (value === null) {
+        return `"null"`;
+    }
     if (!pivotToFunctionValueRegistry.contains(dimension.type)) {
         return `"${value}"`;
     }
@@ -10567,6 +10576,18 @@ function getDefinedAxis(definition) {
     useLeftAxis ||= !useRightAxis;
     return { useLeftAxis, useRightAxis };
 }
+function formatTickValue(localeFormat) {
+    return (value) => {
+        value = Number(value);
+        if (isNaN(value))
+            return value;
+        const { locale, format } = localeFormat;
+        return formatValue(value, {
+            locale,
+            format: !format && Math.abs(value) >= 1000 ? "#,##" : format,
+        });
+    };
+}
 
 /** This is a chartJS plugin that will draw the values of each data next to the point/bar/pie slice */
 const chartShowValuesPlugin = {
@@ -19115,6 +19136,7 @@ const PIVOT_VALUE = {
         const pivot = this.getters.getPivot(pivotId);
         const coreDefinition = this.getters.getPivotCoreDefinition(pivotId);
         addPivotDependencies(this, coreDefinition);
+        pivot.init({ reload: pivot.needsReevaluation });
         const error = pivot.assertIsValid({ throwOnError: false });
         if (error) {
             return error;
@@ -19143,6 +19165,7 @@ const PIVOT_HEADER = {
         const pivot = this.getters.getPivot(_pivotId);
         const coreDefinition = this.getters.getPivotCoreDefinition(_pivotId);
         addPivotDependencies(this, coreDefinition);
+        pivot.init({ reload: pivot.needsReevaluation });
         const error = pivot.assertIsValid({ throwOnError: false });
         if (error) {
             return error;
@@ -20360,14 +20383,6 @@ for (let category of categories) {
 }
 const notAvailableError = new NotAvailableError(_t("Array arguments to [[FUNCTION_NAME]] are of different size."));
 function createComputeFunction(descr, functionName) {
-    function runtimeCompute(...args) {
-        try {
-            return vectorizedCompute.apply(this, args);
-        }
-        catch (e) {
-            return handleError(e, functionName);
-        }
-    }
     function vectorizedCompute(...args) {
         let countVectorizableCol = 1;
         let countVectorizableRow = 1;
@@ -20408,13 +20423,13 @@ function createComputeFunction(descr, functionName) {
                 }
             }
             if (!isMatrix(arg) && argDefinition.acceptMatrixOnly) {
-                throw new BadExpressionError(_t("Function [[FUNCTION_NAME]] expects the parameter '%s' to be reference to a cell or range.", (i + 1).toString()));
+                throw new BadExpressionError(_t("Function %s expects the parameter '%s' to be reference to a cell or range.", functionName, (i + 1).toString()));
             }
         }
         //#endregion
         if (countVectorizableCol === 1 && countVectorizableRow === 1) {
             // either this function is not vectorized or it ends up with a 1x1 dimension
-            return computeFunctionToObject.apply(this, args);
+            return errorHandlingCompute.apply(this, args);
         }
         const getArgOffset = (i, j) => args.map((arg, index) => {
             switch (vectorArgsType?.[index]) {
@@ -20432,7 +20447,7 @@ function createComputeFunction(descr, functionName) {
             if (col > vectorizableColLimit - 1 || row > vectorizableRowLimit - 1) {
                 return notAvailableError;
             }
-            const singleCellComputeResult = computeFunctionToObject.apply(this, getArgOffset(col, row));
+            const singleCellComputeResult = errorHandlingCompute.apply(this, getArgOffset(col, row));
             // In the case where the user tries to vectorize arguments of an array formula, we will get an
             // array for every combination of the vectorized arguments, which will lead to a 3D matrix and
             // we won't be able to return the values.
@@ -20447,6 +20462,14 @@ function createComputeFunction(descr, functionName) {
                 : singleCellComputeResult;
         });
     }
+    function errorHandlingCompute(...args) {
+        try {
+            return computeFunctionToObject.apply(this, args);
+        }
+        catch (e) {
+            return handleError(e, functionName);
+        }
+    }
     function computeFunctionToObject(...args) {
         const result = descr.compute.apply(this, args);
         if (!isMatrix(result)) {
@@ -20462,7 +20485,7 @@ function createComputeFunction(descr, functionName) {
         }
         return matrixMap(result, (row) => ({ value: row }));
     }
-    return runtimeCompute;
+    return vectorizedCompute;
 }
 function handleError(e, functionName) {
     // the error could be an user error (instance of EvaluationError)
@@ -20779,6 +20802,78 @@ function isCtrlKey(ev) {
     return isMacOS() ? ev.metaKey : ev.ctrlKey;
 }
 
+/**
+ * Return the o-spreadsheet element position relative
+ * to the browser viewport.
+ */
+function useSpreadsheetRect() {
+    const position = useState({ x: 0, y: 0, width: 0, height: 0 });
+    let spreadsheetElement = null;
+    function updatePosition() {
+        if (!spreadsheetElement) {
+            spreadsheetElement = document.querySelector(".o-spreadsheet");
+        }
+        if (spreadsheetElement) {
+            const { top, left, width, height } = spreadsheetElement.getBoundingClientRect();
+            position.x = left;
+            position.y = top;
+            position.width = width;
+            position.height = height;
+        }
+    }
+    onMounted(updatePosition);
+    onPatched(updatePosition);
+    return position;
+}
+/**
+ * Return the component (or ref's component) BoundingRect, relative
+ * to the upper left corner of the screen (<body> element).
+ *
+ * Note: when used with a <Portal/> component, it will
+ * return the portal position, not the teleported position.
+ */
+function useAbsoluteBoundingRect(ref) {
+    const rect = useState({ x: 0, y: 0, width: 0, height: 0 });
+    function updateElRect() {
+        const el = ref.el;
+        if (el === null) {
+            return;
+        }
+        const { top, left, width, height } = el.getBoundingClientRect();
+        rect.x = left;
+        rect.y = top;
+        rect.width = width;
+        rect.height = height;
+    }
+    onMounted(updateElRect);
+    onPatched(updateElRect);
+    return rect;
+}
+/**
+ * Get the rectangle inside which a popover should stay when being displayed.
+ * It's the value defined in `env.getPopoverContainerRect`, or the Rect of the "o-spreadsheet"
+ * element by default.
+ *
+ * Coordinates are expressed expressed as absolute DOM position.
+ */
+function usePopoverContainer() {
+    const container = useState({ x: 0, y: 0, width: 0, height: 0 });
+    const component = useComponent();
+    const spreadsheetRect = useSpreadsheetRect();
+    function updateRect() {
+        const env = component.env;
+        const newRect = "getPopoverContainerRect" in env ? env.getPopoverContainerRect() : spreadsheetRect;
+        container.x = newRect.x;
+        container.y = newRect.y;
+        container.width = newRect.width;
+        container.height = newRect.height;
+    }
+    updateRect();
+    onMounted(updateRect);
+    onPatched(updateRect);
+    return container;
+}
+
 const arrowMap = {
     ArrowDown: "down",
     ArrowLeft: "left",
@@ -21368,7 +21463,9 @@ class Composer extends Component {
         argToFocus: 0,
     });
     compositionActive = false;
+    spreadsheetRect = useSpreadsheetRect();
     get assistantStyle() {
+        const composerRect = this.composerRef.el.getBoundingClientRect();
         const assistantStyle = {};
         assistantStyle["min-width"] = `${this.props.rect?.width || ASSISTANT_WIDTH}px`;
         const proposals = this.autoCompleteState.provider?.proposals;
@@ -21395,6 +21492,9 @@ class Composer extends Component {
         }
         else if (this.props.delimitation) {
             assistantStyle["max-height"] = `${this.props.delimitation.height}px`;
+            if (composerRect.left + ASSISTANT_WIDTH > this.spreadsheetRect.width) {
+                assistantStyle.right = `0px`;
+            }
         }
         return cssPropertiesToCss(assistantStyle);
     }
@@ -23606,23 +23706,13 @@ function getBarConfiguration(chart, labels, localeFormat) {
         padding: { left: 20, right: 20, top: chart.title ? 10 : 25, bottom: 10 },
     };
     config.options.indexAxis = chart.horizontal ? "y" : "x";
-    const formatCallback = (value) => {
-        value = Number(value);
-        if (isNaN(value))
-            return value;
-        const { locale, format } = localeFormat;
-        return formatValue(value, {
-            locale,
-            format: !format && Math.abs(value) >= 1000 ? "#,##" : format,
-        });
-    };
     config.options.scales = {};
     const labelsAxis = { ticks: { padding: 5, color: fontColor } };
     const valuesAxis = {
         beginAtZero: true, // the origin of the y axis is always zero
         ticks: {
             color: fontColor,
-            callback: formatCallback,
+            callback: formatTickValue(localeFormat),
         },
     };
     const xAxis = chart.horizontal ? valuesAxis : labelsAxis;
@@ -23659,7 +23749,7 @@ function getBarConfiguration(chart, labels, localeFormat) {
         showValues: chart.showValues,
         background: chart.background,
         horizontal: chart.horizontal,
-        callback: formatCallback,
+        callback: formatTickValue(localeFormat),
     };
     return config;
 }
@@ -23938,21 +24028,11 @@ function getLineOrScatterConfiguration(chart, labels, options) {
             title: getChartAxisTitleRuntime(chart.axesDesign?.x),
         },
     };
-    const formatCallback = (value) => {
-        value = Number(value);
-        if (isNaN(value))
-            return value;
-        const { locale, format } = options;
-        return formatValue(value, {
-            locale,
-            format: !format && Math.abs(value) >= 1000 ? "#,##" : format,
-        });
-    };
     const yAxis = {
         beginAtZero: true, // the origin of the y axis is always zero
         ticks: {
             color: fontColor,
-            callback: formatCallback,
+            callback: formatTickValue(options),
         },
     };
     const { useLeftAxis, useRightAxis } = getDefinedAxis(chart.getDefinition());
@@ -23983,7 +24063,7 @@ function getLineOrScatterConfiguration(chart, labels, options) {
     config.options.plugins.chartShowValuesPlugin = {
         showValues: chart.showValues,
         background: chart.background,
-        callback: formatCallback,
+        callback: formatTickValue(options),
     };
     return config;
 }
@@ -24258,30 +24338,18 @@ function createComboChartRuntime(chart, getters) {
             title: getChartAxisTitleRuntime(chart.axesDesign?.x),
         },
     };
-    const formatCallback = (format) => {
-        return (value) => {
-            value = Number(value);
-            if (isNaN(value))
-                return value;
-            const { locale } = localeFormat;
-            return formatValue(value, {
-                locale,
-                format: !format && Math.abs(value) >= 1000 ? "#,##" : format,
-            });
-        };
-    };
     const leftVerticalAxis = {
         beginAtZero: true, // the origin of the y axis is always zero
         ticks: {
             color: fontColor,
-            callback: formatCallback(mainDataSetFormat),
+            callback: formatTickValue({ format: mainDataSetFormat, locale }),
         },
     };
     const rightVerticalAxis = {
         beginAtZero: true, // the origin of the y axis is always zero
         ticks: {
             color: fontColor,
-            callback: formatCallback(lineDataSetsFormat),
+            callback: formatTickValue({ format: lineDataSetsFormat, locale }),
         },
     };
     const definition = chart.getDefinition();
@@ -24306,7 +24374,7 @@ function createComboChartRuntime(chart, getters) {
     config.options.plugins.chartShowValuesPlugin = {
         showValues: chart.showValues,
         background: chart.background,
-        callback: formatCallback(mainDataSetFormat),
+        callback: formatTickValue({ format: mainDataSetFormat, locale }),
     };
     const colors = new ColorGenerator();
     for (let [index, { label, data }] of dataSetsValues.entries()) {
@@ -24838,7 +24906,10 @@ function getPieConfiguration(chart, labels, localeFormat) {
         const yLabelStr = formatValue(yLabel, { format: toolTipFormat, locale });
         return xLabel ? `${xLabel}: ${yLabelStr} (${percentage}%)` : `${yLabelStr} (${percentage}%)`;
     };
-    config.options.plugins.chartShowValuesPlugin = { showValues: chart.showValues };
+    config.options.plugins.chartShowValuesPlugin = {
+        showValues: chart.showValues,
+        callback: formatTickValue(localeFormat),
+    };
     return config;
 }
 function getPieColors(colors, dataSetsValues) {
@@ -25422,6 +25493,7 @@ function getWaterfallConfiguration(chart, labels, dataSeriesLabels, localeFormat
     config.options.plugins.chartShowValuesPlugin = {
         showValues: chart.showValues,
         background: chart.background,
+        callback: formatTickValue(localeFormat),
     };
     return config;
 }
@@ -26237,78 +26309,6 @@ function zoneToRect(zone) {
     };
 }
 
-/**
- * Return the o-spreadsheet element position relative
- * to the browser viewport.
- */
-function useSpreadsheetRect() {
-    const position = useState({ x: 0, y: 0, width: 0, height: 0 });
-    let spreadsheetElement = null;
-    function updatePosition() {
-        if (!spreadsheetElement) {
-            spreadsheetElement = document.querySelector(".o-spreadsheet");
-        }
-        if (spreadsheetElement) {
-            const { top, left, width, height } = spreadsheetElement.getBoundingClientRect();
-            position.x = left;
-            position.y = top;
-            position.width = width;
-            position.height = height;
-        }
-    }
-    onMounted(updatePosition);
-    onPatched(updatePosition);
-    return position;
-}
-/**
- * Return the component (or ref's component) BoundingRect, relative
- * to the upper left corner of the screen (<body> element).
- *
- * Note: when used with a <Portal/> component, it will
- * return the portal position, not the teleported position.
- */
-function useAbsoluteBoundingRect(ref) {
-    const rect = useState({ x: 0, y: 0, width: 0, height: 0 });
-    function updateElRect() {
-        const el = ref.el;
-        if (el === null) {
-            return;
-        }
-        const { top, left, width, height } = el.getBoundingClientRect();
-        rect.x = left;
-        rect.y = top;
-        rect.width = width;
-        rect.height = height;
-    }
-    onMounted(updateElRect);
-    onPatched(updateElRect);
-    return rect;
-}
-/**
- * Get the rectangle inside which a popover should stay when being displayed.
- * It's the value defined in `env.getPopoverContainerRect`, or the Rect of the "o-spreadsheet"
- * element by default.
- *
- * Coordinates are expressed expressed as absolute DOM position.
- */
-function usePopoverContainer() {
-    const container = useState({ x: 0, y: 0, width: 0, height: 0 });
-    const component = useComponent();
-    const spreadsheetRect = useSpreadsheetRect();
-    function updateRect() {
-        const env = component.env;
-        const newRect = "getPopoverContainerRect" in env ? env.getPopoverContainerRect() : spreadsheetRect;
-        container.x = newRect.x;
-        container.y = newRect.y;
-        container.width = newRect.width;
-        container.height = newRect.height;
-    }
-    updateRect();
-    onMounted(updateRect);
-    onPatched(updateRect);
-    return container;
-}
-
 css /* scss */ `
   .o-popover {
     position: absolute;
@@ -35807,6 +35807,14 @@ css /* scss */ `
     .pivot-dim-operator-label {
       min-width: 120px;
     }
+
+    &.pivot-dimension-invalid {
+      background-color: #ffdddd;
+      border-color: red !important;
+      select {
+        background-color: #ffdddd;
+      }
+    }
   }
 `;
 class PivotDimension extends Component {
@@ -47214,12 +47222,13 @@ class BordersPlugin extends CorePlugin {
                 this.clearBorders(cmd.sheetId, cmd.target);
                 break;
             case "REMOVE_COLUMNS_ROWS":
-                for (let el of [...cmd.elements].sort((a, b) => b - a)) {
+                const elements = [...cmd.elements].sort((a, b) => b - a);
+                for (const group of groupConsecutive(elements)) {
                     if (cmd.dimension === "COL") {
-                        this.shiftBordersHorizontally(cmd.sheetId, el + 1, -1);
+                        this.shiftBordersHorizontally(cmd.sheetId, group[group.length - 1] + 1, -group.length);
                     }
                     else {
-                        this.shiftBordersVertically(cmd.sheetId, el + 1, -1);
+                        this.shiftBordersVertically(cmd.sheetId, group[group.length - 1] + 1, -group.length);
                     }
                 }
                 break;
@@ -50389,7 +50398,7 @@ class RangeAdapter {
      * @param sheetXC the string description of a range, in the form SheetName!XC:XC
      */
     getRangeFromSheetXC(defaultSheetId, sheetXC) {
-        if (!rangeReference.test(sheetXC)) {
+        if (!rangeReference.test(sheetXC) || !this.getters.tryGetSheet(defaultSheetId)) {
             return new RangeImpl({
                 sheetId: "",
                 zone: { left: -1, top: -1, right: -1, bottom: -1 },
@@ -51280,12 +51289,7 @@ class SheetPlugin extends CorePlugin {
                         });
                     }
                     if (colIndex > deletedColumn) {
-                        this.dispatch("UPDATE_CELL_POSITION", {
-                            sheetId: sheet.id,
-                            cellId: cellId,
-                            col: colIndex - 1,
-                            row: rowIndex,
-                        });
+                        this.setNewPosition(cellId, sheet.id, colIndex - 1, rowIndex);
                     }
                 }
             }
@@ -51295,7 +51299,7 @@ class SheetPlugin extends CorePlugin {
      * Move the cells after a column or rows insertion
      */
     moveCellsOnAddition(sheet, addedElement, quantity, dimension) {
-        const commands = [];
+        const updates = [];
         for (let rowIndex = 0; rowIndex < sheet.rows.length; rowIndex++) {
             const row = sheet.rows[rowIndex];
             if (dimension !== "rows" || rowIndex >= addedElement) {
@@ -51304,20 +51308,20 @@ class SheetPlugin extends CorePlugin {
                     const cellId = row.cells[i];
                     if (cellId) {
                         if (dimension === "rows" || colIndex >= addedElement) {
-                            commands.push({
-                                type: "UPDATE_CELL_POSITION",
+                            updates.push({
                                 sheetId: sheet.id,
                                 cellId: cellId,
                                 col: colIndex + (dimension === "columns" ? quantity : 0),
                                 row: rowIndex + (dimension === "rows" ? quantity : 0),
+                                type: "UPDATE_CELL_POSITION",
                             });
                         }
                     }
                 }
             }
         }
-        for (let cmd of commands.reverse()) {
-            this.dispatch(cmd.type, cmd);
+        for (let update of updates.reverse()) {
+            this.updateCellPosition(update);
         }
     }
     /**
@@ -51350,12 +51354,7 @@ class SheetPlugin extends CorePlugin {
                     const colIndex = Number(i);
                     const cellId = row.cells[i];
                     if (cellId) {
-                        this.dispatch("UPDATE_CELL_POSITION", {
-                            sheetId: sheet.id,
-                            cellId: cellId,
-                            col: colIndex,
-                            row: rowIndex - numberRows,
-                        });
+                        this.setNewPosition(cellId, sheet.id, colIndex, rowIndex - numberRows);
                     }
                 }
             }
@@ -54052,18 +54051,23 @@ class Evaluator {
         this.evaluate(this.getAllCells());
         console.info("evaluate all cells", performance.now() - start, "ms");
     }
-    evaluateFormula(sheetId, formulaString) {
-        const compiledFormula = compile(formulaString);
-        const ranges = compiledFormula.dependencies.map((xc) => this.getters.getRangeFromSheetXC(sheetId, xc));
-        this.updateCompilationParameters();
-        const result = updateEvalContextAndExecute({ ...compiledFormula, dependencies: ranges }, this.compilationParams, sheetId);
-        if (isMatrix(result)) {
-            return matrixMap(result, (cell) => cell.value);
+    evaluateFormulaResult(sheetId, formulaString) {
+        try {
+            const compiledFormula = compile(formulaString);
+            const ranges = compiledFormula.dependencies.map((xc) => this.getters.getRangeFromSheetXC(sheetId, xc));
+            this.updateCompilationParameters();
+            const result = updateEvalContextAndExecute({ ...compiledFormula, dependencies: ranges }, this.compilationParams, sheetId);
+            if (isMatrix(result)) {
+                return result;
+            }
+            if (result.value === null) {
+                return { value: 0, format: result.format };
+            }
+            return result;
         }
-        if (result.value === null) {
-            return 0;
+        catch (error) {
+            return handleError(error, "");
         }
-        return result.value;
     }
     getAllCells() {
         const positions = this.createEmptyPositionSet();
@@ -54121,6 +54125,9 @@ class Evaluator {
         if (!this.blockedArrayFormulas.has(position)) {
             this.invalidateSpreading(position);
         }
+        if (this.spreadingRelations.isArrayFormula(position)) {
+            this.spreadingRelations.removeNode(position);
+        }
         const cell = this.getters.getCell(position);
         if (cell === undefined) {
             return EMPTY_CELL;
@@ -54163,7 +54170,6 @@ class Evaluator {
         this.assertSheetHasEnoughSpaceToSpreadFormulaResult(formulaPosition, formulaReturn);
         const nbColumns = formulaReturn.length;
         const nbRows = formulaReturn[0].length;
-        this.spreadingRelations.removeNode(formulaPosition);
         forEachSpreadPositionInMatrix(nbColumns, nbRows, this.updateSpreadRelation(formulaPosition));
         this.assertNoMergedCellsInSpreadZone(formulaPosition, formulaReturn);
         forEachSpreadPositionInMatrix(nbColumns, nbRows, this.checkCollision(formulaPosition));
@@ -54424,6 +54430,7 @@ function updateEvalContextAndExecute(compiledFormula, compilationParams, sheetId
 class EvaluationPlugin extends UIPlugin {
     static getters = [
         "evaluateFormula",
+        "evaluateFormulaResult",
         "getCorrespondingFormulaCell",
         "getRangeFormattedValues",
         "getRangeValues",
@@ -54483,12 +54490,14 @@ class EvaluationPlugin extends UIPlugin {
     // Getters
     // ---------------------------------------------------------------------------
     evaluateFormula(sheetId, formulaString) {
-        try {
-            return this.evaluator.evaluateFormula(sheetId, formulaString);
-        }
-        catch (error) {
-            return error.value || CellErrorType.GenericError;
+        const result = this.evaluateFormulaResult(sheetId, formulaString);
+        if (isMatrix(result)) {
+            return matrixMap(result, (cell) => cell.value);
         }
+        return result.value;
+    }
+    evaluateFormulaResult(sheetId, formulaString) {
+        return this.evaluator.evaluateFormulaResult(sheetId, formulaString);
     }
     /**
      * Return the value of each cell in the range as they are displayed in the grid.
@@ -55871,28 +55880,33 @@ class PivotUIPlugin extends UIPlugin {
             const pivotRow = position.row - mainPosition.row;
             return pivotCells[pivotCol][pivotRow];
         }
-        if (functionName === "PIVOT.HEADER" && args.at(-2) === "measure") {
-            const domain = pivot.parseArgsToPivotDomain(args.slice(1, -2).map((value) => ({ value })));
+        try {
+            if (functionName === "PIVOT.HEADER" && args.at(-2) === "measure") {
+                const domain = pivot.parseArgsToPivotDomain(args.slice(1, -2).map((value) => ({ value })));
+                return {
+                    type: "MEASURE_HEADER",
+                    domain,
+                    measure: args.at(-1)?.toString() || "",
+                };
+            }
+            else if (functionName === "PIVOT.HEADER") {
+                const domain = pivot.parseArgsToPivotDomain(args.slice(1).map((value) => ({ value })));
+                return {
+                    type: "HEADER",
+                    domain,
+                };
+            }
+            const [measure, ...domainArgs] = args.slice(1);
+            const domain = pivot.parseArgsToPivotDomain(domainArgs.map((value) => ({ value })));
             return {
-                type: "MEASURE_HEADER",
+                type: "VALUE",
                 domain,
-                measure: args.at(-1)?.toString() || "",
+                measure: measure?.toString() || "",
             };
         }
-        else if (functionName === "PIVOT.HEADER") {
-            const domain = pivot.parseArgsToPivotDomain(args.slice(1).map((value) => ({ value })));
-            return {
-                type: "HEADER",
-                domain,
-            };
+        catch (_) {
+            return EMPTY_PIVOT_CELL;
         }
-        const [measure, ...domainArgs] = args.slice(1);
-        const domain = pivot.parseArgsToPivotDomain(domainArgs.map((value) => ({ value })));
-        return {
-            type: "VALUE",
-            domain,
-            measure: measure?.toString() || "",
-        };
     }
     getPivot(pivotId) {
         return this.pivots[pivotId];
@@ -57760,6 +57774,7 @@ class FormatPlugin extends UIPlugin {
      * evaluated and updated with the number type.
      */
     setDecimal(sheetId, zones, step) {
+        const positionsByFormat = {};
         // Find the each cell with a number value and get the format
         for (const zone of recomputeZones(zones)) {
             for (const position of positions(zone)) {
@@ -57769,15 +57784,20 @@ class FormatPlugin extends UIPlugin {
                     // of the format
                     this.getters.getLocale();
                     const newFormat = changeDecimalPlaces(numberFormat, step);
-                    // Apply the new format on the whole zone
-                    this.dispatch("SET_FORMATTING", {
-                        sheetId,
-                        target: [positionToZone(position)],
-                        format: newFormat,
-                    });
+                    positionsByFormat[newFormat] = positionsByFormat[newFormat] || [];
+                    positionsByFormat[newFormat].push(position);
                 }
             }
         }
+        // consolidate all positions with the same format in bigger zones
+        for (const newFormat in positionsByFormat) {
+            const zones = recomputeZones(positionsByFormat[newFormat].map((position) => positionToZone(position)));
+            this.dispatch("SET_FORMATTING", {
+                sheetId,
+                format: newFormat,
+                target: zones,
+            });
+        }
     }
     /**
      * Take a range of cells and return the format of the first cell containing a
@@ -63088,6 +63108,8 @@ css /* scss */ `
 
     .o-sidePanel-handle-container {
       width: 8px;
+      position: fixed;
+      top: 50%;
     }
     .o-sidePanel-handle {
       cursor: col-resize;
@@ -65707,7 +65729,7 @@ function createEmptyStructure(node) {
 }
 
 class StateObserver {
-    changes = [];
+    changes;
     commands = [];
     /**
      * Record the changes which could happen in the given callback, save them in a
@@ -65739,7 +65761,7 @@ class StateObserver {
         if (value[key] === val) {
             return;
         }
-        this.changes.push({
+        this.changes?.push({
             key,
             target: value,
             before: value[key],
@@ -68362,6 +68384,6 @@ const constants = {
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, DispatchResult, EvaluationError, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "17.4.2";
-__info__.date = "2024-07-24T10:26:00.237Z";
-__info__.hash = "f5ede5b";
+__info__.version = "17.4.4";
+__info__.date = "2024-08-09T12:24:07.798Z";
+__info__.hash = "a43e855";