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

package/dist/o-spreadsheet.iife.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 18.1.0-alpha.1
- * @date 2024-10-14T07:53:17.717Z
- * @hash e9ce3aa
+ * @version 18.1.0-alpha.2
+ * @date 2024-10-24T08:53:21.828Z
+ * @hash 2a01250
  */
 
 (function (exports, owl) {
@@ -330,6 +330,7 @@
   const DEFAULT_SCORECARD_BASELINE_COLOR_UP = "#43C5B1";
   const DEFAULT_SCORECARD_BASELINE_COLOR_DOWN = "#EA6175";
   const LINE_FILL_TRANSPARENCY = 0.4;
+  const DEFAULT_WINDOW_SIZE = 2;
   // session
   const DEBOUNCE_TIME = 200;
   const MESSAGE_VERSION = 1;
@@ -375,7 +376,7 @@
       bandedRows: true,
       bandedColumns: false,
       styleId: "TableStyleMedium5",
-      automaticAutofill: true,
+      automaticAutofill: false,
   };
   const DEFAULT_CURRENCY = {
       symbol: "$",
@@ -591,7 +592,7 @@
    */
   function parseSheetUrl(sheetLink) {
       if (sheetLink.startsWith(O_SPREADSHEET_LINK_PREFIX)) {
-          return sheetLink.substr(O_SPREADSHEET_LINK_PREFIX.length);
+          return sheetLink.slice(O_SPREADSHEET_LINK_PREFIX.length);
       }
       throw new Error(`${sheetLink} is not a valid sheet link`);
   }
@@ -3156,8 +3157,7 @@
       const p2 = pMinus + pNumber + pCurrencyFormat;
       const p3 = pCurrencyFormat + pMinus + pNumber;
       const pNumberExp = "^(?:(?:" + [p1, p2, p3].join(")|(?:") + "))$";
-      const numberRegexp = new RegExp(pNumberExp, "i");
-      return numberRegexp;
+      return new RegExp(pNumberExp, "i");
   });
   /**
    * Return true if the argument is a "number string".
@@ -5831,8 +5831,7 @@
           textWidthCache[font] = {};
       }
       if (textWidthCache[font][text] === undefined) {
-          const textWidth = context.measureText(text).width;
-          textWidthCache[font][text] = textWidth;
+          textWidthCache[font][text] = context.measureText(text).width;
       }
       return textWidthCache[font][text];
   }
@@ -6084,7 +6083,7 @@
           else {
               // mainly for jest and other browsers that do not have the crypto functionality
               return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
-                  var r = (Math.random() * 16) | 0, v = c === "x" ? r : (r & 0x3) | 0x8;
+                  const r = (Math.random() * 16) | 0, v = c === "x" ? r : (r & 0x3) | 0x8;
                   return v.toString(16);
               });
           }
@@ -6581,10 +6580,9 @@
           return literal;
       }
       const decimalNumberRegex = getDecimalNumberRegex(DEFAULT_LOCALE);
-      const localized = literal.replace(decimalNumberRegex, (match) => {
+      return literal.replace(decimalNumberRegex, (match) => {
           return match.replace(".", locale.decimalSeparator);
       });
-      return localized;
   }
   /**
    * Change a literal string from its canonical form (en_US locale) to the given locale. Also convert date string.
@@ -7069,6 +7067,21 @@
       });
       return newY.length === newX.length ? newY : transposeMatrix(newY);
   }
+  function getMovingAverageValues(dataset, windowSize = DEFAULT_WINDOW_SIZE) {
+      const values = [];
+      // Fill the starting values with null until we have a full window
+      for (let i = 0; i < windowSize - 1; i++) {
+          values.push(null);
+      }
+      for (let i = 0; i <= dataset.length - windowSize; i++) {
+          let sum = 0;
+          for (let j = i; j < i + windowSize; j++) {
+              sum += dataset[j];
+          }
+          values.push(sum / windowSize);
+      }
+      return values;
+  }
 
   const PREVIOUS_VALUE = "(previous)";
   const NEXT_VALUE = "(next)";
@@ -7604,8 +7617,7 @@
           return 0;
       }
       const nums = keys.map((id) => parseInt(id, 10));
-      const max = Math.max(...nums);
-      return max;
+      return Math.max(...nums);
   }
   const ALL_PERIODS = {
       year: _t("Year"),
@@ -8458,10 +8470,6 @@
                       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 }));
-                      }
                       copiedTable = {
                           range: coreTable.range.rangeData,
                           config: coreTable.config,
@@ -9242,11 +9250,10 @@ stores.inject(MyMetaStore, storeInstance);
       const { x, y } = getters.getMainViewportCoordinates();
       const { scrollX, scrollY } = getters.getActiveSheetScrollInfo();
       const { width, height } = getters.getVisibleRect(getters.getActiveMainViewport());
-      const position = {
+      return {
           x: x + scrollX + Math.max(0, (width - chartSize.width) / 2),
           y: y + scrollY + Math.max(0, (height - chartSize.height) / 2),
       }; // Position at the center of the scrollable viewport
-      return position;
   }
   function getChartAxisTitleRuntime(design) {
       if (design?.title?.text) {
@@ -9363,7 +9370,7 @@ stores.inject(MyMetaStore, storeInstance);
       return {
           ...dataset,
           type: "line",
-          xAxisID: TREND_LINE_XAXIS_ID,
+          xAxisID: config.type !== "trailingMovingAverage" ? TREND_LINE_XAXIS_ID : "x",
           label: dataset.label ? _t("Trend line for %s", dataset.label) : "",
           data,
           order: -1,
@@ -9405,6 +9412,9 @@ stores.inject(MyMetaStore, storeInstance);
           case "logarithmic": {
               return predictLinearValues([values], logM([labels]), logM([newLabels]), true)[0];
           }
+          case "trailingMovingAverage": {
+              return getMovingAverageValues(values, config.window);
+          }
           default:
               return [];
       }
@@ -9450,72 +9460,115 @@ 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;
-                      const horizontalChart = dataset.type === "bar" && options.horizontal;
-                      const axisId = horizontalChart ? dataset.xAxisID : dataset.yAxisID;
-                      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, axisId);
-                          let xPosition = 0, yPosition = 0;
-                          if (options.horizontal) {
-                              yPosition = point.y;
-                              if (value < 0) {
-                                  ctx.textAlign = "right";
-                                  xPosition = point.x - yOffset;
-                              }
-                              else {
-                                  ctx.textAlign = "left";
-                                  xPosition = point.x + yOffset;
-                              }
-                          }
-                          else {
-                              xPosition = point.x;
-                              if (value < 0) {
-                                  ctx.textBaseline = "top";
-                                  yPosition = point.y + yOffset;
-                              }
-                              else {
-                                  ctx.textBaseline = "bottom";
-                                  yPosition = point.y - yOffset;
-                              }
-                          }
-                          ctx.strokeText(displayedValue, xPosition, yPosition);
-                          ctx.fillText(displayedValue, xPosition, yPosition);
-                      }
-                      break;
-                  }
-              }
-          });
+          ctx.miterLimit = 1; // Avoid sharp artifacts on strokeText
+          switch (chart.config.type) {
+              case "pie":
+              case "doughnut":
+                  drawPieChartValues(chart, options, ctx);
+                  break;
+              case "bar":
+              case "line":
+                  options.horizontal
+                      ? drawHorizontalBarChartValues(chart, options, ctx)
+                      : drawLineOrBarChartValues(chart, options, ctx);
+                  break;
+          }
           ctx.restore();
       },
   };
+  function drawTextWithBackground(text, x, y, ctx) {
+      ctx.lineWidth = 3; // Stroke the text with a big lineWidth width to have some kind of background
+      ctx.strokeText(text, x, y);
+      ctx.lineWidth = 1;
+      ctx.fillText(text, x, y);
+  }
+  function drawLineOrBarChartValues(chart, options, ctx) {
+      const yMax = chart.chartArea.bottom;
+      const yMin = chart.chartArea.top;
+      const textsPositions = {};
+      for (const dataset of chart._metasets) {
+          if (dataset.xAxisID === TREND_LINE_XAXIS_ID) {
+              return; // ignore trend lines
+          }
+          for (let i = 0; i < dataset._parsed.length; i++) {
+              const value = dataset._parsed[i].y;
+              const displayValue = options.callback(value - 0, dataset.yAxisID);
+              const point = dataset.data[i];
+              const xPosition = point.x;
+              let yPosition = 0;
+              if (chart.config.type === "line") {
+                  yPosition = point.y - 10;
+              }
+              else {
+                  yPosition = value < 0 ? point.y - point.height / 2 : point.y + point.height / 2;
+              }
+              yPosition = Math.min(yPosition, yMax);
+              yPosition = Math.max(yPosition, yMin);
+              // Avoid overlapping texts with same X
+              if (!textsPositions[xPosition]) {
+                  textsPositions[xPosition] = [];
+              }
+              for (const otherPosition of textsPositions[xPosition] || []) {
+                  if (Math.abs(otherPosition - yPosition) < 13) {
+                      yPosition = otherPosition - 13;
+                  }
+              }
+              textsPositions[xPosition].push(yPosition);
+              ctx.fillStyle = point.options.backgroundColor;
+              ctx.strokeStyle = options.background || "#ffffff";
+              drawTextWithBackground(displayValue, xPosition, yPosition, ctx);
+          }
+      }
+  }
+  function drawHorizontalBarChartValues(chart, options, ctx) {
+      const xMax = chart.chartArea.right;
+      const xMin = chart.chartArea.left;
+      const textsPositions = {};
+      for (const dataset of chart._metasets) {
+          if (dataset.xAxisID === TREND_LINE_XAXIS_ID) {
+              return; // ignore trend lines
+          }
+          for (let i = 0; i < dataset._parsed.length; i++) {
+              const value = dataset._parsed[i].x;
+              const displayValue = options.callback(value - 0, dataset.xAxisID);
+              const point = dataset.data[i];
+              const yPosition = point.y;
+              let xPosition = value < 0 ? point.x + point.width / 2 : point.x - point.width / 2;
+              xPosition = Math.min(xPosition, xMax);
+              xPosition = Math.max(xPosition, xMin);
+              // Avoid overlapping texts with same Y
+              if (!textsPositions[yPosition]) {
+                  textsPositions[yPosition] = [];
+              }
+              const textWidth = computeTextWidth(ctx, displayValue, { fontSize: 12 }, "px");
+              for (const otherPosition of textsPositions[yPosition]) {
+                  if (Math.abs(otherPosition - xPosition) < textWidth) {
+                      xPosition = otherPosition + textWidth + 3;
+                  }
+              }
+              textsPositions[yPosition].push(xPosition);
+              ctx.fillStyle = point.options.backgroundColor;
+              ctx.strokeStyle = options.background || "#ffffff";
+              drawTextWithBackground(displayValue, xPosition, yPosition, ctx);
+          }
+      }
+  }
+  function drawPieChartValues(chart, options, ctx) {
+      for (const dataset of chart._metasets) {
+          for (let i = 0; i < dataset._parsed.length; i++) {
+              const bar = dataset.data[i];
+              const { startAngle, endAngle, innerRadius, outerRadius } = bar;
+              const midAngle = (startAngle + endAngle) / 2;
+              const midRadius = (innerRadius + outerRadius) / 2;
+              const x = bar.x + midRadius * Math.cos(midAngle);
+              const y = bar.y + midRadius * Math.sin(midAngle) + 7;
+              ctx.fillStyle = chartFontColor(options.background);
+              ctx.strokeStyle = options.background || "#ffffff";
+              const value = options.callback(dataset._parsed[i]);
+              drawTextWithBackground(value, x, y, ctx);
+          }
+      }
+  }
 
   /** This is a chartJS plugin that will draw connector lines between the bars of a Waterfall chart */
   const waterfallLinesPlugin = {
@@ -10293,8 +10346,7 @@ stores.inject(MyMetaStore, storeInstance);
           value = value.slice(index + 1);
       }
       pendingHtmlContent.push({ value });
-      const htmlContent = pendingHtmlContent.filter((content) => content.value);
-      return htmlContent;
+      return pendingHtmlContent.filter((content) => content.value);
   }
 
   //------------------------------------------------------------------------------
