@odoo/o-spreadsheet 18.0.0 → 18.0.2

package/dist/o-spreadsheet.iife.js

@@ -2,14 +2,120 @@
 /**
  * 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
  */
 
 (function (exports, owl) {
   'use strict';
 
+  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";
@@ -269,7 +375,7 @@
       bandedRows: true,
       bandedColumns: false,
       styleId: "TableStyleMedium5",
-      automaticAutofill: true,
+      automaticAutofill: false,
   };
   const DEFAULT_CURRENCY = {
       symbol: "$",
@@ -5994,111 +6100,6 @@
       }
   }
 
-  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));
@@ -8453,31 +8454,34 @@
               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 {
@@ -8558,11 +8562,14 @@
                   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) {
@@ -9403,70 +9410,114 @@ stores.inject(MyMetaStore, storeInstance);
           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 = {
@@ -17842,7 +17893,7 @@ stores.inject(MyMetaStore, storeInstance);
           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) {
@@ -17854,7 +17905,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
           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));
@@ -18287,7 +18338,7 @@ stores.inject(MyMetaStore, storeInstance);
           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) {
@@ -18317,7 +18368,7 @@ stores.inject(MyMetaStore, storeInstance);
           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) {
@@ -18368,7 +18419,7 @@ stores.inject(MyMetaStore, storeInstance);
           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) {
@@ -21577,6 +21628,7 @@ stores.inject(MyMetaStore, storeInstance);
           // replace the whole token
           start = tokenAtCursor.start;
       }
+      this.composer.stopComposerRangeSelection();
       this.composer.changeComposerCursorSelection(start, end);
       this.composer.replaceComposerCursorSelection(value);
   }
@@ -21594,6 +21646,7 @@ stores.inject(MyMetaStore, storeInstance);
           // replace the whole token
           start = tokenAtCursor.start;
       }
+      this.composer.stopComposerRangeSelection();
       this.composer.changeComposerCursorSelection(start, end);
       this.composer.replaceComposerCursorSelection(value);
   }
@@ -21727,9 +21780,13 @@ stores.inject(MyMetaStore, storeInstance);
           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]);
@@ -21751,7 +21808,7 @@ stores.inject(MyMetaStore, storeInstance);
               return field ? makeFieldProposal(field, granularity) : undefined;
           })
               .concat(groupBys.map((groupBy) => {
-              if (!supportedPivotPositionalFormulaRegistry.get(pivot.type)) {
+              if (!isPositionalSupported) {
                   return undefined;
               }
               const fieldName = groupBy.split(":")[0];
@@ -22186,6 +22243,27 @@ stores.inject(MyMetaStore, storeInstance);
               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) => {
@@ -22266,7 +22344,9 @@ stores.inject(MyMetaStore, storeInstance);
           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);
           }
@@ -22302,6 +22382,72 @@ stores.inject(MyMetaStore, storeInstance);
       }
       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) => {
@@ -22349,12 +22495,47 @@ stores.inject(MyMetaStore, storeInstance);
           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 {
@@ -22365,6 +22546,37 @@ stores.inject(MyMetaStore, storeInstance);
       },
       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();
 
@@ -27292,7 +27504,7 @@ stores.inject(MyMetaStore, storeInstance);
       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);
@@ -27306,13 +27518,13 @@ stores.inject(MyMetaStore, storeInstance);
       // 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;
   }
   // -----------------------------------------------------------------------------
