@odoo/o-spreadsheet 18.0.0 → 18.0.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.0.0
- * @date 2024-09-25T12:54:19.974Z
- * @hash cee2e47
+ * @version 18.0.2
+ * @date 2024-10-24T08:54:21.934Z
+ * @hash 788df92
  */
 
 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";
@@ -268,7 +374,7 @@ const PIVOT_TABLE_CONFIG = {
     bandedRows: true,
     bandedColumns: false,
     styleId: "TableStyleMedium5",
-    automaticAutofill: true,
+    automaticAutofill: false,
 };
 const DEFAULT_CURRENCY = {
     symbol: "$",
@@ -5993,111 +6099,6 @@ class UuidGenerator {
     }
 }
 
-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));
@@ -8452,31 +8453,34 @@ 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);
+                if (!copiedTablesIds.has(table.id) &&
+                    coreTable &&
+                    tableZone &&
+                    zones.some((z) => isZoneInside(tableZone, z))) {
+                    copiedTablesIds.add(table.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) });
+                    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 +8561,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) {
@@ -9402,70 +9409,114 @@ 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 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(options.callback(value - 0), 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);
+            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 = {
@@ -17841,7 +17892,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 +17904,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));
@@ -18286,7 +18337,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 +18367,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) {
@@ -18367,7 +18418,7 @@ const PIVOT = {
         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) {
@@ -21576,6 +21627,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 +21645,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 +21779,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 +21807,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];
@@ -22185,6 +22242,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 +22343,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 +22381,72 @@ 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];
+            const days = Math.floor(date.getTime()) - Math.floor(previous.getTime());
+            return days;
+        })
+            .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 +22494,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 +22545,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();
 
@@ -27291,7 +27503,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 +27517,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 +27553,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;
 }
 /**
@@ -27920,7 +28132,7 @@ 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;
@@ -28361,13 +28573,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 };
@@ -28737,7 +28946,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];
@@ -28825,15 +29033,12 @@ 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,
@@ -28898,6 +29103,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 +29149,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",
@@ -28990,7 +29200,6 @@ function createComboChartRuntime(chart, getters) {
     const config = getDefaultChartJsRuntime(chart, labels, fontColor, localeFormat);
     const legend = {
         labels: { color: fontColor },
-        reverse: true,
     };
     if (chart.legendPosition === "none") {
         legend.display = false;
@@ -29058,14 +29267,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 +29302,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 };
@@ -35294,6 +35501,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 +35509,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;
@@ -36087,7 +36295,6 @@ class BarConfigPanel extends GenericChartConfigPanel {
 css /* scss */ `
   .o_side_panel_collapsible_title {
     font-size: 16px;
-    font-weight: bold;
     cursor: pointer;
     padding: 6px 0px 6px 6px !important;
 
@@ -37067,6 +37274,9 @@ class ChartWithAxisDesignPanel extends Component {
     getDataSeries() {
         return this.props.definition.dataSets.map((d, i) => d.label ?? `${ChartTerms.Series} ${i + 1}`);
     }
+    getPolynomialDegrees() {
+        return range(1, this.getMaxPolynomialDegree() + 1);
+    }
     updateSerieEditor(ev) {
         const chartId = this.props.figureId;
         const selectedIndex = ev.target.selectedIndex;
@@ -37183,12 +37393,7 @@ class ChartWithAxisDesignPanel extends Component {
     }
     onChangePolynomialDegree(ev) {
         const element = ev.target;
-        const order = parseInt(element.value || "1");
-        if (order < 2) {
-            element.value = `${this.getTrendLineConfiguration()?.order ?? 2}`;
-            return;
-        }
-        this.updateTrendLineValue({ order });
+        this.updateTrendLineValue({ order: parseInt(element.value) });
     }
     getTrendLineColor() {
         return this.getTrendLineConfiguration()?.color ?? setColorAlpha(this.getDataSerieColor(), 0.5);
@@ -37210,6 +37415,36 @@ class ChartWithAxisDesignPanel extends Component {
         };
         this.props.updateChart(this.props.figureId, { dataSets });
     }
+    getMaxPolynomialDegree() {
+        const runtime = this.env.model.getters.getChartRuntime(this.props.figureId);
+        return Math.min(10, runtime.chartJsConfig.data.datasets[this.state.index].data.length - 1);
+    }
+}
+
+class ComboChartDesignPanel extends ChartWithAxisDesignPanel {
+    static template = "o-spreadsheet-ComboChartDesignPanel";
+    seriesTypeChoices = [
+        { value: "bar", label: _t("Bar") },
+        { value: "line", label: _t("Line") },
+    ];
+    updateDataSeriesType(type) {
+        const dataSets = [...this.props.definition.dataSets];
+        if (!dataSets?.[this.state.index]) {
+            return;
+        }
+        dataSets[this.state.index] = {
+            ...dataSets[this.state.index],
+            type,
+        };
+        this.props.updateChart(this.props.figureId, { dataSets });
+    }
+    getDataSeriesType() {
+        const dataSets = this.props.definition.dataSets;
+        if (!dataSets?.[this.state.index]) {
+            return "bar";
+        }
+        return dataSets[this.state.index].type ?? "line";
+    }
 }
 
 class GaugeChartConfigPanel extends Component {
@@ -37638,7 +37873,7 @@ chartSidePanelComponentRegistry
 })
     .add("combo", {
     configuration: GenericChartConfigPanel,
-    design: ChartWithAxisDesignPanel,
+    design: ComboChartDesignPanel,
 })
     .add("pie", {
     configuration: GenericChartConfigPanel,
@@ -39012,7 +39247,6 @@ css /* scss */ `
       width: 142px;
       .o-cf-preview-description-rule {
         margin-bottom: 4px;
-        font-weight: 600;
         max-height: 2.8em;
         line-height: 1.4em;
       }
@@ -42014,7 +42248,6 @@ function createMeasureAutoComplete(pivot, forComputedMeasure) {
         sequence: 0,
         autoSelectFirstProposal: true,
         getProposals(tokenAtCursor) {
-            // return []
             const measureProposals = pivot.measures
                 .filter((m) => m !== forComputedMeasure)
                 .map((measure) => {
@@ -42817,8 +43050,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 +43061,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,7 +43821,7 @@ 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,
 });
 
@@ -46117,13 +46350,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 +46362,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 +47184,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 +47199,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 +47215,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 +47223,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;
@@ -55233,7 +55485,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 +55525,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 +57167,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 +57211,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);
@@ -59050,7 +59302,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 +59346,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
@@ -59173,10 +59425,10 @@ function withPivotPresentationLayer (PivotClass) {
             const comparedValueNumber = this.strictMeasureValueToNumber(comparedValue);
             return comparedValueNumber;
         }
-        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 +60957,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
@@ -60944,6 +61196,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;
@@ -61501,12 +61754,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 +61768,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;
@@ -66635,10 +66888,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 +66975,10 @@ css /* scss */ `
       }
     }
   }
+
+  .o-fw-bold {
+    font-weight: 500;
+  }
 `;
 class SidePanel extends Component {
     static template = "o-spreadsheet-SidePanel";
@@ -70880,6 +71136,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 +71239,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 +71275,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;
@@ -71472,7 +71748,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 +71775,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);
@@ -71545,16 +71820,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);
@@ -71778,7 +72053,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);
@@ -72130,6 +72405,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.0.0";
-__info__.date = "2024-09-25T12:54:19.974Z";
-__info__.hash = "cee2e47";
+__info__.version = "18.0.2";
+__info__.date = "2024-10-24T08:54:21.934Z";
+__info__.hash = "788df92";