@@ -10698,7 +10750,7 @@ stores.inject(MyMetaStore, storeInstance);
           assertSquareMatrix(_t("The argument square_matrix must have the same number of columns and rows."), _matrix);
           const { inverted } = invertMatrix(_matrix);
           if (!inverted) {
-              throw new EvaluationError(_t("The matrix is not invertible."));
+              return new EvaluationError(_t("The matrix is not invertible."));
           }
           return inverted;
       },
@@ -10777,7 +10829,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
       }
       if (!validPairFound) {
-          throw new EvaluationError(_t("The arguments array_x and array_y must contain at least one pair of numbers."));
+          return new EvaluationError(_t("The arguments array_x and array_y must contain at least one pair of numbers."));
       }
       return result;
   }
@@ -10858,7 +10910,7 @@ stores.inject(MyMetaStore, storeInstance);
               .flat()
               .filter(shouldKeepValue(_ignore));
           if (result.length === 0) {
-              throw new NotAvailableError(_t("No results for the given arguments of TOCOL."));
+              return new NotAvailableError(_t("No results for the given arguments of TOCOL."));
           }
           return [result];
       },
@@ -10879,7 +10931,7 @@ stores.inject(MyMetaStore, storeInstance);
               .filter(shouldKeepValue(_ignore))
               .map((item) => [item]);
           if (result.length === 0 || result[0].length === 0) {
-              throw new NotAvailableError(_t("No results for the given arguments of TOROW."));
+              return new NotAvailableError(_t("No results for the given arguments of TOROW."));
           }
           return result;
       },
@@ -11439,7 +11491,7 @@ stores.inject(MyMetaStore, storeInstance);
            * Return error if 'value' is positive.
            * Remove '-?' in the next regex to catch this error.
            */
-          assert(() => !!DECIMAL_REPRESENTATION.test(_value), _t("The value (%s) must be a valid base %s representation.", _value, _base.toString()));
+          assert(() => DECIMAL_REPRESENTATION.test(_value), _t("The value (%s) must be a valid base %s representation.", _value, _base.toString()));
           const deci = parseInt(_value, _base);
           assert(() => !isNaN(deci), _t("The value (%s) must be a valid base %s representation.", _value, _base.toString()));
           return deci;
@@ -11707,7 +11759,7 @@ stores.inject(MyMetaStore, storeInstance);
                               count += 1;
                           }
                           if (isEvaluationError(f)) {
-                              throw j;
+                              return j;
                           }
                       }
                   }
@@ -12210,9 +12262,8 @@ stores.inject(MyMetaStore, storeInstance);
   }
   function variance(args, isSample, textAs0, locale) {
       let count = 0;
-      let sum = 0;
       const reduceFunction = textAs0 ? reduceNumbersTextAs0 : reduceNumbers;
-      sum = reduceFunction(args, (acc, a) => {
+      const sum = reduceFunction(args, (acc, a) => {
           count += 1;
           return acc + a;
       }, 0, locale);
@@ -12609,7 +12660,7 @@ stores.inject(MyMetaStore, storeInstance);
           const flatY = dataY.flat();
           assertSameNumberOfElements(flatX, flatY);
           if (flatX.length === 0) {
-              throw new EvaluationError(_t("[[FUNCTION_NAME]] expects non-empty ranges for both parameters."));
+              return new EvaluationError(_t("[[FUNCTION_NAME]] expects non-empty ranges for both parameters."));
           }
           const n = flatX.length;
           let trueN = 0, trueP = 0, falseP = 0, falseN = 0;
@@ -13409,9 +13460,8 @@ stores.inject(MyMetaStore, storeInstance);
       // 4 - return for each database row corresponding, the cells corresponding to the field parameter
       const fieldCol = database[index];
       // Example continuation:: fieldCol = ["C", "j", "k", 7]
-      const matchingCells = [...matchingRows].map((x) => fieldCol[x + 1]);
       // Example continuation:: matchingCells = ["j", 7]
-      return matchingCells;
+      return [...matchingRows].map((x) => fieldCol[x + 1]);
   }
   const databaseArgs = [
       arg("database (range)", _t("The array or range containing the data to consider, structured in such a way that the first row contains the labels for each column's values.")),
@@ -14596,7 +14646,7 @@ stores.inject(MyMetaStore, storeInstance);
               }
           }
           if (!result.length) {
-              throw new NotAvailableError(_t("No match found in FILTER evaluation"));
+              return new NotAvailableError(_t("No match found in FILTER evaluation"));
           }
           return mode === "row" ? transposeMatrix(result) : result;
       },
@@ -17294,7 +17344,7 @@ stores.inject(MyMetaStore, storeInstance);
               argsTokens[argPosition].push({ value: token.value, type: token.type });
           }
       }
-      const res = tokens.map((token, i) => {
+      return tokens.map((token, i) => {
           if (!["SPACE", "LEFT_PAREN"].includes(token.type)) {
               functionStarted = "";
           }
@@ -17332,7 +17382,6 @@ stores.inject(MyMetaStore, storeInstance);
           }
           return token;
       });
-      return res;
   }
   /**
    * Parse the list of tokens that compose the arguments of a function to
@@ -17788,7 +17837,7 @@ stores.inject(MyMetaStore, storeInstance);
                   return result;
               }
           }
-          throw new EvaluationError(_t("No match."));
+          return new EvaluationError(_t("No match."));
       },
       isExported: true,
   };
@@ -17952,8 +18001,8 @@ stores.inject(MyMetaStore, storeInstance);
           let cellReference;
           if (_useA1Notation) {
               const rangePart = {
-                  rowFixed: [1, 2].includes(_absoluteRelativeMode) ? true : false,
-                  colFixed: [1, 3].includes(_absoluteRelativeMode) ? true : false,
+                  rowFixed: [1, 2].includes(_absoluteRelativeMode),
+                  colFixed: [1, 3].includes(_absoluteRelativeMode),
               };
               cellReference = toXC(colNumber - 1, rowNumber - 1, rangePart);
           }
@@ -17979,7 +18028,7 @@ stores.inject(MyMetaStore, storeInstance);
       ],
       compute: function (cellReference) {
           if (isEvaluationError(cellReference?.value)) {
-              throw cellReference;
+              return cellReference;
           }
           const column = cellReference === undefined
               ? this.__originCellPosition?.col
@@ -17997,7 +18046,7 @@ stores.inject(MyMetaStore, storeInstance);
       args: [arg("range (meta)", _t("The range whose column count will be returned."))],
       compute: function (range) {
           if (isEvaluationError(range?.value)) {
-              throw range;
+              return range;
           }
           const zone = toZone(range.value);
           return zone.right - zone.left + 1;
@@ -18077,11 +18126,11 @@ stores.inject(MyMetaStore, storeInstance);
       compute: function (reference, useA1Notation = { value: true }) {
           let _reference = reference?.value?.toString();
           if (!_reference) {
-              throw new InvalidReferenceError(_t("Reference should be defined."));
+              return new InvalidReferenceError(_t("Reference should be defined."));
           }
           const _useA1Notation = toBoolean(useA1Notation);
           if (!_useA1Notation) {
-              throw new EvaluationError(_t("R1C1 notation is not supported."));
+              return new EvaluationError(_t("R1C1 notation is not supported."));
           }
           const sheetId = this.__originSheetId;
           const originPosition = this.__originCellPosition;
@@ -18093,7 +18142,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
           const range = this.getters.getRangeFromSheetXC(sheetId, _reference);
           if (range === undefined || range.invalidXc || range.invalidSheetName) {
-              throw new InvalidReferenceError();
+              return new InvalidReferenceError();
           }
           if (originPosition) {
               this.addDependencies?.(originPosition, [range]);
@@ -18201,7 +18250,7 @@ stores.inject(MyMetaStore, storeInstance);
       ],
       compute: function (cellReference) {
           if (isEvaluationError(cellReference?.value)) {
-              throw cellReference;
+              return cellReference;
           }
           const row = cellReference === undefined
               ? this.__originCellPosition?.row
@@ -18219,7 +18268,7 @@ stores.inject(MyMetaStore, storeInstance);
       args: [arg("range (meta)", _t("The range whose row count will be returned."))],
       compute: function (range) {
           if (isEvaluationError(range?.value)) {
-              throw range;
+              return range;
           }
           const zone = toZone(range.value);
           return zone.bottom - zone.top + 1;
@@ -18406,11 +18455,11 @@ stores.inject(MyMetaStore, storeInstance);
           const _pivotFormulaId = toString(pivotFormulaId);
           const _rowCount = toNumber(rowCount, this.locale);
           if (_rowCount < 0) {
-              throw new EvaluationError(_t("The number of rows must be positive."));
+              return new EvaluationError(_t("The number of rows must be positive."));
           }
           const _columnCount = toNumber(columnCount, this.locale);
           if (_columnCount < 0) {
-              throw new EvaluationError(_t("The number of columns must be positive."));
+              return new EvaluationError(_t("The number of columns must be positive."));
           }
           const _includeColumnHeaders = toBoolean(includeColumnHeaders);
           const _includedTotal = toBoolean(includeTotal);
@@ -18609,6 +18658,12 @@ stores.inject(MyMetaStore, storeInstance);
           arg("value2 (any)", _t("The value to test against value1 for equality.")),
       ],
       compute: function (value1, value2) {
+          if (isEvaluationError(value1?.value)) {
+              return value1;
+          }
+          if (isEvaluationError(value2?.value)) {
+              return value2;
+          }
           let _value1 = isEmpty(value1) ? getNeutral[typeof value2?.value] : value1?.value;
           let _value2 = isEmpty(value2) ? getNeutral[typeof value1?.value] : value2?.value;
           if (typeof _value1 === "string") {
@@ -18617,27 +18672,21 @@ stores.inject(MyMetaStore, storeInstance);
           if (typeof _value2 === "string") {
               _value2 = _value2.toUpperCase();
           }
-          if (isEvaluationError(_value1)) {
-              throw value1;
-          }
-          if (isEvaluationError(_value2)) {
-              throw value2;
-          }
-          return _value1 === _value2;
+          return { value: _value1 === _value2 };
       },
   };
   // -----------------------------------------------------------------------------
   // GT
   // -----------------------------------------------------------------------------
   function applyRelationalOperator(value1, value2, cb) {
-      let _value1 = isEmpty(value1) ? getNeutral[typeof value2?.value] : value1?.value;
-      let _value2 = isEmpty(value2) ? getNeutral[typeof value1?.value] : value2?.value;
-      if (isEvaluationError(_value1)) {
-          throw value1;
+      if (isEvaluationError(value1?.value)) {
+          return value1;
       }
-      if (isEvaluationError(_value2)) {
-          throw value2;
+      if (isEvaluationError(value2?.value)) {
+          return value2;
       }
+      let _value1 = isEmpty(value1) ? getNeutral[typeof value2?.value] : value1?.value;
+      let _value2 = isEmpty(value2) ? getNeutral[typeof value1?.value] : value2?.value;
       if (typeof _value1 !== "number") {
           _value1 = toString(_value1).toUpperCase();
       }
@@ -18647,12 +18696,12 @@ stores.inject(MyMetaStore, storeInstance);
       const tV1 = typeof _value1;
       const tV2 = typeof _value2;
       if (tV1 === "string" && tV2 === "number") {
-          return true;
+          return { value: true };
       }
       if (tV2 === "string" && tV1 === "number") {
-          return false;
+          return { value: false };
       }
-      return cb(_value1, _value2);
+      return { value: cb(_value1, _value2) };
   }
   const GT = {
       description: _t("Strictly greater than."),
@@ -18691,7 +18740,11 @@ stores.inject(MyMetaStore, storeInstance);
           arg("value2 (any)", _t("The second value.")),
       ],
       compute: function (value1, value2) {
-          return !GTE.compute.bind(this)(value1, value2);
+          const result = GTE.compute.bind(this)(value1, value2);
+          if (isEvaluationError(result.value)) {
+              return result;
+          }
+          return { value: !result.value };
       },
   };
   // -----------------------------------------------------------------------------
@@ -18704,7 +18757,11 @@ stores.inject(MyMetaStore, storeInstance);
           arg("value2 (any)", _t("The second value.")),
       ],
       compute: function (value1, value2) {
-          return !GT.compute.bind(this)(value1, value2);
+          const result = GT.compute.bind(this)(value1, value2);
+          if (isEvaluationError(result.value)) {
+              return result;
+          }
+          return { value: !result.value };
       },
   };
   // -----------------------------------------------------------------------------
@@ -18749,7 +18806,11 @@ stores.inject(MyMetaStore, storeInstance);
           arg("value2 (any)", _t("The value to test against value1 for inequality.")),
       ],
       compute: function (value1, value2) {
-          return !EQ.compute.bind(this)(value1, value2);
+          const result = EQ.compute.bind(this)(value1, value2);
+          if (isEvaluationError(result.value)) {
+              return result;
+          }
+          return { value: !result.value };
       },
   };
   // -----------------------------------------------------------------------------
@@ -19908,13 +19969,12 @@ stores.inject(MyMetaStore, storeInstance);
   }
   function getElementMargins(el) {
       const style = window.getComputedStyle(el);
-      const margins = {
+      return {
           top: parseInt(style.marginTop, 10) || 0,
           bottom: parseInt(style.marginBottom, 10) || 0,
           left: parseInt(style.marginLeft, 10) || 0,
           right: parseInt(style.marginRight, 10) || 0,
       };
-      return margins;
   }
 
   const macRegex = /Mac/i;
@@ -21789,9 +21849,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]);
@@ -21813,7 +21877,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];
@@ -21822,13 +21886,12 @@ stores.inject(MyMetaStore, storeInstance);
                   return undefined;
               }
               const positionalFieldArg = `"#${groupBy}"`;
-              const positionalProposal = {
+              return {
                   text: positionalFieldArg,
                   description: _t("%s (positional)", field.string) + (field.help ? ` (${field.help})` : ""),
                   htmlContent: [{ value: positionalFieldArg, color: tokenColors.STRING }],
                   fuzzySearchKey: field.string + positionalFieldArg, // search on translated name and on technical name
               };
-              return positionalProposal;
           }))
               .filter(isDefined);
       },
@@ -22097,7 +22160,7 @@ stores.inject(MyMetaStore, storeInstance);
           return internalDate.value;
       }
       if (isBoolean(content)) {
-          return content.toUpperCase() === "TRUE" ? true : false;
+          return content.toUpperCase() === "TRUE";
       }
       return content;
   }
@@ -22438,8 +22501,7 @@ stores.inject(MyMetaStore, storeInstance);
                   return 0;
               }
               const previous = jsDates[index - 1];
-              const days = Math.floor(date.getTime()) - Math.floor(previous.getTime());
-              return days;
+              return Math.floor(date.getTime()) - Math.floor(previous.getTime());
           })
               .slice(1);
           const equidistantDates = timeIntervals.every((interval) => interval === timeIntervals[0]);
@@ -22998,6 +23060,7 @@ stores.inject(MyMetaStore, storeInstance);
       "surface3DChart",
       "bubbleChart",
       "comboChart",
+      "radarChart",
   ];
 
   /** In XLSX color format (no #)  */