@@ -27342,7 +27554,7 @@ stores.inject(MyMetaStore, storeInstance);
       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;
   }
   /**
@@ -27921,7 +28133,7 @@ stores.inject(MyMetaStore, storeInstance);
                           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;
@@ -28362,13 +28574,10 @@ stores.inject(MyMetaStore, storeInstance);
            * 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 };
@@ -28738,7 +28947,6 @@ stores.inject(MyMetaStore, storeInstance);
       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];
@@ -28826,15 +29034,12 @@ stores.inject(MyMetaStore, storeInstance);
            * 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,
@@ -28899,6 +29104,7 @@ stores.inject(MyMetaStore, storeInstance);
               ranges.push({
                   ...this.dataSetDesign?.[i],
                   dataRange: this.getters.getRangeString(dataSet.dataRange, targetSheetId || this.sheetId),
+                  type: this.dataSetDesign?.[i]?.type ?? (i ? "line" : "bar"),
               });
           }
           return {
@@ -28944,9 +29150,13 @@ stores.inject(MyMetaStore, storeInstance);
           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",
@@ -28991,7 +29201,6 @@ stores.inject(MyMetaStore, storeInstance);
       const config = getDefaultChartJsRuntime(chart, labels, fontColor, localeFormat);
       const legend = {
           labels: { color: fontColor },
-          reverse: true,
       };
       if (chart.legendPosition === "none") {
           legend.display = false;
@@ -29059,14 +29268,15 @@ stores.inject(MyMetaStore, storeInstance);
       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;
@@ -29093,13 +29303,10 @@ stores.inject(MyMetaStore, storeInstance);
            * 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 };
@@ -35295,6 +35502,7 @@ stores.inject(MyMetaStore, storeInstance);
   <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 {
@@ -35302,8 +35510,8 @@ stores.inject(MyMetaStore, storeInstance);
       -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;
@@ -36088,7 +36296,6 @@ stores.inject(MyMetaStore, storeInstance);
   css /* scss */ `
   .o_side_panel_collapsible_title {
     font-size: 16px;
-    font-weight: bold;
     cursor: pointer;
     padding: 6px 0px 6px 6px !important;
 
@@ -37068,6 +37275,9 @@ stores.inject(MyMetaStore, storeInstance);
       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;
@@ -37184,12 +37394,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       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);
@@ -37211,6 +37416,36 @@ stores.inject(MyMetaStore, storeInstance);
           };
           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 owl.Component {
@@ -37639,7 +37874,7 @@ stores.inject(MyMetaStore, storeInstance);
   })
       .add("combo", {
       configuration: GenericChartConfigPanel,
-      design: ChartWithAxisDesignPanel,
+      design: ComboChartDesignPanel,
   })
       .add("pie", {
       configuration: GenericChartConfigPanel,
@@ -39013,7 +39248,6 @@ stores.inject(MyMetaStore, storeInstance);
       width: 142px;
       .o-cf-preview-description-rule {
         margin-bottom: 4px;
-        font-weight: 600;
         max-height: 2.8em;
         line-height: 1.4em;
       }
@@ -42015,7 +42249,6 @@ stores.inject(MyMetaStore, storeInstance);
           sequence: 0,
           autoSelectFirstProposal: true,
           getProposals(tokenAtCursor) {
-              // return []
               const measureProposals = pivot.measures
                   .filter((m) => m !== forComputedMeasure)
                   .map((measure) => {
@@ -42818,8 +43051,9 @@ stores.inject(MyMetaStore, storeInstance);
    * 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
@@ -42828,7 +43062,6 @@ stores.inject(MyMetaStore, storeInstance);
           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;
@@ -43589,7 +43822,7 @@ stores.inject(MyMetaStore, storeInstance);
       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,
   });
 
@@ -46118,13 +46351,10 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
-  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) */
@@ -46133,13 +46363,15 @@ stores.inject(MyMetaStore, storeInstance);
 `;
   class DataValidationCheckbox extends owl.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() {
@@ -46953,7 +47185,12 @@ stores.inject(MyMetaStore, storeInstance);
   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) {
@@ -46963,6 +47200,13 @@ stores.inject(MyMetaStore, storeInstance);
               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";
@@ -46972,16 +47216,7 @@ stores.inject(MyMetaStore, storeInstance);
           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";
@@ -46989,7 +47224,24 @@ stores.inject(MyMetaStore, storeInstance);
       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;
@@ -55234,7 +55486,7 @@ stores.inject(MyMetaStore, storeInstance);
               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;
               }
@@ -55274,7 +55526,7 @@ stores.inject(MyMetaStore, storeInstance);
           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.
@@ -56916,7 +57168,7 @@ stores.inject(MyMetaStore, storeInstance);
           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();
@@ -56960,7 +57212,7 @@ stores.inject(MyMetaStore, storeInstance);
           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);
@@ -59051,7 +59303,7 @@ stores.inject(MyMetaStore, storeInstance);
               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
@@ -59095,7 +59347,7 @@ stores.inject(MyMetaStore, storeInstance);
               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
@@ -59174,10 +59426,10 @@ stores.inject(MyMetaStore, storeInstance);
               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) {
@@ -60706,7 +60958,7 @@ stores.inject(MyMetaStore, storeInstance);
               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
@@ -60945,6 +61197,7 @@ stores.inject(MyMetaStore, storeInstance);
               case "REMOTE_REVISION":
               case "REVISION_REDONE":
               case "REVISION_UNDONE":
+              case "SNAPSHOT_CREATED":
                   return this.processedRevisions.has(message.nextRevisionId);
               default:
                   return false;
@@ -61502,12 +61755,13 @@ stores.inject(MyMetaStore, storeInstance);
           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,
@@ -61515,20 +61769,19 @@ stores.inject(MyMetaStore, storeInstance);
               })),
               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;
@@ -66636,10 +66889,9 @@ stores.inject(MyMetaStore, storeInstance);
     user-select: none;
     color: ${TEXT_BODY};
 
-    .o-heading-3 {
+    .o-sidePanelTitle {
       line-height: 20px;
       font-size: 16px;
-      font-weight: 600;
     }
 
     .o-sidePanelHeader {
@@ -66724,6 +66976,10 @@ stores.inject(MyMetaStore, storeInstance);
       }
     }
   }
+
+  .o-fw-bold {
+    font-weight: 500;
+  }
 `;
   class SidePanel extends owl.Component {
       static template = "o-spreadsheet-SidePanel";
@@ -70881,6 +71137,15 @@ stores.inject(MyMetaStore, storeInstance);
               ["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*/ `
@@ -70975,8 +71240,9 @@ stores.inject(MyMetaStore, storeInstance);
                   }
                   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
@@ -71010,6 +71276,16 @@ stores.inject(MyMetaStore, storeInstance);
           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;
@@ -71473,7 +71749,7 @@ stores.inject(MyMetaStore, storeInstance);
       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);
@@ -71500,7 +71776,6 @@ stores.inject(MyMetaStore, storeInstance);
               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);
@@ -71546,16 +71821,16 @@ stores.inject(MyMetaStore, storeInstance);
           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
           owl.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);
@@ -71779,7 +72054,7 @@ stores.inject(MyMetaStore, storeInstance);
                       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);
@@ -72174,9 +72449,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = 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";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);