@odoo/o-spreadsheet 17.5.0-alpha.4 → 17.5.0-alpha.5

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 17.5.0-alpha.4
- * @date 2024-08-06T12:05:55.642Z
- * @hash a941df3
+ * @version 17.5.0-alpha.5
+ * @date 2024-08-09T12:24:12.813Z
+ * @hash 5d4bc65
  */
 
 'use strict';
@@ -24,6 +24,7 @@ const SELECTION_BORDER_COLOR = "#3266ca";
 const HEADER_BORDER_COLOR = "#C0C0C0";
 const CELL_BORDER_COLOR = "#E2E3E3";
 const BACKGROUND_CHART_COLOR = "#FFFFFF";
+const BORDER_CHART_COLOR = "#FFFFFF";
 const BG_HOVER_COLOR = "#EBEBEB";
 const DISABLED_TEXT_COLOR = "#CACACA";
 const DEFAULT_COLOR_SCALE_MIDPOINT_COLOR = 0xb6d7a8;
@@ -38,8 +39,8 @@ const GRID_BORDER_COLOR = "#E2E3E3";
 const FROZEN_PANE_HEADER_BORDER_COLOR = "#BCBCBC";
 const FROZEN_PANE_BORDER_COLOR = "#DADFE8";
 const COMPOSER_ASSISTANT_COLOR = "#9B359B";
-const CHART_WATERFALL_POSITIVE_COLOR = "#006FBE";
-const CHART_WATERFALL_NEGATIVE_COLOR = "#E40000";
+const CHART_WATERFALL_POSITIVE_COLOR = "#4EA7F2";
+const CHART_WATERFALL_NEGATIVE_COLOR = "#EA6175";
 const CHART_WATERFALL_SUBTOTAL_COLOR = "#AAAAAA";
 const DEFAULT_CHART_PADDING = 20;
 const DEFAULT_CHART_FONT_SIZE = 22;
@@ -190,12 +191,12 @@ const MIN_FIG_SIZE = 80;
 // Chart
 const MAX_CHAR_LABEL = 20;
 const FIGURE_ID_SPLITTER = "??";
-const DEFAULT_GAUGE_LOWER_COLOR = "#cc0000";
-const DEFAULT_GAUGE_MIDDLE_COLOR = "#f1c232";
-const DEFAULT_GAUGE_UPPER_COLOR = "#6aa84f";
+const DEFAULT_GAUGE_LOWER_COLOR = "#EA6175";
+const DEFAULT_GAUGE_MIDDLE_COLOR = "#FFD86D";
+const DEFAULT_GAUGE_UPPER_COLOR = "#43C5B1";
 const DEFAULT_SCORECARD_BASELINE_MODE = "difference";
-const DEFAULT_SCORECARD_BASELINE_COLOR_UP = "#6AA84F";
-const DEFAULT_SCORECARD_BASELINE_COLOR_DOWN = "#E06666";
+const DEFAULT_SCORECARD_BASELINE_COLOR_UP = "#43C5B1";
+const DEFAULT_SCORECARD_BASELINE_COLOR_DOWN = "#EA6175";
 const LINE_FILL_TRANSPARENCY = 0.4;
 // session
 const DEBOUNCE_TIME = 200;
@@ -1090,42 +1091,117 @@ function darkenColor(color, percentage) {
     hsla.l = hsla.l - percentage * hsla.l;
     return hslaToHex(hsla);
 }
