@odoo/o-spreadsheet 18.1.0-alpha.0 → 18.1.0-alpha.2

package/dist/o-spreadsheet.esm.js

@@ -2,13 +2,119 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 18.1.0-alpha.0
- * @date 2024-09-25T13:17:49.636Z
- * @hash 288f0b7
+ * @version 18.1.0-alpha.2
+ * @date 2024-10-24T08:53:21.828Z
+ * @hash 2a01250
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
 
+function createActions(menuItems) {
+    return menuItems.map(createAction).sort((a, b) => a.sequence - b.sequence);
+}
+let nextItemId = 1;
+function createAction(item) {
+    const name = item.name;
+    const children = item.children;
+    const description = item.description;
+    const icon = item.icon;
+    const secondaryIcon = item.secondaryIcon;
+    const itemId = item.id || nextItemId++;
+    return {
+        id: itemId.toString(),
+        name: typeof name === "function" ? name : () => name,
+        isVisible: item.isVisible ? item.isVisible : () => true,
+        isEnabled: item.isEnabled ? item.isEnabled : () => true,
+        isActive: item.isActive,
+        execute: item.execute,
+        children: children
+            ? (env) => {
+                return children
+                    .map((child) => (typeof child === "function" ? child(env) : child))
+                    .flat()
+                    .map(createAction);
+            }
+            : () => [],
+        isReadonlyAllowed: item.isReadonlyAllowed || false,
+        separator: item.separator || false,
+        icon: typeof icon === "function" ? icon : () => icon || "",
+        iconColor: item.iconColor,
+        secondaryIcon: typeof secondaryIcon === "function" ? secondaryIcon : () => secondaryIcon || "",
+        description: typeof description === "function" ? description : () => description || "",
+        textColor: item.textColor,
+        sequence: item.sequence || 0,
+        onStartHover: item.onStartHover,
+        onStopHover: item.onStopHover,
+    };
+}
+
+/**
+ * Registry
+ *
+ * The Registry class is basically just a mapping from a string key to an object.
+ * It is really not much more than an object. It is however useful for the
+ * following reasons:
+ *
+ * 1. it let us react and execute code when someone add something to the registry
+ *   (for example, the FunctionRegistry subclass this for this purpose)
+ * 2. it throws an error when the get operation fails
+ * 3. it provides a chained API to add items to the registry.
+ */
+class Registry {
+    content = {};
+    /**
+     * Add an item to the registry
+     *
+     * Note that this also returns the registry, so another add method call can
+     * be chained
+     */
+    add(key, value) {
+        this.content[key] = value;
+        return this;
+    }
+    /**
+     * Get an item from the registry
+     */
+    get(key) {
+        /**
+         * Note: key in {} is ~12 times slower than {}[key].
+         * So, we check the absence of key only when the direct access returns
+         * a falsy value. It's done to ensure that the registry can contains falsy values
+         */
+        const content = this.content[key];
+        if (!content) {
+            if (!(key in this.content)) {
+                throw new Error(`Cannot find ${key} in this registry!`);
+            }
+        }
+        return content;
+    }
+    /**
+     * Check if the key is already in the registry
+     */
+    contains(key) {
+        return key in this.content;
+    }
+    /**
+     * Get a list of all elements in the registry
+     */
+    getAll() {
+        return Object.values(this.content);
+    }
+    /**
+     * Get a list of all keys in the registry
+     */
+    getKeys() {
+        return Object.keys(this.content);
+    }
+    /**
+     * Remove an item from the registry
+     */
+    remove(key) {
+        delete this.content[key];
+    }
+}
+
 const CANVAS_SHIFT = 0.5;
 // Colors
 const HIGHLIGHT_COLOR = "#37A850";
@@ -223,6 +329,7 @@ const DEFAULT_SCORECARD_BASELINE_MODE = "difference";
 const DEFAULT_SCORECARD_BASELINE_COLOR_UP = "#43C5B1";
 const DEFAULT_SCORECARD_BASELINE_COLOR_DOWN = "#EA6175";
 const LINE_FILL_TRANSPARENCY = 0.4;
+const DEFAULT_WINDOW_SIZE = 2;
 // session
 const DEBOUNCE_TIME = 200;
 const MESSAGE_VERSION = 1;
@@ -268,7 +375,7 @@ const PIVOT_TABLE_CONFIG = {
     bandedRows: true,
     bandedColumns: false,
     styleId: "TableStyleMedium5",
-    automaticAutofill: true,
+    automaticAutofill: false,
 };
 const DEFAULT_CURRENCY = {
     symbol: "$",
@@ -484,7 +591,7 @@ function buildSheetLink(sheetId) {
  */
 function parseSheetUrl(sheetLink) {
     if (sheetLink.startsWith(O_SPREADSHEET_LINK_PREFIX)) {
-        return sheetLink.substr(O_SPREADSHEET_LINK_PREFIX.length);
+        return sheetLink.slice(O_SPREADSHEET_LINK_PREFIX.length);
     }
     throw new Error(`${sheetLink} is not a valid sheet link`);
 }
@@ -3049,8 +3156,7 @@ const getNumberRegex = memoize(function getNumberRegex(locale) {
     const p2 = pMinus + pNumber + pCurrencyFormat;
     const p3 = pCurrencyFormat + pMinus + pNumber;
     const pNumberExp = "^(?:(?:" + [p1, p2, p3].join(")|(?:") + "))$";
-    const numberRegexp = new RegExp(pNumberExp, "i");
-    return numberRegexp;
+    return new RegExp(pNumberExp, "i");
 });
 /**
  * Return true if the argument is a "number string".
@@ -5724,8 +5830,7 @@ function computeCachedTextWidth(context, text) {
         textWidthCache[font] = {};
     }
     if (textWidthCache[font][text] === undefined) {
-        const textWidth = context.measureText(text).width;
-        textWidthCache[font][text] = textWidth;
+        textWidthCache[font][text] = context.measureText(text).width;
     }
     return textWidthCache[font][text];
 }
@@ -5968,136 +6073,22 @@ function drawDecoratedText(context, text, position, underline = false, strikethr
  * https://stackoverflow.com/questions/105034/create-guid-uuid-in-javascript
  * */
 class UuidGenerator {
-    isFastIdStrategy = false;
-    fastIdStart = 0;
-    setIsFastStrategy(isFast) {
-        this.isFastIdStrategy = isFast;
-    }
     uuidv4() {
-        if (this.isFastIdStrategy) {
-            this.fastIdStart++;
-            return String(this.fastIdStart);
-            //@ts-ignore
-        }
-        else if (window.crypto && window.crypto.getRandomValues) {
+        //@ts-ignore
+        if (window.crypto && window.crypto.getRandomValues) {
             //@ts-ignore
             return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) => (c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16));
         }
         else {
             // mainly for jest and other browsers that do not have the crypto functionality
             return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
-                var r = (Math.random() * 16) | 0, v = c === "x" ? r : (r & 0x3) | 0x8;
+                const r = (Math.random() * 16) | 0, v = c === "x" ? r : (r & 0x3) | 0x8;
                 return v.toString(16);
             });
         }
     }
 }
 
-function createActions(menuItems) {
-    return menuItems.map(createAction).sort((a, b) => a.sequence - b.sequence);
-}
-const uuidGenerator$1 = new UuidGenerator();
-function createAction(item) {
-    const name = item.name;
-    const children = item.children;
-    const description = item.description;
-    const icon = item.icon;
-    const secondaryIcon = item.secondaryIcon;
-    return {
-        id: item.id || uuidGenerator$1.uuidv4(),
-        name: typeof name === "function" ? name : () => name,
-        isVisible: item.isVisible ? item.isVisible : () => true,
-        isEnabled: item.isEnabled ? item.isEnabled : () => true,
-        isActive: item.isActive,
-        execute: item.execute,
-        children: children
-            ? (env) => {
-                return children
-                    .map((child) => (typeof child === "function" ? child(env) : child))
-                    .flat()
-                    .map(createAction);
-            }
-            : () => [],
-        isReadonlyAllowed: item.isReadonlyAllowed || false,
-        separator: item.separator || false,
-        icon: typeof icon === "function" ? icon : () => icon || "",
-        iconColor: item.iconColor,
-        secondaryIcon: typeof secondaryIcon === "function" ? secondaryIcon : () => secondaryIcon || "",
-        description: typeof description === "function" ? description : () => description || "",
-        textColor: item.textColor,
-        sequence: item.sequence || 0,
-        onStartHover: item.onStartHover,
-        onStopHover: item.onStopHover,
-    };
-}
-
-/**
- * Registry
- *
- * The Registry class is basically just a mapping from a string key to an object.
- * It is really not much more than an object. It is however useful for the
- * following reasons:
- *
- * 1. it let us react and execute code when someone add something to the registry
- *   (for example, the FunctionRegistry subclass this for this purpose)
- * 2. it throws an error when the get operation fails
- * 3. it provides a chained API to add items to the registry.
- */
-class Registry {
-    content = {};
-    /**
-     * Add an item to the registry
-     *
-     * Note that this also returns the registry, so another add method call can
-     * be chained
-     */
-    add(key, value) {
-        this.content[key] = value;
-        return this;
-    }
-    /**
-     * Get an item from the registry
-     */
-    get(key) {
-        /**
-         * Note: key in {} is ~12 times slower than {}[key].
-         * So, we check the absence of key only when the direct access returns
-         * a falsy value. It's done to ensure that the registry can contains falsy values
-         */
-        const content = this.content[key];
-        if (!content) {
-            if (!(key in this.content)) {
-                throw new Error(`Cannot find ${key} in this registry!`);
-            }
-        }
-        return content;
-    }
-    /**
-     * Check if the key is already in the registry
-     */
-    contains(key) {
-        return key in this.content;
-    }
-    /**
-     * Get a list of all elements in the registry
-     */
-    getAll() {
-        return Object.values(this.content);
-    }
-    /**
-     * Get a list of all keys in the registry
-     */
-    getKeys() {
-        return Object.keys(this.content);
-    }
-    /**
-     * Remove an item from the registry
-     */
-    remove(key) {
-        delete this.content[key];
-    }
-}
-
 function getClipboardDataPositions(sheetId, zones) {
     const lefts = new Set(zones.map((z) => z.left));
     const rights = new Set(zones.map((z) => z.right));
@@ -6588,10 +6579,9 @@ function localizeNumberLiteral(literal, locale) {
         return literal;
     }
     const decimalNumberRegex = getDecimalNumberRegex(DEFAULT_LOCALE);
-    const localized = literal.replace(decimalNumberRegex, (match) => {
+    return literal.replace(decimalNumberRegex, (match) => {
         return match.replace(".", locale.decimalSeparator);
     });
-    return localized;
 }
 /**
  * Change a literal string from its canonical form (en_US locale) to the given locale. Also convert date string.
@@ -7076,6 +7066,21 @@ function predictLinearValues(Y, X, newX, computeIntercept) {
     });
     return newY.length === newX.length ? newY : transposeMatrix(newY);
 }
+function getMovingAverageValues(dataset, windowSize = DEFAULT_WINDOW_SIZE) {
+    const values = [];
+    // Fill the starting values with null until we have a full window
+    for (let i = 0; i < windowSize - 1; i++) {
+        values.push(null);
+    }
+    for (let i = 0; i <= dataset.length - windowSize; i++) {
+        let sum = 0;
+        for (let j = i; j < i + windowSize; j++) {
+            sum += dataset[j];
+        }
+        values.push(sum / windowSize);
+    }
+    return values;
+}
 
 const PREVIOUS_VALUE = "(previous)";
 const NEXT_VALUE = "(next)";
@@ -7611,8 +7616,7 @@ function getMaxObjectId(o) {
         return 0;
     }
     const nums = keys.map((id) => parseInt(id, 10));
-    const max = Math.max(...nums);
-    return max;
+    return Math.max(...nums);
 }
 const ALL_PERIODS = {
     year: _t("Year"),
@@ -8452,31 +8456,30 @@ class TableClipboardHandler extends AbstractCellClipboardHandler {
             for (let col of columnsIndexes) {
                 const position = { col, row, sheetId };
                 const table = this.getters.getTable(position);
-                if (!table || copiedTablesIds.has(table.id)) {
+                if (!table) {
                     tableCellsInRow.push({});
                     continue;
                 }
                 const coreTable = this.getters.getCoreTable(position);
                 const tableZone = coreTable?.range.zone;
+                let copiedTable = undefined;
                 // Copy whole table
-                if (coreTable && tableZone && zones.some((z) => isZoneInside(tableZone, z))) {
-                    copiedTablesIds.add(coreTable.id);
-                    const values = [];
-                    for (const col of range(tableZone.left, tableZone.right + 1)) {
-                        values.push(this.getters.getFilterHiddenValues({ sheetId, col, row: tableZone.top }));
-                    }
-                    tableCellsInRow.push({
-                        table: {
-                            range: coreTable.range.rangeData,
-                            config: coreTable.config,
-                            type: coreTable.type,
-                        },
-                    });
-                }
-                // Copy only style of cell
-                else if (table) {
-                    tableCellsInRow.push({ style: this.getTableStyleToCopy(position) });
+                if (!copiedTablesIds.has(table.id) &&
+                    coreTable &&
+                    tableZone &&
+                    zones.some((z) => isZoneInside(tableZone, z))) {
+                    copiedTablesIds.add(table.id);
+                    copiedTable = {
+                        range: coreTable.range.rangeData,
+                        config: coreTable.config,
+                        type: coreTable.type,
+                    };
                 }
+                tableCellsInRow.push({
+                    table: copiedTable,
+                    style: this.getTableStyleToCopy(position),
+                    isWholeTableCopied: copiedTablesIds.has(table.id),
+                });
             }
         }
         return {
@@ -8557,11 +8560,14 @@ class TableClipboardHandler extends AbstractCellClipboardHandler {
                 tableType: tableCell.table.type,
             });
         }
-        // Do not paste table style if we're inside another table
         // We cannot check for dynamic tables, because at this point the paste can have changed the evaluation, and the
         // dynamic tables are not yet computed
-        if (!this.getters.getCoreTable(position)) {
-            if (tableCell.style?.style && options?.pasteOption !== "asValue") {
+        if (this.getters.getCoreTable(position) || options?.pasteOption === "asValue") {
+            return;
+        }
+        if ((!options?.pasteOption && !tableCell.isWholeTableCopied) ||
+            options?.pasteOption === "onlyFormat") {
+            if (tableCell.style?.style) {
                 this.dispatch("UPDATE_CELL", { ...position, style: tableCell.style.style });
             }
             if (tableCell.style?.border) {
@@ -9243,11 +9249,10 @@ function getChartPositionAtCenterOfViewport(getters, chartSize) {
     const { x, y } = getters.getMainViewportCoordinates();
     const { scrollX, scrollY } = getters.getActiveSheetScrollInfo();
     const { width, height } = getters.getVisibleRect(getters.getActiveMainViewport());
-    const position = {
+    return {
         x: x + scrollX + Math.max(0, (width - chartSize.width) / 2),
         y: y + scrollY + Math.max(0, (height - chartSize.height) / 2),
     }; // Position at the center of the scrollable viewport
-    return position;
 }
 function getChartAxisTitleRuntime(design) {
     if (design?.title?.text) {
@@ -9281,6 +9286,49 @@ function getDefinedAxis(definition) {
     useLeftAxis ||= !useRightAxis;
     return { useLeftAxis, useRightAxis };
 }
+function getChartAxis(definition, position, type, options) {
+    const { useLeftAxis, useRightAxis } = getDefinedAxis(definition);
+    if ((position === "left" && !useLeftAxis) || (position === "right" && !useRightAxis)) {
+        return undefined;
+    }
+    const fontColor = chartFontColor(definition.background);
+    let design;
+    if (position === "bottom") {
+        design = definition.axesDesign?.x;
+    }
+    else if (position === "left") {
+        design = definition.axesDesign?.y;
+    }
+    else {
+        design = definition.axesDesign?.y1;
+    }
+    if (type === "values") {
+        const displayGridLines = position === "left" || (position === "right" && !useLeftAxis);
+        return {
+            position: position,
+            title: getChartAxisTitleRuntime(design),
+            grid: {
+                display: displayGridLines,
+            },
+            beginAtZero: true,
+            stacked: options?.stacked,
+            ticks: {
+                color: fontColor,
+                callback: formatTickValue(options),
+            },
+        };
+    }
+    else {
+        return {
+            ticks: {
+                padding: 5,
+                color: fontColor,
+            },
+            stacked: options?.stacked,
+            title: getChartAxisTitleRuntime(design),
+        };
+    }
+}
 function computeChartPadding({ displayTitle, displayLegend, }) {
     let top = 25;
     if (displayTitle) {
@@ -9321,7 +9369,7 @@ function getFullTrendingLineDataSet(dataset, config, data) {
     return {
         ...dataset,
         type: "line",
-        xAxisID: TREND_LINE_XAXIS_ID,
+        xAxisID: config.type !== "trailingMovingAverage" ? TREND_LINE_XAXIS_ID : "x",
         label: dataset.label ? _t("Trend line for %s", dataset.label) : "",
         data,
         order: -1,
@@ -9363,10 +9411,19 @@ function interpolateData(config, values, labels, newLabels) {
         case "logarithmic": {
             return predictLinearValues([values], logM([labels]), logM([newLabels]), true)[0];
         }
+        case "trailingMovingAverage": {
+            return getMovingAverageValues(values, config.window);
+        }
         default:
             return [];
     }
 }
+function formatChartDatasetValue(axisFormats, locale) {
+    return (value, axisId) => {
+        const format = axisId ? axisFormats?.[axisId] : undefined;
+        return formatTickValue({ format, locale })(value);
+    };
+}
 function formatTickValue(localeFormat) {
     return (value) => {
         value = Number(value);
@@ -9402,70 +9459,115 @@ const chartShowValuesPlugin = {
         ctx.save();
         ctx.textAlign = "center";
         ctx.textBaseline = "middle";
-        ctx.fillStyle = chartFontColor(options.background);
-        ctx.strokeStyle = chartFontColor(ctx.fillStyle);
-        chart._metasets.forEach(function (dataset) {
-            if (dataset.xAxisID === TREND_LINE_XAXIS_ID) {
-                return; // ignore trend lines
-            }
-            switch (dataset.type) {
-                case "doughnut":
-                case "pie": {
-                    for (let i = 0; i < dataset._parsed.length; i++) {
-                        const bar = dataset.data[i];
-                        const { startAngle, endAngle, innerRadius, outerRadius } = bar;
-                        const midAngle = (startAngle + endAngle) / 2;
-                        const midRadius = (innerRadius + outerRadius) / 2;
-                        const x = bar.x + midRadius * Math.cos(midAngle);
-                        const y = bar.y + midRadius * Math.sin(midAngle) + 7;
-                        ctx.fillStyle = chartFontColor(bar.options.backgroundColor);
-                        ctx.strokeStyle = chartFontColor(ctx.fillStyle);
-                        const value = options.callback(dataset._parsed[i]);
-                        ctx.strokeText(value, x, y);
-                        ctx.fillText(value, x, y);
-                    }
-                    break;
-                }
-                case "bar":
-                case "line": {
-                    const yOffset = dataset.type === "bar" && !options.horizontal ? 0 : 3;
-                    for (let i = 0; i < dataset._parsed.length; i++) {
-                        const point = dataset.data[i];
-                        const value = options.horizontal ? dataset._parsed[i].x : dataset._parsed[i].y;
-                        const displayedValue = options.callback(value - 0);
-                        let xPosition = 0, yPosition = 0;
-                        if (options.horizontal) {
-                            yPosition = point.y;
-                            if (value < 0) {
-                                ctx.textAlign = "right";
-                                xPosition = point.x - yOffset;
-                            }
-                            else {
-                                ctx.textAlign = "left";
-                                xPosition = point.x + yOffset;
-                            }
-                        }
-                        else {
-                            xPosition = point.x;
-                            if (value < 0) {
-                                ctx.textBaseline = "top";
-                                yPosition = point.y + yOffset;
-                            }
-                            else {
-                                ctx.textBaseline = "bottom";
-                                yPosition = point.y - yOffset;
-                            }
-                        }
-                        ctx.strokeText(displayedValue, xPosition, yPosition);
-                        ctx.fillText(displayedValue, xPosition, yPosition);
-                    }
-                    break;
-                }
-            }
-        });
+        ctx.miterLimit = 1; // Avoid sharp artifacts on strokeText
+        switch (chart.config.type) {
+            case "pie":
+            case "doughnut":
+                drawPieChartValues(chart, options, ctx);
+                break;
+            case "bar":
+            case "line":
+                options.horizontal
+                    ? drawHorizontalBarChartValues(chart, options, ctx)
+                    : drawLineOrBarChartValues(chart, options, ctx);
+                break;
+        }
         ctx.restore();
     },
 };
+function drawTextWithBackground(text, x, y, ctx) {
+    ctx.lineWidth = 3; // Stroke the text with a big lineWidth width to have some kind of background
+    ctx.strokeText(text, x, y);
+    ctx.lineWidth = 1;
+    ctx.fillText(text, x, y);
+}
+function drawLineOrBarChartValues(chart, options, ctx) {
+    const yMax = chart.chartArea.bottom;
+    const yMin = chart.chartArea.top;
+    const textsPositions = {};
+    for (const dataset of chart._metasets) {
+        if (dataset.xAxisID === TREND_LINE_XAXIS_ID) {
+            return; // ignore trend lines
+        }
+        for (let i = 0; i < dataset._parsed.length; i++) {
+            const value = dataset._parsed[i].y;
+            const displayValue = options.callback(value - 0, dataset.yAxisID);
+            const point = dataset.data[i];
+            const xPosition = point.x;
+            let yPosition = 0;
+            if (chart.config.type === "line") {
+                yPosition = point.y - 10;
+            }
+            else {
+                yPosition = value < 0 ? point.y - point.height / 2 : point.y + point.height / 2;
+            }
+            yPosition = Math.min(yPosition, yMax);
+            yPosition = Math.max(yPosition, yMin);
+            // Avoid overlapping texts with same X
+            if (!textsPositions[xPosition]) {
+                textsPositions[xPosition] = [];
+            }
+            for (const otherPosition of textsPositions[xPosition] || []) {
+                if (Math.abs(otherPosition - yPosition) < 13) {
+                    yPosition = otherPosition - 13;
+                }
+            }
+            textsPositions[xPosition].push(yPosition);
+            ctx.fillStyle = point.options.backgroundColor;
+            ctx.strokeStyle = options.background || "#ffffff";
+            drawTextWithBackground(displayValue, xPosition, yPosition, ctx);
+        }
+    }
+}
+function drawHorizontalBarChartValues(chart, options, ctx) {
+    const xMax = chart.chartArea.right;
+    const xMin = chart.chartArea.left;
+    const textsPositions = {};
+    for (const dataset of chart._metasets) {
+        if (dataset.xAxisID === TREND_LINE_XAXIS_ID) {
+            return; // ignore trend lines
+        }
+        for (let i = 0; i < dataset._parsed.length; i++) {
+            const value = dataset._parsed[i].x;
+            const displayValue = options.callback(value - 0, dataset.xAxisID);
+            const point = dataset.data[i];
+            const yPosition = point.y;
+            let xPosition = value < 0 ? point.x + point.width / 2 : point.x - point.width / 2;
+            xPosition = Math.min(xPosition, xMax);
+            xPosition = Math.max(xPosition, xMin);
+            // Avoid overlapping texts with same Y
+            if (!textsPositions[yPosition]) {
+                textsPositions[yPosition] = [];
+            }
+            const textWidth = computeTextWidth(ctx, displayValue, { fontSize: 12 }, "px");
+            for (const otherPosition of textsPositions[yPosition]) {
+                if (Math.abs(otherPosition - xPosition) < textWidth) {
+                    xPosition = otherPosition + textWidth + 3;
+                }
+            }
+            textsPositions[yPosition].push(xPosition);
+            ctx.fillStyle = point.options.backgroundColor;
+            ctx.strokeStyle = options.background || "#ffffff";
+            drawTextWithBackground(displayValue, xPosition, yPosition, ctx);
+        }
+    }
+}
+function drawPieChartValues(chart, options, ctx) {
+    for (const dataset of chart._metasets) {
+        for (let i = 0; i < dataset._parsed.length; i++) {
+            const bar = dataset.data[i];
+            const { startAngle, endAngle, innerRadius, outerRadius } = bar;
+            const midAngle = (startAngle + endAngle) / 2;
+            const midRadius = (innerRadius + outerRadius) / 2;
+            const x = bar.x + midRadius * Math.cos(midAngle);
+            const y = bar.y + midRadius * Math.sin(midAngle) + 7;
+            ctx.fillStyle = chartFontColor(options.background);
+            ctx.strokeStyle = options.background || "#ffffff";
+            const value = options.callback(dataset._parsed[i]);
+            drawTextWithBackground(value, x, y, ctx);
+        }
+    }
+}
 
 /** This is a chartJS plugin that will draw connector lines between the bars of a Waterfall chart */
 const waterfallLinesPlugin = {
@@ -10243,8 +10345,7 @@ function getHtmlContentFromPattern(pattern, value, highlightColor, className) {
         value = value.slice(index + 1);
     }
     pendingHtmlContent.push({ value });
-    const htmlContent = pendingHtmlContent.filter((content) => content.value);
-    return htmlContent;
+    return pendingHtmlContent.filter((content) => content.value);
 }
 
 //------------------------------------------------------------------------------
@@ -10648,7 +10749,7 @@ const MINVERSE = {
         assertSquareMatrix(_t("The argument square_matrix must have the same number of columns and rows."), _matrix);
         const { inverted } = invertMatrix(_matrix);
         if (!inverted) {
-            throw new EvaluationError(_t("The matrix is not invertible."));
+            return new EvaluationError(_t("The matrix is not invertible."));
         }
         return inverted;
     },
@@ -10727,7 +10828,7 @@ function getSumXAndY(arrayX, arrayY, cb) {
         }
     }
     if (!validPairFound) {
-        throw new EvaluationError(_t("The arguments array_x and array_y must contain at least one pair of numbers."));
+        return new EvaluationError(_t("The arguments array_x and array_y must contain at least one pair of numbers."));
     }
     return result;
 }