@@ -23538,7 +23601,7 @@ stores.inject(MyMetaStore, storeInstance);
       lineChart: "line",
       line3DChart: undefined,
       stockChart: undefined,
-      radarChart: undefined,
+      radarChart: "radar",
       scatterChart: "scatter",
       pieChart: "pie",
       pie3DChart: undefined,
@@ -24951,7 +25014,7 @@ stores.inject(MyMetaStore, storeInstance);
       custom: _t("Custom"),
   };
   const DEFAULT_TABLE_CONFIG = {
-      hasFilters: true,
+      hasFilters: false,
       totalRow: false,
       firstColumn: false,
       lastColumn: false,
@@ -25620,12 +25683,11 @@ stores.inject(MyMetaStore, storeInstance);
        * Get the list of all the XLSX files in the XLSX file structure
        */
       getListOfXMLFiles() {
-          const XMLFiles = Object.entries(this.xlsxFileStructure)
+          return Object.entries(this.xlsxFileStructure)
               .filter(([key]) => key !== "images")
               .map(([_, value]) => value)
               .flat()
               .filter(isDefined);
-          return XMLFiles;
       }
       /**
        * Return an array containing the return value of the given function applied to all the XML elements
@@ -25789,13 +25851,12 @@ stores.inject(MyMetaStore, storeInstance);
               rgb = this.extractAttr(colorElement, "rgb")?.asString();
               rgb = rgb === DEFAULT_SYSTEM_COLOR ? undefined : rgb;
           }
-          const color = {
+          return {
               rgb: rgb || defaultColor,
               auto: this.extractAttr(colorElement, "auto")?.asBool(),
               indexed: this.extractAttr(colorElement, "indexed")?.asNum(),
               tint: this.extractAttr(colorElement, "tint")?.asNum(),
           };
-          return color;
       }
       /**
        * Returns the xml file targeted by a relationship.
@@ -26387,7 +26448,7 @@ stores.inject(MyMetaStore, storeInstance);
                   hyperlinks: this.extractHyperLinks(sheetElement),
                   tables: this.extractTables(sheetElement),
                   pivotTables: this.extractPivotTables(),
-                  isVisible: sheetWorkbookInfo.state === "visible" ? true : false,
+                  isVisible: sheetWorkbookInfo.state === "visible",
               };
           })[0];
       }
@@ -26458,8 +26519,7 @@ stores.inject(MyMetaStore, storeInstance);
           const figures = this.mapOnElements({ parent: worksheet, query: "drawing" }, (drawingElement) => {
               const drawingId = this.extractAttr(drawingElement, "r:id", { required: true })?.asString();
               const drawingFile = this.getTargetXmlFile(this.relationships[drawingId]);
-              const figures = new XlsxFigureExtractor(drawingFile, this.xlsxFileStructure, this.warningManager).extractFigures();
-              return figures;
+              return new XlsxFigureExtractor(drawingFile, this.xlsxFileStructure, this.warningManager).extractFigures();
           })[0];
           return figures || [];
       }
@@ -26477,8 +26537,7 @@ stores.inject(MyMetaStore, storeInstance);
                   .filter((relationship) => relationship.type.endsWith("pivotTable"))
                   .map((pivotRelationship) => {
                   const pivotFile = this.getTargetXmlFile(pivotRelationship);
-                  const pivot = new XlsxPivotExtractor(pivotFile, this.xlsxFileStructure, this.warningManager).getPivotTable();
-                  return pivot;
+                  return new XlsxPivotExtractor(pivotFile, this.xlsxFileStructure, this.warningManager).getPivotTable();
               });
           }
           catch (e) {
@@ -26877,8 +26936,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       convertXlsx() {
           const xlsxData = this.getXlsxData();
-          const convertedData = this.convertImportedData(xlsxData);
-          return convertedData;
+          return this.convertImportedData(xlsxData);
       }
       // ---------------------------------------------------------------------------
       // Parsing XMLs
@@ -27469,6 +27527,20 @@ stores.inject(MyMetaStore, storeInstance);
           }
           return data;
       },
+  })
+      .add("migration_22", {
+      // "tables are no longer inserted with filters by default",
+      versionFrom: "22",
+      migrate(data) {
+          for (const sheet of data.sheets || []) {
+              for (const table of sheet.tables || []) {
+                  if (!table.config) {
+                      table.config = { ...DEFAULT_TABLE_CONFIG, hasFilters: true };
+                  }
+              }
+          }
+          return data;
+      },
   });
   function fixOverlappingFilters(data) {
       for (let sheet of data.sheets || []) {
@@ -27496,7 +27568,7 @@ stores.inject(MyMetaStore, storeInstance);
    * a breaking change is made in the way the state is handled, and an upgrade
    * function should be defined
    */
-  const CURRENT_VERSION = 22;
+  const CURRENT_VERSION = 23;
   const INITIAL_SHEET_ID = "Sheet1";
   /**
    * This function tries to load anything that could look like a valid
@@ -27509,7 +27581,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);
@@ -27523,13 +27595,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;
   }
   // -----------------------------------------------------------------------------
@@ -27559,7 +27631,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;
   }
   /**
@@ -27741,7 +27813,7 @@ stores.inject(MyMetaStore, storeInstance);
       };
   }
   function createEmptyWorkbookData(sheetName = "Sheet1") {
-      const data = {
+      return {
           version: CURRENT_VERSION,
           sheets: [createEmptySheet(INITIAL_SHEET_ID, sheetName)],
           styles: {},
@@ -27754,7 +27826,6 @@ stores.inject(MyMetaStore, storeInstance);
           pivotNextId: 1,
           customTableStyles: {},
       };
-      return data;
   }
   function createEmptyExcelSheet(sheetId, name) {
       return {
@@ -28138,7 +28209,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 axisId = horizontalChart
@@ -28532,8 +28603,7 @@ stores.inject(MyMetaStore, storeInstance);
           };
           config.data.datasets.push(dataset);
           if (definition.dataSets?.[index]?.label) {
-              const label = definition.dataSets[index].label;
-              dataset.label = label;
+              dataset.label = definition.dataSets[index].label;
           }
           dataset.yAxisID = chart.horizontal ? "y" : definition.dataSets[index].yAxisId || "y";
           dataset.xAxisID = "x";
@@ -28561,13 +28631,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 };
@@ -28905,7 +28972,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];
@@ -28960,8 +29026,7 @@ stores.inject(MyMetaStore, storeInstance);
       const trendDatasets = [];
       for (const [index, dataset] of config.data.datasets.entries()) {
           if (definition.dataSets?.[index]?.label) {
-              const label = definition.dataSets[index].label;
-              dataset.label = label;
+              dataset.label = definition.dataSets[index].label;
           }
           dataset["yAxisID"] = definition.dataSets[index].yAxisId || "y";
           const trend = definition.dataSets?.[index].trend;
@@ -28990,15 +29055,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,
@@ -29221,13 +29283,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 };
@@ -29966,6 +30025,198 @@ stores.inject(MyMetaStore, storeInstance);
       return { chartJsConfig: config, background: chart.background || BACKGROUND_CHART_COLOR };
   }
 
+  class RadarChart extends AbstractChart {
+      dataSets;
+      labelRange;
+      background;
+      legendPosition;
+      stacked;
+      aggregated;
+      type = "radar";
+      dataSetsHaveTitle;
+      dataSetDesign;
+      fillArea;
+      constructor(definition, sheetId, getters) {
+          super(definition, sheetId, getters);
+          this.dataSets = createDataSets(getters, definition.dataSets, sheetId, definition.dataSetsHaveTitle);
+          this.labelRange = createValidRange(getters, sheetId, definition.labelRange);
+          this.background = definition.background;
+          this.legendPosition = definition.legendPosition;
+          this.stacked = definition.stacked;
+          this.aggregated = definition.aggregated;
+          this.dataSetsHaveTitle = definition.dataSetsHaveTitle;
+          this.dataSetDesign = definition.dataSets;
+          this.fillArea = definition.fillArea;
+      }
+      static transformDefinition(definition, executed) {
+          return transformChartDefinitionWithDataSetsWithZone(definition, executed);
+      }
+      static validateChartDefinition(validator, definition) {
+          return validator.checkValidations(definition, checkDataset, checkLabelRange);
+      }
+      static getDefinitionFromContextCreation(context) {
+          return {
+              background: context.background,
+              dataSets: context.range ?? [],
+              dataSetsHaveTitle: context.dataSetsHaveTitle ?? false,
+              stacked: context.stacked ?? false,
+              aggregated: context.aggregated ?? false,
+              legendPosition: context.legendPosition ?? "top",
+              title: context.title || { text: "" },
+              type: "radar",
+              labelRange: context.auxiliaryRange || undefined,
+              fillArea: context.fillArea ?? false,
+          };
+      }
+      getContextCreation() {
+          const range = [];
+          for (const [i, dataSet] of this.dataSets.entries()) {
+              range.push({
+                  ...this.dataSetDesign?.[i],
+                  dataRange: this.getters.getRangeString(dataSet.dataRange, this.sheetId),
+              });
+          }
+          return {
+              ...this,
+              range,
+              auxiliaryRange: this.labelRange
+                  ? this.getters.getRangeString(this.labelRange, this.sheetId)
+                  : undefined,
+          };
+      }
+      copyForSheetId(sheetId) {
+          const dataSets = copyDataSetsWithNewSheetId(this.sheetId, sheetId, this.dataSets);
+          const labelRange = copyLabelRangeWithNewSheetId(this.sheetId, sheetId, this.labelRange);
+          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, sheetId);
+          return new RadarChart(definition, sheetId, this.getters);
+      }
+      copyInSheetId(sheetId) {
+          const definition = this.getDefinitionWithSpecificDataSets(this.dataSets, this.labelRange, sheetId);
+          return new RadarChart(definition, sheetId, this.getters);
+      }
+      getDefinition() {
+          return this.getDefinitionWithSpecificDataSets(this.dataSets, this.labelRange);
+      }
+      getDefinitionWithSpecificDataSets(dataSets, labelRange, targetSheetId) {
+          const ranges = [];
+          for (const [i, dataSet] of dataSets.entries()) {
+              ranges.push({
+                  ...this.dataSetDesign?.[i],
+                  dataRange: this.getters.getRangeString(dataSet.dataRange, targetSheetId || this.sheetId),
+              });
+          }
+          return {
+              type: "radar",
+              dataSetsHaveTitle: dataSets.length ? Boolean(dataSets[0].labelCell) : false,
+              background: this.background,
+              dataSets: ranges,
+              legendPosition: this.legendPosition,
+              labelRange: labelRange
+                  ? this.getters.getRangeString(labelRange, targetSheetId || this.sheetId)
+                  : undefined,
+              title: this.title,
+              stacked: this.stacked,
+              aggregated: this.aggregated,
+              fillArea: this.fillArea,
+          };
+      }
+      getDefinitionForExcel() {
+          if (this.aggregated) {
+              return undefined;
+          }
+          const dataSets = this.dataSets
+              .map((ds) => toExcelDataset(this.getters, ds))
+              .filter((ds) => ds.range !== "" && ds.range !== CellErrorType.InvalidReference);
+          const labelRange = toExcelLabelRange(this.getters, this.labelRange, shouldRemoveFirstLabel(this.labelRange, this.dataSets[0], this.dataSetsHaveTitle));
+          const definition = this.getDefinition();
+          return {
+              ...definition,
+              backgroundColor: toXlsxHexColor(this.background || BACKGROUND_CHART_COLOR),
+              fontColor: toXlsxHexColor(chartFontColor(this.background)),
+              dataSets,
+              labelRange,
+          };
+      }
+      updateRanges(applyChange) {
+          const { dataSets, labelRange, isStale } = updateChartRangesWithDataSets(this.getters, applyChange, this.dataSets, this.labelRange);
+          if (!isStale) {
+              return this;
+          }
+          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange);
+          return new RadarChart(definition, this.sheetId, this.getters);
+      }
+  }
+  function createRadarChartRuntime(chart, getters) {
+      const definition = chart.getDefinition();
+      const labelValues = getChartLabelValues(getters, chart.dataSets, chart.labelRange);
+      let labels = labelValues.formattedValues;
+      let dataSetsValues = getChartDatasetValues(getters, chart.dataSets);
+      if (chart.dataSetsHaveTitle &&
+          dataSetsValues[0] &&
+          labels.length > dataSetsValues[0].data.length) {
+          labels.shift();
+      }
+      ({ labels, dataSetsValues } = filterEmptyDataPoints(labels, dataSetsValues));
+      if (chart.aggregated) {
+          ({ labels, dataSetsValues } = aggregateDataForLabels(labels, dataSetsValues));
+      }
+      const leftAxisFormat = getChartDatasetFormat(getters, chart.dataSets, "left");
+      const rightAxisFormat = getChartDatasetFormat(getters, chart.dataSets, "right");
+      const axisFormats = { y: leftAxisFormat, y1: rightAxisFormat };
+      const locale = getters.getLocale();
+      const fontColor = chartFontColor(chart.background);
+      const config = getDefaultChartJsRuntime(chart, labels, fontColor, {
+          axisFormats,
+          locale,
+      });
+      const legend = {
+          labels: { color: fontColor },
+      };
+      if ((!chart.labelRange && chart.dataSets.length === 1) || chart.legendPosition === "none") {
+          legend.display = false;
+      }
+      else {
+          legend.position = chart.legendPosition;
+      }
+      const fill = definition.fillArea ?? false;
+      if (!fill) {
+          legend.labels["boxHeight"] = 0;
+      }
+      config.options.plugins.legend = { ...config.options.plugins?.legend, ...legend };
+      config.options.plugins.tooltip = {
+          ...config.options.plugins?.tooltip,
+          callbacks: {
+              label: function (tooltipItem) {
+                  const xLabel = tooltipItem.dataset?.label || tooltipItem.label;
+                  const yLabel = tooltipItem.parsed.r;
+                  return xLabel ? `${xLabel}: ${yLabel}` : yLabel.toString();
+              },
+          },
+      };
+      config.options.layout = {
+          padding: { left: 20, right: 20, top: chart.title ? 10 : 25, bottom: 10 },
+      };
+      const colorGenerator = getChartColorsGenerator(definition, dataSetsValues.length);
+      for (let i = 0; i < dataSetsValues.length; i++) {
+          let { label, data } = dataSetsValues[i];
+          if (definition.dataSets?.[i]?.label) {
+              label = definition.dataSets[i].label;
+          }
+          const borderColor = colorGenerator.next();
+          const dataset = {
+              label,
+              data,
+              borderColor,
+          };
+          if (fill) {
+              dataset.backgroundColor = setColorAlpha(borderColor, 0.3);
+              dataset["fill"] = true;
+          }
+          config.data.datasets.push(dataset);
+      }
+      return { chartJsConfig: config, background: chart.background || BACKGROUND_CHART_COLOR };
+  }
+
   class ScatterChart extends AbstractChart {
       dataSets;
       labelRange;
@@ -30488,6 +30739,15 @@ stores.inject(MyMetaStore, storeInstance);
       getChartDefinitionFromContextCreation: PyramidChart.getDefinitionFromContextCreation,
       sequence: 80,
   });
+  chartRegistry.add("radar", {
+      match: (type) => type === "radar",
+      createChart: (definition, sheetId, getters) => new RadarChart(definition, sheetId, getters),
+      getChartRuntime: createRadarChartRuntime,
+      validateChartDefinition: RadarChart.validateChartDefinition,
+      transformDefinition: RadarChart.transformDefinition,
+      getChartDefinitionFromContextCreation: RadarChart.getDefinitionFromContextCreation,
+      sequence: 80,
+  });
   const chartComponentRegistry = new Registry();
   chartComponentRegistry.add("line", ChartJsComponent);
   chartComponentRegistry.add("bar", ChartJsComponent);
@@ -30498,6 +30758,7 @@ stores.inject(MyMetaStore, storeInstance);
   chartComponentRegistry.add("scorecard", ScorecardChart);
   chartComponentRegistry.add("waterfall", ChartJsComponent);
   chartComponentRegistry.add("pyramid", ChartJsComponent);
+  chartComponentRegistry.add("radar", ChartJsComponent);
   const chartCategories = {
       line: _t("Line"),
       column: _t("Column"),
@@ -30639,6 +30900,24 @@ stores.inject(MyMetaStore, storeInstance);
       chartType: "pyramid",
       category: "misc",
       preview: "o-spreadsheet-ChartPreview.POPULATION_PYRAMID_CHART",
+  })
+      .add("radar", {
+      matcher: (definition) => definition.type === "radar" && !definition.fillArea,
+      displayName: _t("Radar"),
+      chartSubtype: "radar",
+      chartType: "radar",
+      subtypeDefinition: { fillArea: false },
+      category: "misc",
+      preview: "o-spreadsheet-ChartPreview.RADAR_CHART",
+  })
+      .add("filled_radar", {
+      matcher: (definition) => definition.type === "radar" && !!definition.fillArea,
+      displayName: _t("Filled Radar"),
+      chartType: "radar",
+      chartSubtype: "filled_radar",
+      subtypeDefinition: { fillArea: true },
+      category: "misc",
+      preview: "o-spreadsheet-ChartPreview.FILLED_RADAR_CHART",
   });
 
   /**
@@ -30706,11 +30985,10 @@ stores.inject(MyMetaStore, storeInstance);
       const rect = getters.getVisibleRect(getters.getActiveMainViewport());
       const scrollableViewportWidth = Math.min(rect.width, dim.width - offsetCorrectionX);
       const scrollableViewportHeight = Math.min(rect.height, dim.height - offsetCorrectionY);
-      const position = {
+      return {
           x: offsetCorrectionX + scrollX + Math.max(0, (scrollableViewportWidth - size.width) / 2),
           y: offsetCorrectionY + scrollY + Math.max(0, (scrollableViewportHeight - size.height) / 2),
       }; // Position at the center of the scrollable viewport
-      return position;
   }
   function getMaxFigureSize(getters, figureSize) {
       const size = deepCopy(figureSize);
@@ -31283,14 +31561,13 @@ stores.inject(MyMetaStore, storeInstance);
           const shouldRenderAtBottom = this.shouldRenderAtBottom(elDims.height);
           const shouldRenderAtRight = this.shouldRenderAtRight(elDims.width);
           verticalOffset = shouldRenderAtBottom ? verticalOffset : -verticalOffset;
-          const cssProperties = {
+          return {
               top: this.getTopCoordinate(actualHeight, shouldRenderAtBottom) -
                   this.spreadsheetOffset.y -
                   verticalOffset +
                   "px",
               left: this.getLeftCoordinate(actualWidth, shouldRenderAtRight) - this.spreadsheetOffset.x + "px",
           };
-          return cssProperties;
       }
       getCurrentPosition(elDims) {
           const shouldRenderAtBottom = this.shouldRenderAtBottom(elDims.height);
@@ -32518,7 +32795,7 @@ stores.inject(MyMetaStore, storeInstance);
    * Create a table on the selected zone, with UI warnings to the user if the creation fails.
    * If a single cell is selected, expand the selection to non-empty adjacent cells to create a table.
    */
-  function interactiveCreateTable(env, sheetId, tableConfig) {
+  function interactiveCreateTable(env, sheetId, tableConfig = DEFAULT_TABLE_CONFIG) {
       let target = env.model.getters.getSelectedZones();
       let isDynamic = env.model.getters.canCreateDynamicTableOnZones(sheetId, target);
       if (target.length === 1 && !isDynamic && getZoneArea(target[0]) === 1) {
@@ -33577,7 +33854,7 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   const pivotProperties = {
-      name: _t("Edit Pivot"),
+      name: _t("See pivot properties"),
       execute(env) {
           const position = env.model.getters.getActivePosition();
           const pivotId = env.model.getters.getPivotIdFromPosition(position);
@@ -33731,8 +34008,7 @@ stores.inject(MyMetaStore, storeInstance);
   })
       .add("pivot_properties", {
       ...pivotProperties,
-      sequence: 160,
-      separator: true,
+      sequence: 170,
   });
 
   const sortRange = {
@@ -35479,6 +35755,7 @@ stores.inject(MyMetaStore, storeInstance);
       static template = "o_spreadsheet.Section";
       static props = {
           class: { type: String, optional: true },
+          title: { type: String, optional: true },
           slots: Object,
       };
   }
@@ -36208,17 +36485,11 @@ stores.inject(MyMetaStore, storeInstance);
               stacked,
           });
       }
-      onUpdateAggregated(aggregated) {
-          this.props.updateChart(this.props.figureId, {
-              aggregated,
-          });
-      }
   }
 
   css /* scss */ `
   .o_side_panel_collapsible_title {
     font-size: 16px;
-    font-weight: bold;
     cursor: pointer;
     padding: 6px 0px 6px 6px !important;
 
@@ -36255,49 +36526,40 @@ stores.inject(MyMetaStore, storeInstance);
       static template = "o-spreadsheet-SidePanelCollapsible";
       static props = {
           slots: Object,
+          title: { type: String, optional: true },
           collapsedAtInit: { type: Boolean, optional: true },
           class: { type: String, optional: true },
       };
       currentId = (CURRENT_COLLAPSIBLE_ID++).toString();
   }
 
-  const CIRCLE_SVG = /*xml*/ `
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'>
-  <circle r="2" fill="#FFF"/>
-</svg>
-`;
   css /* scss */ `