-const ColorsList = [
-    // the same colors as those used in odoo reporting
-    "rgb(31,119,180)",
-    "rgb(255,127,14)",
-    "rgb(174,199,232)",
-    "rgb(255,187,120)",
-    "rgb(44,160,44)",
-    "rgb(152,223,138)",
-    "rgb(214,39,40)",
-    "rgb(255,152,150)",
-    "rgb(148,103,189)",
-    "rgb(197,176,213)",
-    "rgb(140,86,75)",
-    "rgb(196,156,148)",
-    "rgb(227,119,194)",
-    "rgb(247,182,210)",
-    "rgb(127,127,127)",
-    "rgb(199,199,199)",
-    "rgb(188,189,34)",
-    "rgb(219,219,141)",
-    "rgb(23,190,207)",
-    "rgb(158,218,229)",
+const COLORS_SM = [
+    "#4EA7F2", // Blue
+    "#EA6175", // Red
+    "#43C5B1", // Teal
+    "#F4A261", // Orange
+    "#8481DD", // Purple
+    "#FFD86D", // Yellow
 ];
-function getNthColor(index) {
-    return ColorsList[index % ColorsList.length];
+const COLORS_MD = [
+    "#4EA7F2", // Blue #1
+    "#3188E6", // Blue #2
+    "#43C5B1", // Teal #1
+    "#00A78D", // Teal #2
+    "#EA6175", // Red #1
+    "#CE4257", // Red #2
+    "#F4A261", // Orange #1
+    "#F48935", // Orange #2
+    "#8481DD", // Purple #1
+    "#5752D1", // Purple #2
+    "#FFD86D", // Yellow #1
+    "#FFBC2C", // Yellow #2
+];
+const COLORS_LG = [
+    "#4EA7F2", // Blue #1
+    "#3188E6", // Blue #2
+    "#056BD9", // Blue #3
+    "#A76DBC", // Violet #1
+    "#7F4295", // Violet #2
+    "#6D2387", // Violet #3
+    "#EA6175", // Red #1
+    "#CE4257", // Red #2
+    "#982738", // Red #3
+    "#43C5B1", // Teal #1
+    "#00A78D", // Teal #2
+    "#0E8270", // Teal #3
+    "#F4A261", // Orange #1
+    "#F48935", // Orange #2
+    "#BE5D10", // Orange #3
+    "#8481DD", // Purple #1
+    "#5752D1", // Purple #2
+    "#3A3580", // Purple #3
+    "#A4A8B6", // Gray #1
+    "#7E8290", // Gray #2
+    "#545B70", // Gray #3
+    "#FFD86D", // Yellow #1
+    "#FFBC2C", // Yellow #2
+    "#C08A16", // Yellow #3
+];
+const COLORS_XL = [
+    "#4EA7F2", // Blue #1
+    "#3188E6", // Blue #2
+    "#056BD9", // Blue #3
+    "#155193", // Blue #4
+    "#A76DBC", // Violet #1
+    "#7F4295", // Violet #1
+    "#6D2387", // Violet #1
+    "#4F1565", // Violet #1
+    "#EA6175", // Red #1
+    "#CE4257", // Red #2
+    "#982738", // Red #3
+    "#791B29", // Red #4
+    "#43C5B1", // Teal #1
+    "#00A78D", // Teal #2
+    "#0E8270", // Teal #3
+    "#105F53", // Teal #4
+    "#F4A261", // Orange #1
+    "#F48935", // Orange #2
+    "#BE5D10", // Orange #3
+    "#7D380D", // Orange #4
+    "#8481DD", // Purple #1
+    "#5752D1", // Purple #2
+    "#3A3580", // Purple #3
+    "#26235F", // Purple #4
+    "#A4A8B6", // Grey #1
+    "#7E8290", // Grey #2
+    "#545B70", // Grey #3
+    "#3F4250", // Grey #4
+    "#FFD86D", // Yellow #1
+    "#FFBC2C", // Yellow #2
+    "#C08A16", // Yellow #3
+    "#936A12", // Yellow #4
+];
+function getNthColor(index, palette) {
+    return palette[index % palette.length];
+}
+function getColorsPalette(quantity) {
+    if (quantity <= 6) {
+        return COLORS_SM;
+    }
+    else if (quantity <= 12) {
+        return COLORS_MD;
+    }
+    else if (quantity <= 24) {
+        return COLORS_LG;
+    }
+    else {
+        return COLORS_XL;
+    }
 }
 class ColorGenerator {
+    preferredColors;
     currentColorIndex = 0;
-    colors;
-    constructor(colors = []) {
-        this.colors = colors;
+    palette;
+    constructor(paletteSize, preferredColors = []) {
+        this.preferredColors = preferredColors;
+        this.palette = getColorsPalette(paletteSize).filter((c) => !preferredColors.includes(c));
     }
     next() {
-        return this.colors?.[this.currentColorIndex]
-            ? this.colors[this.currentColorIndex++]
-            : getNthColor(this.currentColorIndex++);
+        return this.preferredColors?.[this.currentColorIndex]
+            ? this.preferredColors[this.currentColorIndex++]
+            : getNthColor(this.currentColorIndex++, this.palette);
     }
 }
 
@@ -8425,6 +8501,7 @@ function getFullTrendingLineDataSet(dataset, config, data) {
         backgroundColor,
         borderColor: backgroundColor,
         borderDash: [5, 5],
+        borderWidth: undefined,
     };
 }
 function interpolateData(config, values, labels, newLabels) {
@@ -8461,6 +8538,21 @@ function interpolateData(config, values, labels, newLabels) {
             return [];
     }
 }
+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,
+        });
+    };
+}
+function getChartColorsGenerator(definition, dataSetsSize) {
+    return new ColorGenerator(dataSetsSize, definition.dataSets.map((ds) => ds.backgroundColor));
+}
 
 /** This is a chartJS plugin that will draw the values of each data next to the point/bar/pie slice */
 const chartShowValuesPlugin = {
@@ -8799,8 +8891,8 @@ let ScorecardChart$1 = class ScorecardChart extends AbstractChart {
         this.baselineMode = definition.baselineMode;
         this.baselineDescr = definition.baselineDescr;
         this.background = definition.background;
-        this.baselineColorUp = definition.baselineColorUp;
-        this.baselineColorDown = definition.baselineColorDown;
+        this.baselineColorUp = definition.baselineColorUp ?? DEFAULT_SCORECARD_BASELINE_COLOR_UP;
+        this.baselineColorDown = definition.baselineColorDown ?? DEFAULT_SCORECARD_BASELINE_COLOR_DOWN;
         this.humanize = definition.humanize ?? false;
     }
     static validateChartDefinition(validator, definition) {
@@ -18654,14 +18746,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;
@@ -18702,13 +18786,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]) {
@@ -18726,7 +18810,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.
@@ -18741,6 +18825,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)) {
@@ -18756,7 +18848,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)
@@ -27100,23 +27192,13 @@ function createBarChartRuntime(chart, getters) {
         }),
     };
     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;