@@ -10808,7 +10909,7 @@ const TOCOL = {
             .flat()
             .filter(shouldKeepValue(_ignore));
         if (result.length === 0) {
-            throw new NotAvailableError(_t("No results for the given arguments of TOCOL."));
+            return new NotAvailableError(_t("No results for the given arguments of TOCOL."));
         }
         return [result];
     },
@@ -10829,7 +10930,7 @@ const TOROW = {
             .filter(shouldKeepValue(_ignore))
             .map((item) => [item]);
         if (result.length === 0 || result[0].length === 0) {
-            throw new NotAvailableError(_t("No results for the given arguments of TOROW."));
+            return new NotAvailableError(_t("No results for the given arguments of TOROW."));
         }
         return result;
     },
@@ -11389,7 +11490,7 @@ const DECIMAL = {
          * Return error if 'value' is positive.
          * Remove '-?' in the next regex to catch this error.
          */
-        assert(() => !!DECIMAL_REPRESENTATION.test(_value), _t("The value (%s) must be a valid base %s representation.", _value, _base.toString()));
+        assert(() => DECIMAL_REPRESENTATION.test(_value), _t("The value (%s) must be a valid base %s representation.", _value, _base.toString()));
         const deci = parseInt(_value, _base);
         assert(() => !isNaN(deci), _t("The value (%s) must be a valid base %s representation.", _value, _base.toString()));
         return deci;
@@ -11657,7 +11758,7 @@ const PRODUCT = {
                             count += 1;
                         }
                         if (isEvaluationError(f)) {
-                            throw j;
+                            return j;
                         }
                     }
                 }