-  .o-radio {
-    input {
-      appearance: none;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      width: 14px;
-      height: 14px;
-      border: 1px solid ${GRAY_300};
-      box-sizing: border-box;
-      outline: none;
-      border-radius: 8px;
-
-      &:checked {
-        background: url("data:image/svg+xml,${encodeURIComponent(CIRCLE_SVG)}");
-        background-color: ${ACTION_COLOR};
+  .o-badge-selection {
+    gap: 1px;
+    button.o-button {
+      border-radius: 0;
+      &.selected {
+        color: ${GRAY_900};
         border-color: ${ACTION_COLOR};
+        background: ${BADGE_SELECTED_COLOR};
+        font-weight: 600;
+      }
+
+      &:first-child {
+        border-radius: 4px 0 0 4px;
+      }
+      &:last-child {
+        border-radius: 0 4px 4px 0;
       }
     }
   }
 `;
-  class RadioSelection extends owl.Component {
-      static template = "o-spreadsheet.RadioSelection";
+  class BadgeSelection extends owl.Component {
+      static template = "o-spreadsheet.BadgeSelection";
       static props = {
           choices: Array,
           onChange: Function,
-          selectedValue: { optional: false },
-          name: String,
-          direction: { type: String, optional: true },
-      };
-      static defaultProps = {
-          direction: "horizontal",
+          selectedValue: String,
       };
   }
 
@@ -36842,86 +37104,6 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
-  const TRANSPARENT_BACKGROUND_SVG = /*xml*/ `
-<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10">
-  <path fill="#d9d9d9" d="M5 5h5v5H5zH0V0h5"/>
-</svg>
-`;
-  css /* scss */ `
-  .o-round-color-picker-button {
-    width: 18px;
-    height: 18px;
-    cursor: pointer;
-    border: 1px solid ${GRAY_300};
-    background-position: 1px 1px;
-    background-image: url("data:image/svg+xml,${encodeURIComponent(TRANSPARENT_BACKGROUND_SVG)}");
-  }
-`;
-  class RoundColorPicker extends owl.Component {
-      static template = "o-spreadsheet.RoundColorPicker";
-      static components = { ColorPickerWidget, Section, ColorPicker };
-      static props = {
-          currentColor: { type: String, optional: true },
-          title: { type: String, optional: true },
-          onColorPicked: Function,
-      };
-      colorPickerButtonRef = owl.useRef("colorPickerButton");
-      state;
-      setup() {
-          this.state = owl.useState({ pickerOpened: false });
-          owl.useExternalListener(window, "click", this.closePicker);
-      }
-      closePicker() {
-          this.state.pickerOpened = false;
-      }
-      togglePicker() {
-          this.state.pickerOpened = !this.state.pickerOpened;
-      }
-      onColorPicked(color) {
-          this.props.onColorPicked(color);
-          this.state.pickerOpened = false;
-      }
-      get colorPickerAnchorRect() {
-          const button = this.colorPickerButtonRef.el;
-          return getBoundingRectAsPOJO(button);
-      }
-      get buttonStyle() {
-          return cssPropertiesToCss({
-              background: this.props.currentColor,
-          });
-      }
-  }
-
-  css /* scss */ `
-  .o-badge-selection {
-    gap: 1px;
-    button.o-button {
-      border-radius: 0;
-      &.selected {
-        color: ${GRAY_900};
-        border-color: ${ACTION_COLOR};
-        background: ${BADGE_SELECTED_COLOR};
-        font-weight: 600;
-      }
-
-      &:first-child {
-        border-radius: 4px 0 0 4px;
-      }
-      &:last-child {
-        border-radius: 0 4px 4px 0;
-      }
-    }
-  }
-`;
-  class BadgeSelection extends owl.Component {
-      static template = "o-spreadsheet.BadgeSelection";
-      static props = {
-          choices: Array,
-          onChange: Function,
-          selectedValue: String,
-      };
-  }
-
   css /* scss */ `
   .o-chart-title-designer {
     > span {
@@ -37076,8 +37258,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.props.updateChart(this.props.figureId, { axesDesign });
       }
       updateAxisEditor(ev) {
-          const axis = ev.target.value;
-          this.state.currentAxis = axis;
+          this.state.currentAxis = ev.target.value;
       }
       getAxisTitle() {
           const axesDesign = this.props.definition.axesDesign ?? {};
@@ -37096,6 +37277,56 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
+  const TRANSPARENT_BACKGROUND_SVG = /*xml*/ `
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10">
+  <path fill="#d9d9d9" d="M5 5h5v5H5zH0V0h5"/>
+</svg>
+`;
+  css /* scss */ `
+  .o-round-color-picker-button {
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+    border: 1px solid ${GRAY_300};
+    background-position: 1px 1px;
+    background-image: url("data:image/svg+xml,${encodeURIComponent(TRANSPARENT_BACKGROUND_SVG)}");
+  }
+`;
+  class RoundColorPicker extends owl.Component {
+      static template = "o-spreadsheet.RoundColorPicker";
+      static components = { Section, ColorPicker };
+      static props = {
+          currentColor: { type: String, optional: true },
+          title: { type: String, optional: true },
+          onColorPicked: Function,
+      };
+      colorPickerButtonRef = owl.useRef("colorPickerButton");
+      state;
+      setup() {
+          this.state = owl.useState({ pickerOpened: false });
+          owl.useExternalListener(window, "click", this.closePicker);
+      }
+      closePicker() {
+          this.state.pickerOpened = false;
+      }
+      togglePicker() {
+          this.state.pickerOpened = !this.state.pickerOpened;
+      }
+      onColorPicked(color) {
+          this.props.onColorPicked(color);
+          this.state.pickerOpened = false;
+      }
+      get colorPickerAnchorRect() {
+          const button = this.colorPickerButtonRef.el;
+          return getBoundingRectAsPOJO(button);
+      }
+      get buttonStyle() {
+          return cssPropertiesToCss({
+              background: this.props.currentColor,
+          });
+      }
+  }
+
   class GeneralDesignEditor extends owl.Component {
       static template = "o-spreadsheet-GeneralDesignEditor";
       static components = {
@@ -37160,58 +37391,75 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
-  class ChartWithAxisDesignPanel extends owl.Component {
-      static template = "o-spreadsheet-ChartWithAxisDesignPanel";
+  const CIRCLE_SVG = /*xml*/ `
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'>
+  <circle r="2" fill="#FFF"/>
+</svg>
+`;
+  css /* scss */ `
+  .o-radio {
+    input {
+      appearance: none;
+      -webkit-appearance: none;
+      -moz-appearance: none;
+      width: 14px;
+      height: 14px;
+      border: 1px solid ${GRAY_300};
+      box-sizing: border-box;
+      outline: none;
+      border-radius: 8px;
+
+      &:checked {
+        background: url("data:image/svg+xml,${encodeURIComponent(CIRCLE_SVG)}");
+        background-color: ${ACTION_COLOR};
+        border-color: ${ACTION_COLOR};
+      }
+    }
+  }
+`;
+  class RadioSelection extends owl.Component {
+      static template = "o-spreadsheet.RadioSelection";
+      static props = {
+          choices: Array,
+          onChange: Function,
+          selectedValue: { optional: false },
+          name: String,
+          direction: { type: String, optional: true },
+      };
+      static defaultProps = {
+          direction: "horizontal",
+      };
+  }
+
+  class SeriesDesignEditor extends owl.Component {
+      static template = "o-spreadsheet-SeriesDesignEditor";
       static components = {
-          GeneralDesignEditor,
           SidePanelCollapsible,
           Section,
-          AxisDesignEditor,
           RoundColorPicker,
-          Checkbox,
-          RadioSelection,
       };
       static props = {
           figureId: String,
           definition: Object,
-          canUpdateChart: Function,
           updateChart: Function,
+          canUpdateChart: Function,
+          slots: { type: Object, optional: true },
       };
-      axisChoices = CHART_AXIS_CHOICES;
       state = owl.useState({ index: 0 });
-      get axesList() {
-          const { useLeftAxis, useRightAxis } = getDefinedAxis(this.props.definition);
-          let axes = [{ id: "x", name: _t("Horizontal axis") }];
-          if (useLeftAxis) {
-              axes.push({ id: "y", name: useRightAxis ? _t("Left axis") : _t("Vertical axis") });
-          }
-          if (useRightAxis) {
-              axes.push({ id: "y1", name: useLeftAxis ? _t("Right axis") : _t("Vertical axis") });
-          }
-          return axes;
-      }
-      updateLegendPosition(ev) {
-          this.props.updateChart(this.props.figureId, {
-              legendPosition: ev.target.value,
-          });
-      }
       getDataSeries() {
-          return this.props.definition.dataSets.map((d, i) => d.label ?? `${ChartTerms.Series} ${i + 1}`);
+          const runtime = this.env.model.getters.getChartRuntime(this.props.figureId);
+          if (!runtime || !("chartJsConfig" in runtime)) {
+              return [];
+          }
+          return runtime.chartJsConfig.data.datasets.map((d) => d.label);
       }
       updateSerieEditor(ev) {
-          const chartId = this.props.figureId;
-          const selectedIndex = ev.target.selectedIndex;
-          const runtime = this.env.model.getters.getChartRuntime(chartId);
-          if (!runtime) {
-              return;
-          }
-          this.state.index = selectedIndex;
+          this.state.index = ev.target.selectedIndex;
       }
       updateDataSeriesColor(color) {
-          const dataSets = [...this.props.definition.dataSets];
-          if (!dataSets?.[this.state.index]) {
+          const dataSets = this.props.definition.dataSets;
+          if (!dataSets?.[this.state.index])
               return;
-          }
           dataSets[this.state.index] = {
               ...dataSets[this.state.index],
               backgroundColor: color,
@@ -37220,71 +37468,87 @@ stores.inject(MyMetaStore, storeInstance);
       }
       getDataSerieColor() {
           const dataSets = this.props.definition.dataSets;
-          if (!dataSets?.[this.state.index]) {
+          if (!dataSets?.[this.state.index])
               return "";
-          }
           const color = dataSets[this.state.index].backgroundColor;
-          return color ? toHex(color) : getNthColor(this.state.index, getColorsPalette(dataSets.length));
+          return color
+              ? toHex(color)
+              : getNthColor(this.state.index, getColorsPalette(this.props.definition.dataSets.length));
       }
-      updateDataSeriesAxis(axis) {
-          const dataSets = [...this.props.definition.dataSets];
-          if (!dataSets?.[this.state.index]) {
+      updateDataSeriesLabel(ev) {
+          const label = ev.target.value;
+          const dataSets = this.props.definition.dataSets;
+          if (!dataSets?.[this.state.index])
               return;
-          }
           dataSets[this.state.index] = {
               ...dataSets[this.state.index],
-              yAxisId: axis === "left" ? "y" : "y1",
+              label,
           };
           this.props.updateChart(this.props.figureId, { dataSets });
       }
-      getDataSerieAxis() {
+      getDataSerieLabel() {
           const dataSets = this.props.definition.dataSets;
-          if (!dataSets?.[this.state.index]) {
-              return "left";
-          }
-          return dataSets[this.state.index].yAxisId === "y1" ? "right" : "left";
-      }
-      get canHaveTwoVerticalAxis() {
-          return "horizontal" in this.props.definition ? !this.props.definition.horizontal : true;
+          return dataSets[this.state.index]?.label || this.getDataSeries()[this.state.index];
       }
-      updateDataSeriesLabel(ev) {
-          const label = ev.target.value;
+  }
+
+  class SeriesWithAxisDesignEditor extends owl.Component {
+      static template = "o-spreadsheet-SeriesWithAxisDesignEditor";
+      static components = {
+          SeriesDesignEditor,
+          Checkbox,
+          RadioSelection,
+          Section,
+          RoundColorPicker,
+      };
+      static props = {
+          figureId: String,
+          definition: Object,
+          canUpdateChart: Function,
+          updateChart: Function,
+          slots: { type: Object, optional: true },
+      };
+      axisChoices = CHART_AXIS_CHOICES;
+      updateDataSeriesAxis(index, axis) {
           const dataSets = [...this.props.definition.dataSets];
-          if (!dataSets?.[this.state.index]) {
+          if (!dataSets?.[index]) {
               return;
           }
-          dataSets[this.state.index] = {
-              ...dataSets[this.state.index],
-              label,
+          dataSets[index] = {
+              ...dataSets[index],
+              yAxisId: axis === "left" ? "y" : "y1",
           };
           this.props.updateChart(this.props.figureId, { dataSets });
       }
-      getDataSerieLabel() {
+      getDataSerieAxis(index) {
           const dataSets = this.props.definition.dataSets;
-          return dataSets[this.state.index]?.label || this.getDataSeries()[this.state.index];
+          if (!dataSets?.[index]) {
+              return "left";
+          }
+          return dataSets[index].yAxisId === "y1" ? "right" : "left";
       }
-      updateShowValues(showValues) {
-          this.props.updateChart(this.props.figureId, { showValues });
+      get canHaveTwoVerticalAxis() {
+          return !("horizontal" in this.props.definition && this.props.definition.horizontal);
       }
-      toggleDataTrend(display) {
+      toggleDataTrend(index, display) {
           const dataSets = [...this.props.definition.dataSets];
-          if (!dataSets?.[this.state.index]) {
+          if (!dataSets?.[index]) {
               return;
           }
-          dataSets[this.state.index] = {
-              ...dataSets[this.state.index],
+          dataSets[index] = {
+              ...dataSets[index],
               trend: {
                   type: "polynomial",
                   order: 1,
-                  ...dataSets[this.state.index].trend,
+                  ...dataSets[index].trend,
                   display,
               },
           };
           this.props.updateChart(this.props.figureId, { dataSets });
       }
-      getTrendLineConfiguration() {
+      getTrendLineConfiguration(index) {
           const dataSets = this.props.definition.dataSets;
-          return dataSets?.[this.state.index]?.trend;
+          return dataSets?.[index]?.trend;
       }
       getTrendType(config) {
           if (!config) {
@@ -37292,7 +37556,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
           return config.type === "polynomial" && config.order === 1 ? "linear" : config.type;
       }
-      onChangeTrendType(ev) {
+      onChangeTrendType(index, ev) {
           const type = ev.target.value;
           let config;
           switch (type) {
@@ -37305,37 +37569,59 @@ stores.inject(MyMetaStore, storeInstance);
                   break;
               case "exponential":
               case "logarithmic":
+              case "trailingMovingAverage":
                   config = { type };
                   break;
               default:
                   return;
           }
-          this.updateTrendLineValue(config);
+          this.updateTrendLineValue(index, config);
       }
-      onChangePolynomialDegree(ev) {
+      onChangePolynomialDegree(index, ev) {
           const element = ev.target;
           const order = parseInt(element.value || "1");
           if (order < 2) {
-              element.value = `${this.getTrendLineConfiguration()?.order ?? 2}`;
+              element.value = `${this.getTrendLineConfiguration(index)?.order ?? 2}`;
               return;
           }
-          this.updateTrendLineValue({ order });
+          this.updateTrendLineValue(index, { order });
       }
-      getTrendLineColor() {
-          return this.getTrendLineConfiguration()?.color ?? setColorAlpha(this.getDataSerieColor(), 0.5);
+      get defaultWindowSize() {
+          return DEFAULT_WINDOW_SIZE;
       }
-      updateTrendLineColor(color) {
-          this.updateTrendLineValue({ color });
+      onChangeMovingAverageWindow(index, ev) {
+          const element = ev.target;
+          let window = parseInt(element.value) || DEFAULT_WINDOW_SIZE;
+          if (window <= 1) {
+              window = DEFAULT_WINDOW_SIZE;
+          }
+          this.updateTrendLineValue(index, { window });
       }
-      updateTrendLineValue(config) {
+      getDataSerieColor(index) {
+          const dataSets = this.props.definition.dataSets;
+          if (!dataSets?.[index])
+              return "";
+          const color = dataSets[index].backgroundColor;
+          return color
+              ? toHex(color)
+              : getNthColor(index, getColorsPalette(this.props.definition.dataSets.length));
+      }
+      getTrendLineColor(index) {
+          return (this.getTrendLineConfiguration(index)?.color ??
+              setColorAlpha(this.getDataSerieColor(index), 0.5));
+      }
+      updateTrendLineColor(index, color) {
+          this.updateTrendLineValue(index, { color });
+      }
+      updateTrendLineValue(index, config) {
           const dataSets = [...this.props.definition.dataSets];
-          if (!dataSets?.[this.state.index]) {
+          if (!dataSets?.[index]) {
               return;
           }
-          dataSets[this.state.index] = {
-              ...dataSets[this.state.index],
+          dataSets[index] = {
+              ...dataSets[index],
               trend: {
-                  ...dataSets[this.state.index].trend,
+                  ...dataSets[index].trend,
                   ...config,
               },
           };
@@ -37343,29 +37629,67 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
+  class ChartWithAxisDesignPanel extends owl.Component {
+      static template = "o-spreadsheet-ChartWithAxisDesignPanel";
+      static components = {
+          GeneralDesignEditor,
+          SidePanelCollapsible,
+          Section,
+          AxisDesignEditor,
+          Checkbox,
+          SeriesWithAxisDesignEditor,
+      };
+      static props = {
+          figureId: String,
+          definition: Object,
+          canUpdateChart: Function,
+          updateChart: Function,
+      };
+      get axesList() {
+          const { useLeftAxis, useRightAxis } = getDefinedAxis(this.props.definition);
+          let axes = [{ id: "x", name: _t("Horizontal axis") }];
+          if (useLeftAxis) {
+              axes.push({ id: "y", name: useRightAxis ? _t("Left axis") : _t("Vertical axis") });
+          }
+          if (useRightAxis) {
+              axes.push({ id: "y1", name: useLeftAxis ? _t("Right axis") : _t("Vertical axis") });
+          }
+          return axes;
+      }
+      updateLegendPosition(ev) {
+          this.props.updateChart(this.props.figureId, {
+              legendPosition: ev.target.value,
+          });
+      }
+  }
+
   class ComboChartDesignPanel extends ChartWithAxisDesignPanel {
       static template = "o-spreadsheet-ComboChartDesignPanel";
+      static components = {
+          ...ChartWithAxisDesignPanel.components,
+          RadioSelection,
+      };
       seriesTypeChoices = [
           { value: "bar", label: _t("Bar") },
           { value: "line", label: _t("Line") },
       ];
-      updateDataSeriesType(type) {
+      updateDataSeriesType(index, type) {
           const dataSets = [...this.props.definition.dataSets];
-          if (!dataSets?.[this.state.index]) {
+          if (!dataSets?.[index]) {
               return;
           }
-          dataSets[this.state.index] = {
-              ...dataSets[this.state.index],
+          dataSets[index] = {
+              ...dataSets[index],
               type,
           };
           this.props.updateChart(this.props.figureId, { dataSets });
       }
-      getDataSeriesType() {
+      getDataSeriesType(index) {
           const dataSets = this.props.definition.dataSets;
-          if (!dataSets?.[this.state.index]) {
+          if (!dataSets?.[index]) {
               return "bar";
           }
-          return dataSets[this.state.index].type ?? "line";
+          return dataSets[index].type ?? "line";
       }
   }
 
@@ -37548,11 +37872,6 @@ stores.inject(MyMetaStore, storeInstance);
               stacked,
           });
       }
-      onUpdateAggregated(aggregated) {
-          this.props.updateChart(this.props.figureId, {
-              aggregated,
-          });
-      }
       onUpdateCumulative(cumulative) {
           this.props.updateChart(this.props.figureId, {
               cumulative,
@@ -37580,6 +37899,27 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
+  class RadarChartDesignPanel extends owl.Component {
+      static template = "o-spreadsheet-RadarChartDesignPanel";
+      static components = {
+          GeneralDesignEditor,
+          SeriesDesignEditor,
+          Section,
+          Checkbox,
+      };
+      static props = {
+          figureId: String,
+          definition: Object,
+          canUpdateChart: Function,
+          updateChart: Function,
+      };
+      updateLegendPosition(ev) {
+          this.props.updateChart(this.props.figureId, {
+              legendPosition: ev.target.value,
+          });
+      }
+  }
+
   class ScatterConfigPanel extends GenericChartConfigPanel {
       static template = "o-spreadsheet-ScatterConfigPanel";
       get canTreatLabelsAsText() {
@@ -37774,9 +38114,6 @@ stores.inject(MyMetaStore, storeInstance);
               verticalAxisPosition: value,
           });
       }
-      updateShowValues(showValues) {
-          this.props.updateChart(this.props.figureId, { showValues });
-      }
   }
 
   const chartSidePanelComponentRegistry = new Registry();
@@ -37816,6 +38153,10 @@ stores.inject(MyMetaStore, storeInstance);
       .add("pyramid", {
       configuration: GenericChartConfigPanel,
       design: ChartWithAxisDesignPanel,
+  })
+      .add("radar", {
+      configuration: GenericChartConfigPanel,
+      design: RadarChartDesignPanel,
   });
 
   css /* scss */ `
@@ -39018,13 +39359,6 @@ stores.inject(MyMetaStore, storeInstance);
               return;
           this.edgeScrollIntervalId = window.setInterval(() => {
               const offset = direction * 3;
-              let newPosition = this.currentMousePosition + offset;
-              if (newPosition < Math.min(this.container.start, this.minPosition)) {
-                  newPosition = Math.min(this.container.start, this.minPosition);
-              }
-              else if (newPosition > Math.max(this.container.end, this.maxPosition)) {
-                  newPosition = Math.max(this.container.end, this.maxPosition);
-              }
               this.container.scroll += offset;
           }, 5);
       }
@@ -39201,7 +39535,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;
       }
@@ -39673,7 +40006,7 @@ stores.inject(MyMetaStore, storeInstance);
       setColorScaleColor(target, color) {
           const point = this.state.rules.colorScale[target];
           if (point) {
-              point.color = Number.parseInt(color.substr(1), 16);
+              point.color = Number.parseInt(color.slice(1), 16);
           }
           this.closeMenus();
       }
@@ -39784,7 +40117,7 @@ stores.inject(MyMetaStore, storeInstance);
           return [this.state.rules.dataBar.rangeValues || ""];
       }
       updateDataBarColor(color) {
-          this.state.rules.dataBar.color = Number.parseInt(color.substr(1), 16);
+          this.state.rules.dataBar.color = Number.parseInt(color.slice(1), 16);
       }
       onDataBarRangeUpdate(ranges) {
           this.state.rules.dataBar.rangeValues = ranges[0];
@@ -41197,10 +41530,11 @@ stores.inject(MyMetaStore, storeInstance);
       activeSheetMatches = [];
       specificRangeMatches = [];
       currentSearchRegex = null;
-      isSearchDirty = false;
       initialShowFormulaState;
       preserveSelectedMatchIndex = false;
       irreplaceableMatchCount = 0;
+      isSearchDirty = false;
+      shouldFinalizeUpdateSelection = false;
       notificationStore = this.get(NotificationStore);
       // fixme: why do we make selectedMatchIndex on top of a selected
       // property in the matches?
@@ -41246,10 +41580,13 @@ stores.inject(MyMetaStore, storeInstance);
           this.updateSearchOptions({ searchFormulas: showFormula });
       }
       selectPreviousMatch() {
-          this.selectNextCell(Direction.previous);
+          this.selectNextCell(Direction.previous, {
+              jumpToMatchSheet: true,
+              updateSelection: true,
+          });
       }
       selectNextMatch() {
-          this.selectNextCell(Direction.next);
+          this.selectNextCell(Direction.next, { jumpToMatchSheet: true, updateSelection: true });
       }
       handle(cmd) {
           switch (cmd.type) {
@@ -41266,8 +41603,11 @@ stores.inject(MyMetaStore, storeInstance);
               case "ADD_COLUMNS_ROWS":
               case "EVALUATE_CELLS":
               case "UPDATE_CELL":
+                  this.isSearchDirty = true;
+                  break;
               case "ACTIVATE_SHEET":
                   this.isSearchDirty = true;
+                  this.shouldFinalizeUpdateSelection = true;
                   break;
               case "REPLACE_SEARCH":
                   for (const match of cmd.matches) {
@@ -41282,7 +41622,11 @@ stores.inject(MyMetaStore, storeInstance);
       }
       finalize() {
           if (this.isSearchDirty) {
-              this.refreshSearch(false);
+              this.refreshSearch({
+                  jumpToMatchSheet: false,
+                  updateSelection: this.shouldFinalizeUpdateSelection,
+              });
+              this.shouldFinalizeUpdateSelection = false;
               this.isSearchDirty = false;
           }
       }
@@ -41309,17 +41653,17 @@ stores.inject(MyMetaStore, storeInstance);
           }
           this.toSearch = toSearch;
           this.currentSearchRegex = getSearchRegex(this.toSearch, this.searchOptions);
-          this.refreshSearch();
+          this.refreshSearch({ jumpToMatchSheet: true, updateSelection: true });
       }
       /**
        * refresh the matches according to the current search options
        */
-      refreshSearch(jumpToMatchSheet = true) {
+      refreshSearch(options) {
           if (!this.preserveSelectedMatchIndex) {
               this.selectedMatchIndex = null;
           }
           this.findMatches();
-          this.selectNextCell(Direction.current, jumpToMatchSheet);
+          this.selectNextCell(Direction.current, options);
       }
       getSheetsInSearchOrder() {
           switch (this.searchOptions.searchScope) {
@@ -41389,7 +41733,7 @@ stores.inject(MyMetaStore, storeInstance);
        * It is also used to keep coherence between the selected searchMatch
        * and selectedMatchIndex.
        */
-      selectNextCell(indexChange, jumpToMatchSheet = true) {
+      selectNextCell(indexChange, options) {
           const matches = this.searchMatches;
           if (!matches.length) {
               this.selectedMatchIndex = null;
@@ -41415,7 +41759,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.selectedMatchIndex = nextIndex;
           const selectedMatch = matches[nextIndex];
           // Switch to the sheet where the match is located
-          if (jumpToMatchSheet && this.getters.getActiveSheetId() !== selectedMatch.sheetId) {
+          if (options.jumpToMatchSheet && this.getters.getActiveSheetId() !== selectedMatch.sheetId) {
               // We set `preserveSelectedMatchIndex` to true to avoid resetting the selected search
               // index in the `refreshSearch` function when a new sheet is activated. The reason being
               // that, when we automatically go back to previous sheet while performing a search, the
@@ -41431,7 +41775,9 @@ stores.inject(MyMetaStore, storeInstance);
           }
           // we want grid selection to capture the selection stream
           this.model.selection.getBackToDefault();
-          this.model.selection.selectCell(selectedMatch.col, selectedMatch.row);
+          if (options.updateSelection) {
+              this.model.selection.selectCell(selectedMatch.col, selectedMatch.row);
+          }
       }
       /**
        * Replace the value of the currently selected match
@@ -41446,7 +41792,7 @@ stores.inject(MyMetaStore, storeInstance);
               matches: [this.searchMatches[this.selectedMatchIndex]],
               searchOptions: this.searchOptions,
           });
-          this.selectNextCell(Direction.next);
+          this.selectNextCell(Direction.next, { jumpToMatchSheet: true, updateSelection: true });
       }
       /**
        * Apply the replace function to all the matches one time.
@@ -41628,6 +41974,14 @@ stores.inject(MyMetaStore, storeInstance);
           owl.onMounted(() => this.searchInput.el?.focus());
           owl.onWillUnmount(() => this.updateSearchContent.stopDebounce());
           this.updateSearchContent = debounce(this.store.updateSearchContent, 200);
+          owl.useExternalListener(window, "keydown", (ev) => {
+              const code = keyboardEventToShortcutString(ev);
+              if (code === "Ctrl+F" || code === "Ctrl+H") {
+                  this.searchInput.el?.focus();
+                  ev.preventDefault();
+                  ev.stopPropagation();
+              }
+          }, { capture: true });
       }
       onFocusSearch() {
           this.updateDataRange();
@@ -42203,7 +42557,6 @@ stores.inject(MyMetaStore, storeInstance);
           sequence: 0,
           autoSelectFirstProposal: true,
           getProposals(tokenAtCursor) {
-              // return []
               const measureProposals = pivot.measures
                   .filter((m) => m !== forComputedMeasure)
                   .map((measure) => {
@@ -43784,13 +44137,15 @@ stores.inject(MyMetaStore, storeInstance);
   class PivotSidePanelStore extends SpreadsheetStore {
       pivotId;
       mutators = ["reset", "deferUpdates", "applyUpdate", "discardPendingUpdate", "update"];
-      updatesAreDeferred = false;
+      updatesAreDeferred;
       draft = null;
       notification = this.get(NotificationStore);
       alreadyNotified = false;
       constructor(get, pivotId) {
           super(get);
           this.pivotId = pivotId;
+          this.updatesAreDeferred =
+              this.getters.getPivotCoreDefinition(this.pivotId).deferUpdates ?? false;
       }
       handle(cmd) {
           switch (cmd.type) {
@@ -43878,10 +44233,14 @@ stores.inject(MyMetaStore, storeInstance);
           this.draft = null;
       }
       deferUpdates(shouldDefer) {
-          this.updatesAreDeferred = shouldDefer;
           if (shouldDefer === false && this.draft) {
+              this.draft.deferUpdates = false;
               this.applyUpdate();
           }
+          else {
+              this.update({ deferUpdates: shouldDefer });
+          }
+          this.updatesAreDeferred = shouldDefer;
       }
       applyUpdate() {
           if (this.draft) {
@@ -44139,7 +44498,7 @@ stores.inject(MyMetaStore, storeInstance);
           return colLabel;
       }
       get isEveryColumnSelected() {
-          return Object.values(this.state.columns).every((value) => value === true);
+          return Object.values(this.state.columns).every((value) => value);
       }
       get errorMessages() {
           const cancelledReasons = this.env.model.canDispatch("REMOVE_DUPLICATES", {
@@ -44239,8 +44598,7 @@ stores.inject(MyMetaStore, storeInstance);
           const currentLocale = this.currentLocale;
           const localeInLoadedLocales = this.loadedLocales.find((l) => l.code === currentLocale.code);
           if (!localeInLoadedLocales) {
-              const locales = [...this.loadedLocales, currentLocale].sort((a, b) => a.name.localeCompare(b.name));
-              return locales;
+              return [...this.loadedLocales, currentLocale].sort((a, b) => a.name.localeCompare(b.name));
           }
           else if (!deepEquals(currentLocale, localeInLoadedLocales)) {
               const index = this.loadedLocales.indexOf(localeInLoadedLocales);
@@ -46134,10 +46492,9 @@ stores.inject(MyMetaStore, storeInstance);
           });
       }
       get focus() {
-          const focus = this.composerFocusStore.activeComposer === this.composerInterface
+          return this.composerFocusStore.activeComposer === this.composerInterface
               ? this.composerFocusStore.focusMode
               : "inactive";
-          return focus;
       }
       get composerProps() {
           const { width, height } = this.env.model.getters.getSheetViewDimensionWithHeaders();
@@ -47144,6 +47501,7 @@ stores.inject(MyMetaStore, storeInstance);
           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;
@@ -47154,6 +47512,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";
@@ -47163,18 +47528,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.copiedData = undefined;
       }
       pasteFormat(target) {
-          if (this.copiedData) {
-              const sheetId = this.getters.getActiveSheetId();
-              for (const handler of this.clipboardHandlers) {
-                  handler.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";
@@ -47188,6 +47542,19 @@ stores.inject(MyMetaStore, storeInstance);
           }
           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;
           if (!data) {
@@ -47564,7 +47931,7 @@ stores.inject(MyMetaStore, storeInstance);
           if (index < 0) {
               return;
           }
-          if (this.state.waitingForMove === true) {
+          if (this.state.waitingForMove) {
               if (!this.env.model.getters.isGridSelectionActive()) {
                   this._selectElement(index, false);
               }
@@ -49123,7 +49490,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       open(componentTag, panelProps = {}) {
           const state = this.computeState(componentTag, panelProps);
-          if (state.isOpen === false) {
+          if (!state.isOpen) {
               return;
           }
           if (this.isOpen && componentTag !== this.componentTag) {
@@ -49462,6 +49829,8 @@ stores.inject(MyMetaStore, storeInstance);
           },
           "Ctrl+D": async () => this.env.model.dispatch("COPY_PASTE_CELLS_ABOVE"),
           "Ctrl+R": async () => this.env.model.dispatch("COPY_PASTE_CELLS_ON_LEFT"),
+          "Ctrl+H": () => this.sidePanel.open("FindAndReplace", {}),
+          "Ctrl+F": () => this.sidePanel.open("FindAndReplace", {}),
           "Ctrl+Shift+E": () => this.setHorizontalAlign("center"),
           "Ctrl+Shift+L": () => this.setHorizontalAlign("left"),
           "Ctrl+Shift+R": () => this.setHorizontalAlign("right"),
@@ -49869,31 +50238,6 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
-  /** @odoo-module */
-  class EditableName extends owl.Component {
-      static template = "o-spreadsheet-EditableName";
-      static props = {
-          name: String,
-          displayName: String,
-          onChanged: Function,
-      };
-      state;
-      setup() {
-          this.state = owl.useState({
-              isEditing: false,
-              name: "",
-          });
-      }
-      rename() {
-          this.state.isEditing = true;
-          this.state.name = this.props.name;
-      }
-      save() {
-          this.props.onChanged(this.state.name.trim());
-          this.state.isEditing = false;
-      }
-  }
-
   /**
    * BasePlugin
    *
@@ -53811,7 +54155,7 @@ stores.inject(MyMetaStore, storeInstance);
               this.sheetIdsMapName[sheet.name] = sheet.id;
           }
           for (let sheetData of data.sheets) {
-              const name = sheetData.name || _t("Sheet") + (Object.keys(this.sheets).length + 1);
+              const name = sheetData.name || "Sheet" + (Object.keys(this.sheets).length + 1);
               const { colNumber, rowNumber } = this.getImportedSheetSize(sheetData);
               const sheet = {
                   id: sheetData.id,
@@ -55430,7 +55774,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;
               }
@@ -55470,7 +55814,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.
@@ -57112,7 +57456,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();
@@ -57156,7 +57500,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);
@@ -58162,8 +58506,7 @@ stores.inject(MyMetaStore, storeInstance);
               .map((cell) => cell.value);
           switch (threshold.type) {
               case "value":
-                  const result = functionName === "max" ? largeMax(rangeValues) : largeMin(rangeValues);
-                  return result;
+                  return functionName === "max" ? largeMax(rangeValues) : largeMin(rangeValues);
               case "number":
                   return Number(threshold.value);
               case "percentage":
@@ -59367,8 +59710,7 @@ stores.inject(MyMetaStore, storeInstance);
                   throw new NotAvailableError();
               }
               const comparedValue = this._getPivotCellValueAndFormat(measure.id, comparedDomain);
-              const comparedValueNumber = this.strictMeasureValueToNumber(comparedValue);
-              return comparedValueNumber;
+              return this.strictMeasureValueToNumber(comparedValue);
           }
           getPivotValueCells(measureId) {
               return this.getTableStructure()
@@ -60902,7 +61244,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
@@ -61074,7 +61416,6 @@ stores.inject(MyMetaStore, storeInstance);
           if (this.waitingAck) {
               return;
           }
-          this.waitingAck = true;
           this.sendPendingMessage();
       }
       /**
@@ -61111,6 +61452,7 @@ stores.inject(MyMetaStore, storeInstance);
               throw new Error(`Trying to send a new revision while replaying initial revision. This can lead to endless dispatches every time the spreadsheet is open.
       ${JSON.stringify(message)}`);
           }
+          this.waitingAck = true;
           this.transportService.sendMessage({
               ...message,
               serverRevisionId: this.serverRevisionId,
@@ -61270,8 +61612,7 @@ stores.inject(MyMetaStore, storeInstance);
               }
               const color = client.color;
               /* Cell background */
-              const cellBackgroundColor = `${color}10`;
-              ctx.fillStyle = cellBackgroundColor;
+              ctx.fillStyle = `${color}10`;
               ctx.lineWidth = 4 * thinLineWidth;
               ctx.strokeStyle = color;
               ctx.globalCompositeOperation = "multiply";
@@ -61638,8 +61979,7 @@ stores.inject(MyMetaStore, storeInstance);
       exportForExcel(data) {
           for (const sheetData of data.sheets) {
               for (const [row, rowData] of Object.entries(sheetData.rows)) {
-                  const isHidden = this.isRowHidden(sheetData.id, Number(row));
-                  rowData.isHidden = isHidden;
+                  rowData.isHidden = this.isRowHidden(sheetData.id, Number(row));
               }
           }
       }
@@ -61699,6 +62039,7 @@ 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;
@@ -62163,7 +62504,6 @@ stores.inject(MyMetaStore, storeInstance);
               if (!isEqual(zone, newZone)) {
                   hasExpanded = true;
                   zone = newZone;
-                  continue;
               }
           } while (hasExpanded);
           return zone;
@@ -63256,7 +63596,7 @@ stores.inject(MyMetaStore, storeInstance);
               case "ADD_COLUMNS_ROWS": {
                   this.status = "invisible";
                   // If we add a col/row inside or before the cut area, we invalidate the clipboard
-                  if (this._isCutOperation !== true || cmd.sheetId !== this.copiedData?.sheetId) {
+                  if (!this._isCutOperation || cmd.sheetId !== this.copiedData?.sheetId) {
                       return;
                   }
                   const isClipboardDirty = this.isColRowDirtyingClipboard(cmd.position === "before" ? cmd.base : cmd.base + 1, cmd.dimension);
@@ -63268,7 +63608,7 @@ stores.inject(MyMetaStore, storeInstance);
               case "REMOVE_COLUMNS_ROWS": {
                   this.status = "invisible";
                   // If we remove a col/row inside or before the cut area, we invalidate the clipboard
-                  if (this._isCutOperation !== true || cmd.sheetId !== this.copiedData?.sheetId) {
+                  if (!this._isCutOperation || cmd.sheetId !== this.copiedData?.sheetId) {
                       return;
                   }
                   for (let el of cmd.elements) {
@@ -63290,7 +63630,7 @@ stores.inject(MyMetaStore, storeInstance);
                   break;
               }
               case "DELETE_SHEET":
-                  if (this._isCutOperation !== true) {
+                  if (!this._isCutOperation) {
                       return;
                   }
                   if (this.originSheetId === cmd.sheetId) {
@@ -64183,8 +64523,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.setSelectionMixin({ zone, cell: { col, row } }, [zone]);
       }
       setActiveSheet(id) {
-          const sheet = this.getters.getSheet(id);
-          this.activeSheet = sheet;
+          this.activeSheet = this.getters.getSheet(id);
       }
       activateNextSheet(direction) {
           const sheetIds = this.getters.getSheetIds();
@@ -64878,9 +65217,6 @@ stores.inject(MyMetaStore, storeInstance);
               case "UNFREEZE_COLUMNS_ROWS":
                   this.resetViewports(this.getters.getActiveSheetId());
                   break;
-              case "DELETE_SHEET":
-                  this.sheetsWithDirtyViewports.delete(cmd.sheetId);
-                  break;
               case "SCROLL_TO_CELL":
                   this.refreshViewport(this.getters.getActiveSheetId(), { col: cmd.col, row: cmd.row });
                   break;
@@ -66832,10 +67168,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 {
@@ -66920,6 +67255,10 @@ stores.inject(MyMetaStore, storeInstance);
       }
     }
   }
+
+  .o-fw-bold {
+    font-weight: 500;
+  }
 `;
   class SidePanel extends owl.Component {
       static template = "o-spreadsheet-SidePanel";
@@ -67751,8 +68090,7 @@ stores.inject(MyMetaStore, storeInstance);
                   for (const item of clipboardItems) {
                       for (const type of item.types) {
                           const blob = await item.getType(type);
-                          const text = await blob.text();
-                          clipboardContent[type] = text;
+                          clipboardContent[type] = await blob.text();
                       }
                   }
                   return { status: "ok", content: clipboardContent };
@@ -68064,7 +68402,6 @@ stores.inject(MyMetaStore, storeInstance);
       spreadsheetRef = owl.useRef("spreadsheet");
       spreadsheetRect = useSpreadsheetRect();
       _focusGrid;
-      keyDownMapping;
       isViewportTooSmall = false;
       notificationStore;
       composerFocusStore;
@@ -68088,10 +68425,6 @@ stores.inject(MyMetaStore, storeInstance);
           this.notificationStore = useStore(NotificationStore);
           this.composerFocusStore = useStore(ComposerFocusStore);
           this.sidePanel = useStore(SidePanelStore);
-          this.keyDownMapping = {
-              "CTRL+H": () => this.sidePanel.toggle("FindAndReplace", {}),
-              "CTRL+F": () => this.sidePanel.toggle("FindAndReplace", {}),
-          };
           const fileStore = this.model.config.external.fileStore;
           owl.useSubEnv({
               model: this.model,
@@ -68191,20 +68524,6 @@ stores.inject(MyMetaStore, storeInstance);
           }
           this._focusGrid();
       }
-      onKeydown(ev) {
-          let keyDownString = "";
-          if (isCtrlKey(ev)) {
-              keyDownString += "CTRL+";
-          }
-          keyDownString += ev.key.toUpperCase();
-          let handler = this.keyDownMapping[keyDownString];
-          if (handler) {
-              ev.preventDefault();
-              ev.stopPropagation();
-              handler();
-              return;
-          }
-      }
       get gridHeight() {
           const { height } = this.env.model.getters.getSheetViewDimension();
           return height;
@@ -69619,10 +69938,10 @@ stores.inject(MyMetaStore, storeInstance);
       getNextCellPosition(currentPosition, dimension, direction) {
           const dimOfInterest = dimension === "cols" ? "col" : "row";
           const startingPosition = { ...currentPosition };
-          const nextCoord = dimension === "cols"
-              ? this.getNextAvailableCol(direction, startingPosition.col, startingPosition.row)
-              : this.getNextAvailableRow(direction, startingPosition.col, startingPosition.row);
-          startingPosition[dimOfInterest] = nextCoord;
+          startingPosition[dimOfInterest] =
+              dimension === "cols"
+                  ? this.getNextAvailableCol(direction, startingPosition.col, startingPosition.row)
+                  : this.getNextAvailableRow(direction, startingPosition.col, startingPosition.row);
           return { col: startingPosition.col, row: startingPosition.row };
       }
       getPosition() {
@@ -69746,6 +70065,8 @@ stores.inject(MyMetaStore, storeInstance);
           case "pie":
               plot = addDoughnutChart(chart.data, chartSheetIndex, data, { holeSize: 0 });
               break;
+          case "radar":
+              plot = addRadarChart(chart.data);
       }
       let position = "t";
       switch (chart.data.legendPosition) {
@@ -70204,6 +70525,53 @@ stores.inject(MyMetaStore, storeInstance);
     `
         : ""}`;
   }
+  function addRadarChart(chart) {
+      const dataSetsColors = chart.dataSets.map((ds) => ds.backgroundColor ?? "");
+      const colors = new ColorGenerator(chart.dataSets.length, dataSetsColors);
+      const dataSetsNodes = [];
+      for (const [dsIndex, dataset] of Object.entries(chart.dataSets)) {
+          const color = toXlsxHexColor(colors.next());
+          const dataShapeProperty = shapeProperty({
+              line: {
+                  width: 2.5,
+                  style: "solid",
+                  color,
+              },
+          });
+          const dataSetNode = escapeXml /*xml*/ `
+      <c:ser>
+        <c:idx val="${dsIndex}"/>
+        <c:order val="${dsIndex}"/>
+        <c:smooth val="0"/>
+        <c:marker>
+          <c:symbol val="circle" />
+          <c:size val="5"/>
+          ${shapeProperty({ backgroundColor: color, line: { color } })}
+        </c:marker>
+        ${extractDataSetLabel(dataset.label)}
+        ${dataShapeProperty}
+        ${chart.labelRange ? escapeXml `<c:cat>${stringRef(chart.labelRange)}</c:cat>` : ""} <!-- x-coordinate values -->
+        <c:val> <!-- x-coordinate values -->
+          ${numberRef(dataset.range)}
+        </c:val>
+      </c:ser>
+    `;
+          dataSetsNodes.push(dataSetNode);
+      }
+      return escapeXml /*xml*/ `
+    ${escapeXml /*xml*/ `
+        <c:radarChart>
+        <c:radarStyle val="marker"/>
+          <c:varyColors val="0"/>
+          ${joinXmlNodes(dataSetsNodes)}
+          <c:axId val="${catAxId}" />
+          <c:axId val="${valAxId}" />
+        </c:radarChart>
+        ${addAx("b", "c:catAx", catAxId, valAxId, chart.axesDesign?.x?.title, chart.fontColor)}
+        ${addAx("l", "c:valAx", valAxId, catAxId, chart.axesDesign?.y?.title, chart.fontColor)}
+      `}
+  `;
+  }
   function addDoughnutChart(chart, chartSheetIndex, data, { holeSize } = { holeSize: 50 }) {
       const maxLength = largeMax(chart.dataSets.map((ds) => getRangeSize(ds.range, chartSheetIndex, data)));
       const colors = new ColorGenerator(maxLength);
@@ -71311,25 +71679,23 @@ stores.inject(MyMetaStore, storeInstance);
           ["showGridLines", sheet.areGridLinesVisible ? 1 : 0],
           ["workbookViewId", 0],
       ];
-      let sheetView = escapeXml /*xml*/ `
+      return escapeXml /*xml*/ `
       <sheetViews>
         <sheetView ${formatAttributes(sheetViewAttrs)}>
           ${splitPanes}
         </sheetView>
       </sheetViews>
     `;
-      return sheetView;
   }
   function addSheetProperties(sheet) {
       if (!sheet.color) {
           return "";
       }
-      let sheetView = escapeXml /*xml*/ `
+      return escapeXml /*xml*/ `
       <sheetPr>
         <tabColor ${formatAttributes([["rgb", toXlsxHexColor(sheet.color)]])} />
       </sheetPr>
     `;
-      return sheetView;
   }
 
   /**
@@ -71642,9 +72008,7 @@ stores.inject(MyMetaStore, storeInstance);
   })(Status || (Status = {}));
   class Model extends EventBus {
       corePlugins = [];
-      featurePlugins = [];
       statefulUIPlugins = [];
-      coreViewsPlugins = [];
       range;
       session;
       /**
@@ -71689,7 +72053,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);
@@ -71730,7 +72094,6 @@ stores.inject(MyMetaStore, storeInstance);
           this.session.loadInitialMessages(stateUpdateMessages);
           for (let Plugin of coreViewsPluginRegistry.getAll()) {
               const plugin = this.setupUiPlugin(Plugin);
-              this.coreViewsPlugins.push(plugin);
               this.handlers.push(plugin);
               this.uiHandlers.push(plugin);
               this.coreHandlers.push(plugin);
@@ -71743,7 +72106,6 @@ stores.inject(MyMetaStore, storeInstance);
           }
           for (let Plugin of featurePluginRegistry.getAll()) {
               const plugin = this.setupUiPlugin(Plugin);
-              this.featurePlugins.push(plugin);
               this.handlers.push(plugin);
               this.uiHandlers.push(plugin);
           }
@@ -71760,16 +72122,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);
@@ -71828,7 +72190,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.finalize();
       }
       setupSession(revisionId) {
-          const session = new Session(buildRevisionLog({
+          return new Session(buildRevisionLog({
               initialRevisionId: revisionId,
               recordChanges: this.state.recordChanges.bind(this.state),
               dispatch: (command) => {
@@ -71841,7 +72203,6 @@ stores.inject(MyMetaStore, storeInstance);
                   this.isReplayingCommand = false;
               },
           }), this.config.transportService, revisionId);
-          return session;
       }
       setupSessionEvents() {
           this.session.on("remote-revision-received", this, this.onRemoteRevisionReceived);
@@ -71934,8 +72295,7 @@ stores.inject(MyMetaStore, storeInstance);
           return results;
       }
       checkDispatchAllowedLocalCommand(command) {
-          const results = this.uiHandlers.map((handler) => handler.allowDispatch(command));
-          return results;
+          return this.uiHandlers.map((handler) => handler.allowDispatch(command));
       }
       finalize() {
           this.status = 3 /* Status.Finalizing */;
@@ -71992,7 +72352,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);
@@ -72295,7 +72655,6 @@ stores.inject(MyMetaStore, storeInstance);
       PivotDimensionOrder,
       PivotDimension,
       PivotLayoutConfigurator,
-      EditableName,
       PivotDeferUpdate,
       PivotTitleSection,
       CogWheelMenu,
@@ -72387,9 +72746,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "18.1.0-alpha.1";
-  __info__.date = "2024-10-14T07:53:17.717Z";
-  __info__.hash = "e9ce3aa";
+  __info__.version = "18.1.0-alpha.2";
+  __info__.date = "2024-10-24T08:53:21.828Z";
+  __info__.hash = "2a01250";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);