@@ -27153,26 +27235,22 @@ function createBarChartRuntime(chart, getters) {
         showValues: chart.showValues,
         background: chart.background,
         horizontal: chart.horizontal,
-        callback: formatCallback,
+        callback: formatTickValue(localeFormat),
     };
-    const colors = new ColorGenerator();
-    const trendDatasets = [];
     const definition = chart.getDefinition();
+    const colors = getChartColorsGenerator(definition, dataSetsValues.length);
+    const trendDatasets = [];
     for (const index in dataSetsValues) {
         const { label, data } = dataSetsValues[index];
         const color = colors.next();
         const dataset = {
             label,
             data,
-            borderColor: color,
+            borderColor: BORDER_CHART_COLOR,
+            borderWidth: 1,
             backgroundColor: color,
         };
         config.data.datasets.push(dataset);
-        if (definition.dataSets?.[index]?.backgroundColor) {
-            const color = definition.dataSets[index].backgroundColor;
-            dataset.backgroundColor = color;
-            dataset.borderColor = color;
-        }
         if (definition.dataSets?.[index]?.label) {
             const label = definition.dataSets[index].label;
             dataset.label = label;
@@ -27515,21 +27593,11 @@ function createLineOrScatterChartRuntime(chart, getters) {
     config.options.scales = {
         x: xAxis,
     };
-    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());
@@ -27560,7 +27628,7 @@ function createLineOrScatterChartRuntime(chart, getters) {
     config.options.plugins.chartShowValuesPlugin = {
         showValues: chart.showValues,
         background: chart.background,
-        callback: formatCallback,
+        callback: formatTickValue(options),
     };
     if (chart.dataSetsHaveTitle &&
         dataSetsValues[0] &&
@@ -27597,8 +27665,8 @@ function createLineOrScatterChartRuntime(chart, getters) {
     const areaChart = "fillArea" in chart ? chart.fillArea : false;
     const stackedChart = "stacked" in chart ? chart.stacked : false;
     const cumulative = "cumulative" in chart ? chart.cumulative : false;
-    const colors = new ColorGenerator();
     const definition = chart.getDefinition();
+    const colors = getChartColorsGenerator(definition, dataSetsValues.length);
     for (let [index, { label, data }] of dataSetsValues.entries()) {
         const color = colors.next();
         let backgroundRGBA = colorToRGBA(color);
@@ -27634,13 +27702,6 @@ function createLineOrScatterChartRuntime(chart, getters) {
     let maxLength = 0;
     const trendDatasets = [];
     for (const [index, dataset] of config.data.datasets.entries()) {
-        if (definition.dataSets?.[index]?.backgroundColor) {
-            const color = definition.dataSets[index].backgroundColor;
-            dataset.backgroundColor = color;
-            dataset.borderColor = color;
-            //@ts-ignore
-            dataset.pointBackgroundColor = color;
-        }
         if (definition.dataSets?.[index]?.label) {
             const label = definition.dataSets[index].label;
             dataset.label = label;
@@ -27855,30 +27916,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();
@@ -27903,9 +27952,9 @@ 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();
+    const colors = getChartColorsGenerator(definition, dataSetsValues.length);
     let maxLength = 0;
     const trendDatasets = [];
     for (let [index, { label, data }] of dataSetsValues.entries()) {
@@ -27914,8 +27963,8 @@ function createComboChartRuntime(chart, getters) {
         const dataset = {
             label: design?.label ?? label,
             data,
-            borderColor: design?.backgroundColor ?? color,
-            backgroundColor: design.backgroundColor ?? color,
+            borderColor: color,
+            backgroundColor: color,
             yAxisID: design?.yAxisId ?? "y",
             type: index === 0 ? "bar" : "line",
             order: -index,
@@ -28464,7 +28513,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) {
@@ -28522,13 +28574,15 @@ function createPieChartRuntime(chart, getters) {
     const dataSetFormat = getChartDatasetFormat(getters, chart.dataSets);
     const locale = getters.getLocale();
     const config = getPieConfiguration(chart, labels, { format: dataSetFormat, locale });
-    const backgroundColor = getPieColors(new ColorGenerator(), dataSetsValues);
+    const dataSetsLength = Math.max(0, ...dataSetsValues.map((ds) => ds?.data?.length ?? 0));
+    const backgroundColor = getPieColors(new ColorGenerator(dataSetsLength), dataSetsValues);
     for (const { label, data } of dataSetsValues) {
         const dataset = {
             label,
             data,
-            borderColor: "#FFFFFF",
+            borderColor: BACKGROUND_CHART_COLOR,
             backgroundColor,
+            hoverOffset: 30,
         };
         config.data.datasets.push(dataset);
     }
@@ -28958,14 +29012,25 @@ function getWaterfallConfiguration(chart, labels, dataSeriesLabels, localeFormat
         labels: {
             generateLabels: () => {
                 const legendValues = [
-                    { text: _t("Positive values"), fontColor, fillStyle: positiveColor },
-                    { text: _t("Negative values"), fontColor, fillStyle: negativeColor },
+                    {
+                        text: _t("Positive values"),
+                        fontColor,
+                        fillStyle: positiveColor,
+                        strokeStyle: positiveColor,
+                    },
+                    {
+                        text: _t("Negative values"),
+                        fontColor,
+                        fillStyle: negativeColor,
+                        strokeStyle: negativeColor,
+                    },
                 ];
                 if (chart.showSubTotals || chart.firstValueAsSubtotal) {
                     legendValues.push({
                         text: _t("Subtotals"),
                         fontColor,
                         fillStyle: subTotalColor,
+                        strokeStyle: subTotalColor,
                     });
                 }
                 return legendValues;
@@ -29032,6 +29097,7 @@ function getWaterfallConfiguration(chart, labels, dataSeriesLabels, localeFormat
     config.options.plugins.chartShowValuesPlugin = {
         showValues: chart.showValues,
         background: chart.background,
+        callback: formatTickValue(localeFormat),
     };
     return config;
 }
@@ -34300,7 +34366,7 @@ class SelectionInputStore extends SpreadsheetStore {
      * e.g. ["A1", "Sheet2!B3", "E12"]
      */
     get selectionInputs() {
-        const generator = new ColorGenerator(this.colors);
+        const generator = new ColorGenerator(this.ranges.length, this.colors);
         return this.ranges.map((input, index) => Object.assign({}, input, {
             color: this.hasMainFocus &&
                 this.focusedRangeIndex !== null &&
@@ -34382,7 +34448,7 @@ class SelectionInputStore extends SpreadsheetStore {
      */
     insertNewRange(index, values) {
         const currentMaxId = Math.max(0, ...this.ranges.map((range) => Number(range.id)));
-        const colors = new ColorGenerator(this.colors);
+        const colors = new ColorGenerator(this.ranges.length, this.colors);
         for (let i = 0; i < index; i++) {
             colors.next();
         }
@@ -35798,7 +35864,7 @@ class ChartWithAxisDesignPanel extends owl.Component {
             return "";
         }
         const color = dataSets[this.state.index].backgroundColor;
-        return color ? toHex(color) : getNthColor(this.state.index);
+        return color ? toHex(color) : getNthColor(this.state.index, getColorsPalette(dataSets.length));
     }
     updateDataSeriesAxis(ev) {
         const axis = ev.target.value;
@@ -54711,18 +54777,23 @@ class Evaluator {
         this.evaluate(this.getAllCells());
         console.info("evaluate all cells", performance.now() - start, "ms");
     }
-    evaluateFormula(sheetId, formulaString) {
+    evaluateFormulaResult(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, undefined);
-        if (isMatrix(result)) {
-            return matrixMap(result, (cell) => cell.value);
+        try {
+            const result = updateEvalContextAndExecute({ ...compiledFormula, dependencies: ranges }, this.compilationParams, sheetId, undefined);
+            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();
@@ -55076,6 +55147,7 @@ function updateEvalContextAndExecute(compiledFormula, compilationParams, sheetId
 class EvaluationPlugin extends UIPlugin {
     static getters = [
         "evaluateFormula",
+        "evaluateFormulaResult",
         "getCorrespondingFormulaCell",
         "getRangeFormattedValues",
         "getRangeValues",
@@ -55135,12 +55207,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.
@@ -56508,28 +56582,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];
@@ -58397,6 +58476,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)) {
@@ -58406,15 +58486,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
@@ -66680,7 +66765,7 @@ function addBarChart(chart) {
     // overlap and gapWitdh seems to be by default at -20 and 20 in chart.js.
     // See https://www.chartjs.org/docs/latest/charts/bar.html and https://www.chartjs.org/docs/latest/charts/bar.html#barpercentage-vs-categorypercentage
     const dataSetsColors = chart.dataSets.map((ds) => ds.backgroundColor ?? "");
-    const colors = new ColorGenerator(dataSetsColors);
+    const colors = new ColorGenerator(chart.dataSets.length, dataSetsColors);
     const leftDataSetsNodes = [];
     const rightDataSetsNodes = [];
     for (const [dsIndex, dataset] of Object.entries(chart.dataSets)) {
@@ -66755,7 +66840,7 @@ function addComboChart(chart) {
     // See https://www.chartjs.org/docs/latest/charts/bar.html and https://www.chartjs.org/docs/latest/charts/bar.html#barpercentage-vs-categorypercentage
     const dataSets = chart.dataSets;
     const dataSetsColors = dataSets.map((ds) => ds.backgroundColor ?? "");
-    const colors = new ColorGenerator(dataSetsColors);
+    const colors = new ColorGenerator(dataSets.length, dataSetsColors);
     let dataSet = dataSets[0];
     const firstColor = toXlsxHexColor(colors.next());
     const useRightAxisForBarSerie = dataSet.rightYAxis ?? false;
@@ -66863,7 +66948,7 @@ function addComboChart(chart) {
 }
 function addLineChart(chart) {
     const dataSetsColors = chart.dataSets.map((ds) => ds.backgroundColor ?? "");
-    const colors = new ColorGenerator(dataSetsColors);
+    const colors = new ColorGenerator(chart.dataSets.length, dataSetsColors);
     const leftDataSetsNodes = [];
     const rightDataSetsNodes = [];
     for (const [dsIndex, dataset] of Object.entries(chart.dataSets)) {
@@ -66934,7 +67019,7 @@ function addLineChart(chart) {
 }
 function addScatterChart(chart) {
     const dataSetsColors = chart.dataSets.map((ds) => ds.backgroundColor ?? "");
-    const colors = new ColorGenerator(dataSetsColors);
+    const colors = new ColorGenerator(chart.dataSets.length, dataSetsColors);
     const leftDataSetsNodes = [];
     const rightDataSetsNodes = [];
     for (const [dsIndex, dataset] of Object.entries(chart.dataSets)) {
@@ -67005,8 +67090,8 @@ function addScatterChart(chart) {
         : ""}`;
 }
 function addDoughnutChart(chart, chartSheetIndex, data, { holeSize } = { holeSize: 50 }) {
-    const colors = new ColorGenerator();
     const maxLength = largeMax(chart.dataSets.map((ds) => getRangeSize(ds.range, chartSheetIndex, data)));
+    const colors = new ColorGenerator(maxLength);
     const doughnutColors = range(0, maxLength).map(() => toXlsxHexColor(colors.next()));
     const dataSetsNodes = [];
     for (const [dsIndex, dataset] of Object.entries(chart.dataSets).reverse()) {
@@ -68988,6 +69073,9 @@ const helpers = {
     getDefaultChartJsRuntime,
     chartFontColor,
     getChartAxisTitleRuntime,
+    getChartAxisType,
+    getTrendDatasetForBarChart,
+    getTrendDatasetForLineChart,
     getFillingMode,
     rgbaToHex,
     colorToRGBA,
@@ -69022,6 +69110,7 @@ const helpers = {
     UNDO_REDO_PIVOT_COMMANDS,
     createPivotFormula,
     areDomainArgsFieldsValid,
+    splitReference,
 };
 const links = {
     isMarkdownLink,
@@ -69104,6 +69193,7 @@ const constants = {
     HIGHLIGHT_COLOR,
     PIVOT_TABLE_CONFIG,
     ChartTerms,
+    TREND_LINE_XAXIS_ID,
 };
 
 exports.AbstractCellClipboardHandler = AbstractCellClipboardHandler;
@@ -69152,6 +69242,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "17.5.0-alpha.4";
-__info__.date = "2024-08-06T12:05:55.642Z";
-__info__.hash = "a941df3";
+__info__.version = "17.5.0-alpha.5";
+__info__.date = "2024-08-09T12:24:12.813Z";
+__info__.hash = "5d4bc65";