@@ -12160,9 +12261,8 @@ function covariance(dataY, dataX, isSample) {
 }
 function variance(args, isSample, textAs0, locale) {
     let count = 0;
-    let sum = 0;
     const reduceFunction = textAs0 ? reduceNumbersTextAs0 : reduceNumbers;
-    sum = reduceFunction(args, (acc, a) => {
+    const sum = reduceFunction(args, (acc, a) => {
         count += 1;
         return acc + a;
     }, 0, locale);
@@ -12559,7 +12659,7 @@ const MATTHEWS = {
         const flatY = dataY.flat();
         assertSameNumberOfElements(flatX, flatY);
         if (flatX.length === 0) {
-            throw new EvaluationError(_t("[[FUNCTION_NAME]] expects non-empty ranges for both parameters."));
+            return new EvaluationError(_t("[[FUNCTION_NAME]] expects non-empty ranges for both parameters."));
         }
         const n = flatX.length;
         let trueN = 0, trueP = 0, falseP = 0, falseN = 0;
@@ -13359,9 +13459,8 @@ function getMatchingCells(database, field, criteria, locale) {
     // 4 - return for each database row corresponding, the cells corresponding to the field parameter
     const fieldCol = database[index];
     // Example continuation:: fieldCol = ["C", "j", "k", 7]
-    const matchingCells = [...matchingRows].map((x) => fieldCol[x + 1]);
     // Example continuation:: matchingCells = ["j", 7]
-    return matchingCells;
+    return [...matchingRows].map((x) => fieldCol[x + 1]);
 }
 const databaseArgs = [
     arg("database (range)", _t("The array or range containing the data to consider, structured in such a way that the first row contains the labels for each column's values.")),
@@ -14546,7 +14645,7 @@ const FILTER = {
             }
         }
         if (!result.length) {
-            throw new NotAvailableError(_t("No match found in FILTER evaluation"));
+            return new NotAvailableError(_t("No match found in FILTER evaluation"));
         }
         return mode === "row" ? transposeMatrix(result) : result;
     },
@@ -17244,7 +17343,7 @@ function mapParentFunction(tokens) {
             argsTokens[argPosition].push({ value: token.value, type: token.type });
         }
     }
-    const res = tokens.map((token, i) => {
+    return tokens.map((token, i) => {
         if (!["SPACE", "LEFT_PAREN"].includes(token.type)) {
             functionStarted = "";
         }
@@ -17282,7 +17381,6 @@ function mapParentFunction(tokens) {
         }
         return token;
     });
-    return res;
 }
 /**
  * Parse the list of tokens that compose the arguments of a function to
@@ -17738,7 +17836,7 @@ const IFS = {
                 return result;
             }
         }
-        throw new EvaluationError(_t("No match."));
+        return new EvaluationError(_t("No match."));
     },
     isExported: true,
 };
@@ -17841,7 +17939,7 @@ function assertDomainLength(domain) {
         throw new EvaluationError(_t("Function PIVOT takes an even number of arguments."));
     }
 }
-function addPivotDependencies(evalContext, coreDefinition) {
+function addPivotDependencies(evalContext, coreDefinition, forMeasures) {
     //TODO This function can be very costly when used with PIVOT.VALUE and PIVOT.HEADER
     const dependencies = [];
     if (coreDefinition.type === "SPREADSHEET" && coreDefinition.dataSet) {
@@ -17853,7 +17951,7 @@ function addPivotDependencies(evalContext, coreDefinition) {
         }
         dependencies.push(range);
     }
-    for (const measure of coreDefinition.measures) {
+    for (const measure of forMeasures) {
         if (measure.computedBy) {
             const formula = evalContext.getters.getMeasureCompiledFormula(measure);
             dependencies.push(...formula.dependencies.filter((range) => !range.invalidXc));
@@ -17902,8 +18000,8 @@ const ADDRESS = {
         let cellReference;
         if (_useA1Notation) {
             const rangePart = {
-                rowFixed: [1, 2].includes(_absoluteRelativeMode) ? true : false,
-                colFixed: [1, 3].includes(_absoluteRelativeMode) ? true : false,
+                rowFixed: [1, 2].includes(_absoluteRelativeMode),
+                colFixed: [1, 3].includes(_absoluteRelativeMode),
             };
             cellReference = toXC(colNumber - 1, rowNumber - 1, rangePart);
         }
@@ -17929,7 +18027,7 @@ const COLUMN = {
     ],
     compute: function (cellReference) {
         if (isEvaluationError(cellReference?.value)) {
-            throw cellReference;
+            return cellReference;
         }
         const column = cellReference === undefined
             ? this.__originCellPosition?.col
@@ -17947,7 +18045,7 @@ const COLUMNS = {
     args: [arg("range (meta)", _t("The range whose column count will be returned."))],
     compute: function (range) {
         if (isEvaluationError(range?.value)) {
-            throw range;
+            return range;
         }
         const zone = toZone(range.value);
         return zone.right - zone.left + 1;
@@ -18027,11 +18125,11 @@ const INDIRECT = {
     compute: function (reference, useA1Notation = { value: true }) {
         let _reference = reference?.value?.toString();
         if (!_reference) {
-            throw new InvalidReferenceError(_t("Reference should be defined."));
+            return new InvalidReferenceError(_t("Reference should be defined."));
         }
         const _useA1Notation = toBoolean(useA1Notation);
         if (!_useA1Notation) {
-            throw new EvaluationError(_t("R1C1 notation is not supported."));
+            return new EvaluationError(_t("R1C1 notation is not supported."));
         }
         const sheetId = this.__originSheetId;
         const originPosition = this.__originCellPosition;
@@ -18043,7 +18141,7 @@ const INDIRECT = {
         }
         const range = this.getters.getRangeFromSheetXC(sheetId, _reference);
         if (range === undefined || range.invalidXc || range.invalidSheetName) {
-            throw new InvalidReferenceError();
+            return new InvalidReferenceError();
         }
         if (originPosition) {
             this.addDependencies?.(originPosition, [range]);
@@ -18151,7 +18249,7 @@ const ROW = {
     ],
     compute: function (cellReference) {
         if (isEvaluationError(cellReference?.value)) {
-            throw cellReference;
+            return cellReference;
         }
         const row = cellReference === undefined
             ? this.__originCellPosition?.row
@@ -18169,7 +18267,7 @@ const ROWS = {
     args: [arg("range (meta)", _t("The range whose row count will be returned."))],
     compute: function (range) {
         if (isEvaluationError(range?.value)) {
-            throw range;
+            return range;
         }
         const zone = toZone(range.value);
         return zone.bottom - zone.top + 1;
@@ -18286,7 +18384,7 @@ const PIVOT_VALUE = {
         assertDomainLength(domainArgs);
         const pivot = this.getters.getPivot(pivotId);
         const coreDefinition = this.getters.getPivotCoreDefinition(pivotId);
-        addPivotDependencies(this, coreDefinition);
+        addPivotDependencies(this, coreDefinition, coreDefinition.measures.filter((m) => m.id === _measure));
         pivot.init({ reload: pivot.needsReevaluation });
         const error = pivot.assertIsValid({ throwOnError: false });
         if (error) {
@@ -18316,7 +18414,7 @@ const PIVOT_HEADER = {
         assertDomainLength(domainArgs);
         const pivot = this.getters.getPivot(_pivotId);
         const coreDefinition = this.getters.getPivotCoreDefinition(_pivotId);
-        addPivotDependencies(this, coreDefinition);
+        addPivotDependencies(this, coreDefinition, []);
         pivot.init({ reload: pivot.needsReevaluation });
         const error = pivot.assertIsValid({ throwOnError: false });
         if (error) {
@@ -18356,18 +18454,18 @@ const PIVOT = {
         const _pivotFormulaId = toString(pivotFormulaId);
         const _rowCount = toNumber(rowCount, this.locale);
         if (_rowCount < 0) {
-            throw new EvaluationError(_t("The number of rows must be positive."));
+            return new EvaluationError(_t("The number of rows must be positive."));
         }
         const _columnCount = toNumber(columnCount, this.locale);
         if (_columnCount < 0) {
-            throw new EvaluationError(_t("The number of columns must be positive."));
+            return new EvaluationError(_t("The number of columns must be positive."));
         }
         const _includeColumnHeaders = toBoolean(includeColumnHeaders);
         const _includedTotal = toBoolean(includeTotal);
         const pivotId = getPivotId(_pivotFormulaId, this.getters);
         const pivot = this.getters.getPivot(pivotId);
         const coreDefinition = this.getters.getPivotCoreDefinition(pivotId);
-        addPivotDependencies(this, coreDefinition);
+        addPivotDependencies(this, coreDefinition, coreDefinition.measures);
         pivot.init({ reload: pivot.needsReevaluation });
         const error = pivot.assertIsValid({ throwOnError: false });
         if (error) {
@@ -18559,6 +18657,12 @@ const EQ = {
         arg("value2 (any)", _t("The value to test against value1 for equality.")),
     ],
     compute: function (value1, value2) {
+        if (isEvaluationError(value1?.value)) {
+            return value1;
+        }
+        if (isEvaluationError(value2?.value)) {
+            return value2;
+        }
         let _value1 = isEmpty(value1) ? getNeutral[typeof value2?.value] : value1?.value;
         let _value2 = isEmpty(value2) ? getNeutral[typeof value1?.value] : value2?.value;
         if (typeof _value1 === "string") {
@@ -18567,27 +18671,21 @@ const EQ = {
         if (typeof _value2 === "string") {
             _value2 = _value2.toUpperCase();
         }
-        if (isEvaluationError(_value1)) {
-            throw value1;
-        }
-        if (isEvaluationError(_value2)) {
-            throw value2;
-        }
-        return _value1 === _value2;
+        return { value: _value1 === _value2 };
     },
 };
 // -----------------------------------------------------------------------------
 // GT
 // -----------------------------------------------------------------------------
 function applyRelationalOperator(value1, value2, cb) {
-    let _value1 = isEmpty(value1) ? getNeutral[typeof value2?.value] : value1?.value;
-    let _value2 = isEmpty(value2) ? getNeutral[typeof value1?.value] : value2?.value;
-    if (isEvaluationError(_value1)) {
-        throw value1;
+    if (isEvaluationError(value1?.value)) {
+        return value1;
     }
-    if (isEvaluationError(_value2)) {
-        throw value2;
+    if (isEvaluationError(value2?.value)) {
+        return value2;
     }
+    let _value1 = isEmpty(value1) ? getNeutral[typeof value2?.value] : value1?.value;
+    let _value2 = isEmpty(value2) ? getNeutral[typeof value1?.value] : value2?.value;
     if (typeof _value1 !== "number") {
         _value1 = toString(_value1).toUpperCase();
     }
@@ -18597,12 +18695,12 @@ function applyRelationalOperator(value1, value2, cb) {
     const tV1 = typeof _value1;
     const tV2 = typeof _value2;
     if (tV1 === "string" && tV2 === "number") {
-        return true;
+        return { value: true };
     }
     if (tV2 === "string" && tV1 === "number") {
-        return false;
+        return { value: false };
     }
-    return cb(_value1, _value2);
+    return { value: cb(_value1, _value2) };
 }
 const GT = {
     description: _t("Strictly greater than."),
@@ -18641,7 +18739,11 @@ const LT = {
         arg("value2 (any)", _t("The second value.")),
     ],
     compute: function (value1, value2) {
-        return !GTE.compute.bind(this)(value1, value2);
+        const result = GTE.compute.bind(this)(value1, value2);
+        if (isEvaluationError(result.value)) {
+            return result;
+        }
+        return { value: !result.value };
     },
 };
 // -----------------------------------------------------------------------------
@@ -18654,7 +18756,11 @@ const LTE = {
         arg("value2 (any)", _t("The second value.")),
     ],
     compute: function (value1, value2) {
-        return !GT.compute.bind(this)(value1, value2);
+        const result = GT.compute.bind(this)(value1, value2);
+        if (isEvaluationError(result.value)) {
+            return result;
+        }
+        return { value: !result.value };
     },
 };
 // -----------------------------------------------------------------------------
@@ -18699,7 +18805,11 @@ const NE = {
         arg("value2 (any)", _t("The value to test against value1 for inequality.")),
     ],
     compute: function (value1, value2) {
-        return !EQ.compute.bind(this)(value1, value2);
+        const result = EQ.compute.bind(this)(value1, value2);
+        if (isEvaluationError(result.value)) {
+            return result;
+        }
+        return { value: !result.value };
     },
 };
 // -----------------------------------------------------------------------------
@@ -19858,13 +19968,12 @@ function cssPropertiesToCss(attributes) {
 }
 function getElementMargins(el) {
     const style = window.getComputedStyle(el);
-    const margins = {
+    return {
         top: parseInt(style.marginTop, 10) || 0,
         bottom: parseInt(style.marginBottom, 10) || 0,
         left: parseInt(style.marginLeft, 10) || 0,
         right: parseInt(style.marginRight, 10) || 0,
     };
-    return margins;
 }
 
 const macRegex = /Mac/i;
@@ -20163,7 +20272,7 @@ class ContentEditableHelper {
             let startNode = this.findChildAtCharacterIndex(start);
             let endNode = this.findChildAtCharacterIndex(end);
             range.setStart(startNode.node, startNode.offset);
-            selection.extend(endNode.node, endNode.offset);
+            range.setEnd(endNode.node, endNode.offset);
         }
     }
     /**
@@ -20661,7 +20770,7 @@ class Composer extends Component {
         "Alt+Enter": this.processNewLineEvent,
         "Ctrl+Enter": this.processNewLineEvent,
         Escape: this.processEscapeKey,
-        F2: () => console.warn("Not implemented"),
+        F2: (ev) => this.toggleEditionMode(ev),
         F4: (ev) => this.processF4Key(ev),
         Tab: (ev) => this.processTabKey(ev, "right"),
         "Shift+Tab": (ev) => this.processTabKey(ev, "left"),
@@ -20780,6 +20889,11 @@ class Composer extends Component {
         this.props.composerStore.cycleReferences();
         this.processContent();
     }
+    toggleEditionMode(ev) {
+        ev.stopPropagation();
+        this.props.composerStore.toggleEditionMode();
+        this.processContent();
+    }
     processNumpadDecimal(ev) {
         ev.stopPropagation();
         ev.preventDefault();
@@ -21005,7 +21119,13 @@ class Composer extends Component {
                     break;
                 case "REFERENCE":
                     const { xc, sheetName } = splitReference(token.value);
-                    result.push({ value: token.value, color: this.rangeColor(xc, sheetName) || "#000" });
+                    result.push({
+                        value: token.value,
+                        color: this.rangeColor(xc, sheetName) || "#000",
+                        class: tokenAtCursor === token && this.props.composerStore.editionMode === "selecting"
+                            ? "text-decoration-underline"
+                            : undefined,
+                    });
                     break;
                 case "SYMBOL":
                     const value = token.value;
@@ -21576,6 +21696,7 @@ function insertTokenAfterArgSeparator(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
+    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -21593,6 +21714,7 @@ function insertTokenAfterLeftParenthesis(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
+    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -21726,9 +21848,13 @@ autoCompleteProviders.add("pivot_group_fields", {
         const colFields = columns.map((groupBy) => groupBy.nameWithGranularity);
         const rowFields = rows.map((groupBy) => groupBy.nameWithGranularity);
         const proposals = [];
-        const previousGroupBy = ["ARG_SEPARATOR", "SPACE"].includes(tokenAtCursor.type)
+        let previousGroupBy = ["ARG_SEPARATOR", "SPACE"].includes(tokenAtCursor.type)
             ? argGroupBys.at(-1)
             : argGroupBys.at(-2);
+        const isPositionalSupported = supportedPivotPositionalFormulaRegistry.get(pivot.type);
+        if (isPositionalSupported && previousGroupBy?.startsWith("#")) {
+            previousGroupBy = previousGroupBy.slice(1);
+        }
         if (previousGroupBy === undefined) {
             proposals.push(colFields[0]);
             proposals.push(rowFields[0]);
@@ -21750,7 +21876,7 @@ autoCompleteProviders.add("pivot_group_fields", {
             return field ? makeFieldProposal(field, granularity) : undefined;
         })
             .concat(groupBys.map((groupBy) => {
-            if (!supportedPivotPositionalFormulaRegistry.get(pivot.type)) {
+            if (!isPositionalSupported) {
                 return undefined;
             }
             const fieldName = groupBy.split(":")[0];
@@ -21759,13 +21885,12 @@ autoCompleteProviders.add("pivot_group_fields", {
                 return undefined;
             }
             const positionalFieldArg = `"#${groupBy}"`;
-            const positionalProposal = {
+            return {
                 text: positionalFieldArg,
                 description: _t("%s (positional)", field.string) + (field.help ? ` (${field.help})` : ""),
                 htmlContent: [{ value: positionalFieldArg, color: tokenColors.STRING }],
                 fuzzySearchKey: field.string + positionalFieldArg, // search on translated name and on technical name
             };
-            return positionalProposal;
         }))
             .filter(isDefined);
     },
@@ -22034,7 +22159,7 @@ function parseLiteral(content, locale) {
         return internalDate.value;
     }
     if (isBoolean(content)) {
-        return content.toUpperCase() === "TRUE" ? true : false;
+        return content.toUpperCase() === "TRUE";
     }
     return content;
 }
@@ -22185,6 +22310,27 @@ autofillModifiersRegistry
             tooltip: content ? { props: { content: tooltipValue } } : undefined,
         };
     },
+})
+    .add("DATE_INCREMENT_MODIFIER", {
+    apply: (rule, data, getters) => {
+        const date = toJsDate(rule.current, getters.getLocale());
+        date.setFullYear(date.getFullYear() + rule.increment.years || 0);
+        date.setMonth(date.getMonth() + rule.increment.months || 0);
+        date.setDate(date.getDate() + rule.increment.days || 0);
+        const value = jsDateToNumber(date);
+        rule.current = value;
+        const locale = getters.getLocale();
+        const tooltipValue = formatValue(value, { format: data.cell?.format, locale });
+        return {
+            cellData: {
+                border: data.border,
+                style: data.cell && data.cell.style,
+                format: data.cell && data.cell.format,
+                content: value.toString(),
+            },
+            tooltip: value ? { props: { content: tooltipValue } } : undefined,
+        };
+    },
 })
     .add("COPY_MODIFIER", {
     apply: (rule, data, getters) => {
@@ -22265,7 +22411,9 @@ function getGroup(cell, cells, filter) {
         if (x === cell) {
             found = true;
         }
-        const cellValue = x === undefined || x.isFormula ? undefined : evaluateLiteral(x, { locale: DEFAULT_LOCALE });
+        const cellValue = x === undefined || x.isFormula
+            ? undefined
+            : evaluateLiteral(x, { locale: DEFAULT_LOCALE, format: x.format });
         if (cellValue && filter(cellValue)) {
             group.push(cellValue);
         }
@@ -22301,6 +22449,71 @@ function calculateIncrementBasedOnGroup(group) {
     }
     return increment;
 }
+/**
+ * Iterates on a list of date intervals.
+ * if every interval is the same, return the interval
+ * Otherwise return undefined
+ *
+ */
+function getEqualInterval(intervals) {
+    if (intervals.length < 2) {
+        return intervals[0] || { years: 0, months: 0, days: 0 };
+    }
+    const equal = intervals.every((interval) => interval.years === intervals[0].years &&
+        interval.months === intervals[0].months &&
+        interval.days === intervals[0].days);
+    return equal ? intervals[0] : undefined;
+}
+/**
+ * Based on a group of dates, calculate the increment that should be applied
+ * to the next date.
+ *
+ * This will compute the date difference in calendar terms (years, months, days)
+ * In order to make abstraction of leap years and months with different number of days.
+ *
+ * In case the dates are not equidistant in calendar terms, no rule can be extrapolated
+ * In case of equidistant dates, we either have in that order:
+ *  - exact date interval (e.g. +n year OR +n month OR +n day) in which case we increment by the same interval
+ *  - exact day interval (e.g. +n days) in which case we increment by the same day interval
+ *  - equidistant dates but not the same interval, in which case we return increment of the same interval
+ *
+ * */
+function calculateDateIncrementBasedOnGroup(group) {
+    if (group.length < 2) {
+        return 1;
+    }
+    const jsDates = group.map((date) => toJsDate(date, DEFAULT_LOCALE));
+    const datesIntervals = getDateIntervals(jsDates);
+    const datesEquidistantInterval = getEqualInterval(datesIntervals);
+    if (datesEquidistantInterval === undefined) {
+        // dates are not equidistant in terms of years, months or days, thus no rule can be extrapolated
+        return undefined;
+    }
+    // The dates are apart by an exact interval of years, months or days
+    // but not a combination of them
+    const exactDateInterval = Object.values(datesEquidistantInterval).filter((value) => value !== 0).length === 1;
+    const isSameDay = Object.values(datesEquidistantInterval).every((el) => el === 0); // handles time values (strict decimals)
+    if (!exactDateInterval || isSameDay) {
+        const timeIntervals = jsDates
+            .map((date, index) => {
+            if (index === 0) {
+                return 0;
+            }
+            const previous = jsDates[index - 1];
+            return Math.floor(date.getTime()) - Math.floor(previous.getTime());
+        })
+            .slice(1);
+        const equidistantDates = timeIntervals.every((interval) => interval === timeIntervals[0]);
+        if (equidistantDates) {
+            return group.length * (group[1] - group[0]);
+        }
+    }
+    return {
+        years: datesEquidistantInterval.years * group.length,
+        months: datesEquidistantInterval.months * group.length,
+        days: datesEquidistantInterval.days * group.length,
+    };
+}
 autofillRulesRegistry
     .add("simple_value_copy", {
     condition: (cell, cells) => {
@@ -22348,12 +22561,47 @@ autofillRulesRegistry
         return { type: "FORMULA_MODIFIER", increment: cells.length, current: 0 };
     },
     sequence: 30,
+})
+    .add("increment_dates", {
+    condition: (cell, cells) => {
+        return (!cell.isFormula &&
+            evaluateLiteral(cell, { locale: DEFAULT_LOCALE }).type === CellValueType.number &&
+            !!cell.format &&
+            isDateTimeFormat(cell.format));
+    },
+    generateRule: (cell, cells) => {
+        const group = getGroup(cell, cells, (evaluatedCell) => evaluatedCell.type === CellValueType.number &&
+            !!evaluatedCell.format &&
+            isDateTimeFormat(evaluatedCell.format)).map((cell) => Number(cell.value));
+        const increment = calculateDateIncrementBasedOnGroup(group);
+        if (increment === undefined) {
+            return { type: "COPY_MODIFIER" };
+        }
+        /**  requires to detect the current date (requires to be an integer value  with the right format)
+         * detect  if year  or if month or if day then extrapolate increment required (+1 month, +1 year + 1 day)
+         */
+        const evaluation = evaluateLiteral(cell, { locale: DEFAULT_LOCALE });
+        if (typeof increment === "object") {
+            return {
+                type: "DATE_INCREMENT_MODIFIER",
+                increment,
+                current: evaluation.type === CellValueType.number ? evaluation.value : 0,
+            };
+        }
+        return {
+            type: "INCREMENT_MODIFIER",
+            increment,
+            current: evaluation.type === CellValueType.number ? evaluation.value : 0,
+        };
+    },
+    sequence: 25,
 })
     .add("increment_number", {
     condition: (cell) => !cell.isFormula &&
         evaluateLiteral(cell, { locale: DEFAULT_LOCALE }).type === CellValueType.number,
     generateRule: (cell, cells) => {
-        const group = getGroup(cell, cells, (evaluatedCell) => evaluatedCell.type === CellValueType.number).map((cell) => Number(cell.value));
+        const group = getGroup(cell, cells, (evaluatedCell) => evaluatedCell.type === CellValueType.number &&
+            !isDateTimeFormat(evaluatedCell.format || "")).map((cell) => Number(cell.value));
         const increment = calculateIncrementBasedOnGroup(group);
         const evaluation = evaluateLiteral(cell, { locale: DEFAULT_LOCALE });
         return {
@@ -22364,6 +22612,37 @@ autofillRulesRegistry
     },
     sequence: 40,
 });
+/**
+ * Returns the date intervals between consecutive dates of an array
+ * in the format of { years: number, months: number, days: number }
+ *
+ * The split is necessary to make abstraction of leap years and
+ * months with different number of days.
+ *
+ * @param dates
+ */
+function getDateIntervals(dates) {
+    if (dates.length < 2) {
+        return [{ years: 0, months: 0, days: 0 }];
+    }
+    const res = dates.map((date, index) => {
+        if (index === 0) {
+            return { years: 0, months: 0, days: 0 };
+        }
+        const previous = DateTime.fromTimestamp(dates[index - 1].getTime());
+        const years = getTimeDifferenceInWholeYears(previous, date);
+        const months = getTimeDifferenceInWholeMonths(previous, date) % 12;
+        previous.setFullYear(previous.getFullYear() + years);
+        previous.setMonth(previous.getMonth() + months);
+        const days = getTimeDifferenceInWholeDays(previous, date);
+        return {
+            years,
+            months,
+            days,
+        };
+    });
+    return res.slice(1);
+}
 
 const cellPopoverRegistry = new Registry();
 
@@ -22780,6 +23059,7 @@ const XLSX_CHART_TYPES = [
     "surface3DChart",
     "bubbleChart",
     "comboChart",
+    "radarChart",
 ];
 
 /** In XLSX color format (no #)  */
@@ -23320,7 +23600,7 @@ const CHART_TYPE_CONVERSION_MAP = {
     lineChart: "line",
     line3DChart: undefined,
     stockChart: undefined,
-    radarChart: undefined,
+    radarChart: "radar",
     scatterChart: "scatter",
     pieChart: "pie",
     pie3DChart: undefined,
@@ -24733,7 +25013,7 @@ const TABLE_STYLE_CATEGORIES = {
     custom: _t("Custom"),
 };
 const DEFAULT_TABLE_CONFIG = {
-    hasFilters: true,
+    hasFilters: false,
     totalRow: false,
     firstColumn: false,
     lastColumn: false,
@@ -25402,12 +25682,11 @@ class XlsxBaseExtractor {
      * Get the list of all the XLSX files in the XLSX file structure
      */
     getListOfXMLFiles() {
-        const XMLFiles = Object.entries(this.xlsxFileStructure)
+        return Object.entries(this.xlsxFileStructure)
             .filter(([key]) => key !== "images")
             .map(([_, value]) => value)
             .flat()
             .filter(isDefined);
-        return XMLFiles;
     }
     /**
      * Return an array containing the return value of the given function applied to all the XML elements
@@ -25571,13 +25850,12 @@ class XlsxBaseExtractor {
             rgb = this.extractAttr(colorElement, "rgb")?.asString();
             rgb = rgb === DEFAULT_SYSTEM_COLOR ? undefined : rgb;
         }
-        const color = {
+        return {
             rgb: rgb || defaultColor,
             auto: this.extractAttr(colorElement, "auto")?.asBool(),
             indexed: this.extractAttr(colorElement, "indexed")?.asNum(),
             tint: this.extractAttr(colorElement, "tint")?.asNum(),
         };
-        return color;
     }
     /**
      * Returns the xml file targeted by a relationship.
@@ -26169,7 +26447,7 @@ class XlsxSheetExtractor extends XlsxBaseExtractor {
                 hyperlinks: this.extractHyperLinks(sheetElement),
                 tables: this.extractTables(sheetElement),
                 pivotTables: this.extractPivotTables(),
-                isVisible: sheetWorkbookInfo.state === "visible" ? true : false,
+                isVisible: sheetWorkbookInfo.state === "visible",
             };
         })[0];
     }
@@ -26240,8 +26518,7 @@ class XlsxSheetExtractor extends XlsxBaseExtractor {
         const figures = this.mapOnElements({ parent: worksheet, query: "drawing" }, (drawingElement) => {
             const drawingId = this.extractAttr(drawingElement, "r:id", { required: true })?.asString();
             const drawingFile = this.getTargetXmlFile(this.relationships[drawingId]);
-            const figures = new XlsxFigureExtractor(drawingFile, this.xlsxFileStructure, this.warningManager).extractFigures();
-            return figures;
+            return new XlsxFigureExtractor(drawingFile, this.xlsxFileStructure, this.warningManager).extractFigures();
         })[0];
         return figures || [];
     }
@@ -26259,8 +26536,7 @@ class XlsxSheetExtractor extends XlsxBaseExtractor {
                 .filter((relationship) => relationship.type.endsWith("pivotTable"))
                 .map((pivotRelationship) => {
                 const pivotFile = this.getTargetXmlFile(pivotRelationship);
-                const pivot = new XlsxPivotExtractor(pivotFile, this.xlsxFileStructure, this.warningManager).getPivotTable();
-                return pivot;
+                return new XlsxPivotExtractor(pivotFile, this.xlsxFileStructure, this.warningManager).getPivotTable();
             });
         }
         catch (e) {
@@ -26659,8 +26935,7 @@ class XlsxReader {
     }
     convertXlsx() {
         const xlsxData = this.getXlsxData();
-        const convertedData = this.convertImportedData(xlsxData);
-        return convertedData;
+        return this.convertImportedData(xlsxData);
     }
     // ---------------------------------------------------------------------------
     // Parsing XMLs
@@ -27251,6 +27526,20 @@ migrationStepRegistry
         }
         return data;
     },
+})
+    .add("migration_22", {
+    // "tables are no longer inserted with filters by default",
+    versionFrom: "22",
+    migrate(data) {
+        for (const sheet of data.sheets || []) {
+            for (const table of sheet.tables || []) {
+                if (!table.config) {
+                    table.config = { ...DEFAULT_TABLE_CONFIG, hasFilters: true };
+                }
+            }
+        }
+        return data;
+    },
 });
 function fixOverlappingFilters(data) {
     for (let sheet of data.sheets || []) {
@@ -27278,7 +27567,7 @@ function fixOverlappingFilters(data) {
  * a breaking change is made in the way the state is handled, and an upgrade
  * function should be defined
  */
-const CURRENT_VERSION = 22;
+const CURRENT_VERSION = 23;
 const INITIAL_SHEET_ID = "Sheet1";
 /**
  * This function tries to load anything that could look like a valid
@@ -27291,7 +27580,7 @@ function load(data, verboseImport) {
     if (!data) {
         return createEmptyWorkbookData();
     }
-    console.group("Loading data");
+    console.debug("### Loading data ###");
     const start = performance.now();
     if (data["[Content_Types].xml"]) {
         const reader = new XlsxReader(data);
@@ -27305,13 +27594,13 @@ function load(data, verboseImport) {
     // apply migrations, if needed
     if ("version" in data) {
         if (data.version < CURRENT_VERSION) {
-            console.info("Migrating data from version", data.version);
+            console.debug("Migrating data from version", data.version);
             data = migrate(data);
         }
     }
     data = repairData(data);
-    console.info("Data loaded in", performance.now() - start, "ms");
-    console.groupEnd();
+    console.debug("Data loaded in", performance.now() - start, "ms");
+    console.debug("###");
     return data;
 }
 // -----------------------------------------------------------------------------
@@ -27341,7 +27630,7 @@ function migrate(data) {
     for (let i = index; i < steps.length; i++) {
         data = steps[i].migrate(data);
     }
-    console.info("Data migrated in", performance.now() - start, "ms");
+    console.debug("Data migrated in", performance.now() - start, "ms");
     return data;
 }
 /**
@@ -27523,7 +27812,7 @@ function createEmptySheet(sheetId, name) {
     };
 }
 function createEmptyWorkbookData(sheetName = "Sheet1") {
-    const data = {
+    return {
         version: CURRENT_VERSION,
         sheets: [createEmptySheet(INITIAL_SHEET_ID, sheetName)],
         styles: {},
@@ -27536,7 +27825,6 @@ function createEmptyWorkbookData(sheetName = "Sheet1") {
         pivotNextId: 1,
         customTableStyles: {},
     };
-    return data;
 }
 function createEmptyExcelSheet(sheetId, name) {
     return {
@@ -27874,9 +28162,9 @@ function truncateLabel(label) {
 /**
  * Get a default chart js configuration
  */
-function getDefaultChartJsRuntime(chart, labels, fontColor, { format, locale, truncateLabels = true, horizontalChart, }) {
+function getDefaultChartJsRuntime(chart, labels, fontColor, { axisFormats, locale, truncateLabels = true, horizontalChart }) {
     const chartTitle = chart.title.text ? chart.title : { ...chart.title, content: "" };
-    const options = {
+    const chartOptions = {
         // https://www.chartjs.org/docs/latest/general/responsive.html
         responsive: true, // will resize when its container is resized
         maintainAspectRatio: false, // doesn't maintain the aspect ration (width/height =2 by default) so the user has the choice of the exact layout
@@ -27920,11 +28208,13 @@ function getDefaultChartJsRuntime(chart, labels, fontColor, { format, locale, tr
                         const xLabel = tooltipItem.dataset?.label || tooltipItem.label;
                         // tooltipItem.parsed can be an object or a number for pie charts
                         let yLabel = horizontalChart ? tooltipItem.parsed.x : tooltipItem.parsed.y;
-                        if (!yLabel) {
+                        if (yLabel === undefined || yLabel === null) {
                             yLabel = tooltipItem.parsed;
                         }
-                        const toolTipFormat = !format && Math.abs(yLabel) >= 1000 ? "#,##" : format;
-                        const yLabelStr = formatValue(yLabel, { format: toolTipFormat, locale });
+                        const axisId = horizontalChart
+                            ? tooltipItem.dataset.xAxisID
+                            : tooltipItem.dataset.yAxisID;
+                        const yLabelStr = formatChartDatasetValue(axisFormats, locale)(yLabel, axisId);
                         return xLabel ? `${xLabel}: ${yLabelStr}` : yLabelStr;
                     },
                 },
@@ -27933,7 +28223,7 @@ function getDefaultChartJsRuntime(chart, labels, fontColor, { format, locale, tr
     };
     return {
         type: chart.type,
-        options,
+        options: chartOptions,
         data: {
             labels: truncateLabels ? labels.map(truncateLabel) : labels,
             datasets: [],
@@ -27992,7 +28282,8 @@ function getChartLabelValues(getters, dataSets, labelRange) {
  * Get the format to apply to the the dataset values. This format is defined as the first format
  * found in the dataset ranges that isn't a date format.
  */
-function getChartDatasetFormat(getters, dataSets) {
+function getChartDatasetFormat(getters, allDataSets, axis) {
+    const dataSets = allDataSets.filter((ds) => (axis === "right") === !!ds.rightYAxis);
     for (const ds of dataSets) {
         const formatsInDataset = getters.getRangeFormats(ds.dataRange);
         const format = formatsInDataset.find((f) => f !== undefined && !isDateTimeFormat(f));
@@ -28246,12 +28537,16 @@ function createBarChartRuntime(chart, getters) {
     if (chart.aggregated) {
         ({ labels, dataSetsValues } = aggregateDataForLabels(labels, dataSetsValues));
     }
-    const dataSetFormat = getChartDatasetFormat(getters, chart.dataSets);
+    const leftAxisFormat = getChartDatasetFormat(getters, chart.dataSets, "left");
+    const rightAxisFormat = getChartDatasetFormat(getters, chart.dataSets, "right");
     const locale = getters.getLocale();
-    const localeFormat = { format: dataSetFormat, locale };
     const fontColor = chartFontColor(chart.background);
+    const axisFormats = chart.horizontal
+        ? { x: leftAxisFormat || rightAxisFormat }
+        : { y: leftAxisFormat, y1: rightAxisFormat };
     const config = getDefaultChartJsRuntime(chart, labels, fontColor, {
-        ...localeFormat,
+        locale,
+        axisFormats,
         horizontalChart: chart.horizontal,
     });
     const legend = {
@@ -28272,51 +28567,27 @@ function createBarChartRuntime(chart, getters) {
     };
     config.options.indexAxis = chart.horizontal ? "y" : "x";
     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: formatTickValue(localeFormat),
-        },
-    };
-    const xAxis = chart.horizontal ? valuesAxis : labelsAxis;
-    const yAxis = chart.horizontal ? labelsAxis : valuesAxis;
-    const { useLeftAxis, useRightAxis } = getDefinedAxis(chart.getDefinition());
-    config.options.scales.x = { ...xAxis, title: getChartAxisTitleRuntime(chart.axesDesign?.x) };
-    if (useLeftAxis) {
-        config.options.scales.y = {
-            ...yAxis,
-            position: "left",
-            title: getChartAxisTitleRuntime(chart.axesDesign?.y),
-        };
-    }
-    if (useRightAxis) {
-        config.options.scales.y1 = {
-            ...yAxis,
-            position: "right",
-            title: getChartAxisTitleRuntime(chart.axesDesign?.y1),
-        };
+    const definition = chart.getDefinition();
+    const options = { stacked: chart.stacked, locale };
+    if (chart.horizontal) {
+        const format = leftAxisFormat || rightAxisFormat;
+        config.options.scales.x = getChartAxis(definition, "bottom", "values", { ...options, format });
+        config.options.scales.y = getChartAxis(definition, "left", "labels", options);
     }
-    if (chart.stacked) {
-        // @ts-ignore chart.js type is broken
-        config.options.scales.x.stacked = true;
-        if (useLeftAxis) {
-            // @ts-ignore chart.js type is broken
-            config.options.scales.y.stacked = true;
-        }
-        if (useRightAxis) {
-            // @ts-ignore chart.js type is broken
-            config.options.scales.y1.stacked = true;
-        }
+    else {
+        config.options.scales.x = getChartAxis(definition, "bottom", "labels", options);
+        const leftAxisOptions = { ...options, format: leftAxisFormat };
+        config.options.scales.y = getChartAxis(definition, "left", "values", leftAxisOptions);
+        const rightAxisOptions = { ...options, format: rightAxisFormat };
+        config.options.scales.y1 = getChartAxis(definition, "right", "values", rightAxisOptions);
     }
+    config.options.scales = removeFalsyAttributes(config.options.scales);
     config.options.plugins.chartShowValuesPlugin = {
         showValues: chart.showValues,
         background: chart.background,
         horizontal: chart.horizontal,
-        callback: formatTickValue(localeFormat),
+        callback: formatChartDatasetValue(axisFormats, locale),
     };
-    const definition = chart.getDefinition();
     const colors = getChartColorsGenerator(definition, dataSetsValues.length);
     const trendDatasets = [];
     for (const index in dataSetsValues) {
@@ -28331,12 +28602,10 @@ function createBarChartRuntime(chart, getters) {
         };
         config.data.datasets.push(dataset);
         if (definition.dataSets?.[index]?.label) {
-            const label = definition.dataSets[index].label;
-            dataset.label = label;
-        }
-        if (definition.dataSets?.[index]?.yAxisId && !chart.horizontal) {
-            dataset["yAxisID"] = definition.dataSets[index].yAxisId;
+            dataset.label = definition.dataSets[index].label;
         }
+        dataset.yAxisID = chart.horizontal ? "y" : definition.dataSets[index].yAxisId || "y";
+        dataset.xAxisID = "x";
         const trend = definition.dataSets?.[index].trend;
         if (!trend?.display || chart.horizontal) {
             continue;
@@ -28352,7 +28621,7 @@ function createBarChartRuntime(chart, getters) {
          */
         const maxLength = Math.max(...trendDatasets.map((trendDataset) => trendDataset.data.length));
         config.options.scales[TREND_LINE_XAXIS_ID] = {
-            ...xAxis,
+            ...config.options.scales.x,
             labels: Array(maxLength).fill(""),
             offset: false,
             display: false,
@@ -28361,13 +28630,10 @@ function createBarChartRuntime(chart, getters) {
          * datasets to ensure the way we distinguish the originals and trendLine datasets after
          */
         trendDatasets.forEach((x) => config.data.datasets.push(x));
-        const originalTooltipTitle = config.options.plugins.tooltip.callbacks.title;
         config.options.plugins.tooltip.callbacks.title = function (tooltipItems) {
-            if (tooltipItems.some((item) => item.dataset.xAxisID !== TREND_LINE_XAXIS_ID)) {
-                // @ts-expect-error
-                return originalTooltipTitle?.(tooltipItems);
-            }
-            return "";
+            return tooltipItems.some((item) => item.dataset.xAxisID !== TREND_LINE_XAXIS_ID)
+                ? undefined
+                : "";
         };
     }
     return { chartJsConfig: config, background: chart.background || BACKGROUND_CHART_COLOR };
@@ -28642,8 +28908,10 @@ function createLineOrScatterChartRuntime(chart, getters) {
     }
     const locale = getters.getLocale();
     const truncateLabels = axisType === "category";
-    const dataSetFormat = getChartDatasetFormat(getters, chart.dataSets);
-    const options = { format: dataSetFormat, locale, truncateLabels };
+    const leftAxisFormat = getChartDatasetFormat(getters, chart.dataSets, "left");
+    const rightAxisFormat = getChartDatasetFormat(getters, chart.dataSets, "right");
+    const axisFormats = { y: leftAxisFormat, y1: rightAxisFormat };
+    const options = { locale, truncateLabels, axisFormats };
     const fontColor = chartFontColor(chart.background);
     const config = getDefaultChartJsRuntime(chart, labels, fontColor, options);
     const legend = {
@@ -28673,52 +28941,18 @@ function createLineOrScatterChartRuntime(chart, getters) {
             displayLegend: chart.legendPosition === "top",
         }),
     };
-    const xAxis = {
-        ticks: {
-            padding: 5,
-            color: fontColor,
-        },
-        title: getChartAxisTitleRuntime(chart.axesDesign?.x),
-    };
+    const definition = chart.getDefinition();
+    const stacked = "stacked" in chart && chart.stacked;
     config.options.scales = {
-        x: xAxis,
-    };
-    const yAxis = {
-        beginAtZero: true, // the origin of the y axis is always zero
-        ticks: {
-            color: fontColor,
-            callback: formatTickValue(options),
-        },
+        x: getChartAxis(definition, "bottom", "labels", { locale }),
+        y: getChartAxis(definition, "left", "values", { locale, stacked, format: leftAxisFormat }),
+        y1: getChartAxis(definition, "right", "values", { locale, stacked, format: rightAxisFormat }),
     };
-    const { useLeftAxis, useRightAxis } = getDefinedAxis(chart.getDefinition());
-    if (useLeftAxis) {
-        config.options.scales.y = {
-            ...yAxis,
-            position: "left",
-            title: getChartAxisTitleRuntime(chart.axesDesign?.y),
-        };
-    }
-    if (useRightAxis) {
-        config.options.scales.y1 = {
-            ...yAxis,
-            position: "right",
-            title: getChartAxisTitleRuntime(chart.axesDesign?.y1),
-        };
-    }
-    if ("stacked" in chart && chart.stacked) {
-        if (useLeftAxis) {
-            // @ts-ignore chart.js type is broken
-            config.options.scales.y.stacked = true;
-        }
-        if (useRightAxis) {
-            // @ts-ignore chart.js type is broken
-            config.options.scales.y1.stacked = true;
-        }
-    }
+    config.options.scales = removeFalsyAttributes(config.options.scales);
     config.options.plugins.chartShowValuesPlugin = {
         showValues: chart.showValues,
         background: chart.background,
-        callback: formatTickValue(options),
+        callback: formatChartDatasetValue(axisFormats, locale),
     };
     if (chart.dataSetsHaveTitle &&
         dataSetsValues[0] &&
@@ -28737,7 +28971,6 @@ function createLineOrScatterChartRuntime(chart, getters) {
     else if (axisType === "linear") {
         config.options.scales.x.type = "linear";
         config.options.scales.x.ticks.callback = (value) => formatValue(value, { format: labelFormat, locale });
-        config.options.plugins.tooltip.callbacks.title = () => "";
         config.options.plugins.tooltip.callbacks.label = (tooltipItem) => {
             const dataSetPoint = dataSetsValues[tooltipItem.datasetIndex].data[tooltipItem.dataIndex];
             let label = tooltipItem.label || labelValues.values[tooltipItem.dataIndex];
@@ -28745,7 +28978,7 @@ function createLineOrScatterChartRuntime(chart, getters) {
                 label = toNumber(label, locale);
             }
             const formattedX = formatValue(label, { locale, format: labelFormat });
-            const formattedY = formatValue(dataSetPoint, { locale, format: dataSetFormat });
+            const formattedY = formatValue(dataSetPoint, { locale, format: leftAxisFormat });
             const dataSetTitle = tooltipItem.dataset.label;
             return formattedX
                 ? `${dataSetTitle}: (${formattedX}, ${formattedY})`
@@ -28755,7 +28988,6 @@ 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 definition = chart.getDefinition();
     const colors = getChartColorsGenerator(definition, dataSetsValues.length);
     for (let [index, { label, data }] of dataSetsValues.entries()) {
         const color = colors.next();
@@ -28793,12 +29025,9 @@ function createLineOrScatterChartRuntime(chart, getters) {
     const trendDatasets = [];
     for (const [index, dataset] of config.data.datasets.entries()) {
         if (definition.dataSets?.[index]?.label) {
-            const label = definition.dataSets[index].label;
-            dataset.label = label;
-        }
-        if (definition.dataSets?.[index]?.yAxisId) {
-            dataset["yAxisID"] = definition.dataSets[index].yAxisId;
+            dataset.label = definition.dataSets[index].label;
         }
+        dataset["yAxisID"] = definition.dataSets[index].yAxisId || "y";
         const trend = definition.dataSets?.[index].trend;
         if (!trend?.display) {
             continue;
@@ -28815,7 +29044,7 @@ function createLineOrScatterChartRuntime(chart, getters) {
          * set so that the second axis points match the classical x axis
          */
         config.options.scales[TREND_LINE_XAXIS_ID] = {
-            ...xAxis,
+            ...config.options.scales.x,
             type: "category",
             labels: range(0, maxLength).map((x) => x.toString()),
             offset: false,
@@ -28825,22 +29054,15 @@ function createLineOrScatterChartRuntime(chart, getters) {
          * distinguish the originals and trendLine datasets after
          */
         trendDatasets.forEach((x) => config.data.datasets.push(x));
-        const originalTooltipTitle = config.options.plugins.tooltip.callbacks.title;
-        config.options.plugins.tooltip.callbacks.title = function (tooltipItems) {
-            if (tooltipItems.some((item) => item.dataset.xAxisID !== TREND_LINE_XAXIS_ID)) {
-                // @ts-expect-error
-                return originalTooltipTitle?.(tooltipItems);
-            }
-            return "";
-        };
     }
+    config.options.plugins.tooltip.callbacks.title = function (tooltipItems) {
+        const displayTooltipTitle = axisType !== "linear" &&
+            tooltipItems.some((item) => item.dataset.xAxisID !== TREND_LINE_XAXIS_ID);
+        return displayTooltipTitle ? undefined : "";
+    };
     return {
         chartJsConfig: config,
         background: chart.background || BACKGROUND_CHART_COLOR,
-        dataSetsValues,
-        labelValues,
-        dataSetFormat,
-        labelFormat,
     };
 }
 
@@ -28898,6 +29120,7 @@ class ComboChart extends AbstractChart {
             ranges.push({
                 ...this.dataSetDesign?.[i],
                 dataRange: this.getters.getRangeString(dataSet.dataRange, targetSheetId || this.sheetId),
+                type: this.dataSetDesign?.[i]?.type ?? (i ? "line" : "bar"),
             });
         }
         return {
@@ -28943,9 +29166,13 @@ class ComboChart extends AbstractChart {
         return new ComboChart(definition, this.sheetId, this.getters);
     }
     static getDefinitionFromContextCreation(context) {
+        const dataSets = (context.range ?? []).map((ds, index) => ({
+            ...ds,
+            type: index ? "line" : "bar",
+        }));
         return {
             background: context.background,
-            dataSets: context.range ?? [],
+            dataSets,
             dataSetsHaveTitle: context.dataSetsHaveTitle ?? false,
             aggregated: context.aggregated,
             legendPosition: context.legendPosition ?? "top",
@@ -28968,10 +29195,8 @@ class ComboChart extends AbstractChart {
     }
 }
 function createComboChartRuntime(chart, getters) {
-    const mainDataSetFormat = chart.dataSets.length
-        ? getChartDatasetFormat(getters, [chart.dataSets[0]])
-        : undefined;
-    const lineDataSetsFormat = getChartDatasetFormat(getters, chart.dataSets.slice(1));
+    const mainDataSetFormat = getChartDatasetFormat(getters, chart.dataSets, "left");
+    const lineDataSetsFormat = getChartDatasetFormat(getters, chart.dataSets, "right");
     const locale = getters.getLocale();
     const labelValues = getChartLabelValues(getters, chart.dataSets, chart.labelRange);
     let labels = labelValues.formattedValues;
@@ -28985,12 +29210,11 @@ function createComboChartRuntime(chart, getters) {
     if (chart.aggregated) {
         ({ labels, dataSetsValues } = aggregateDataForLabels(labels, dataSetsValues));
     }
-    const localeFormat = { format: mainDataSetFormat, locale };
     const fontColor = chartFontColor(chart.background);
-    const config = getDefaultChartJsRuntime(chart, labels, fontColor, localeFormat);
+    const axisFormats = { y: mainDataSetFormat, y1: lineDataSetsFormat };
+    const config = getDefaultChartJsRuntime(chart, labels, fontColor, { locale, axisFormats });
     const legend = {
         labels: { color: fontColor },
-        reverse: true,
     };
     if (chart.legendPosition === "none") {
         legend.display = false;
@@ -29005,52 +29229,17 @@ function createComboChartRuntime(chart, getters) {
             displayLegend: chart.legendPosition === "top",
         }),
     };
+    const definition = chart.getDefinition();
     config.options.scales = {
-        x: {
-            ticks: {
-                padding: 5,
-                color: fontColor,
-            },
-            title: getChartAxisTitleRuntime(chart.axesDesign?.x),
-        },
+        x: getChartAxis(definition, "bottom", "labels", { locale }),
+        y: getChartAxis(definition, "left", "values", { locale, format: mainDataSetFormat }),
+        y1: getChartAxis(definition, "right", "values", { locale, format: lineDataSetsFormat }),
     };
-    const leftVerticalAxis = {
-        beginAtZero: true, // the origin of the y axis is always zero
-        ticks: {
-            color: fontColor,
-            callback: formatTickValue({ format: mainDataSetFormat, locale }),
-        },
-    };
-    const rightVerticalAxis = {
-        beginAtZero: true, // the origin of the y axis is always zero
-        ticks: {
-            color: fontColor,
-            callback: formatTickValue({ format: lineDataSetsFormat, locale }),
-        },
-    };
-    const definition = chart.getDefinition();
-    const { useLeftAxis, useRightAxis } = getDefinedAxis(definition);
-    if (useLeftAxis) {
-        config.options.scales.y = {
-            ...leftVerticalAxis,
-            position: "left",
-            title: getChartAxisTitleRuntime(chart.axesDesign?.y),
-        };
-    }
-    if (useRightAxis) {
-        config.options.scales.y1 = {
-            ...rightVerticalAxis,
-            position: "right",
-            grid: {
-                display: false,
-            },
-            title: getChartAxisTitleRuntime(chart.axesDesign?.y1),
-        };
-    }
+    config.options.scales = removeFalsyAttributes(config.options.scales);
     config.options.plugins.chartShowValuesPlugin = {
         showValues: chart.showValues,
         background: chart.background,
-        callback: formatTickValue({ format: mainDataSetFormat, locale }),
+        callback: formatChartDatasetValue(axisFormats, locale),
     };
     const colors = getChartColorsGenerator(definition, dataSetsValues.length);
     let maxLength = 0;
@@ -29058,14 +29247,15 @@ function createComboChartRuntime(chart, getters) {
     for (let [index, { label, data }] of dataSetsValues.entries()) {
         const design = definition.dataSets[index];
         const color = colors.next();
+        const type = design?.type ?? "line";
         const dataset = {
             label: design?.label ?? label,
             data,
             borderColor: color,
             backgroundColor: color,
             yAxisID: design?.yAxisId ?? "y",
-            type: index === 0 ? "bar" : "line",
-            order: -index,
+            type,
+            order: type === "bar" ? dataSetsValues.length + index : index,
         };
         config.data.datasets.push(dataset);
         const trend = definition.dataSets?.[index].trend;
@@ -29092,13 +29282,10 @@ function createComboChartRuntime(chart, getters) {
          * distinguish the originals and trendLine datasets after
          */
         trendDatasets.forEach((x) => config.data.datasets.push(x));
-        const originalTooltipTitle = config.options.plugins.tooltip.callbacks.title;
         config.options.plugins.tooltip.callbacks.title = function (tooltipItems) {
-            if (tooltipItems.some((item) => item.dataset.xAxisID !== TREND_LINE_XAXIS_ID)) {
-                // @ts-expect-error
-                return originalTooltipTitle?.(tooltipItems);
-            }
-            return "";
+            return tooltipItems.some((item) => item.dataset.xAxisID !== TREND_LINE_XAXIS_ID)
+                ? undefined
+                : "";
         };
     }
     return { chartJsConfig: config, background: chart.background || BACKGROUND_CHART_COLOR };
@@ -29678,7 +29865,7 @@ function createPieChartRuntime(chart, getters) {
         ({ labels, dataSetsValues } = aggregateDataForLabels(labels, dataSetsValues));
     }
     ({ dataSetsValues, labels } = filterNegativeValues(labels, dataSetsValues));
-    const dataSetFormat = getChartDatasetFormat(getters, chart.dataSets);
+    const dataSetFormat = getChartDatasetFormat(getters, chart.dataSets, "left");
     const locale = getters.getLocale();
     const config = getPieConfiguration(chart, labels, { format: dataSetFormat, locale });
     const dataSetsLength = Math.max(0, ...dataSetsValues.map((ds) => ds?.data?.length ?? 0));
@@ -29833,7 +30020,199 @@ function createPyramidChartRuntime(chart, getters) {
         return tooltipLabelCallback(tooltipItem);
     };
     const callback = config.options.plugins.chartShowValuesPlugin.callback;
-    config.options.plugins.chartShowValuesPlugin.callback = (x) => callback(Math.abs(x));
+    config.options.plugins.chartShowValuesPlugin.callback = (x, axisId) => callback(Math.abs(x), axisId);
+    return { chartJsConfig: config, background: chart.background || BACKGROUND_CHART_COLOR };
+}
+
+class RadarChart extends AbstractChart {
+    dataSets;
+    labelRange;
+    background;
+    legendPosition;
+    stacked;
+    aggregated;
+    type = "radar";
+    dataSetsHaveTitle;
+    dataSetDesign;
+    fillArea;
+    constructor(definition, sheetId, getters) {
+        super(definition, sheetId, getters);
+        this.dataSets = createDataSets(getters, definition.dataSets, sheetId, definition.dataSetsHaveTitle);
+        this.labelRange = createValidRange(getters, sheetId, definition.labelRange);
+        this.background = definition.background;
+        this.legendPosition = definition.legendPosition;
+        this.stacked = definition.stacked;
+        this.aggregated = definition.aggregated;
+        this.dataSetsHaveTitle = definition.dataSetsHaveTitle;
+        this.dataSetDesign = definition.dataSets;
+        this.fillArea = definition.fillArea;
+    }
+    static transformDefinition(definition, executed) {
+        return transformChartDefinitionWithDataSetsWithZone(definition, executed);
+    }
+    static validateChartDefinition(validator, definition) {
+        return validator.checkValidations(definition, checkDataset, checkLabelRange);
+    }
+    static getDefinitionFromContextCreation(context) {
+        return {
+            background: context.background,
+            dataSets: context.range ?? [],
+            dataSetsHaveTitle: context.dataSetsHaveTitle ?? false,
+            stacked: context.stacked ?? false,
+            aggregated: context.aggregated ?? false,
+            legendPosition: context.legendPosition ?? "top",
+            title: context.title || { text: "" },
+            type: "radar",
+            labelRange: context.auxiliaryRange || undefined,
+            fillArea: context.fillArea ?? false,
+        };
+    }
+    getContextCreation() {
+        const range = [];
+        for (const [i, dataSet] of this.dataSets.entries()) {
+            range.push({
+                ...this.dataSetDesign?.[i],
+                dataRange: this.getters.getRangeString(dataSet.dataRange, this.sheetId),
+            });
+        }
+        return {
+            ...this,
+            range,
+            auxiliaryRange: this.labelRange
+                ? this.getters.getRangeString(this.labelRange, this.sheetId)
+                : undefined,
+        };
+    }
+    copyForSheetId(sheetId) {
+        const dataSets = copyDataSetsWithNewSheetId(this.sheetId, sheetId, this.dataSets);
+        const labelRange = copyLabelRangeWithNewSheetId(this.sheetId, sheetId, this.labelRange);
+        const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, sheetId);
+        return new RadarChart(definition, sheetId, this.getters);
+    }
+    copyInSheetId(sheetId) {
+        const definition = this.getDefinitionWithSpecificDataSets(this.dataSets, this.labelRange, sheetId);
+        return new RadarChart(definition, sheetId, this.getters);
+    }
+    getDefinition() {
+        return this.getDefinitionWithSpecificDataSets(this.dataSets, this.labelRange);
+    }
+    getDefinitionWithSpecificDataSets(dataSets, labelRange, targetSheetId) {
+        const ranges = [];
+        for (const [i, dataSet] of dataSets.entries()) {
+            ranges.push({
+                ...this.dataSetDesign?.[i],
+                dataRange: this.getters.getRangeString(dataSet.dataRange, targetSheetId || this.sheetId),
+            });
+        }
+        return {
+            type: "radar",
+            dataSetsHaveTitle: dataSets.length ? Boolean(dataSets[0].labelCell) : false,
+            background: this.background,
+            dataSets: ranges,
+            legendPosition: this.legendPosition,
+            labelRange: labelRange
+                ? this.getters.getRangeString(labelRange, targetSheetId || this.sheetId)
+                : undefined,
+            title: this.title,
+            stacked: this.stacked,
+            aggregated: this.aggregated,
+            fillArea: this.fillArea,
+        };
+    }
+    getDefinitionForExcel() {
+        if (this.aggregated) {
+            return undefined;
+        }
+        const dataSets = this.dataSets
+            .map((ds) => toExcelDataset(this.getters, ds))
+            .filter((ds) => ds.range !== "" && ds.range !== CellErrorType.InvalidReference);
+        const labelRange = toExcelLabelRange(this.getters, this.labelRange, shouldRemoveFirstLabel(this.labelRange, this.dataSets[0], this.dataSetsHaveTitle));
+        const definition = this.getDefinition();
+        return {
+            ...definition,
+            backgroundColor: toXlsxHexColor(this.background || BACKGROUND_CHART_COLOR),
+            fontColor: toXlsxHexColor(chartFontColor(this.background)),
+            dataSets,
+            labelRange,
+        };
+    }
+    updateRanges(applyChange) {
+        const { dataSets, labelRange, isStale } = updateChartRangesWithDataSets(this.getters, applyChange, this.dataSets, this.labelRange);
+        if (!isStale) {
+            return this;
+        }
+        const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange);
+        return new RadarChart(definition, this.sheetId, this.getters);
+    }
+}
+function createRadarChartRuntime(chart, getters) {
+    const definition = chart.getDefinition();
+    const labelValues = getChartLabelValues(getters, chart.dataSets, chart.labelRange);
+    let labels = labelValues.formattedValues;
+    let dataSetsValues = getChartDatasetValues(getters, chart.dataSets);
+    if (chart.dataSetsHaveTitle &&
+        dataSetsValues[0] &&
+        labels.length > dataSetsValues[0].data.length) {
+        labels.shift();
+    }
+    ({ labels, dataSetsValues } = filterEmptyDataPoints(labels, dataSetsValues));
+    if (chart.aggregated) {
+        ({ labels, dataSetsValues } = aggregateDataForLabels(labels, dataSetsValues));
+    }
+    const leftAxisFormat = getChartDatasetFormat(getters, chart.dataSets, "left");
+    const rightAxisFormat = getChartDatasetFormat(getters, chart.dataSets, "right");
+    const axisFormats = { y: leftAxisFormat, y1: rightAxisFormat };
+    const locale = getters.getLocale();
+    const fontColor = chartFontColor(chart.background);
+    const config = getDefaultChartJsRuntime(chart, labels, fontColor, {
+        axisFormats,
+        locale,
+    });
+    const legend = {
+        labels: { color: fontColor },
+    };
+    if ((!chart.labelRange && chart.dataSets.length === 1) || chart.legendPosition === "none") {
+        legend.display = false;
+    }
+    else {
+        legend.position = chart.legendPosition;
+    }
+    const fill = definition.fillArea ?? false;
+    if (!fill) {
+        legend.labels["boxHeight"] = 0;
+    }
+    config.options.plugins.legend = { ...config.options.plugins?.legend, ...legend };
+    config.options.plugins.tooltip = {
+        ...config.options.plugins?.tooltip,
+        callbacks: {
+            label: function (tooltipItem) {
+                const xLabel = tooltipItem.dataset?.label || tooltipItem.label;
+                const yLabel = tooltipItem.parsed.r;
+                return xLabel ? `${xLabel}: ${yLabel}` : yLabel.toString();
+            },
+        },
+    };
+    config.options.layout = {
+        padding: { left: 20, right: 20, top: chart.title ? 10 : 25, bottom: 10 },
+    };
+    const colorGenerator = getChartColorsGenerator(definition, dataSetsValues.length);
+    for (let i = 0; i < dataSetsValues.length; i++) {
+        let { label, data } = dataSetsValues[i];
+        if (definition.dataSets?.[i]?.label) {
+            label = definition.dataSets[i].label;
+        }
+        const borderColor = colorGenerator.next();
+        const dataset = {
+            label,
+            data,
+            borderColor,
+        };
+        if (fill) {
+            dataset.backgroundColor = setColorAlpha(borderColor, 0.3);
+            dataset["fill"] = true;
+        }
+        config.data.datasets.push(dataset);
+    }
     return { chartJsConfig: config, background: chart.background || BACKGROUND_CHART_COLOR };
 }
 
@@ -30224,7 +30603,8 @@ function createWaterfallChartRuntime(chart, getters) {
     if (chart.showSubTotals) {
         labels.push(_t("Subtotal"));
     }
-    const dataSetFormat = getChartDatasetFormat(getters, chart.dataSets);
+    const dataSetFormat = getChartDatasetFormat(getters, chart.dataSets, "left") ||
+        getChartDatasetFormat(getters, chart.dataSets, "right");
     const locale = getters.getLocale();
     const dataSeriesLabels = dataSetsValues.map((dataSet) => dataSet.label);
     const config = getWaterfallConfiguration(chart, labels, dataSeriesLabels, {
@@ -30358,6 +30738,15 @@ chartRegistry.add("pyramid", {
     getChartDefinitionFromContextCreation: PyramidChart.getDefinitionFromContextCreation,
     sequence: 80,
 });
+chartRegistry.add("radar", {
+    match: (type) => type === "radar",
+    createChart: (definition, sheetId, getters) => new RadarChart(definition, sheetId, getters),
+    getChartRuntime: createRadarChartRuntime,
+    validateChartDefinition: RadarChart.validateChartDefinition,
+    transformDefinition: RadarChart.transformDefinition,
+    getChartDefinitionFromContextCreation: RadarChart.getDefinitionFromContextCreation,
+    sequence: 80,
+});
 const chartComponentRegistry = new Registry();
 chartComponentRegistry.add("line", ChartJsComponent);
 chartComponentRegistry.add("bar", ChartJsComponent);
@@ -30368,6 +30757,7 @@ chartComponentRegistry.add("scatter", ChartJsComponent);
 chartComponentRegistry.add("scorecard", ScorecardChart);
 chartComponentRegistry.add("waterfall", ChartJsComponent);
 chartComponentRegistry.add("pyramid", ChartJsComponent);
+chartComponentRegistry.add("radar", ChartJsComponent);
 const chartCategories = {
     line: _t("Line"),
     column: _t("Column"),
@@ -30509,6 +30899,24 @@ chartSubtypeRegistry
     chartType: "pyramid",
     category: "misc",
     preview: "o-spreadsheet-ChartPreview.POPULATION_PYRAMID_CHART",
+})
+    .add("radar", {
+    matcher: (definition) => definition.type === "radar" && !definition.fillArea,
+    displayName: _t("Radar"),
+    chartSubtype: "radar",
+    chartType: "radar",
+    subtypeDefinition: { fillArea: false },
+    category: "misc",
+    preview: "o-spreadsheet-ChartPreview.RADAR_CHART",
+})
+    .add("filled_radar", {
+    matcher: (definition) => definition.type === "radar" && !!definition.fillArea,
+    displayName: _t("Filled Radar"),
+    chartType: "radar",
+    chartSubtype: "filled_radar",
+    subtypeDefinition: { fillArea: true },
+    category: "misc",
+    preview: "o-spreadsheet-ChartPreview.FILLED_RADAR_CHART",
 });
 
 /**
@@ -30576,11 +30984,10 @@ function centerFigurePosition(getters, size) {
     const rect = getters.getVisibleRect(getters.getActiveMainViewport());
     const scrollableViewportWidth = Math.min(rect.width, dim.width - offsetCorrectionX);
     const scrollableViewportHeight = Math.min(rect.height, dim.height - offsetCorrectionY);
-    const position = {
+    return {
         x: offsetCorrectionX + scrollX + Math.max(0, (scrollableViewportWidth - size.width) / 2),
         y: offsetCorrectionY + scrollY + Math.max(0, (scrollableViewportHeight - size.height) / 2),
     }; // Position at the center of the scrollable viewport
-    return position;
 }
 function getMaxFigureSize(getters, figureSize) {
     const size = deepCopy(figureSize);
@@ -31153,14 +31560,13 @@ class PopoverPositionContext {
         const shouldRenderAtBottom = this.shouldRenderAtBottom(elDims.height);
         const shouldRenderAtRight = this.shouldRenderAtRight(elDims.width);
         verticalOffset = shouldRenderAtBottom ? verticalOffset : -verticalOffset;
-        const cssProperties = {
+        return {
             top: this.getTopCoordinate(actualHeight, shouldRenderAtBottom) -
                 this.spreadsheetOffset.y -
                 verticalOffset +
                 "px",
             left: this.getLeftCoordinate(actualWidth, shouldRenderAtRight) - this.spreadsheetOffset.x + "px",
         };
-        return cssProperties;
     }
     getCurrentPosition(elDims) {
         const shouldRenderAtBottom = this.shouldRenderAtBottom(elDims.height);
@@ -32388,7 +32794,7 @@ function getSmartChartDefinition(zone, getters) {
  * Create a table on the selected zone, with UI warnings to the user if the creation fails.
  * If a single cell is selected, expand the selection to non-empty adjacent cells to create a table.
  */
-function interactiveCreateTable(env, sheetId, tableConfig) {
+function interactiveCreateTable(env, sheetId, tableConfig = DEFAULT_TABLE_CONFIG) {
     let target = env.model.getters.getSelectedZones();
     let isDynamic = env.model.getters.canCreateDynamicTableOnZones(sheetId, target);
     if (target.length === 1 && !isDynamic && getZoneArea(target[0]) === 1) {
@@ -33447,7 +33853,7 @@ function getColumnsNumber(env) {
 }
 
 const pivotProperties = {
-    name: _t("Edit Pivot"),
+    name: _t("See pivot properties"),
     execute(env) {
         const position = env.model.getters.getActivePosition();
         const pivotId = env.model.getters.getPivotIdFromPosition(position);
@@ -33601,8 +34007,7 @@ cellMenuRegistry
 })
     .add("pivot_properties", {
     ...pivotProperties,
-    sequence: 160,
-    separator: true,
+    sequence: 170,
 });
 
 const sortRange = {
@@ -35294,6 +35699,7 @@ const CHECK_SVG = /*xml*/ `
   <path fill='none' stroke='#FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/>
 </svg>
 `;
+const CHECKBOX_WIDTH = 14;
 css /* scss */ `
   label.o-checkbox {
     input {
@@ -35301,8 +35707,8 @@ css /* scss */ `
       -webkit-appearance: none;
       -moz-appearance: none;
       border-radius: 0;
-      width: 14px;
-      height: 14px;
+      width: ${CHECKBOX_WIDTH}px;
+      height: ${CHECKBOX_WIDTH}px;
       vertical-align: top;
       box-sizing: border-box;
       outline: none;
@@ -35348,6 +35754,7 @@ class Section extends Component {
     static template = "o_spreadsheet.Section";
     static props = {
         class: { type: String, optional: true },
+        title: { type: String, optional: true },
         slots: Object,
     };
 }
@@ -36077,17 +36484,11 @@ class BarConfigPanel extends GenericChartConfigPanel {
             stacked,
         });
     }
-    onUpdateAggregated(aggregated) {
-        this.props.updateChart(this.props.figureId, {
-            aggregated,
-        });
-    }
 }
 
 css /* scss */ `
   .o_side_panel_collapsible_title {
     font-size: 16px;
-    font-weight: bold;
     cursor: pointer;
     padding: 6px 0px 6px 6px !important;
 
@@ -36124,49 +36525,40 @@ class SidePanelCollapsible extends Component {
     static template = "o-spreadsheet-SidePanelCollapsible";
     static props = {
         slots: Object,
+        title: { type: String, optional: true },
         collapsedAtInit: { type: Boolean, optional: true },
         class: { type: String, optional: true },
     };
     currentId = (CURRENT_COLLAPSIBLE_ID++).toString();
 }
 
-const CIRCLE_SVG = /*xml*/ `
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'>
-  <circle r="2" fill="#FFF"/>
-</svg>
-`;
 css /* scss */ `
-  .o-radio {
-    input {
-      appearance: none;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      width: 14px;
-      height: 14px;
-      border: 1px solid ${GRAY_300};
-      box-sizing: border-box;
-      outline: none;
-      border-radius: 8px;
-
-      &:checked {
-        background: url("data:image/svg+xml,${encodeURIComponent(CIRCLE_SVG)}");
-        background-color: ${ACTION_COLOR};
+  .o-badge-selection {
+    gap: 1px;
+    button.o-button {
+      border-radius: 0;
+      &.selected {
+        color: ${GRAY_900};
         border-color: ${ACTION_COLOR};
+        background: ${BADGE_SELECTED_COLOR};
+        font-weight: 600;
+      }
+
+      &:first-child {
+        border-radius: 4px 0 0 4px;
+      }
+      &:last-child {
+        border-radius: 0 4px 4px 0;
       }
     }
   }
 `;
-class RadioSelection extends Component {
-    static template = "o-spreadsheet.RadioSelection";
+class BadgeSelection extends Component {
+    static template = "o-spreadsheet.BadgeSelection";
     static props = {
         choices: Array,
         onChange: Function,
-        selectedValue: { optional: false },
-        name: String,
-        direction: { type: String, optional: true },
-    };
-    static defaultProps = {
-        direction: "horizontal",
+        selectedValue: String,
     };
 }
 
@@ -36711,86 +37103,6 @@ class ColorPickerWidget extends Component {
     }
 }
 
-const TRANSPARENT_BACKGROUND_SVG = /*xml*/ `
-<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10">
-  <path fill="#d9d9d9" d="M5 5h5v5H5zH0V0h5"/>
-</svg>
-`;
-css /* scss */ `
-  .o-round-color-picker-button {
-    width: 18px;
-    height: 18px;
-    cursor: pointer;
-    border: 1px solid ${GRAY_300};
-    background-position: 1px 1px;
-    background-image: url("data:image/svg+xml,${encodeURIComponent(TRANSPARENT_BACKGROUND_SVG)}");
-  }
-`;
-class RoundColorPicker extends Component {
-    static template = "o-spreadsheet.RoundColorPicker";
-    static components = { ColorPickerWidget, Section, ColorPicker };
-    static props = {
-        currentColor: { type: String, optional: true },
-        title: { type: String, optional: true },
-        onColorPicked: Function,
-    };
-    colorPickerButtonRef = useRef("colorPickerButton");
-    state;
-    setup() {
-        this.state = useState({ pickerOpened: false });
-        useExternalListener(window, "click", this.closePicker);
-    }
-    closePicker() {
-        this.state.pickerOpened = false;
-    }
-    togglePicker() {
-        this.state.pickerOpened = !this.state.pickerOpened;
-    }
-    onColorPicked(color) {
-        this.props.onColorPicked(color);
-        this.state.pickerOpened = false;
-    }
-    get colorPickerAnchorRect() {
-        const button = this.colorPickerButtonRef.el;
-        return getBoundingRectAsPOJO(button);
-    }
-    get buttonStyle() {
-        return cssPropertiesToCss({
-            background: this.props.currentColor,
-        });
-    }
-}
-
-css /* scss */ `
-  .o-badge-selection {
-    gap: 1px;
-    button.o-button {
-      border-radius: 0;
-      &.selected {
-        color: ${GRAY_900};
-        border-color: ${ACTION_COLOR};
-        background: ${BADGE_SELECTED_COLOR};
-        font-weight: 600;
-      }
-
-      &:first-child {
-        border-radius: 4px 0 0 4px;
-      }
-      &:last-child {
-        border-radius: 0 4px 4px 0;
-      }
-    }
-  }
-`;
-class BadgeSelection extends Component {
-    static template = "o-spreadsheet.BadgeSelection";
-    static props = {
-        choices: Array,
-        onChange: Function,
-        selectedValue: String,
-    };
-}
-
 css /* scss */ `
   .o-chart-title-designer {
     > span {
@@ -36945,8 +37257,7 @@ class AxisDesignEditor extends Component {
         this.props.updateChart(this.props.figureId, { axesDesign });
     }
     updateAxisEditor(ev) {
-        const axis = ev.target.value;
-        this.state.currentAxis = axis;
+        this.state.currentAxis = ev.target.value;
     }
     getAxisTitle() {
         const axesDesign = this.props.definition.axesDesign ?? {};
@@ -36965,6 +37276,56 @@ class AxisDesignEditor extends Component {
     }
 }
 
+const TRANSPARENT_BACKGROUND_SVG = /*xml*/ `
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10">
+  <path fill="#d9d9d9" d="M5 5h5v5H5zH0V0h5"/>
+</svg>
+`;
+css /* scss */ `
+  .o-round-color-picker-button {
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+    border: 1px solid ${GRAY_300};
+    background-position: 1px 1px;
+    background-image: url("data:image/svg+xml,${encodeURIComponent(TRANSPARENT_BACKGROUND_SVG)}");
+  }
+`;
+class RoundColorPicker extends Component {
+    static template = "o-spreadsheet.RoundColorPicker";
+    static components = { Section, ColorPicker };
+    static props = {
+        currentColor: { type: String, optional: true },
+        title: { type: String, optional: true },
+        onColorPicked: Function,
+    };
+    colorPickerButtonRef = useRef("colorPickerButton");
+    state;
+    setup() {
+        this.state = useState({ pickerOpened: false });
+        useExternalListener(window, "click", this.closePicker);
+    }
+    closePicker() {
+        this.state.pickerOpened = false;
+    }
+    togglePicker() {
+        this.state.pickerOpened = !this.state.pickerOpened;
+    }
+    onColorPicked(color) {
+        this.props.onColorPicked(color);
+        this.state.pickerOpened = false;
+    }
+    get colorPickerAnchorRect() {
+        const button = this.colorPickerButtonRef.el;
+        return getBoundingRectAsPOJO(button);
+    }
+    get buttonStyle() {
+        return cssPropertiesToCss({
+            background: this.props.currentColor,
+        });
+    }
+}
+
 class GeneralDesignEditor extends Component {
     static template = "o-spreadsheet-GeneralDesignEditor";
     static components = {
@@ -37029,58 +37390,75 @@ class GeneralDesignEditor extends Component {
     }
 }
 
-class ChartWithAxisDesignPanel extends Component {
-    static template = "o-spreadsheet-ChartWithAxisDesignPanel";
+const CIRCLE_SVG = /*xml*/ `
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'>
+  <circle r="2" fill="#FFF"/>
+</svg>
+`;
+css /* scss */ `
+  .o-radio {
+    input {
+      appearance: none;
+      -webkit-appearance: none;
+      -moz-appearance: none;
+      width: 14px;
+      height: 14px;
+      border: 1px solid ${GRAY_300};
+      box-sizing: border-box;
+      outline: none;
+      border-radius: 8px;
+
+      &:checked {
+        background: url("data:image/svg+xml,${encodeURIComponent(CIRCLE_SVG)}");
+        background-color: ${ACTION_COLOR};
+        border-color: ${ACTION_COLOR};
+      }
+    }
+  }
+`;
+class RadioSelection extends Component {
+    static template = "o-spreadsheet.RadioSelection";
+    static props = {
+        choices: Array,
+        onChange: Function,
+        selectedValue: { optional: false },
+        name: String,
+        direction: { type: String, optional: true },
+    };
+    static defaultProps = {
+        direction: "horizontal",
+    };
+}
+
+class SeriesDesignEditor extends Component {
+    static template = "o-spreadsheet-SeriesDesignEditor";
     static components = {
-        GeneralDesignEditor,
         SidePanelCollapsible,
         Section,
-        AxisDesignEditor,
         RoundColorPicker,
-        Checkbox,
-        RadioSelection,
     };
     static props = {
         figureId: String,
         definition: Object,
-        canUpdateChart: Function,
         updateChart: Function,
+        canUpdateChart: Function,
+        slots: { type: Object, optional: true },
     };
-    axisChoices = CHART_AXIS_CHOICES;
     state = useState({ index: 0 });
-    get axesList() {
-        const { useLeftAxis, useRightAxis } = getDefinedAxis(this.props.definition);
-        let axes = [{ id: "x", name: _t("Horizontal axis") }];
-        if (useLeftAxis) {
-            axes.push({ id: "y", name: useRightAxis ? _t("Left axis") : _t("Vertical axis") });
-        }
-        if (useRightAxis) {
-            axes.push({ id: "y1", name: useLeftAxis ? _t("Right axis") : _t("Vertical axis") });
-        }
-        return axes;
-    }
-    updateLegendPosition(ev) {
-        this.props.updateChart(this.props.figureId, {
-            legendPosition: ev.target.value,
-        });
-    }
     getDataSeries() {
-        return this.props.definition.dataSets.map((d, i) => d.label ?? `${ChartTerms.Series} ${i + 1}`);
+        const runtime = this.env.model.getters.getChartRuntime(this.props.figureId);
+        if (!runtime || !("chartJsConfig" in runtime)) {
+            return [];
+        }
+        return runtime.chartJsConfig.data.datasets.map((d) => d.label);
     }
     updateSerieEditor(ev) {
-        const chartId = this.props.figureId;
-        const selectedIndex = ev.target.selectedIndex;
-        const runtime = this.env.model.getters.getChartRuntime(chartId);
-        if (!runtime) {
-            return;
-        }
-        this.state.index = selectedIndex;
+        this.state.index = ev.target.selectedIndex;
     }
     updateDataSeriesColor(color) {
-        const dataSets = [...this.props.definition.dataSets];
-        if (!dataSets?.[this.state.index]) {
+        const dataSets = this.props.definition.dataSets;
+        if (!dataSets?.[this.state.index])
             return;
-        }
         dataSets[this.state.index] = {
             ...dataSets[this.state.index],
             backgroundColor: color,
@@ -37089,71 +37467,87 @@ class ChartWithAxisDesignPanel extends Component {
     }
     getDataSerieColor() {
         const dataSets = this.props.definition.dataSets;
-        if (!dataSets?.[this.state.index]) {
+        if (!dataSets?.[this.state.index])
             return "";
-        }
         const color = dataSets[this.state.index].backgroundColor;
-        return color ? toHex(color) : getNthColor(this.state.index, getColorsPalette(dataSets.length));
+        return color
+            ? toHex(color)
+            : getNthColor(this.state.index, getColorsPalette(this.props.definition.dataSets.length));
     }
-    updateDataSeriesAxis(axis) {
-        const dataSets = [...this.props.definition.dataSets];
-        if (!dataSets?.[this.state.index]) {
+    updateDataSeriesLabel(ev) {
+        const label = ev.target.value;
+        const dataSets = this.props.definition.dataSets;
+        if (!dataSets?.[this.state.index])
             return;
-        }
         dataSets[this.state.index] = {
             ...dataSets[this.state.index],
-            yAxisId: axis === "left" ? "y" : "y1",
+            label,
         };
         this.props.updateChart(this.props.figureId, { dataSets });
     }
-    getDataSerieAxis() {
+    getDataSerieLabel() {
         const dataSets = this.props.definition.dataSets;
-        if (!dataSets?.[this.state.index]) {
-            return "left";
-        }
-        return dataSets[this.state.index].yAxisId === "y1" ? "right" : "left";
-    }
-    get canHaveTwoVerticalAxis() {
-        return "horizontal" in this.props.definition ? !this.props.definition.horizontal : true;
+        return dataSets[this.state.index]?.label || this.getDataSeries()[this.state.index];
     }
-    updateDataSeriesLabel(ev) {
-        const label = ev.target.value;
+}
+
+class SeriesWithAxisDesignEditor extends Component {
+    static template = "o-spreadsheet-SeriesWithAxisDesignEditor";
+    static components = {
+        SeriesDesignEditor,
+        Checkbox,
+        RadioSelection,
+        Section,
+        RoundColorPicker,
+    };
+    static props = {
+        figureId: String,
+        definition: Object,
+        canUpdateChart: Function,
+        updateChart: Function,
+        slots: { type: Object, optional: true },
+    };
+    axisChoices = CHART_AXIS_CHOICES;
+    updateDataSeriesAxis(index, axis) {
         const dataSets = [...this.props.definition.dataSets];
-        if (!dataSets?.[this.state.index]) {
+        if (!dataSets?.[index]) {
             return;
         }
-        dataSets[this.state.index] = {
-            ...dataSets[this.state.index],
-            label,
+        dataSets[index] = {
+            ...dataSets[index],
+            yAxisId: axis === "left" ? "y" : "y1",
         };
         this.props.updateChart(this.props.figureId, { dataSets });
     }
-    getDataSerieLabel() {
+    getDataSerieAxis(index) {
         const dataSets = this.props.definition.dataSets;
-        return dataSets[this.state.index]?.label || this.getDataSeries()[this.state.index];
+        if (!dataSets?.[index]) {
+            return "left";
+        }
+        return dataSets[index].yAxisId === "y1" ? "right" : "left";
     }
-    updateShowValues(showValues) {
-        this.props.updateChart(this.props.figureId, { showValues });
+    get canHaveTwoVerticalAxis() {
+        return !("horizontal" in this.props.definition && this.props.definition.horizontal);
     }
-    toggleDataTrend(display) {
+    toggleDataTrend(index, display) {
         const dataSets = [...this.props.definition.dataSets];
-        if (!dataSets?.[this.state.index]) {
+        if (!dataSets?.[index]) {
             return;
         }
-        dataSets[this.state.index] = {
-            ...dataSets[this.state.index],
+        dataSets[index] = {
+            ...dataSets[index],
             trend: {
                 type: "polynomial",
                 order: 1,
-                ...dataSets[this.state.index].trend,
+                ...dataSets[index].trend,
                 display,
             },
         };
         this.props.updateChart(this.props.figureId, { dataSets });
     }
-    getTrendLineConfiguration() {
+    getTrendLineConfiguration(index) {
         const dataSets = this.props.definition.dataSets;
-        return dataSets?.[this.state.index]?.trend;
+        return dataSets?.[index]?.trend;
     }
     getTrendType(config) {
         if (!config) {
@@ -37161,7 +37555,7 @@ class ChartWithAxisDesignPanel extends Component {
         }
         return config.type === "polynomial" && config.order === 1 ? "linear" : config.type;
     }
-    onChangeTrendType(ev) {
+    onChangeTrendType(index, ev) {
         const type = ev.target.value;
         let config;
         switch (type) {
@@ -37174,37 +37568,59 @@ class ChartWithAxisDesignPanel extends Component {
                 break;
             case "exponential":
             case "logarithmic":
+            case "trailingMovingAverage":
                 config = { type };
                 break;
             default:
                 return;
         }
-        this.updateTrendLineValue(config);
+        this.updateTrendLineValue(index, config);
     }
-    onChangePolynomialDegree(ev) {
+    onChangePolynomialDegree(index, ev) {
         const element = ev.target;
         const order = parseInt(element.value || "1");
         if (order < 2) {
-            element.value = `${this.getTrendLineConfiguration()?.order ?? 2}`;
+            element.value = `${this.getTrendLineConfiguration(index)?.order ?? 2}`;
             return;
         }
-        this.updateTrendLineValue({ order });
+        this.updateTrendLineValue(index, { order });
+    }
+    get defaultWindowSize() {
+        return DEFAULT_WINDOW_SIZE;
+    }
+    onChangeMovingAverageWindow(index, ev) {
+        const element = ev.target;
+        let window = parseInt(element.value) || DEFAULT_WINDOW_SIZE;
+        if (window <= 1) {
+            window = DEFAULT_WINDOW_SIZE;
+        }
+        this.updateTrendLineValue(index, { window });
     }
-    getTrendLineColor() {
-        return this.getTrendLineConfiguration()?.color ?? setColorAlpha(this.getDataSerieColor(), 0.5);
+    getDataSerieColor(index) {
+        const dataSets = this.props.definition.dataSets;
+        if (!dataSets?.[index])
+            return "";
+        const color = dataSets[index].backgroundColor;
+        return color
+            ? toHex(color)
+            : getNthColor(index, getColorsPalette(this.props.definition.dataSets.length));
+    }
+    getTrendLineColor(index) {
+        return (this.getTrendLineConfiguration(index)?.color ??
+            setColorAlpha(this.getDataSerieColor(index), 0.5));
     }
-    updateTrendLineColor(color) {
-        this.updateTrendLineValue({ color });
+    updateTrendLineColor(index, color) {
+        this.updateTrendLineValue(index, { color });
     }
-    updateTrendLineValue(config) {
+    updateTrendLineValue(index, config) {
         const dataSets = [...this.props.definition.dataSets];
-        if (!dataSets?.[this.state.index]) {
+        if (!dataSets?.[index]) {
             return;
         }
-        dataSets[this.state.index] = {
-            ...dataSets[this.state.index],
+        dataSets[index] = {
+            ...dataSets[index],
             trend: {
-                ...dataSets[this.state.index].trend,
+                ...dataSets[index].trend,
                 ...config,
             },
         };
@@ -37212,6 +37628,70 @@ class ChartWithAxisDesignPanel extends Component {
     }
 }
 
+class ChartWithAxisDesignPanel extends Component {
+    static template = "o-spreadsheet-ChartWithAxisDesignPanel";
+    static components = {
+        GeneralDesignEditor,
+        SidePanelCollapsible,
+        Section,
+        AxisDesignEditor,
+        Checkbox,
+        SeriesWithAxisDesignEditor,
+    };
+    static props = {
+        figureId: String,
+        definition: Object,
+        canUpdateChart: Function,
+        updateChart: Function,
+    };
+    get axesList() {
+        const { useLeftAxis, useRightAxis } = getDefinedAxis(this.props.definition);
+        let axes = [{ id: "x", name: _t("Horizontal axis") }];
+        if (useLeftAxis) {
+            axes.push({ id: "y", name: useRightAxis ? _t("Left axis") : _t("Vertical axis") });
+        }
+        if (useRightAxis) {
+            axes.push({ id: "y1", name: useLeftAxis ? _t("Right axis") : _t("Vertical axis") });
+        }
+        return axes;
+    }
+    updateLegendPosition(ev) {
+        this.props.updateChart(this.props.figureId, {
+            legendPosition: ev.target.value,
+        });
+    }
+}
+
+class ComboChartDesignPanel extends ChartWithAxisDesignPanel {
+    static template = "o-spreadsheet-ComboChartDesignPanel";
+    static components = {
+        ...ChartWithAxisDesignPanel.components,
+        RadioSelection,
+    };
+    seriesTypeChoices = [
+        { value: "bar", label: _t("Bar") },
+        { value: "line", label: _t("Line") },
+    ];
+    updateDataSeriesType(index, type) {
+        const dataSets = [...this.props.definition.dataSets];
+        if (!dataSets?.[index]) {
+            return;
+        }
+        dataSets[index] = {
+            ...dataSets[index],
+            type,
+        };
+        this.props.updateChart(this.props.figureId, { dataSets });
+    }
+    getDataSeriesType(index) {
+        const dataSets = this.props.definition.dataSets;
+        if (!dataSets?.[index]) {
+            return "bar";
+        }
+        return dataSets[index].type ?? "line";
+    }
+}
+
 class GaugeChartConfigPanel extends Component {
     static template = "o-spreadsheet-GaugeChartConfigPanel";
     static components = { ChartErrorSection, ChartDataSeries };
@@ -37391,11 +37871,6 @@ class LineConfigPanel extends GenericChartConfigPanel {
             stacked,
         });
     }
-    onUpdateAggregated(aggregated) {
-        this.props.updateChart(this.props.figureId, {
-            aggregated,
-        });
-    }
     onUpdateCumulative(cumulative) {
         this.props.updateChart(this.props.figureId, {
             cumulative,
@@ -37423,6 +37898,27 @@ class PieChartDesignPanel extends Component {
     }
 }
 
+class RadarChartDesignPanel extends Component {
+    static template = "o-spreadsheet-RadarChartDesignPanel";
+    static components = {
+        GeneralDesignEditor,
+        SeriesDesignEditor,
+        Section,
+        Checkbox,
+    };
+    static props = {
+        figureId: String,
+        definition: Object,
+        canUpdateChart: Function,
+        updateChart: Function,
+    };
+    updateLegendPosition(ev) {
+        this.props.updateChart(this.props.figureId, {
+            legendPosition: ev.target.value,
+        });
+    }
+}
+
 class ScatterConfigPanel extends GenericChartConfigPanel {
     static template = "o-spreadsheet-ScatterConfigPanel";
     get canTreatLabelsAsText() {
@@ -37617,9 +38113,6 @@ class WaterfallChartDesignPanel extends Component {
             verticalAxisPosition: value,
         });
     }
-    updateShowValues(showValues) {
-        this.props.updateChart(this.props.figureId, { showValues });
-    }
 }
 
 const chartSidePanelComponentRegistry = new Registry();
@@ -37638,7 +38131,7 @@ chartSidePanelComponentRegistry
 })
     .add("combo", {
     configuration: GenericChartConfigPanel,
-    design: ChartWithAxisDesignPanel,
+    design: ComboChartDesignPanel,
 })
     .add("pie", {
     configuration: GenericChartConfigPanel,
@@ -37659,6 +38152,10 @@ chartSidePanelComponentRegistry
     .add("pyramid", {
     configuration: GenericChartConfigPanel,
     design: ChartWithAxisDesignPanel,
+})
+    .add("radar", {
+    configuration: GenericChartConfigPanel,
+    design: RadarChartDesignPanel,
 });
 
 css /* scss */ `
@@ -37924,6 +38421,7 @@ class AbstractComposerStore extends SpreadsheetStore {
         "stopComposerRangeSelection",
         "cancelEdition",
         "cycleReferences",
+        "toggleEditionMode",
         "changeComposerCursorSelection",
         "replaceComposerCursorSelection",
     ];
@@ -38079,6 +38577,42 @@ class AbstractComposerStore extends SpreadsheetStore {
         }
         this.setCurrentContent(updated.content, updated.selection);
     }
+    toggleEditionMode() {
+        if (this.editionMode === "inactive")
+            return;
+        const start = Math.min(this.selectionStart, this.selectionEnd);
+        const end = Math.max(this.selectionStart, this.selectionEnd);
+        const refToken = [...this.currentTokens]
+            .reverse()
+            .find((tk) => tk.end >= start && end >= tk.start && tk.type === "REFERENCE");
+        if (this.editionMode === "editing" && refToken) {
+            const currentSheetId = this.getters.getActiveSheetId();
+            const { sheetName, xc } = splitReference(refToken.value);
+            const sheetId = this.getters.getSheetIdByName(sheetName);
+            if (sheetId && sheetId !== currentSheetId) {
+                this.model.dispatch("ACTIVATE_SHEET", { sheetIdFrom: currentSheetId, sheetIdTo: sheetId });
+            }
+            // move cursor to the right part of the token
+            this.selectionStart = this.selectionEnd = refToken.end;
+            const zone = this.getters.getRangeFromSheetXC(this.sheetId, xc).zone;
+            this.captureSelection(zone);
+            this.editionMode = "selecting";
+        }
+        else {
+            this.editionMode = "editing";
+        }
+    }
+    captureSelection(zone, col, row) {
+        this.model.selection.capture(this, {
+            cell: { col: col || zone.left, row: row || zone.right },
+            zone,
+        }, {
+            handleEvent: this.handleEvent.bind(this),
+            release: () => {
+                this._stopEdition();
+            },
+        });
+    }
     isSelectionValid(length, start, end) {
         return start >= 0 && start <= length && end >= 0 && end <= length;
     }
@@ -38117,12 +38651,7 @@ class AbstractComposerStore extends SpreadsheetStore {
         this.setContent(str || this.initialContent, selection);
         this.colorIndexByRange = {};
         const zone = positionToZone({ col: this.col, row: this.row });
-        this.model.selection.capture(this, { cell: { col: this.col, row: this.row }, zone }, {
-            handleEvent: this.handleEvent.bind(this),
-            release: () => {
-                this._stopEdition();
-            },
-        });
+        this.captureSelection(zone, col, row);
     }
     _stopEdition() {
         if (this.editionMode !== "inactive") {
@@ -38829,13 +39358,6 @@ class DOMDndHelper {
             return;
         this.edgeScrollIntervalId = window.setInterval(() => {
             const offset = direction * 3;
-            let newPosition = this.currentMousePosition + offset;
-            if (newPosition < Math.min(this.container.start, this.minPosition)) {
-                newPosition = Math.min(this.container.start, this.minPosition);
-            }
-            else if (newPosition > Math.max(this.container.end, this.maxPosition)) {
-                newPosition = Math.max(this.container.end, this.maxPosition);
-            }
             this.container.scroll += offset;
         }, 5);
     }
@@ -39012,7 +39534,6 @@ css /* scss */ `
       width: 142px;
       .o-cf-preview-description-rule {
         margin-bottom: 4px;
-        font-weight: 600;
         max-height: 2.8em;
         line-height: 1.4em;
       }
@@ -39484,7 +40005,7 @@ class ConditionalFormattingEditor extends Component {
     setColorScaleColor(target, color) {
         const point = this.state.rules.colorScale[target];
         if (point) {
-            point.color = Number.parseInt(color.substr(1), 16);
+            point.color = Number.parseInt(color.slice(1), 16);
         }
         this.closeMenus();
     }
@@ -39595,7 +40116,7 @@ class ConditionalFormattingEditor extends Component {
         return [this.state.rules.dataBar.rangeValues || ""];
     }
     updateDataBarColor(color) {
-        this.state.rules.dataBar.color = Number.parseInt(color.substr(1), 16);
+        this.state.rules.dataBar.color = Number.parseInt(color.slice(1), 16);
     }
     onDataBarRangeUpdate(ranges) {
         this.state.rules.dataBar.rangeValues = ranges[0];
@@ -41008,10 +41529,11 @@ class FindAndReplaceStore extends SpreadsheetStore {
     activeSheetMatches = [];
     specificRangeMatches = [];
     currentSearchRegex = null;
-    isSearchDirty = false;
     initialShowFormulaState;
     preserveSelectedMatchIndex = false;
     irreplaceableMatchCount = 0;
+    isSearchDirty = false;
+    shouldFinalizeUpdateSelection = false;
     notificationStore = this.get(NotificationStore);
     // fixme: why do we make selectedMatchIndex on top of a selected
     // property in the matches?
@@ -41057,10 +41579,13 @@ class FindAndReplaceStore extends SpreadsheetStore {
         this.updateSearchOptions({ searchFormulas: showFormula });
     }
     selectPreviousMatch() {
-        this.selectNextCell(Direction.previous);
+        this.selectNextCell(Direction.previous, {
+            jumpToMatchSheet: true,
+            updateSelection: true,
+        });
     }
     selectNextMatch() {
-        this.selectNextCell(Direction.next);
+        this.selectNextCell(Direction.next, { jumpToMatchSheet: true, updateSelection: true });
     }
     handle(cmd) {
         switch (cmd.type) {
@@ -41077,8 +41602,11 @@ class FindAndReplaceStore extends SpreadsheetStore {
             case "ADD_COLUMNS_ROWS":
             case "EVALUATE_CELLS":
             case "UPDATE_CELL":
+                this.isSearchDirty = true;
+                break;
             case "ACTIVATE_SHEET":
                 this.isSearchDirty = true;
+                this.shouldFinalizeUpdateSelection = true;
                 break;
             case "REPLACE_SEARCH":
                 for (const match of cmd.matches) {
@@ -41093,7 +41621,11 @@ class FindAndReplaceStore extends SpreadsheetStore {
     }
     finalize() {
         if (this.isSearchDirty) {
-            this.refreshSearch(false);
+            this.refreshSearch({
+                jumpToMatchSheet: false,
+                updateSelection: this.shouldFinalizeUpdateSelection,
+            });
+            this.shouldFinalizeUpdateSelection = false;
             this.isSearchDirty = false;
         }
     }
@@ -41120,17 +41652,17 @@ class FindAndReplaceStore extends SpreadsheetStore {
         }
         this.toSearch = toSearch;
         this.currentSearchRegex = getSearchRegex(this.toSearch, this.searchOptions);
-        this.refreshSearch();
+        this.refreshSearch({ jumpToMatchSheet: true, updateSelection: true });
     }
     /**
      * refresh the matches according to the current search options
      */
-    refreshSearch(jumpToMatchSheet = true) {
+    refreshSearch(options) {
         if (!this.preserveSelectedMatchIndex) {
             this.selectedMatchIndex = null;
         }
         this.findMatches();
-        this.selectNextCell(Direction.current, jumpToMatchSheet);
+        this.selectNextCell(Direction.current, options);
     }
     getSheetsInSearchOrder() {
         switch (this.searchOptions.searchScope) {
@@ -41200,7 +41732,7 @@ class FindAndReplaceStore extends SpreadsheetStore {
      * It is also used to keep coherence between the selected searchMatch
      * and selectedMatchIndex.
      */
-    selectNextCell(indexChange, jumpToMatchSheet = true) {
+    selectNextCell(indexChange, options) {
         const matches = this.searchMatches;
         if (!matches.length) {
             this.selectedMatchIndex = null;
@@ -41226,7 +41758,7 @@ class FindAndReplaceStore extends SpreadsheetStore {
         this.selectedMatchIndex = nextIndex;
         const selectedMatch = matches[nextIndex];
         // Switch to the sheet where the match is located
-        if (jumpToMatchSheet && this.getters.getActiveSheetId() !== selectedMatch.sheetId) {
+        if (options.jumpToMatchSheet && this.getters.getActiveSheetId() !== selectedMatch.sheetId) {
             // We set `preserveSelectedMatchIndex` to true to avoid resetting the selected search
             // index in the `refreshSearch` function when a new sheet is activated. The reason being
             // that, when we automatically go back to previous sheet while performing a search, the
@@ -41242,7 +41774,9 @@ class FindAndReplaceStore extends SpreadsheetStore {
         }
         // we want grid selection to capture the selection stream
         this.model.selection.getBackToDefault();
-        this.model.selection.selectCell(selectedMatch.col, selectedMatch.row);
+        if (options.updateSelection) {
+            this.model.selection.selectCell(selectedMatch.col, selectedMatch.row);
+        }
     }
     /**
      * Replace the value of the currently selected match
@@ -41257,7 +41791,7 @@ class FindAndReplaceStore extends SpreadsheetStore {
             matches: [this.searchMatches[this.selectedMatchIndex]],
             searchOptions: this.searchOptions,
         });
-        this.selectNextCell(Direction.next);
+        this.selectNextCell(Direction.next, { jumpToMatchSheet: true, updateSelection: true });
     }
     /**
      * Apply the replace function to all the matches one time.
@@ -41439,6 +41973,14 @@ class FindAndReplacePanel extends Component {
         onMounted(() => this.searchInput.el?.focus());
         onWillUnmount(() => this.updateSearchContent.stopDebounce());
         this.updateSearchContent = debounce(this.store.updateSearchContent, 200);
+        useExternalListener(window, "keydown", (ev) => {
+            const code = keyboardEventToShortcutString(ev);
+            if (code === "Ctrl+F" || code === "Ctrl+H") {
+                this.searchInput.el?.focus();
+                ev.preventDefault();
+                ev.stopPropagation();
+            }
+        }, { capture: true });
     }
     onFocusSearch() {
         this.updateDataRange();
@@ -42014,7 +42556,6 @@ function createMeasureAutoComplete(pivot, forComputedMeasure) {
         sequence: 0,
         autoSelectFirstProposal: true,
         getProposals(tokenAtCursor) {
-            // return []
             const measureProposals = pivot.measures
                 .filter((m) => m !== forComputedMeasure)
                 .map((measure) => {
@@ -42817,8 +43358,9 @@ const EMPTY_PIVOT_CELL = { type: "EMPTY" };
  * This function converts a list of data entry into a spreadsheet pivot table.
  */
 function dataEntriesToSpreadsheetPivotTable(dataEntries, definition) {
+    const measureIds = definition.measures.filter((measure) => !measure.isHidden).map((m) => m.id);
     const columnsTree = dataEntriesToColumnsTree(dataEntries, definition.columns, 0);
-    computeWidthOfColumnsNodes(columnsTree, definition.measures.length);
+    computeWidthOfColumnsNodes(columnsTree, measureIds.length);
     const cols = columnsTreeToColumns(columnsTree, definition);
     const rows = dataEntriesToRows(dataEntries, 0, definition.rows, [], []);
     // Add the total row
@@ -42827,7 +43369,6 @@ function dataEntriesToSpreadsheetPivotTable(dataEntries, definition) {
         values: [],
         indent: 0,
     });
-    const measureIds = definition.measures.filter((measure) => !measure.isHidden).map((m) => m.id);
     const fieldsType = {};
     for (const columns of definition.columns) {
         fieldsType[columns.fieldName] = columns.type;
@@ -43588,20 +44129,22 @@ pivotRegistry.add("SPREADSHEET", {
     onIterationEndEvaluation: (pivot) => pivot.markAsDirtyForEvaluation(),
     dateGranularities: [...dateGranularities],
     datetimeGranularities: [...dateGranularities, "hour_number", "minute_number", "second_number"],
-    isMeasureCandidate: (field) => !["date", "boolean"].includes(field.type),
+    isMeasureCandidate: (field) => !["datetime", "boolean"].includes(field.type),
     isGroupable: () => true,
 });
 
 class PivotSidePanelStore extends SpreadsheetStore {
     pivotId;
     mutators = ["reset", "deferUpdates", "applyUpdate", "discardPendingUpdate", "update"];
-    updatesAreDeferred = false;
+    updatesAreDeferred;
     draft = null;
     notification = this.get(NotificationStore);
     alreadyNotified = false;
     constructor(get, pivotId) {
         super(get);
         this.pivotId = pivotId;
+        this.updatesAreDeferred =
+            this.getters.getPivotCoreDefinition(this.pivotId).deferUpdates ?? false;
     }
     handle(cmd) {
         switch (cmd.type) {
@@ -43689,10 +44232,14 @@ class PivotSidePanelStore extends SpreadsheetStore {
         this.draft = null;
     }
     deferUpdates(shouldDefer) {
-        this.updatesAreDeferred = shouldDefer;
         if (shouldDefer === false && this.draft) {
+            this.draft.deferUpdates = false;
             this.applyUpdate();
         }
+        else {
+            this.update({ deferUpdates: shouldDefer });
+        }
+        this.updatesAreDeferred = shouldDefer;
     }
     applyUpdate() {
         if (this.draft) {
@@ -43950,7 +44497,7 @@ class RemoveDuplicatesPanel extends Component {
         return colLabel;
     }
     get isEveryColumnSelected() {
-        return Object.values(this.state.columns).every((value) => value === true);
+        return Object.values(this.state.columns).every((value) => value);
     }
     get errorMessages() {
         const cancelledReasons = this.env.model.canDispatch("REMOVE_DUPLICATES", {
@@ -44050,8 +44597,7 @@ class SettingsPanel extends Component {
         const currentLocale = this.currentLocale;
         const localeInLoadedLocales = this.loadedLocales.find((l) => l.code === currentLocale.code);
         if (!localeInLoadedLocales) {
-            const locales = [...this.loadedLocales, currentLocale].sort((a, b) => a.name.localeCompare(b.name));
-            return locales;
+            return [...this.loadedLocales, currentLocale].sort((a, b) => a.name.localeCompare(b.name));
         }
         else if (!deepEquals(currentLocale, localeInLoadedLocales)) {
             const index = this.loadedLocales.indexOf(localeInLoadedLocales);
@@ -45945,10 +46491,9 @@ class GridComposer extends Component {
         });
     }
     get focus() {
-        const focus = this.composerFocusStore.activeComposer === this.composerInterface
+        return this.composerFocusStore.activeComposer === this.composerInterface
             ? this.composerFocusStore.focusMode
             : "inactive";
-        return focus;
     }
     get composerProps() {
         const { width, height } = this.env.model.getters.getSheetViewDimensionWithHeaders();
@@ -46117,13 +46662,10 @@ class GridCellIcon extends Component {
     }
 }
 
-const CHECKBOX_WIDTH = 15;
 const MARGIN = (GRID_ICON_EDGE_LENGTH - CHECKBOX_WIDTH) / 2;
 css /* scss */ `
   .o-dv-checkbox {
     box-sizing: border-box !important;
-    width: ${CHECKBOX_WIDTH}px;
-    height: ${CHECKBOX_WIDTH}px;
     accent-color: #808080;
     margin: ${MARGIN}px;
     /** required to prevent the checkbox position to be sensible to the font-size (affects Firefox) */
@@ -46132,13 +46674,15 @@ css /* scss */ `
 `;
 class DataValidationCheckbox extends Component {
     static template = "o-spreadsheet-DataValidationCheckbox";
+    static components = {
+        Checkbox,
+    };
     static props = {
         cellPosition: Object,
     };
-    onCheckboxChange(ev) {
-        const newValue = ev.target.checked;
+    onCheckboxChange(value) {
         const { sheetId, col, row } = this.props.cellPosition;
-        const cellContent = newValue ? "TRUE" : "FALSE";
+        const cellContent = value ? "TRUE" : "FALSE";
         this.env.model.dispatch("UPDATE_CELL", { sheetId, col, row, content: cellContent });
     }
     get checkBoxValue() {
@@ -46952,7 +47496,12 @@ class GridAddRowsFooter extends Component {
 class PaintFormatStore extends SpreadsheetStore {
     mutators = ["activate", "cancel", "pasteFormat"];
     highlightStore = this.get(HighlightStore);
-    cellClipboardHandler = new CellClipboardHandler(this.getters, this.model.dispatch);
+    clipboardHandlers = [
+        new CellClipboardHandler(this.getters, this.model.dispatch),
+        new BorderClipboardHandler(this.getters, this.model.dispatch),
+        new TableClipboardHandler(this.getters, this.model.dispatch),
+        new ConditionalFormatClipboardHandler(this.getters, this.model.dispatch),
+    ];
     status = "inactive";
     copiedData;
     constructor(get) {
@@ -46962,6 +47511,13 @@ class PaintFormatStore extends SpreadsheetStore {
             this.highlightStore.unRegister(this);
         });
     }
+    handle(cmd) {
+        switch (cmd.type) {
+            case "PAINT_FORMAT":
+                this.paintFormat(cmd.sheetId, cmd.target);
+                break;
+        }
+    }
     activate(args) {
         this.copiedData = this.copyFormats();
         this.status = args.persistent ? "persistent" : "oneOff";
@@ -46971,16 +47527,7 @@ class PaintFormatStore extends SpreadsheetStore {
         this.copiedData = undefined;
     }
     pasteFormat(target) {
-        if (this.copiedData) {
-            const sheetId = this.getters.getActiveSheetId();
-            this.cellClipboardHandler.paste({ zones: target, sheetId }, this.copiedData, {
-                isCutOperation: false,
-                pasteOption: "onlyFormat",
-            });
-        }
-        if (this.status === "oneOff") {
-            this.cancel();
-        }
+        this.model.dispatch("PAINT_FORMAT", { target, sheetId: this.getters.getActiveSheetId() });
     }
     get isActive() {
         return this.status !== "inactive";
@@ -46988,7 +47535,24 @@ class PaintFormatStore extends SpreadsheetStore {
     copyFormats() {
         const sheetId = this.getters.getActiveSheetId();
         const zones = this.getters.getSelectedZones();
-        return this.cellClipboardHandler.copy(getClipboardDataPositions(sheetId, zones));
+        const copiedData = {};
+        for (const handler of this.clipboardHandlers) {
+            Object.assign(copiedData, handler.copy(getClipboardDataPositions(sheetId, zones)));
+        }
+        return copiedData;
+    }
+    paintFormat(sheetId, target) {
+        if (this.copiedData) {
+            for (const handler of this.clipboardHandlers) {
+                handler.paste({ zones: target, sheetId }, this.copiedData, {
+                    isCutOperation: false,
+                    pasteOption: "onlyFormat",
+                });
+            }
+        }
+        if (this.status === "oneOff") {
+            this.cancel();
+        }
     }
     get highlights() {
         const data = this.copiedData;
@@ -47366,7 +47930,7 @@ class AbstractResizer extends Component {
         if (index < 0) {
             return;
         }
-        if (this.state.waitingForMove === true) {
+        if (this.state.waitingForMove) {
             if (!this.env.model.getters.isGridSelectionActive()) {
                 this._selectElement(index, false);
             }
@@ -48925,7 +49489,7 @@ class SidePanelStore extends SpreadsheetStore {
     }
     open(componentTag, panelProps = {}) {
         const state = this.computeState(componentTag, panelProps);
-        if (state.isOpen === false) {
+        if (!state.isOpen) {
             return;
         }
         if (this.isOpen && componentTag !== this.componentTag) {
@@ -49264,6 +49828,8 @@ class Grid extends Component {
         },
         "Ctrl+D": async () => this.env.model.dispatch("COPY_PASTE_CELLS_ABOVE"),
         "Ctrl+R": async () => this.env.model.dispatch("COPY_PASTE_CELLS_ON_LEFT"),
+        "Ctrl+H": () => this.sidePanel.open("FindAndReplace", {}),
+        "Ctrl+F": () => this.sidePanel.open("FindAndReplace", {}),
         "Ctrl+Shift+E": () => this.setHorizontalAlign("center"),
         "Ctrl+Shift+L": () => this.setHorizontalAlign("left"),
         "Ctrl+Shift+R": () => this.setHorizontalAlign("right"),
@@ -49671,31 +50237,6 @@ class Grid extends Component {
     }
 }
 
-/** @odoo-module */
-class EditableName extends Component {
-    static template = "o-spreadsheet-EditableName";
-    static props = {
-        name: String,
-        displayName: String,
-        onChanged: Function,
-    };
-    state;
-    setup() {
-        this.state = useState({
-            isEditing: false,
-            name: "",
-        });
-    }
-    rename() {
-        this.state.isEditing = true;
-        this.state.name = this.props.name;
-    }
-    save() {
-        this.props.onChanged(this.state.name.trim());
-        this.state.isEditing = false;
-    }
-}
-
 /**
  * BasePlugin
  *
@@ -49796,12 +50337,10 @@ class BasePlugin {
  */
 class CorePlugin extends BasePlugin {
     getters;
-    uuidGenerator;
-    constructor({ getters, stateObserver, range, dispatch, canDispatch, uuidGenerator, }) {
+    constructor({ getters, stateObserver, range, dispatch, canDispatch }) {
         super(stateObserver, dispatch, canDispatch);
         range.addRangeProvider(this.adaptRanges.bind(this));
         this.getters = getters;
-        this.uuidGenerator = uuidGenerator;
     }
     // ---------------------------------------------------------------------------
     // Import/Export
@@ -53615,7 +54154,7 @@ class SheetPlugin extends CorePlugin {
             this.sheetIdsMapName[sheet.name] = sheet.id;
         }
         for (let sheetData of data.sheets) {
-            const name = sheetData.name || _t("Sheet") + (Object.keys(this.sheets).length + 1);
+            const name = sheetData.name || "Sheet" + (Object.keys(this.sheets).length + 1);
             const { colNumber, rowNumber } = this.getImportedSheetSize(sheetData);
             const sheet = {
                 id: sheetData.id,
@@ -54299,6 +54838,7 @@ class SheetPlugin extends CorePlugin {
     }
 }
 
+let nextTableId = 1;
 class TablePlugin extends CorePlugin {
     static getters = ["getCoreTable", "getCoreTables", "getCoreTableMatchingTopLeft"];
     tables = {};
@@ -54366,7 +54906,7 @@ class TablePlugin extends CorePlugin {
                 const union = this.getters.getRangesUnion(ranges);
                 const mergesInTarget = this.getters.getMergesInZone(cmd.sheetId, union.zone);
                 this.dispatch("REMOVE_MERGE", { sheetId: cmd.sheetId, target: mergesInTarget });
-                const id = this.uuidGenerator.uuidv4();
+                const id = `${nextTableId++}`;
                 const config = cmd.config || DEFAULT_TABLE_CONFIG;
                 const newTable = cmd.tableType === "dynamic"
                     ? this.createDynamicTable(id, union, config)
@@ -54519,7 +55059,7 @@ class TablePlugin extends CorePlugin {
             filters = [];
             for (const i of range(zone.left, zone.right + 1)) {
                 const filterZone = { ...zone, left: i, right: i };
-                const uid = this.uuidGenerator.uuidv4();
+                const uid = `${nextTableId++}`;
                 filters.push(this.createFilterFromZone(uid, tableRange.sheetId, filterZone, config));
             }
         }
@@ -54584,7 +55124,7 @@ class TablePlugin extends CorePlugin {
                     ? table.filters.find((f) => f.col === i)
                     : undefined;
                 const filterZone = { ...tableZone, left: i, right: i };
-                const filterId = oldFilter?.id || this.uuidGenerator.uuidv4();
+                const filterId = oldFilter?.id || `${nextTableId++}`;
                 filters.push(this.createFilterFromZone(filterId, tableRange.sheetId, filterZone, config));
             }
         }
@@ -54685,7 +55225,7 @@ class TablePlugin extends CorePlugin {
         if (filters.length < zoneToDimension(tableZone).numberOfCols) {
             for (let col = tableZone.left; col <= tableZone.right; col++) {
                 if (!filters.find((filter) => filter.col === col)) {
-                    const uid = this.uuidGenerator.uuidv4();
+                    const uid = `${nextTableId++}`;
                     const filterZone = { ...tableZone, left: col, right: col };
                     filters.push(this.createFilterFromZone(uid, sheetId, filterZone, table.config));
                 }
@@ -54701,7 +55241,7 @@ class TablePlugin extends CorePlugin {
     import(data) {
         for (const sheet of data.sheets) {
             for (const tableData of sheet.tables || []) {
-                const uuid = this.uuidGenerator.uuidv4();
+                const uuid = `${nextTableId++}`;
                 const tableConfig = tableData.config || DEFAULT_TABLE_CONFIG;
                 const range = this.getters.getRangeFromSheetXC(sheet.id, tableData.range);
                 const tableType = tableData.type || "static";
@@ -55233,7 +55773,7 @@ class PivotCorePlugin extends CorePlugin {
             case "DUPLICATE_PIVOT": {
                 const { pivotId, newPivotId } = cmd;
                 const pivot = deepCopy(this.getPivotCore(pivotId).definition);
-                pivot.name = _t("%s (copy)", pivot.name);
+                pivot.name = cmd.duplicatedPivotName ?? pivot.name + " (copy)";
                 this.addPivot(newPivotId, pivot);
                 break;
             }
@@ -55273,7 +55813,7 @@ class PivotCorePlugin extends CorePlugin {
         return `(#${formulaId}) ${this.getPivotName(pivotId)}`;
     }
     getPivotName(pivotId) {
-        return _t(this.getPivotCore(pivotId).definition.name);
+        return this.getPivotCore(pivotId).definition.name;
     }
     /**
      * Returns the pivot core definition of the pivot with the given id.
@@ -56915,7 +57455,7 @@ class Evaluator {
         cellsToCompute.addMany(arrayFormulasPositions);
         cellsToCompute.addMany(this.getCellsDependingOn(arrayFormulasPositions));
         this.evaluate(cellsToCompute);
-        console.info("evaluate Cells", performance.now() - start, "ms");
+        console.debug("evaluate Cells", performance.now() - start, "ms");
     }
     getArrayFormulasImpactedByChangesOf(positions) {
         const impactedPositions = this.createEmptyPositionSet();
@@ -56959,7 +57499,7 @@ class Evaluator {
         const start = performance.now();
         this.evaluatedCells = new PositionMap();
         this.evaluate(this.getAllCells());
-        console.info("evaluate all cells", performance.now() - start, "ms");
+        console.debug("evaluate all cells", performance.now() - start, "ms");
     }
     evaluateFormulaResult(sheetId, formulaString) {
         const compiledFormula = compile(formulaString);
@@ -57965,8 +58505,7 @@ class EvaluationConditionalFormatPlugin extends UIPlugin {
             .map((cell) => cell.value);
         switch (threshold.type) {
             case "value":
-                const result = functionName === "max" ? largeMax(rangeValues) : largeMin(rangeValues);
-                return result;
+                return functionName === "max" ? largeMax(rangeValues) : largeMin(rangeValues);
             case "number":
                 return Number(threshold.value);
             case "percentage":
@@ -59050,7 +59589,7 @@ function withPivotPresentationLayer (PivotClass) {
             const ranking = {};
             const mainDimension = getFieldDimensionType(this, fieldNameWithGranularity);
             const secondaryDimension = mainDimension === "row" ? "column" : "row";
-            let pivotCells = this.getPivotValueCells();
+            let pivotCells = this.getPivotValueCells(measure.id);
             if (mainDimension === "column") {
                 // Transpose the pivot cells so we can do the same operations on the columns as on the rows
                 // This means that we need to transpose back the ranking at the end
@@ -59094,7 +59633,7 @@ function withPivotPresentationLayer (PivotClass) {
             const cellsRunningTotals = {};
             const mainDimension = getFieldDimensionType(this, fieldNameWithGranularity);
             const secondaryDimension = mainDimension === "row" ? "column" : "row";
-            let pivotCells = this.getPivotValueCells();
+            let pivotCells = this.getPivotValueCells(measure.id);
             if (mainDimension === "column") {
                 // Transpose the pivot cells so we can do the same operations on the columns as on the rows
                 // This means that we need to transpose back the totals at the end
@@ -59170,13 +59709,12 @@ function withPivotPresentationLayer (PivotClass) {
                 throw new NotAvailableError();
             }
             const comparedValue = this._getPivotCellValueAndFormat(measure.id, comparedDomain);
-            const comparedValueNumber = this.strictMeasureValueToNumber(comparedValue);
-            return comparedValueNumber;
+            return this.strictMeasureValueToNumber(comparedValue);
         }
-        getPivotValueCells() {
+        getPivotValueCells(measureId) {
             return this.getTableStructure()
                 .getPivotCells()
-                .map((col) => col.filter((cell) => cell.type === "VALUE"))
+                .map((col) => col.filter((cell) => cell.type === "VALUE" && cell.measure === measureId))
                 .filter((col) => col.length > 0);
         }
         measureValueToNumber(result) {
@@ -60705,7 +61243,7 @@ class Session extends EventBus {
             this.onMessageReceived(message);
         }
         this.isReplayingInitialRevisions = false;
-        console.info("Replayed", numberOfCommands, "commands in", performance.now() - start, "ms");
+        console.debug("Replayed", numberOfCommands, "commands in", performance.now() - start, "ms");
     }
     /**
      * Notify the server that the user client left the collaborative session
@@ -60877,7 +61415,6 @@ class Session extends EventBus {
         if (this.waitingAck) {
             return;
         }
-        this.waitingAck = true;
         this.sendPendingMessage();
     }
     /**
@@ -60914,6 +61451,7 @@ class Session extends EventBus {
             throw new Error(`Trying to send a new revision while replaying initial revision. This can lead to endless dispatches every time the spreadsheet is open.
       ${JSON.stringify(message)}`);
         }
+        this.waitingAck = true;
         this.transportService.sendMessage({
             ...message,
             serverRevisionId: this.serverRevisionId,
@@ -60944,6 +61482,7 @@ class Session extends EventBus {
             case "REMOTE_REVISION":
             case "REVISION_REDONE":
             case "REVISION_UNDONE":
+            case "SNAPSHOT_CREATED":
                 return this.processedRevisions.has(message.nextRevisionId);
             default:
                 return false;
@@ -61072,8 +61611,7 @@ class CollaborativePlugin extends UIPlugin {
             }
             const color = client.color;
             /* Cell background */
-            const cellBackgroundColor = `${color}10`;
-            ctx.fillStyle = cellBackgroundColor;
+            ctx.fillStyle = `${color}10`;
             ctx.lineWidth = 4 * thinLineWidth;
             ctx.strokeStyle = color;
             ctx.globalCompositeOperation = "multiply";
@@ -61440,8 +61978,7 @@ class HeaderVisibilityUIPlugin extends UIPlugin {
     exportForExcel(data) {
         for (const sheetData of data.sheets) {
             for (const [row, rowData] of Object.entries(sheetData.rows)) {
-                const isHidden = this.isRowHidden(sheetData.id, Number(row));
-                rowData.isHidden = isHidden;
+                rowData.isHidden = this.isRowHidden(sheetData.id, Number(row));
             }
         }
     }
@@ -61501,12 +62038,13 @@ class InsertPivotPlugin extends UIPlugin {
         this.dispatch("DUPLICATE_PIVOT", {
             pivotId,
             newPivotId,
+            duplicatedPivotName: _t("%s (copy)", this.getters.getPivotCoreDefinition(pivotId).name),
         });
         const activeSheetId = this.getters.getActiveSheetId();
         const position = this.getters.getSheetIds().indexOf(activeSheetId) + 1;
         const formulaId = this.getters.getPivotFormulaId(newPivotId);
         const newPivotName = this.getters.getPivotName(newPivotId);
-        this.dispatch("CREATE_SHEET", {
+        const result = this.dispatch("CREATE_SHEET", {
             sheetId: newSheetId,
             name: this.getPivotDuplicateSheetName(_t("%(newPivotName)s (Pivot #%(formulaId)s)", {
                 newPivotName,
@@ -61514,20 +62052,19 @@ class InsertPivotPlugin extends UIPlugin {
             })),
             position,
         });
-        this.dispatch("ACTIVATE_SHEET", { sheetIdFrom: activeSheetId, sheetIdTo: newSheetId });
-        this.dispatch("UPDATE_CELL", {
-            sheetId: newSheetId,
-            col: 0,
-            row: 0,
-            content: `=PIVOT(${formulaId})`,
-        });
+        if (result.isSuccessful) {
+            this.dispatch("ACTIVATE_SHEET", { sheetIdFrom: activeSheetId, sheetIdTo: newSheetId });
+            const pivot = this.getters.getPivot(pivotId);
+            this.insertPivotWithTable(newSheetId, 0, 0, newPivotId, pivot.getTableStructure().export(), "dynamic");
+        }
     }
     getPivotDuplicateSheetName(pivotName) {
         let i = 1;
         const names = this.getters.getSheetIds().map((id) => this.getters.getSheetName(id));
-        let name = pivotName;
+        const sanitizedName = pivotName.replace(new RegExp(FORBIDDEN_IN_EXCEL_REGEX, "g"), " ");
+        let name = sanitizedName;
         while (names.includes(name)) {
-            name = `${pivotName} (${i})`;
+            name = `${sanitizedName} (${i})`;
             i++;
         }
         return name;
@@ -61966,7 +62503,6 @@ class SheetUIPlugin extends UIPlugin {
             if (!isEqual(zone, newZone)) {
                 hasExpanded = true;
                 zone = newZone;
-                continue;
             }
         } while (hasExpanded);
         return zone;
@@ -63059,7 +63595,7 @@ class ClipboardPlugin extends UIPlugin {
             case "ADD_COLUMNS_ROWS": {
                 this.status = "invisible";
                 // If we add a col/row inside or before the cut area, we invalidate the clipboard
-                if (this._isCutOperation !== true || cmd.sheetId !== this.copiedData?.sheetId) {
+                if (!this._isCutOperation || cmd.sheetId !== this.copiedData?.sheetId) {
                     return;
                 }
                 const isClipboardDirty = this.isColRowDirtyingClipboard(cmd.position === "before" ? cmd.base : cmd.base + 1, cmd.dimension);
@@ -63071,7 +63607,7 @@ class ClipboardPlugin extends UIPlugin {
             case "REMOVE_COLUMNS_ROWS": {
                 this.status = "invisible";
                 // If we remove a col/row inside or before the cut area, we invalidate the clipboard
-                if (this._isCutOperation !== true || cmd.sheetId !== this.copiedData?.sheetId) {
+                if (!this._isCutOperation || cmd.sheetId !== this.copiedData?.sheetId) {
                     return;
                 }
                 for (let el of cmd.elements) {
@@ -63093,7 +63629,7 @@ class ClipboardPlugin extends UIPlugin {
                 break;
             }
             case "DELETE_SHEET":
-                if (this._isCutOperation !== true) {
+                if (!this._isCutOperation) {
                     return;
                 }
                 if (this.originSheetId === cmd.sheetId) {
@@ -63986,8 +64522,7 @@ class GridSelectionPlugin extends UIPlugin {
         this.setSelectionMixin({ zone, cell: { col, row } }, [zone]);
     }
     setActiveSheet(id) {
-        const sheet = this.getters.getSheet(id);
-        this.activeSheet = sheet;
+        this.activeSheet = this.getters.getSheet(id);
     }
     activateNextSheet(direction) {
         const sheetIds = this.getters.getSheetIds();
@@ -64681,9 +65216,6 @@ class SheetViewPlugin extends UIPlugin {
             case "UNFREEZE_COLUMNS_ROWS":
                 this.resetViewports(this.getters.getActiveSheetId());
                 break;
-            case "DELETE_SHEET":
-                this.sheetsWithDirtyViewports.delete(cmd.sheetId);
-                break;
             case "SCROLL_TO_CELL":
                 this.refreshViewport(this.getters.getActiveSheetId(), { col: cmd.col, row: cmd.row });
                 break;
@@ -66635,10 +67167,9 @@ css /* scss */ `
     user-select: none;
     color: ${TEXT_BODY};
 
-    .o-heading-3 {
+    .o-sidePanelTitle {
       line-height: 20px;
       font-size: 16px;
-      font-weight: 600;
     }
 
     .o-sidePanelHeader {
@@ -66723,6 +67254,10 @@ css /* scss */ `
       }
     }
   }
+
+  .o-fw-bold {
+    font-weight: 500;
+  }
 `;
 class SidePanel extends Component {
     static template = "o-spreadsheet-SidePanel";
@@ -67554,8 +68089,7 @@ class WebClipboardWrapper {
                 for (const item of clipboardItems) {
                     for (const type of item.types) {
                         const blob = await item.getType(type);
-                        const text = await blob.text();
-                        clipboardContent[type] = text;
+                        clipboardContent[type] = await blob.text();
                     }
                 }
                 return { status: "ok", content: clipboardContent };
@@ -67867,7 +68401,6 @@ class Spreadsheet extends Component {
     spreadsheetRef = useRef("spreadsheet");
     spreadsheetRect = useSpreadsheetRect();
     _focusGrid;
-    keyDownMapping;
     isViewportTooSmall = false;
     notificationStore;
     composerFocusStore;
@@ -67891,10 +68424,6 @@ class Spreadsheet extends Component {
         this.notificationStore = useStore(NotificationStore);
         this.composerFocusStore = useStore(ComposerFocusStore);
         this.sidePanel = useStore(SidePanelStore);
-        this.keyDownMapping = {
-            "CTRL+H": () => this.sidePanel.toggle("FindAndReplace", {}),
-            "CTRL+F": () => this.sidePanel.toggle("FindAndReplace", {}),
-        };
         const fileStore = this.model.config.external.fileStore;
         useSubEnv({
             model: this.model,
@@ -67994,20 +68523,6 @@ class Spreadsheet extends Component {
         }
         this._focusGrid();
     }
-    onKeydown(ev) {
-        let keyDownString = "";
-        if (isCtrlKey(ev)) {
-            keyDownString += "CTRL+";
-        }
-        keyDownString += ev.key.toUpperCase();
-        let handler = this.keyDownMapping[keyDownString];
-        if (handler) {
-            ev.preventDefault();
-            ev.stopPropagation();
-            handler();
-            return;
-        }
-    }
     get gridHeight() {
         const { height } = this.env.model.getters.getSheetViewDimension();
         return height;
@@ -69422,10 +69937,10 @@ class SelectionStreamProcessorImpl {
     getNextCellPosition(currentPosition, dimension, direction) {
         const dimOfInterest = dimension === "cols" ? "col" : "row";
         const startingPosition = { ...currentPosition };
-        const nextCoord = dimension === "cols"
-            ? this.getNextAvailableCol(direction, startingPosition.col, startingPosition.row)
-            : this.getNextAvailableRow(direction, startingPosition.col, startingPosition.row);
-        startingPosition[dimOfInterest] = nextCoord;
+        startingPosition[dimOfInterest] =
+            dimension === "cols"
+                ? this.getNextAvailableCol(direction, startingPosition.col, startingPosition.row)
+                : this.getNextAvailableRow(direction, startingPosition.col, startingPosition.row);
         return { col: startingPosition.col, row: startingPosition.row };
     }
     getPosition() {
@@ -69549,6 +70064,8 @@ function createChart(chart, chartSheetIndex, data) {
         case "pie":
             plot = addDoughnutChart(chart.data, chartSheetIndex, data, { holeSize: 0 });
             break;
+        case "radar":
+            plot = addRadarChart(chart.data);
     }
     let position = "t";
     switch (chart.data.legendPosition) {
@@ -70007,6 +70524,53 @@ function addScatterChart(chart) {
     `
         : ""}`;
 }
+function addRadarChart(chart) {
+    const dataSetsColors = chart.dataSets.map((ds) => ds.backgroundColor ?? "");
+    const colors = new ColorGenerator(chart.dataSets.length, dataSetsColors);
+    const dataSetsNodes = [];
+    for (const [dsIndex, dataset] of Object.entries(chart.dataSets)) {
+        const color = toXlsxHexColor(colors.next());
+        const dataShapeProperty = shapeProperty({
+            line: {
+                width: 2.5,
+                style: "solid",
+                color,
+            },
+        });
+        const dataSetNode = escapeXml /*xml*/ `
+      <c:ser>
+        <c:idx val="${dsIndex}"/>
+        <c:order val="${dsIndex}"/>
+        <c:smooth val="0"/>
+        <c:marker>
+          <c:symbol val="circle" />
+          <c:size val="5"/>
+          ${shapeProperty({ backgroundColor: color, line: { color } })}
+        </c:marker>
+        ${extractDataSetLabel(dataset.label)}
+        ${dataShapeProperty}
+        ${chart.labelRange ? escapeXml `<c:cat>${stringRef(chart.labelRange)}</c:cat>` : ""} <!-- x-coordinate values -->
+        <c:val> <!-- x-coordinate values -->
+          ${numberRef(dataset.range)}
+        </c:val>
+      </c:ser>
+    `;
+        dataSetsNodes.push(dataSetNode);
+    }
+    return escapeXml /*xml*/ `
+    ${escapeXml /*xml*/ `
+        <c:radarChart>
+        <c:radarStyle val="marker"/>
+          <c:varyColors val="0"/>
+          ${joinXmlNodes(dataSetsNodes)}
+          <c:axId val="${catAxId}" />
+          <c:axId val="${valAxId}" />
+        </c:radarChart>
+        ${addAx("b", "c:catAx", catAxId, valAxId, chart.axesDesign?.x?.title, chart.fontColor)}
+        ${addAx("l", "c:valAx", valAxId, catAxId, chart.axesDesign?.y?.title, chart.fontColor)}
+      `}
+  `;
+}
 function addDoughnutChart(chart, chartSheetIndex, data, { holeSize } = { holeSize: 50 }) {
     const maxLength = largeMax(chart.dataSets.map((ds) => getRangeSize(ds.range, chartSheetIndex, data)));
     const colors = new ColorGenerator(maxLength);
@@ -70880,6 +71444,15 @@ function addTableColumns(table, sheetData) {
             ["id", i + 1], // id cannot be 0
             ["name", colName],
         ];
+        if (table.config.totalRow) {
+            // Note: To be 100% complete, we could also add a `totalsRowLabel` attribute for total strings, and a tag
+            // `<totalsRowFormula>` for the formula of the total. But those doesn't seem to be mandatory for Excel.
+            const colTotalXc = toXC(tableZone.left + i, tableZone.bottom);
+            const colTotalContent = sheetData.cells[colTotalXc]?.content;
+            if (colTotalContent?.startsWith("=")) {
+                colAttributes.push(["totalsRowFunction", "custom"]);
+            }
+        }
         columns.push(escapeXml /*xml*/ `<tableColumn ${formatAttributes(colAttributes)}/>`);
     }
     return escapeXml /*xml*/ `
@@ -70974,8 +71547,9 @@ function addRows(construct, data, sheet) {
                 }
                 else if (cell.content && cell.content !== "") {
                     const isTableHeader = isCellTableHeader(c, r, sheet);
+                    const isTableTotal = isCellTableTotal(c, r, sheet);
                     const isPlainText = !!(cell.format && isTextFormat(data.formats[cell.format]));
-                    ({ attrs: additionalAttrs, node: cellNode } = addContent(cell.content, construct.sharedStrings, isTableHeader || isPlainText));
+                    ({ attrs: additionalAttrs, node: cellNode } = addContent(cell.content, construct.sharedStrings, isTableHeader || isTableTotal || isPlainText));
                 }
                 attributes.push(...additionalAttrs);
                 // prettier-ignore
@@ -71009,6 +71583,16 @@ function isCellTableHeader(col, row, sheet) {
         return isInside(col, row, headerZone);
     });
 }
+function isCellTableTotal(col, row, sheet) {
+    return sheet.tables.some((table) => {
+        if (!table.config.totalRow) {
+            return false;
+        }
+        const zone = toZone(table.range);
+        const totalZone = { ...zone, top: zone.bottom };
+        return isInside(col, row, totalZone);
+    });
+}
 function addHyperlinks(construct, data, sheetIndex) {
     const sheet = data.sheets[sheetIndex];
     const cells = sheet.cells;
@@ -71094,25 +71678,23 @@ function addSheetViews(sheet) {
         ["showGridLines", sheet.areGridLinesVisible ? 1 : 0],
         ["workbookViewId", 0],
     ];
-    let sheetView = escapeXml /*xml*/ `
+    return escapeXml /*xml*/ `
       <sheetViews>
         <sheetView ${formatAttributes(sheetViewAttrs)}>
           ${splitPanes}
         </sheetView>
       </sheetViews>
     `;
-    return sheetView;
 }
 function addSheetProperties(sheet) {
     if (!sheet.color) {
         return "";
     }
-    let sheetView = escapeXml /*xml*/ `
+    return escapeXml /*xml*/ `
       <sheetPr>
         <tabColor ${formatAttributes([["rgb", toXlsxHexColor(sheet.color)]])} />
       </sheetPr>
     `;
-    return sheetView;
 }
 
 /**
@@ -71425,9 +72007,7 @@ var Status;
 })(Status || (Status = {}));
 class Model extends EventBus {
     corePlugins = [];
-    featurePlugins = [];
     statefulUIPlugins = [];
-    coreViewsPlugins = [];
     range;
     session;
     /**
@@ -71472,7 +72052,7 @@ class Model extends EventBus {
     coreHandlers = [];
     constructor(data = {}, config = {}, stateUpdateMessages = [], uuidGenerator = new UuidGenerator(), verboseImport = false) {
         const start = performance.now();
-        console.group("Model creation");
+        console.debug("##### Model creation #####");
         super();
         setDefaultTranslationMethod();
         stateUpdateMessages = repairInitialMessages(data, stateUpdateMessages);
@@ -71499,7 +72079,6 @@ class Model extends EventBus {
             isReadonly: () => this.config.mode === "readonly" || this.config.mode === "dashboard",
             isDashboard: () => this.config.mode === "dashboard",
         };
-        this.uuidGenerator.setIsFastStrategy(true);
         // Initiate stream processor
         this.selection = new SelectionStreamProcessorImpl(this.getters);
         this.coreHandlers.push(this.range);
@@ -71514,7 +72093,6 @@ class Model extends EventBus {
         this.session.loadInitialMessages(stateUpdateMessages);
         for (let Plugin of coreViewsPluginRegistry.getAll()) {
             const plugin = this.setupUiPlugin(Plugin);
-            this.coreViewsPlugins.push(plugin);
             this.handlers.push(plugin);
             this.uiHandlers.push(plugin);
             this.coreHandlers.push(plugin);
@@ -71527,11 +72105,9 @@ class Model extends EventBus {
         }
         for (let Plugin of featurePluginRegistry.getAll()) {
             const plugin = this.setupUiPlugin(Plugin);
-            this.featurePlugins.push(plugin);
             this.handlers.push(plugin);
             this.uiHandlers.push(plugin);
         }
-        this.uuidGenerator.setIsFastStrategy(false);
         // starting plugins
         this.dispatch("START");
         // Model should be the last permanent subscriber in the list since he should render
@@ -71545,16 +72121,16 @@ class Model extends EventBus {
         this.joinSession();
         if (config.snapshotRequested) {
             const startSnapshot = performance.now();
-            console.info("Snapshot requested");
+            console.debug("Snapshot requested");
             this.session.snapshot(this.exportData());
             this.garbageCollectExternalResources();
-            console.info("Snapshot taken in", performance.now() - startSnapshot, "ms");
+            console.debug("Snapshot taken in", performance.now() - startSnapshot, "ms");
         }
         // mark all models as "raw", so they will not be turned into reactive objects
         // by owl, since we do not rely on reactivity
         markRaw(this);
-        console.info("Model created in", performance.now() - start, "ms");
-        console.groupEnd();
+        console.debug("Model created in", performance.now() - start, "ms");
+        console.debug("######");
     }
     joinSession() {
         this.session.join(this.config.client);
@@ -71613,7 +72189,7 @@ class Model extends EventBus {
         this.finalize();
     }
     setupSession(revisionId) {
-        const session = new Session(buildRevisionLog({
+        return new Session(buildRevisionLog({
             initialRevisionId: revisionId,
             recordChanges: this.state.recordChanges.bind(this.state),
             dispatch: (command) => {
@@ -71626,7 +72202,6 @@ class Model extends EventBus {
                 this.isReplayingCommand = false;
             },
         }), this.config.transportService, revisionId);
-        return session;
     }
     setupSessionEvents() {
         this.session.on("remote-revision-received", this, this.onRemoteRevisionReceived);
@@ -71679,7 +72254,6 @@ class Model extends EventBus {
             range: this.range,
             dispatch: this.dispatchFromCorePlugin,
             canDispatch: this.canDispatch,
-            uuidGenerator: this.uuidGenerator,
             custom: this.config.custom,
             external: this.config.external,
         };
@@ -71720,8 +72294,7 @@ class Model extends EventBus {
         return results;
     }
     checkDispatchAllowedLocalCommand(command) {
-        const results = this.uiHandlers.map((handler) => handler.allowDispatch(command));
-        return results;
+        return this.uiHandlers.map((handler) => handler.allowDispatch(command));
     }
     finalize() {
         this.status = 3 /* Status.Finalizing */;
@@ -71778,7 +72351,7 @@ class Model extends EventBus {
                     this.finalize();
                     const time = performance.now() - start;
                     if (time > 5) {
-                        console.info(type, time, "ms");
+                        console.debug(type, time, "ms");
                     }
                 });
                 this.session.save(command, commands, changes);
@@ -72081,7 +72654,6 @@ const components = {
     PivotDimensionOrder,
     PivotDimension,
     PivotLayoutConfigurator,
-    EditableName,
     PivotDeferUpdate,
     PivotTitleSection,
     CogWheelMenu,
@@ -72130,6 +72702,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 = "18.1.0-alpha.0";
-__info__.date = "2024-09-25T13:17:49.636Z";
-__info__.hash = "288f0b7";
+__info__.version = "18.1.0-alpha.2";
+__info__.date = "2024-10-24T08:53:21.828Z";
+__info__.hash = "2a01250";