@odoo/o-spreadsheet 19.1.0-alpha.3 → 19.1.0-alpha.5

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 19.1.0-alpha.3
- * @date 2025-09-23T12:37:52.238Z
- * @hash ce2b07a
+ * @version 19.1.0-alpha.5
+ * @date 2025-10-16T06:39:55.925Z
+ * @hash 1a0e3d5
  */
 
 (function (exports, owl) {
@@ -592,7 +592,6 @@
   const BACKGROUND_HEADER_SELECTED_COLOR = "#E8EAED";
   const BACKGROUND_HEADER_ACTIVE_COLOR = "#595959";
   const TEXT_HEADER_COLOR = "#666666";
-  const FIGURE_BORDER_COLOR = "#c9ccd2";
   const SELECTION_BORDER_COLOR = "#3266ca";
   const HEADER_BORDER_COLOR = "#C0C0C0";
   const CELL_BORDER_COLOR = "#E2E3E3";
@@ -600,7 +599,6 @@
   const DEFAULT_COLOR_SCALE_MIDPOINT_COLOR = 0xb6d7a8;
   const LINK_COLOR = HIGHLIGHT_COLOR;
   const FILTERS_COLOR = "#188038";
-  const HEADER_GROUPING_BORDER_COLOR = "#999";
   const FROZEN_PANE_HEADER_BORDER_COLOR = "#BCBCBC";
   const FROZEN_PANE_BORDER_COLOR = "#DADFE8";
   const COMPOSER_ASSISTANT_COLOR = "#9B359B";
@@ -843,22 +841,6 @@
   // Miscellaneous
   //------------------------------------------------------------------------------
   const sanitizeSheetNameRegex = new RegExp(FORBIDDEN_SHEETNAME_CHARS_IN_EXCEL_REGEX, "g");
-  /**
-   * Remove quotes from a quoted string
-   * ```js
-   * removeStringQuotes('"Hello"')
-   * > 'Hello'
-   * ```
-   */
-  function removeStringQuotes(str) {
-      if (str[0] === '"') {
-          str = str.slice(1);
-      }
-      if (str[str.length - 1] === '"' && str[str.length - 2] !== "\\") {
-          return str.slice(0, str.length - 1);
-      }
-      return str;
-  }
   function isCloneable(obj) {
       return "clone" in obj && obj.clone instanceof Function;
   }
@@ -927,6 +909,13 @@
   function getUnquotedSheetName(sheetName) {
       return unquote(sheetName, "'");
   }
+  /**
+   * Remove quotes from a quoted string
+   * ```js
+   * unquote('"Hello"')
+   * > 'Hello'
+   * ```
+   */
   function unquote(string, quoteChar = '"') {
       if (string.startsWith(quoteChar)) {
           string = string.slice(1);
@@ -1331,9 +1320,7 @@
       return newArray;
   }
   function insertItemsAtIndex(array, items, index) {
-      const newArray = [...array];
-      newArray.splice(index, 0, ...items);
-      return newArray;
+      return array.slice(0, index).concat(items).concat(array.slice(index));
   }
   function replaceItemAtIndex(array, newItem, index) {
       const newArray = [...array];
@@ -4464,7 +4451,17 @@
       return toMatrix(data).map((row) => {
           return row.map((cell) => {
               if (typeof cell.value !== "number") {
-                  throw new EvaluationError(_t("Function [[FUNCTION_NAME]] expects number values for %s, but got a %s.", argName, typeof cell.value));
+                  let message = "";
+                  if (typeof cell === "object") {
+                      message = _t("Function [[FUNCTION_NAME]] expects number values for %s, but got an empty value.", argName);
+                  }
+                  else if (typeof cell === "string") {
+                      message = _t("Function [[FUNCTION_NAME]] expects number values for %s, but got a string.", argName);
+                  }
+                  else if (typeof cell === "boolean") {
+                      message = _t("Function [[FUNCTION_NAME]] expects number values for %s, but got a boolean.", argName);
+                  }
+                  throw new EvaluationError(message);
               }
               return cell.value;
           });
@@ -5583,7 +5580,7 @@
    * Replace in place tokens "mm" and "m" that denote minutes in date format with "MM" to avoid confusion with months.
    *
    * As per OpenXML specification, in date formats if a date token "m" or "mm" is followed by a date token "s" or
-   * preceded by a data token "h", then it's not a month but an minute.
+   * preceded by a data token "h", then it's not a month but a minute.
    */
   function convertTokensToMinutesInDateFormat(tokens) {
       const dateParts = tokens.filter((token) => token.type === "DATE_PART");
@@ -5626,6 +5623,9 @@
               case "REPEATED_CHAR":
                   format += "*" + token.value;
                   break;
+              case "DATE_PART":
+                  format += token.value === "MM" ? "mm" : token.value; // Convert "MM" back to "mm" for minutes
+                  break;
               default:
                   format += token.value;
           }
@@ -5699,7 +5699,7 @@
                   return value;
               }
               const internalFormat = parseFormat(format);
-              const formatToApply = internalFormat.text || internalFormat.positive;
+              const formatToApply = getFormatToApply(value, internalFormat).format;
               if (!formatToApply || formatToApply.type !== "text") {
                   return value;
               }
@@ -5710,16 +5710,15 @@
                   format = createDefaultFormat(value);
               }
               const internalFormat = parseFormat(format);
-              if (internalFormat.positive.type === "text") {
-                  return applyTextInternalFormat(value.toString(), internalFormat.positive, formatWidth);
+              const { format: formatToApply, isNegativeFormat } = getFormatToApply(value, internalFormat);
+              if (!formatToApply) {
+                  return value.toString();
               }
-              let formatToApply = internalFormat.positive;
-              if (value < 0 && internalFormat.negative) {
-                  formatToApply = internalFormat.negative;
-                  value = -value;
+              if (formatToApply.type === "text") {
+                  return applyTextInternalFormat(value.toString(), formatToApply, formatWidth);
               }
-              else if (value === 0 && internalFormat.zero) {
-                  formatToApply = internalFormat.zero;
+              if (isNegativeFormat) {
+                  value = Math.abs(value);
               }
               if (formatToApply.type === "date") {
                   return repeatCharToFitWidth(applyDateTimeFormat(value, formatToApply), formatWidth);
@@ -5731,6 +5730,31 @@
               return "";
       }
   }
+  function getFormatToApply(value, internalFormat) {
+      let formatToApply = undefined;
+      let isNegativeFormat = false;
+      switch (typeof value) {
+          case "number":
+              if (value < 0 && internalFormat.negative) {
+                  formatToApply = internalFormat.negative;
+                  isNegativeFormat = true;
+              }
+              else if (value === 0 && internalFormat.zero) {
+                  formatToApply = internalFormat.zero;
+              }
+              else {
+                  formatToApply = internalFormat.positive;
+              }
+              break;
+          case "string":
+              const format = internalFormat.text || internalFormat.positive;
+              if (format.type === "text") {
+                  formatToApply = format;
+              }
+              break;
+      }
+      return { format: formatToApply, isNegativeFormat };
+  }
   function applyTextInternalFormat(value, internalFormat, formatWidth) {
       let formattedValue = "";
       for (const token of internalFormat.tokens) {
@@ -6342,6 +6366,27 @@
           return false;
       }
   }
+  function formatHasRepeatedChar(value, format) {
+      if (!format) {
+          return false;
+      }
+      try {
+          const internalFormat = parseFormat(format);
+          const { format: formatToApply } = getFormatToApply(value, internalFormat);
+          if (formatToApply?.type === "text" || formatToApply?.type === "date") {
+              const tokens = formatToApply.tokens;
+              return tokens.some((token) => token.type === "REPEATED_CHAR");
+          }
+          else if (formatToApply?.type === "number") {
+              return (formatToApply.integerPart.some((token) => token.type === "REPEATED_CHAR") ||
+                  (formatToApply.decimalPart
+                      ? formatToApply.decimalPart.some((token) => token.type === "REPEATED_CHAR")
+                      : false));
+          }
+      }
+      catch { }
+      return false;
+  }
 
   function evaluateLiteral(literalCell, localeFormat, position) {
       const value = isTextFormat(localeFormat.format) && literalCell.parsedValue !== null
@@ -6354,6 +6399,9 @@
       if (content.startsWith("=")) {
           throw new Error(`Cannot parse "${content}" because it's not a literal value. It's a formula`);
       }
+      if (content.startsWith("'")) {
+          return content.slice(1);
+      }
       if (content === "") {
           return null;
       }
@@ -9303,6 +9351,32 @@
           groups: [],
       });
   }
+  function togglePivotCollapse(position, env) {
+      const pivotCell = env.model.getters.getPivotCellFromPosition(position);
+      const pivotId = env.model.getters.getPivotIdFromPosition(position);
+      if (!pivotId || pivotCell.type !== "HEADER") {
+          return;
+      }
+      const definition = env.model.getters.getPivotCoreDefinition(pivotId);
+      const collapsedDomains = definition.collapsedDomains?.[pivotCell.dimension]
+          ? [...definition.collapsedDomains[pivotCell.dimension]]
+          : [];
+      const index = collapsedDomains.findIndex((domain) => deepEquals(domain, pivotCell.domain));
+      if (index !== -1) {
+          collapsedDomains.splice(index, 1);
+      }
+      else {
+          collapsedDomains.push(pivotCell.domain);
+      }
+      const newDomains = definition.collapsedDomains
+          ? { ...definition.collapsedDomains }
+          : { COL: [], ROW: [] };
+      newDomains[pivotCell.dimension] = collapsedDomains;
+      env.model.dispatch("UPDATE_PIVOT", {
+          pivotId,
+          pivot: { ...definition, collapsedDomains: newDomains },
+      });
+  }
 
   class CellClipboardHandler extends AbstractCellClipboardHandler {
       isCutAllowed(data) {
@@ -9476,7 +9550,7 @@
       pasteCell(origin, target, clipboardOption) {
           const { sheetId, col, row } = target;
           const targetCell = this.getters.getEvaluatedCell(target);
-          const originFormat = origin?.format ?? origin.evaluatedCell.format;
+          const originFormat = origin?.format || origin.evaluatedCell.format;
           if (clipboardOption?.pasteOption === "asValue") {
               this.dispatch("UPDATE_CELL", {
                   ...target,
@@ -13702,7 +13776,7 @@ stores.inject(MyMetaStore, storeInstance);
           if (knownDataY.length === 0 || knownDataY[0].length === 0) {
               return new EvaluationError(emptyDataErrorMessage("known_data_y"));
           }
-          return expM(predictLinearValues(logM(toNumberMatrix(knownDataY, "the first argument (known_data_y)")), toNumberMatrix(knownDataX, "the second argument (known_data_x)"), toNumberMatrix(newDataX, "the third argument (new_data_y)"), toBoolean(b)));
+          return expM(predictLinearValues(logM(toNumberMatrix(knownDataY, "known_data_y")), toNumberMatrix(knownDataX, "known_data_x"), toNumberMatrix(newDataX, "new_data_y"), toBoolean(b)));
       },
   };
   // -----------------------------------------------------------------------------
@@ -13775,7 +13849,7 @@ stores.inject(MyMetaStore, storeInstance);
           if (dataY.length === 0 || dataY[0].length === 0) {
               return new EvaluationError(emptyDataErrorMessage("data_y"));
           }
-          return fullLinearRegression(toNumberMatrix(dataX, "the first argument (data_y)"), toNumberMatrix(dataY, "the second argument (data_x)"), toBoolean(calculateB), toBoolean(verbose));
+          return fullLinearRegression(toNumberMatrix(dataX, "data_x"), toNumberMatrix(dataY, "data_y"), toBoolean(calculateB), toBoolean(verbose));
       },
       isExported: true,
   };
@@ -13794,7 +13868,7 @@ stores.inject(MyMetaStore, storeInstance);
           if (dataY.length === 0 || dataY[0].length === 0) {
               return new EvaluationError(emptyDataErrorMessage("data_y"));
           }
-          const coeffs = fullLinearRegression(toNumberMatrix(dataX, "the second argument (data_x)"), logM(toNumberMatrix(dataY, "the first argument (data_y)")), toBoolean(calculateB), toBoolean(verbose));
+          const coeffs = fullLinearRegression(toNumberMatrix(dataX, "data_x"), logM(toNumberMatrix(dataY, "data_y")), toBoolean(calculateB), toBoolean(verbose));
           for (let i = 0; i < coeffs.length; i++) {
               coeffs[i][0] = Math.exp(coeffs[i][0]);
           }
@@ -14415,7 +14489,7 @@ stores.inject(MyMetaStore, storeInstance);
           if (knownDataY.length === 0 || knownDataY[0].length === 0) {
               return new EvaluationError(emptyDataErrorMessage("known_data_y"));
           }
-          return predictLinearValues(toNumberMatrix(knownDataY, "the first argument (known_data_y)"), toNumberMatrix(knownDataX, "the second argument (known_data_x)"), toNumberMatrix(newDataX, "the third argument (new_data_y)"), toBoolean(b));
+          return predictLinearValues(toNumberMatrix(knownDataY, "known_data_y"), toNumberMatrix(knownDataX, "known_data_x"), toNumberMatrix(newDataX, "new_data_y"), toBoolean(b));
       },
   };
   // -----------------------------------------------------------------------------
@@ -18636,7 +18710,7 @@ stores.inject(MyMetaStore, storeInstance);
           case "STRING":
               return {
                   type: "STRING",
-                  value: removeStringQuotes(current.value),
+                  value: unquote(current.value),
                   tokenStartIndex: current.tokenIndex,
                   tokenEndIndex: current.tokenIndex,
               };
@@ -22393,7 +22467,7 @@ stores.inject(MyMetaStore, storeInstance);
                   dependencies.push(token.value);
                   break;
               case "STRING":
-                  const value = removeStringQuotes(token.value);
+                  const value = unquote(token.value);
                   literalValues.strings.push({ value });
                   break;
               case "NUMBER": {
@@ -22936,6 +23010,10 @@ stores.inject(MyMetaStore, storeInstance);
           }
           const ctx = chart.ctx;
           ctx.save();
+          const { left, top, height, width } = chart.chartArea;
+          ctx.beginPath();
+          ctx.rect(left, top, width, height);
+          ctx.clip();
           ctx.textAlign = "center";
           ctx.textBaseline = "middle";
           ctx.miterLimit = 1; // Avoid sharp artifacts on strokeText
@@ -23970,7 +24048,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.chart.update();
       }
       hasChartDataChanged() {
-          return !deepEquals(this.currentRuntime.chartJsConfig.data, this.chartRuntime.chartJsConfig.data);
+          return !deepEquals(this.getChartDataInRuntime(this.currentRuntime), this.getChartDataInRuntime(this.chartRuntime));
       }
       enableAnimationInChartData(chartData) {
           return {
@@ -23978,6 +24056,17 @@ stores.inject(MyMetaStore, storeInstance);
               options: { ...chartData.options, animation: { animateRotate: true } },
           };
       }
+      getChartDataInRuntime(runtime) {
+          const data = runtime.chartJsConfig.data;
+          return {
+              labels: data.labels,
+              dataset: data.datasets.map((dataset) => ({
+                  data: dataset.data,
+                  label: dataset.label,
+                  tree: dataset.tree,
+              })),
+          };
+      }
       get animationChartId() {
           return this.props.isFullScreen ? this.props.chartId + "-fullscreen" : this.props.chartId;
       }
@@ -24645,6 +24734,7 @@ stores.inject(MyMetaStore, storeInstance);
       static template = "o-spreadsheet-ScorecardChart";
       static props = {
           chartId: String,
+          isFullScreen: { type: Boolean, optional: true },
       };
       canvas = owl.useRef("chartContainer");
       get runtime() {
@@ -25400,6 +25490,7 @@ stores.inject(MyMetaStore, storeInstance);
           parser: luxonFormat,
           displayFormats,
           unit: timeUnit ?? false,
+          tooltipFormat: luxonFormat,
       };
   }
   /**
@@ -26468,6 +26559,7 @@ stores.inject(MyMetaStore, storeInstance);
           };
           Object.assign(scales.x, axis);
           scales.x.ticks.maxTicksLimit = 15;
+          delete scales?.x?.ticks?.callback;
       }
       else if (axisType === "linear") {
           scales.x.type = "linear";
@@ -27408,26 +27500,6 @@ stores.inject(MyMetaStore, storeInstance);
       return { chartJsConfig: config, background: chart.background || BACKGROUND_CHART_COLOR };
   }
 
-  class FullScreenChartStore extends SpreadsheetStore {
-      mutators = ["toggleFullScreenChart"];
-      fullScreenFigure = undefined;
-      toggleFullScreenChart(figureId) {
-          if (this.fullScreenFigure?.id === figureId) {
-              this.fullScreenFigure = undefined;
-          }
-          else {
-              this.makeFullScreen(figureId);
-          }
-      }
-      makeFullScreen(figureId) {
-          const sheetId = this.getters.getActiveSheetId();
-          const figure = this.getters.getFigure(sheetId, figureId);
-          if (figure) {
-              this.fullScreenFigure = { ...figure, x: 0, y: 0, width: 0, height: 0 };
-          }
-      }
-  }
-
   const TREND_LINE_AXES_IDS = [TREND_LINE_XAXIS_ID, MOVING_AVERAGE_TREND_LINE_XAXIS_ID];
   const ZOOMABLE_AXIS_IDS = ["x", ...TREND_LINE_AXES_IDS];
   class ZoomableChartStore extends SpreadsheetStore {
@@ -27592,7 +27664,6 @@ stores.inject(MyMetaStore, storeInstance);
   class ZoomableChartJsComponent extends ChartJsComponent {
       static template = "o-spreadsheet-ZoomableChartJsComponent";
       store;
-      fullScreenChartStore;
       masterChartCanvas = owl.useRef("masterChartCanvas");
       masterChart;
       mode;
@@ -27603,7 +27674,6 @@ stores.inject(MyMetaStore, storeInstance);
       removeEventListeners = () => { };
       setup() {
           this.store = useStore(ZoomableChartStore);
-          this.fullScreenChartStore = useStore(FullScreenChartStore);
           super.setup();
       }
       unmount() {
@@ -27618,12 +27688,8 @@ stores.inject(MyMetaStore, storeInstance);
     `;
       }
       get sliceable() {
-          if (this.env.isDashboard()) {
-              const fullScreenFigureId = this.fullScreenChartStore.fullScreenFigure?.id;
-              const chartFigureId = this.env.model.getters.getFigureIdFromChartId(this.props.chartId);
-              if (fullScreenFigureId === chartFigureId) {
-                  return true;
-              }
+          if (this.props.isFullScreen) {
+              return true;
           }
           const definition = this.env.model.getters.getChartDefinition(this.props.chartId);
           return ("zoomable" in definition && definition?.zoomable) ?? false;
@@ -27686,9 +27752,6 @@ stores.inject(MyMetaStore, storeInstance);
           const xMax = Math.max(...xValues);
           return { xMin, xMax };
       }
-      get shouldAnimate() {
-          return this.env.model.getters.isDashboard() && !this.sliceable;
-      }
       createChart(chartRuntime) {
           const chartData = chartRuntime.chartJsConfig;
           this.isBarChart = chartData.type === "bar";
@@ -27707,6 +27770,9 @@ stores.inject(MyMetaStore, storeInstance);
           const masterChartCtx = this.masterChartCanvas.el.getContext("2d");
           this.masterChart = new window.Chart(masterChartCtx, this.getMasterChartConfiguration(chartRuntime["masterChartConfig"]));
           this.resetAxesLimits();
+          if (this.chart?.options) {
+              this.chart.options.animation = false;
+          }
       }
       updateChartJs(chartRuntime) {
           const chartData = chartRuntime.chartJsConfig;
@@ -27740,6 +27806,9 @@ stores.inject(MyMetaStore, storeInstance);
               }
           }
           this.resetAxesLimits();
+          if (this.chart?.options) {
+              this.chart.options.animation = false;
+          }
       }
       resetAxesLimits() {
           if (!this.chart) {
@@ -27837,7 +27906,7 @@ stores.inject(MyMetaStore, storeInstance);
       onPointerDownInMasterChart(ev) {
           this.removeEventListeners();
           const position = ev.offsetX;
-          if (!this.masterChart?.chartArea || !this.chart?.scales.x) {
+          if (!this.masterChart?.chartArea || !this.chart?.scales?.x) {
               return;
           }
           const { left, right, top, bottom } = this.masterChart.chartArea;
@@ -31395,6 +31464,26 @@ stores.inject(MyMetaStore, storeInstance);
       return matchedChart.displayName;
   }
 
+  class FullScreenFigureStore extends SpreadsheetStore {
+      mutators = ["toggleFullScreenFigure"];
+      fullScreenFigure = undefined;
+      toggleFullScreenFigure(figureId) {
+          if (this.fullScreenFigure?.id === figureId) {
+              this.fullScreenFigure = undefined;
+          }
+          else {
+              this.makeFullScreen(figureId);
+          }
+      }
+      makeFullScreen(figureId) {
+          const sheetId = this.getters.getActiveSheetId();
+          const figure = this.getters.getFigure(sheetId, figureId);
+          if (figure) {
+              this.fullScreenFigure = { ...figure, x: 0, y: 0, width: 0, height: 0 };
+          }
+      }
+  }
+
   /**
    * This file is largely inspired by owl 1.
    * `css` tag has been removed from owl 2 without workaround to manage css.
@@ -31549,7 +31638,8 @@ stores.inject(MyMetaStore, storeInstance);
           const menuItemsAndSeparators = [];
           for (let i = 0; i < this.props.menuItems.length; i++) {
               const menuItem = this.props.menuItems[i];
-              if (menuItem.isVisible(this.env)) {
+              if (menuItem.isVisible(this.env) &&
+                  (!this.isRoot(menuItem) || this.hasVisibleChildren(menuItem))) {
                   menuItemsAndSeparators.push(menuItem);
               }
               if (menuItem.separator &&
@@ -31591,6 +31681,9 @@ stores.inject(MyMetaStore, storeInstance);
       isRoot(menu) {
           return !menu.execute;
       }
+      hasVisibleChildren(menu) {
+          return menu.children(this.env).some((child) => child.isVisible(this.env));
+      }
       isEnabled(menu) {
           if (menu.isEnabled(this.env)) {
               return this.env.model.getters.isReadonly() ? menu.isReadonlyAllowed : true;
@@ -32132,12 +32225,13 @@ stores.inject(MyMetaStore, storeInstance);
   class ChartDashboardMenu extends owl.Component {
       static template = "o-spreadsheet-ChartDashboardMenu";
       static components = { MenuPopover };
-      static props = { chartId: String };
+      static props = { chartId: String, hasFullScreenButton: { type: Boolean, optional: true } };
+      static defaultProps = { hasFullScreenButton: true };
       fullScreenFigureStore;
       menuState = owl.useState({ isOpen: false, anchorRect: null, menuItems: [] });
       setup() {
           super.setup();
-          this.fullScreenFigureStore = useStore(FullScreenChartStore);
+          this.fullScreenFigureStore = useStore(FullScreenFigureStore);
       }
       getMenuItems() {
           return [this.fullScreenMenuItem].filter(isDefined);
@@ -32148,11 +32242,14 @@ stores.inject(MyMetaStore, storeInstance);
       }
       openContextMenu(ev) {
           this.menuState.isOpen = true;
-          this.menuState.anchorRect = { x: ev.clientX, y: ev.clientY, width: 0, height: 0 };
+          this.menuState.anchorRect = getBoundingRectAsPOJO(ev.currentTarget);
           const figureId = this.env.model.getters.getFigureIdFromChartId(this.props.chartId);
           this.menuState.menuItems = getChartMenuActions(figureId, () => { }, this.env);
       }
       get fullScreenMenuItem() {
+          if (!this.props.hasFullScreenButton) {
+              return undefined;
+          }
           const definition = this.env.model.getters.getChartDefinition(this.props.chartId);
           const figureId = this.env.model.getters.getFigureIdFromChartId(this.props.chartId);
           if (definition.type === "scorecard") {
@@ -32164,7 +32261,7 @@ stores.inject(MyMetaStore, storeInstance);
               label: isFullScreen ? _t("Exit Full Screen") : _t("Full Screen"),
               class: `text-muted fa ${isFullScreen ? "fa-compress" : "fa-expand"}`,
               onClick: () => {
-                  this.fullScreenFigureStore.toggleFullScreenChart(figureId);
+                  this.fullScreenFigureStore.toggleFullScreenFigure(figureId);
               },
           };
       }
@@ -32176,6 +32273,8 @@ stores.inject(MyMetaStore, storeInstance);
           figureUI: Object,
           onFigureDeleted: Function,
           editFigureStyle: { type: Function, optional: true },
+          isFullScreen: { type: Boolean, optional: true },
+          openContextMenu: { type: Function, optional: true },
       };
       static components = { ChartDashboardMenu, MenuPopover };
       carouselTabsRef = owl.useRef("carouselTabs");
@@ -32183,8 +32282,10 @@ stores.inject(MyMetaStore, storeInstance);
       menuState = owl.useState({ isOpen: false, anchorRect: null, menuItems: [] });
       hiddenItems = [];
       animationStore;
+      fullScreenFigureStore;
       setup() {
           this.animationStore = useStore(ChartAnimationStore);
+          this.fullScreenFigureStore = useStore(FullScreenFigureStore);
           owl.useEffect(() => {
               if (this.selectedCarouselItem?.type === "carouselDataView") {
                   this.props.editFigureStyle?.({ "pointer-events": "none" });
@@ -32231,7 +32332,8 @@ stores.inject(MyMetaStore, storeInstance);
               item,
           });
           if (item.type === "chart") {
-              this.animationStore?.enableAnimationForChart(item.chartId);
+              const animationChartId = item.chartId + (this.props.isFullScreen ? "-fullscreen" : "");
+              this.animationStore?.enableAnimationForChart(animationChartId);
           }
       }
       get headerStyle() {
@@ -32295,6 +32397,23 @@ stores.inject(MyMetaStore, storeInstance);
           this.menuState.anchorRect = rect;
           this.menuState.menuItems = createActions(menuItems);
       }
+      toggleFullScreen() {
+          if (this.selectedCarouselItem?.type === "chart") {
+              this.fullScreenFigureStore.toggleFullScreenFigure(this.props.figureUI.id);
+          }
+      }
+      get fullScreenButtonTitle() {
+          return this.props.isFullScreen ? _t("Exit Full Screen") : _t("Full Screen");
+      }
+      get visibleCarouselItems() {
+          return this.carousel.items.filter((item) => item.type === "carouselDataView" && this.props.isFullScreen ? false : true);
+      }
+      openContextMenu(event) {
+          const target = event.currentTarget;
+          if (target) {
+              this.props.openContextMenu?.(getBoundingRectAsPOJO(target));
+          }
+      }
   }
 
   class ChartFigure extends owl.Component {
@@ -32303,6 +32422,8 @@ stores.inject(MyMetaStore, storeInstance);
           figureUI: Object,
           onFigureDeleted: Function,
           editFigureStyle: { type: Function, optional: true },
+          isFullScreen: { type: Boolean, optional: true },
+          openContextMenu: { type: Function, optional: true },
       };
       static components = { ChartDashboardMenu };
       onDoubleClick() {
@@ -32335,6 +32456,7 @@ stores.inject(MyMetaStore, storeInstance);
           figureUI: Object,
           onFigureDeleted: Function,
           editFigureStyle: { type: Function, optional: true },
+          openContextMenu: { type: Function, optional: true },
       };
       static components = {};
       // ---------------------------------------------------------------------------
@@ -32405,9 +32527,7 @@ stores.inject(MyMetaStore, storeInstance);
           return this.isSelected ? ACTIVE_BORDER_WIDTH : this.borderWidth;
       }
       getBorderStyle(position) {
-          const borderWidth = this.getBorderWidth();
-          const borderColor = this.isSelected ? SELECTION_BORDER_COLOR : FIGURE_BORDER_COLOR;
-          return `border-${position}: ${borderWidth}px solid ${borderColor};`;
+          return `border-${position}-width: ${this.getBorderWidth()}px;`;
       }
       get wrapperStyle() {
           const { x, y, width, height } = this.props.figureUI;
@@ -34139,8 +34259,11 @@ stores.inject(MyMetaStore, storeInstance);
           }
           const newSelection = this.contentHelper.getCurrentSelection();
           this.props.composerStore.stopComposerRangeSelection();
-          this.props.onComposerContentFocused();
-          this.props.composerStore.changeComposerCursorSelection(newSelection.start, newSelection.end);
+          const isCurrentlyInactive = this.props.composerStore.editionMode === "inactive";
+          this.props.onComposerContentFocused(newSelection);
+          if (!isCurrentlyInactive) {
+              this.props.composerStore.changeComposerCursorSelection(newSelection.start, newSelection.end);
+          }
           this.processTokenAtCursor();
       }
       onDblClick() {
@@ -34635,13 +34758,6 @@ stores.inject(MyMetaStore, storeInstance);
           }
       }
       startEdition(text, selection) {
-          if (selection) {
-              const content = text || this.getComposerContent(this.getters.getActivePosition());
-              const validSelection = this.isSelectionValid(content.length, selection.start, selection.end);
-              if (!validSelection) {
-                  return;
-              }
-          }
           const { col, row } = this.getters.getActivePosition();
           this.model.dispatch("SELECT_FIGURE", { figureId: null });
           this.model.dispatch("SCROLL_TO_CELL", { col, row });
@@ -34698,7 +34814,7 @@ stores.inject(MyMetaStore, storeInstance);
       // ---------------------------------------------------------------------------
       get currentContent() {
           if (this.editionMode === "inactive") {
-              return this.getComposerContent(this.getters.getActivePosition());
+              return this.getComposerContent(this.getters.getActivePosition()).text;
           }
           return this._currentContent;
       }
@@ -34897,8 +35013,9 @@ stores.inject(MyMetaStore, storeInstance);
           this.sheetId = sheetId;
           this.row = row;
           this.editionMode = "editing";
-          this.initialContent = this.getComposerContent({ sheetId, col, row });
-          this.setContent(str || this.initialContent, selection);
+          const { text, adjustedSelection } = this.getComposerContent({ sheetId, col, row }, selection);
+          this.initialContent = text;
+          this.setContent(str || this.initialContent, adjustedSelection ?? selection);
           this.colorIndexByRange = {};
           const zone = positionToZone({ col: this.col, row: this.row });
           this.captureSelection(zone, col, row);
@@ -35375,7 +35492,7 @@ stores.inject(MyMetaStore, storeInstance);
       constructor(get, args) {
           super(get);
           this.args = args;
-          this._currentContent = this.getComposerContent();
+          this._currentContent = this.getComposerContent().text;
       }
       getAutoCompleteProviders() {
           const providersDefinitions = super.getAutoCompleteProviders();
@@ -35412,7 +35529,7 @@ stores.inject(MyMetaStore, storeInstance);
               })
                   .join("");
           }
-          return localizeContent(content, this.getters.getLocale());
+          return { text: localizeContent(content, this.getters.getLocale()) };
       }
       stopEdition() {
           this._stopEdition();
@@ -38632,6 +38749,74 @@ stores.inject(MyMetaStore, storeInstance);
       return path2D;
   }
 
+  /**
+   * Get the relative path between two files
+   *
+   * Eg.:
+   * from "folder1/file1.txt" to "folder2/file2.txt" => "../folder2/file2.txt"
+   */
+  function getRelativePath(from, to) {
+      const fromPathParts = from.split("/");
+      const toPathParts = to.split("/");
+      let relPath = "";
+      let startIndex = 0;
+      for (let i = 0; i < fromPathParts.length - 1; i++) {
+          if (fromPathParts[i] === toPathParts[i]) {
+              startIndex++;
+          }
+          else {
+              relPath += "../";
+          }
+      }
+      relPath += toPathParts.slice(startIndex).join("/");
+      return relPath;
+  }
+  /**
+   * Convert an array of element into an object where the objects keys were the elements position in the array.
+   * Can give an offset as argument, and all the array indexes will we shifted by this offset in the returned object.
+   *
+   * eg. : ["a", "b"] => {0:"a", 1:"b"}
+   */
+  function arrayToObject(array, indexOffset = 0) {
+      const obj = {};
+      for (let i = 0; i < array.length; i++) {
+          if (array[i]) {
+              obj[i + indexOffset] = array[i];
+          }
+      }
+      return obj;
+  }
+  /**
+   * In xlsx we can have string with unicode characters with the format _x00fa_.
+   * Replace with characters understandable by JS
+   */
+  function fixXlsxUnicode(str) {
+      return str.replace(/_x([0-9a-zA-Z]{4})_/g, (match, code) => {
+          return String.fromCharCode(parseInt(code, 16));
+      });
+  }
+  /** Get a header in the SheetData. Create the header if it doesn't exist in the SheetData */
+  function getSheetDataHeader(sheetData, dimension, index) {
+      if (dimension === "COL") {
+          if (!sheetData.cols[index]) {
+              sheetData.cols[index] = {};
+          }
+          return sheetData.cols[index];
+      }
+      if (!sheetData.rows[index]) {
+          sheetData.rows[index] = {};
+      }
+      return sheetData.rows[index];
+  }
+  /** Prefix the string by "=" if the string looks like a formula */
+  function prefixFormulaWithEqual(formula) {
+      if (formula[0] === "=") {
+          return formula;
+      }
+      const tokens = tokenize(formula);
+      return tokens.length === 1 && tokens[0].type !== "REFERENCE" ? formula : "=" + formula;
+  }
+
   /**
    * Map of the different types of conversions warnings and their name in error messages
    */
@@ -39154,66 +39339,6 @@ stores.inject(MyMetaStore, storeInstance);
    */
   const DEFAULT_SYSTEM_COLOR = "FF000000";
 
-  /**
-   * Get the relative path between two files
-   *
-   * Eg.:
-   * from "folder1/file1.txt" to "folder2/file2.txt" => "../folder2/file2.txt"
-   */
-  function getRelativePath(from, to) {
-      const fromPathParts = from.split("/");
-      const toPathParts = to.split("/");
-      let relPath = "";
-      let startIndex = 0;
-      for (let i = 0; i < fromPathParts.length - 1; i++) {
-          if (fromPathParts[i] === toPathParts[i]) {
-              startIndex++;
-          }
-          else {
-              relPath += "../";
-          }
-      }
-      relPath += toPathParts.slice(startIndex).join("/");
-      return relPath;
-  }
-  /**
-   * Convert an array of element into an object where the objects keys were the elements position in the array.
-   * Can give an offset as argument, and all the array indexes will we shifted by this offset in the returned object.
-   *
-   * eg. : ["a", "b"] => {0:"a", 1:"b"}
-   */
-  function arrayToObject(array, indexOffset = 0) {
-      const obj = {};
-      for (let i = 0; i < array.length; i++) {
-          if (array[i]) {
-              obj[i + indexOffset] = array[i];
-          }
-      }
-      return obj;
-  }
-  /**
-   * In xlsx we can have string with unicode characters with the format _x00fa_.
-   * Replace with characters understandable by JS
-   */
-  function fixXlsxUnicode(str) {
-      return str.replace(/_x([0-9a-zA-Z]{4})_/g, (match, code) => {
-          return String.fromCharCode(parseInt(code, 16));
-      });
-  }
-  /** Get a header in the SheetData. Create the header if it doesn't exist in the SheetData */
-  function getSheetDataHeader(sheetData, dimension, index) {
-      if (dimension === "COL") {
-          if (!sheetData.cols[index]) {
-              sheetData.cols[index] = {};
-          }
-          return sheetData.cols[index];
-      }
-      if (!sheetData.rows[index]) {
-          sheetData.rows[index] = {};
-      }
-      return sheetData.rows[index];
-  }
-
   const XLSX_DATE_FORMAT_REGEX = /^(yy|yyyy|m{1,5}|d{1,4}|h{1,2}|s{1,2}|am\/pm|a\/m|\s|-|\/|\.|:)+$/i;
   /**
    * Convert excel format to o_spreadsheet format
@@ -39428,9 +39553,9 @@ stores.inject(MyMetaStore, storeInstance);
                   if (!rule.operator || !rule.formula || rule.formula.length === 0)
                       continue;
                   operator = CF_OPERATOR_TYPE_CONVERSION_MAP[rule.operator];
-                  values.push(prefixFormula(rule.formula[0]));
+                  values.push(prefixFormulaWithEqual(rule.formula[0]));
                   if (rule.formula.length === 2) {
-                      values.push(prefixFormula(rule.formula[1]));
+                      values.push(prefixFormulaWithEqual(rule.formula[1]));
                   }
                   break;
           }
@@ -39588,11 +39713,6 @@ stores.inject(MyMetaStore, storeInstance);
               ? ICON_SETS[iconSet].neutral
               : ICON_SETS[iconSet].good;
   }
-  /** Prefix the string by "=" if the string looks like a formula */
-  function prefixFormula(formula) {
-      const tokens = tokenize(formula);
-      return tokens.length === 1 && tokens[0].type !== "REFERENCE" ? formula : "=" + formula;
-  }
   // ---------------------------------------------------------------------------
   // Warnings
   // ---------------------------------------------------------------------------
@@ -40068,7 +40188,7 @@ stores.inject(MyMetaStore, storeInstance);
                   dvRules.push(decimalRule);
                   break;
               case "list":
-                  const listRule = convertListrule(dvId++, dv);
+                  const listRule = convertListRule(dvId++, dv);
                   dvRules.push(listRule);
                   break;
               case "date":
@@ -40088,9 +40208,9 @@ stores.inject(MyMetaStore, storeInstance);
       return dvRules;
   }
   function convertDecimalRule(id, dv) {
-      const values = [dv.formula1.toString()];
+      const values = [prefixFormulaWithEqual(dv.formula1.toString())];
       if (dv.formula2) {
-          values.push(dv.formula2.toString());
+          values.push(prefixFormulaWithEqual(dv.formula2.toString()));
       }
       return {
           id: id.toString(),
@@ -40102,7 +40222,7 @@ stores.inject(MyMetaStore, storeInstance);
           },
       };
   }
-  function convertListrule(id, dv) {
+  function convertListRule(id, dv) {
       const formula1 = dv.formula1.toString();
       const isRangeRule = rangeReference.test(formula1);
       return {
@@ -40118,9 +40238,9 @@ stores.inject(MyMetaStore, storeInstance);
   }
   function convertDateRule(id, dv) {
       let criterion;
-      const values = [dv.formula1.toString()];
+      const values = [prefixFormulaWithEqual(dv.formula1.toString())];
       if (dv.formula2) {
-          values.push(dv.formula2.toString());
+          values.push(prefixFormulaWithEqual(dv.formula2.toString()));
           criterion = {
               type: XLSX_DV_DATE_OPERATOR_TO_DV_TYPE_MAPPING[dv.operator],
               values: getDateCriterionFormattedValues(values, DEFAULT_LOCALE),
@@ -40147,7 +40267,7 @@ stores.inject(MyMetaStore, storeInstance);
           isBlocking: dv.errorStyle !== "warning",
           criterion: {
               type: "customFormula",
-              values: [`=${dv.formula1.toString()}`],
+              values: [prefixFormulaWithEqual(dv.formula1.toString())],
           },
       };
   }
@@ -45921,6 +46041,18 @@ stores.inject(MyMetaStore, storeInstance);
       get numberOfCells() {
           return this.rows.length * this.getNumberOfDataColumns();
       }
+      getColumnDomainsAtDepth(depth) {
+          if (depth < 0 || depth >= this.columns.length - 1) {
+              return [];
+          }
+          return this.columns[depth].map((col) => this.getDomain(col)).filter((d) => d.length);
+      }
+      getRowDomainsAtDepth(depth) {
+          if (depth < 0 || depth > this.maxIndent) {
+              return [];
+          }
+          return this.rows.filter((row) => row.indent === depth + 1).map((row) => this.getDomain(row));
+      }
   }
   const EMPTY_PIVOT_CELL = { type: "EMPTY" };
 
@@ -46913,6 +47045,109 @@ stores.inject(MyMetaStore, storeInstance);
           return areFieldValuesInGroups(definition, values, field, pivot.getFields());
       },
   };
+  const toggleCollapsePivotGroupAction = {
+      name: (env) => {
+          const position = env.model.getters.getActivePosition();
+          const pivotCellState = getPivotCellCollapseState(env.model.getters, position);
+          if (pivotCellState.isPivotGroup) {
+              return pivotCellState.isCollapsed ? _t("Expand") : _t("Collapse");
+          }
+          return "";
+      },
+      execute(env) {
+          const position = env.model.getters.getActivePosition();
+          togglePivotCollapse(position, env);
+      },
+      isVisible: (env) => {
+          const position = env.model.getters.getActivePosition();
+          const pivotCellState = getPivotCellCollapseState(env.model.getters, position);
+          return pivotCellState.isPivotGroup;
+      },
+  };
+  const collapseAllPivotGroupAction = {
+      name: _t("Collapse all"),
+      execute(env) {
+          const position = env.model.getters.getActivePosition();
+          const pivotCellState = getPivotCellCollapseState(env.model.getters, position);
+          if (!pivotCellState.isPivotGroup) {
+              return;
+          }
+          const { pivotCell, pivotId, siblingDomains } = pivotCellState;
+          const definition = deepCopy(env.model.getters.getPivotCoreDefinition(pivotId));
+          definition.collapsedDomains = definition.collapsedDomains || { COL: [], ROW: [] };
+          const newCollapsed = [
+              ...(definition.collapsedDomains[pivotCell.dimension] || []),
+              ...siblingDomains,
+          ];
+          const filteredCollapsed = newCollapsed.filter((domain, index) => index === newCollapsed.findIndex((d) => deepEquals(d, domain)));
+          definition.collapsedDomains[pivotCell.dimension] = filteredCollapsed;
+          env.model.dispatch("UPDATE_PIVOT", { pivotId, pivot: definition });
+      },
+      isVisible: (env) => {
+          const position = env.model.getters.getActivePosition();
+          const pivotCellState = getPivotCellCollapseState(env.model.getters, position);
+          if (!pivotCellState.isPivotGroup) {
+              return false;
+          }
+          const { pivotCell, pivotId, siblingDomains } = pivotCellState;
+          const definition = env.model.getters.getPivotCoreDefinition(pivotId);
+          return !siblingDomains.every((domain) => (definition.collapsedDomains?.[pivotCell.dimension] || []).some((d) => deepEquals(d, domain)));
+      },
+  };
+  const expandAllPivotGroupAction = {
+      name: _t("Expand all"),
+      execute(env) {
+          const position = env.model.getters.getActivePosition();
+          const pivotCellState = getPivotCellCollapseState(env.model.getters, position);
+          if (!pivotCellState.isPivotGroup) {
+              return;
+          }
+          const { pivotCell, pivotId, siblingDomains } = pivotCellState;
+          const definition = deepCopy(env.model.getters.getPivotCoreDefinition(pivotId));
+          definition.collapsedDomains = definition.collapsedDomains || { COL: [], ROW: [] };
+          const domains = definition.collapsedDomains[pivotCell.dimension] || [];
+          const filteredDomains = domains.filter((domain) => !siblingDomains.find((d) => deepEquals(d, domain)));
+          definition.collapsedDomains[pivotCell.dimension] = filteredDomains;
+          env.model.dispatch("UPDATE_PIVOT", { pivotId, pivot: definition });
+      },
+      isVisible: (env) => {
+          const position = env.model.getters.getActivePosition();
+          const pivotCellState = getPivotCellCollapseState(env.model.getters, position);
+          if (!pivotCellState.isPivotGroup) {
+              return false;
+          }
+          const { pivotCell, pivotId, siblingDomains } = pivotCellState;
+          const definition = env.model.getters.getPivotCoreDefinition(pivotId);
+          const collapsedDomains = definition.collapsedDomains?.[pivotCell.dimension] || [];
+          return collapsedDomains.some((domain) => siblingDomains.some((d) => deepEquals(d, domain)));
+      },
+  };
+  function getPivotCellCollapseState(getters, position) {
+      if (!getters.isSpillPivotFormula(position)) {
+          return { isPivotGroup: false };
+      }
+      const pivotCell = getters.getPivotCellFromPosition(position);
+      const pivotId = getters.getPivotIdFromPosition(position);
+      if (pivotCell.type !== "HEADER" || !pivotId || !pivotCell.domain.length) {
+          return { isPivotGroup: false };
+      }
+      const definition = getters.getPivotCoreDefinition(pivotId);
+      const isDashboard = getters.isDashboard();
+      const fields = pivotCell.dimension === "COL" ? definition.columns : definition.rows;
+      const hasIcon = !isDashboard && pivotCell.domain.length !== fields.length;
+      if (!hasIcon) {
+          return { isPivotGroup: false };
+      }
+      const domains = definition.collapsedDomains?.[pivotCell.dimension] ?? [];
+      const isCollapsed = domains.some((domain) => deepEquals(domain, pivotCell.domain));
+      const pivot = getters.getPivot(pivotId);
+      const table = pivot.getExpandedTableStructure();
+      const depth = pivotCell.domain.length - 1;
+      const siblingDomains = pivotCell.dimension === "ROW"
+          ? table.getRowDomainsAtDepth(depth)
+          : table.getColumnDomainsAtDepth(depth);
+      return { isPivotGroup: true, isCollapsed, pivotCell, pivotId, siblingDomains };
+  }
   function canSortPivot(getters, position) {
       const pivotId = getters.getPivotIdFromPosition(position);
       if (!pivotId || !getters.isExistingPivot(pivotId) || !getters.isSpillPivotFormula(position)) {
@@ -47248,6 +47483,23 @@ stores.inject(MyMetaStore, storeInstance);
       sequence: 155,
       icon: "o-spreadsheet-Icon.MINUS_IN_BOX",
       ...ungroupPivotHeadersAction,
+  })
+      .add("collapse_pivot", {
+      sequence: 156,
+      name: _t("Expand/Collapse"),
+      icon: "o-spreadsheet-Icon.COLLAPSE",
+  })
+      .addChild("toggle_collapse_pivot_cell", ["collapse_pivot"], {
+      sequence: 10,
+      ...toggleCollapsePivotGroupAction,
+  })
+      .addChild("collapse_all_pivot", ["collapse_pivot"], {
+      sequence: 20,
+      ...collapseAllPivotGroupAction,
+  })
+      .addChild("expand_all_pivot", ["collapse_pivot"], {
+      sequence: 30,
+      ...expandAllPivotGroupAction,
   })
       .add("pivot_sorting", {
       name: _t("Sort pivot"),
@@ -47872,6 +48124,7 @@ stores.inject(MyMetaStore, storeInstance);
               execute: (env) => {
                   env.model.dispatch("UNFOLD_ALL_HEADER_GROUPS", { sheetId, dimension });
               },
+              icon: "o-spreadsheet-Icon.EXPAND",
           },
           {
               id: "fold_all",
@@ -47879,6 +48132,7 @@ stores.inject(MyMetaStore, storeInstance);
               execute: (env) => {
                   env.model.dispatch("FOLD_ALL_HEADER_GROUPS", { sheetId, dimension });
               },
+              icon: "o-spreadsheet-Icon.COLLAPSE",
           },
       ]);
   }
@@ -47900,6 +48154,11 @@ stores.inject(MyMetaStore, storeInstance);
                   const sheetId = env.model.getters.getActiveSheetId();
                   interactiveToggleGroup(env, sheetId, dimension, start, end);
               },
+              icon: (env) => {
+                  const sheetId = env.model.getters.getActiveSheetId();
+                  const groupIsFolded = env.model.getters.isGroupFolded(sheetId, dimension, start, end);
+                  return groupIsFolded ? "o-spreadsheet-Icon.EXPAND" : "o-spreadsheet-Icon.COLLAPSE";
+              },
           },
           {
               id: "remove_group",
@@ -47908,6 +48167,7 @@ stores.inject(MyMetaStore, storeInstance);
                   const sheetId = env.model.getters.getActiveSheetId();
                   env.model.dispatch("UNGROUP_HEADERS", { sheetId, dimension, start, end });
               },
+              icon: "o-spreadsheet-Icon.TRASH",
               separator: true,
           },
       ]);
@@ -48770,39 +49030,66 @@ stores.inject(MyMetaStore, storeInstance);
           this.model.dispatch("AUTOFILL_TABLE_COLUMN", { ...this.currentEditedCell });
           this.setContent("");
       }
-      getComposerContent(position) {
+      getComposerContent(position, selection) {
           const locale = this.getters.getLocale();
           const cell = this.getters.getCell(position);
           if (cell?.isFormula) {
               const prettifiedContent = this.getPrettifiedFormula(cell);
-              return localizeFormula(prettifiedContent, locale);
+              // when a formula is prettified (multi lines, indented), adapt the cursor position
+              // to take into account line breaks and tabs
+              function adjustCursorIndex(targetIndex) {
+                  let adjustedIndex = 0;
+                  let originalIndex = 0;
+                  while (originalIndex < targetIndex) {
+                      adjustedIndex++;
+                      const char = prettifiedContent[adjustedIndex];
+                      if (char !== "\n" && char !== "\t") {
+                          originalIndex++;
+                      }
+                  }
+                  return adjustedIndex;
+              }
+              let adjustedSelection = selection;
+              if (selection) {
+                  adjustedSelection = {
+                      start: adjustCursorIndex(selection.start),
+                      end: adjustCursorIndex(selection.end),
+                  };
+              }
+              return {
+                  text: localizeFormula(prettifiedContent, locale),
+                  adjustedSelection,
+              };
           }
           const spreader = this.model.getters.getArrayFormulaSpreadingOn(position);
           if (spreader) {
-              return "";
+              return { text: "" };
+          }
+          if (cell?.content.startsWith("'")) {
+              return { text: cell.content };
           }
           const { format, value, type, formattedValue } = this.getters.getEvaluatedCell(position);
           switch (type) {
               case CellValueType.empty:
-                  return "";
+                  return { text: "" };
               case CellValueType.text:
               case CellValueType.error:
-                  return value;
+                  return { text: value };
               case CellValueType.boolean:
-                  return formattedValue;
+                  return { text: formattedValue };
               case CellValueType.number:
                   if (format && isDateTimeFormat(format)) {
                       if (parseDateTime(formattedValue, locale) !== null) {
                           // formatted string can be parsed again
-                          return formattedValue;
+                          return { text: formattedValue };
                       }
                       // display a simplified and parsable string otherwise
                       const timeFormat = Number.isInteger(value)
                           ? locale.dateFormat
                           : getDateTimeFormat(locale);
-                      return formatValue(value, { locale, format: timeFormat });
+                      return { text: formatValue(value, { locale, format: timeFormat }) };
                   }
-                  return this.numberComposerContent(value, format, locale);
+                  return { text: this.numberComposerContent(value, format, locale) };
           }
       }
       getPrettifiedFormula(cell) {
@@ -48949,8 +49236,9 @@ stores.inject(MyMetaStore, storeInstance);
               },
               focus: this.focus,
               isDefaultFocus: true,
-              onComposerContentFocused: () => this.composerFocusStore.focusComposer(this.composerInterface, {
+              onComposerContentFocused: (selection) => this.composerFocusStore.focusComposer(this.composerInterface, {
                   focusMode: "contentFocus",
+                  selection,
               }),
               onComposerCellFocused: (content) => this.composerFocusStore.focusComposer(this.composerInterface, {
                   focusMode: "cellFocus",
@@ -51343,6 +51631,9 @@ stores.inject(MyMetaStore, storeInstance);
           }
           const { align } = this.getters.getCellStyle(position);
           const evaluatedCell = this.getters.getEvaluatedCell(position);
+          if (formatHasRepeatedChar(evaluatedCell.value, evaluatedCell.format)) {
+              return "left";
+          }
           if (isOverflowing && evaluatedCell.type === CellValueType.number) {
               return align !== "center" ? "left" : align;
           }
@@ -55635,12 +55926,13 @@ stores.inject(MyMetaStore, storeInstance);
           onCloseSidePanel: { type: Function, optional: true },
       };
       state = owl.useState({ rule: this.defaultDataValidationRule, errors: [] });
+      editingSheetId;
       setup() {
+          this.editingSheetId = this.env.model.getters.getActiveSheetId();
           if (this.props.rule) {
-              const sheetId = this.env.model.getters.getActiveSheetId();
               this.state.rule = {
                   ...this.props.rule,
-                  ranges: this.props.rule.ranges.map((range) => this.env.model.getters.getRangeString(range, sheetId)),
+                  ranges: this.props.rule.ranges.map((range) => this.env.model.getters.getRangeString(range, this.editingSheetId)),
               };
               this.state.rule.criterion.type = this.props.rule.criterion.type;
           }
@@ -55674,7 +55966,6 @@ stores.inject(MyMetaStore, storeInstance);
           const locale = this.env.model.getters.getLocale();
           const criterion = rule.criterion;
           const criterionEvaluator = criterionEvaluatorRegistry.get(criterion.type);
-          const sheetId = this.env.model.getters.getActiveSheetId();
           const values = criterion.values
               .slice(0, criterionEvaluator.numberOfValues(criterion))
               .map((value) => value?.trim())
@@ -55682,8 +55973,8 @@ stores.inject(MyMetaStore, storeInstance);
               .map((value) => canonicalizeContent(value, locale));
           rule.criterion = { ...criterion, values };
           return {
-              sheetId,
-              ranges: this.state.rule.ranges.map((xc) => this.env.model.getters.getRangeDataFromXc(sheetId, xc)),
+              sheetId: this.editingSheetId,
+              ranges: this.state.rule.ranges.map((xc) => this.env.model.getters.getRangeDataFromXc(this.editingSheetId, xc)),
               rule,
           };
       }
@@ -56814,7 +57105,7 @@ stores.inject(MyMetaStore, storeInstance);
           return undefined;
       }
       get isCalculatedMeasureInvalid() {
-          return this.env.model.getters.getMeasureCompiledFormula(this.props.measure).isBadExpression;
+          return compile(this.props.measure.computedBy?.formula ?? "").isBadExpression;
       }
   }
 
@@ -59529,16 +59820,16 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
-  class FullScreenChart extends owl.Component {
-      static template = "o-spreadsheet-FullScreenChart";
+  class FullScreenFigure extends owl.Component {
+      static template = "o-spreadsheet-FullScreenFigure";
       static props = {};
-      static components = { ChartDashboardMenu };
-      fullScreenChartStore;
-      ref = owl.useRef("fullScreenChart");
+      static components = { ChartFigure };
+      fullScreenFigureStore;
+      ref = owl.useRef("fullScreenFigure");
       spreadsheetRect = useSpreadsheetRect();
       figureRegistry = figureRegistry;
       setup() {
-          this.fullScreenChartStore = useStore(FullScreenChartStore);
+          this.fullScreenFigureStore = useStore(FullScreenFigureStore);
           const animationStore = useStore(ChartAnimationStore);
           let lastFigureId = undefined;
           owl.onWillUpdateProps(() => {
@@ -59550,7 +59841,7 @@ stores.inject(MyMetaStore, storeInstance);
           owl.useEffect((el) => el?.focus(), () => [this.ref.el]);
       }
       get figureUI() {
-          return this.fullScreenChartStore.fullScreenFigure;
+          return this.fullScreenFigureStore.fullScreenFigure;
       }
       get chartId() {
           if (!this.figureUI)
@@ -59559,7 +59850,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       exitFullScreen() {
           if (this.figureUI) {
-              this.fullScreenChartStore.toggleFullScreenChart(this.figureUI.id);
+              this.fullScreenFigureStore.toggleFullScreenFigure(this.figureUI.id);
           }
       }
       onKeyDown(ev) {
@@ -59567,15 +59858,10 @@ stores.inject(MyMetaStore, storeInstance);
               this.exitFullScreen();
           }
       }
-      get chartComponent() {
-          if (!this.chartId)
+      get figureComponent() {
+          if (!this.figureUI)
               return undefined;
-          const type = this.env.model.getters.getChartType(this.chartId);
-          const component = chartComponentRegistry.get(type);
-          if (!component) {
-              throw new Error(`Component is not defined for type ${type}`);
-          }
-          return component;
+          return figureRegistry.get(this.figureUI.tag).Component;
       }
   }
 
@@ -60798,7 +61084,7 @@ stores.inject(MyMetaStore, storeInstance);
                   (typeof parsedValue === "number"
                       ? detectDateFormat(content, locale) || detectNumberFormat(content)
                       : undefined);
-          if (!isTextFormat(format) && !isEvaluationError(content)) {
+          if (!isTextFormat(format) && !content.startsWith("'") && !isEvaluationError(content)) {
               content = toString(parsedValue);
           }
           return {
@@ -62278,11 +62564,11 @@ stores.inject(MyMetaStore, storeInstance);
                   break;
               }
               case "ADD_COLUMNS_ROWS": {
-                  const sizes = [...this.sizes[cmd.sheetId][cmd.dimension]];
+                  const sizes = this.sizes[cmd.sheetId][cmd.dimension];
                   const addIndex = getAddHeaderStartIndex(cmd.position, cmd.base);
                   const baseSize = sizes[cmd.base];
-                  sizes.splice(addIndex, 0, ...Array(cmd.quantity).fill(baseSize));
-                  this.history.update("sizes", cmd.sheetId, cmd.dimension, sizes);
+                  const newSizes = insertItemsAtIndex(sizes, Array(cmd.quantity).fill(baseSize), addIndex);
+                  this.history.update("sizes", cmd.sheetId, cmd.dimension, newSizes);
                   break;
               }
               case "RESIZE_COLUMNS_ROWS":
@@ -62433,9 +62719,8 @@ stores.inject(MyMetaStore, storeInstance);
                   break;
               }
               case "ADD_COLUMNS_ROWS": {
-                  const hiddenHeaders = [...this.hiddenHeaders[cmd.sheetId][cmd.dimension]];
                   const addIndex = getAddHeaderStartIndex(cmd.position, cmd.base);
-                  hiddenHeaders.splice(addIndex, 0, ...Array(cmd.quantity).fill(false));
+                  const hiddenHeaders = insertItemsAtIndex([...this.hiddenHeaders[cmd.sheetId][cmd.dimension]], Array(cmd.quantity).fill(false), addIndex);
                   this.history.update("hiddenHeaders", cmd.sheetId, cmd.dimension, hiddenHeaders);
                   break;
               }
@@ -66619,12 +66904,12 @@ stores.inject(MyMetaStore, storeInstance);
           this.rTrees[sheetId].remove(item, this.rtreeItemComparer);
       }
       rtreeItemComparer(left, right) {
-          return (left.data === right.data &&
-              left.boundingBox.sheetId === right.boundingBox.sheetId &&
+          return (left.boundingBox.sheetId === right.boundingBox.sheetId &&
               left.boundingBox?.zone.left === right.boundingBox.zone.left &&
               left.boundingBox?.zone.top === right.boundingBox.zone.top &&
               left.boundingBox?.zone.right === right.boundingBox.zone.right &&
-              left.boundingBox?.zone.bottom === right.boundingBox.zone.bottom);
+              left.boundingBox?.zone.bottom === right.boundingBox.zone.bottom &&
+              deepEquals(left.data, right.data));
       }
   }
   /**
@@ -66697,7 +66982,7 @@ stores.inject(MyMetaStore, storeInstance);
        * in the correct order they should be evaluated.
        * This is called a topological ordering (excluding cycles)
        */
-      getCellsDependingOn(ranges) {
+      getCellsDependingOn(ranges, ignore) {
           const visited = this.createEmptyPositionSet();
           const queue = Array.from(ranges).reverse();
           while (queue.length > 0) {
@@ -66712,7 +66997,7 @@ stores.inject(MyMetaStore, storeInstance);
               const impactedPositions = this.rTree.search(range).map((dep) => dep.data);
               const nextInQueue = {};
               for (const position of impactedPositions) {
-                  if (!visited.has(position)) {
+                  if (!visited.has(position) && !ignore.has(position)) {
                       if (!nextInQueue[position.sheetId]) {
                           nextInQueue[position.sheetId] = [];
                       }
@@ -67270,7 +67555,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       invalidatePositionsDependingOnSpread(sheetId, resultZone) {
           // the result matrix is split in 2 zones to exclude the array formula position
-          const invalidatedPositions = this.formulaDependencies().getCellsDependingOn(excludeTopLeft(resultZone).map((zone) => ({ sheetId, zone })));
+          const invalidatedPositions = this.formulaDependencies().getCellsDependingOn(excludeTopLeft(resultZone).map((zone) => ({ sheetId, zone })), this.nextPositionsToUpdate);
           invalidatedPositions.delete({ sheetId, col: resultZone.left, row: resultZone.top });
           this.nextPositionsToUpdate.addMany(invalidatedPositions);
       }
@@ -67388,7 +67673,7 @@ stores.inject(MyMetaStore, storeInstance);
           for (const sheetId in zonesBySheetIds) {
               ranges.push(...zonesBySheetIds[sheetId].map((zone) => ({ sheetId, zone })));
           }
-          return this.formulaDependencies().getCellsDependingOn(ranges);
+          return this.formulaDependencies().getCellsDependingOn(ranges, this.nextPositionsToUpdate);
       }
   }
   function forEachSpreadPositionInMatrix(nbColumns, nbRows, callback) {
@@ -68655,32 +68940,6 @@ stores.inject(MyMetaStore, storeInstance);
       }
       return undefined;
   });
-  function togglePivotCollapse(position, env) {
-      const pivotCell = env.model.getters.getPivotCellFromPosition(position);
-      const pivotId = env.model.getters.getPivotIdFromPosition(position);
-      if (!pivotId || pivotCell.type !== "HEADER") {
-          return;
-      }
-      const definition = env.model.getters.getPivotCoreDefinition(pivotId);
-      const collapsedDomains = definition.collapsedDomains?.[pivotCell.dimension]
-          ? [...definition.collapsedDomains[pivotCell.dimension]]
-          : [];
-      const index = collapsedDomains.findIndex((domain) => deepEquals(domain, pivotCell.domain));
-      if (index !== -1) {
-          collapsedDomains.splice(index, 1);
-      }
-      else {
-          collapsedDomains.push(pivotCell.domain);
-      }
-      const newDomains = definition.collapsedDomains
-          ? { ...definition.collapsedDomains }
-          : { COL: [], ROW: [] };
-      newDomains[pivotCell.dimension] = collapsedDomains;
-      env.model.dispatch("UPDATE_PIVOT", {
-          pivotId,
-          pivot: { ...definition, collapsedDomains: newDomains },
-      });
-  }
   iconsOnCellRegistry.add("pivot_dashboard_sorting", (getters, position) => {
       if (!getters.isDashboard()) {
           return undefined;
@@ -68899,7 +69158,8 @@ stores.inject(MyMetaStore, storeInstance);
           const topLeft = { col: unionZone.left, row: unionZone.top, sheetId };
           const parentSpreadingCell = this.getters.getArrayFormulaSpreadingOn(topLeft);
           if (!parentSpreadingCell) {
-              return false;
+              const evaluatedCell = this.getters.getEvaluatedCell(topLeft);
+              return (evaluatedCell.value === CellErrorType.SpilledBlocked && !evaluatedCell.errorOriginPosition);
           }
           else if (deepEquals(parentSpreadingCell, topLeft) && getZoneArea(unionZone) === 1) {
               return true;
@@ -79472,8 +79732,8 @@ stores.inject(MyMetaStore, storeInstance);
               left: `calc(50% - 1px)`, // -1px: we want the border to be on the center
               width: `30%`,
               height: `calc(100% - ${groupBox.headerRect.height / 2}px)`,
-              "border-left": `1px solid ${HEADER_GROUPING_BORDER_COLOR}`,
-              "border-bottom": groupBox.isEndHidden ? "" : `1px solid ${HEADER_GROUPING_BORDER_COLOR}`,
+              "border-left": `1px solid`,
+              "border-bottom": groupBox.isEndHidden ? "" : `1px solid`,
           });
       }
       get groupHeaderStyle() {
@@ -79525,8 +79785,8 @@ stores.inject(MyMetaStore, storeInstance);
               left: `${groupBox.headerRect.width / 2}px`,
               width: `calc(100% - ${groupBox.headerRect.width / 2}px)`,
               height: `30%`,
-              "border-top": `1px solid ${HEADER_GROUPING_BORDER_COLOR}`,
-              "border-right": groupBox.isEndHidden ? "" : `1px solid ${HEADER_GROUPING_BORDER_COLOR}`,
+              "border-top": `1px solid`,
+              "border-right": groupBox.isEndHidden ? "" : `1px solid`,
           });
       }
       get groupHeaderStyle() {
@@ -79765,6 +80025,7 @@ stores.inject(MyMetaStore, storeInstance);
       static components = { Menu };
       rootItems = topbarMenuRegistry.getMenuItems();
       menuRef = owl.useRef("menu");
+      containerRef = owl.useRef("container");
       state = owl.useState({
           menuItems: this.rootItems,
           title: _t("Menu Bar"),
@@ -79772,6 +80033,7 @@ stores.inject(MyMetaStore, storeInstance);
       });
       setup() {
           owl.useExternalListener(window, "click", this.onExternalClick, { capture: true });
+          owl.onMounted(this.updateShadows);
       }
       onExternalClick(ev) {
           if (!this.menuRef.el?.contains(ev.target)) {
@@ -79784,6 +80046,7 @@ stores.inject(MyMetaStore, storeInstance);
               this.state.parentState = { ...this.state };
               this.state.menuItems = children;
               this.state.title = menu.name(this.env);
+              this.containerRef.el?.scrollTo({ top: 0 });
           }
           else {
               this.state.menuItems = this.rootItems;
@@ -79805,6 +80068,19 @@ stores.inject(MyMetaStore, storeInstance);
               height: `${this.props.height}px`,
           });
       }
+      updateShadows() {
+          if (!this.containerRef.el) {
+              return;
+          }
+          this.containerRef.el.classList.remove("scroll-top", "scroll-bottom");
+          const maxScroll = this.containerRef.el.scrollHeight - this.containerRef.el.clientHeight || 0;
+          if (this.containerRef.el.scrollTop < maxScroll - 1) {
+              this.containerRef.el.classList.add("scroll-bottom");
+          }
+          if (this.containerRef.el.scrollTop > 0) {
+              this.containerRef.el.classList.add("scroll-top");
+          }
+      }
       onClickBack() {
           if (!this.state.parentState) {
               this.props.onClose();
@@ -79813,6 +80089,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.state.menuItems = this.state.parentState.menuItems;
           this.state.title = this.state.parentState.title;
           this.state.parentState = this.state.parentState.parentState;
+          this.containerRef.el?.scrollTo({ top: 0 });
       }
       get backTitle() {
           return this.state.parentState ? _t("Go to previous menu") : _t("Close menu bar");
@@ -79863,6 +80140,11 @@ stores.inject(MyMetaStore, storeInstance);
               ? this.composerFocusStore.focusMode
               : "inactive";
       }
+      get showFxIcon() {
+          return (this.focus === "inactive" &&
+              !this.composerStore.currentContent &&
+              !this.composerStore.placeholder);
+      }
       get rect() {
           return this.composerRef.el
               ? getBoundingRectAsPOJO(this.composerRef.el)
@@ -79878,8 +80160,9 @@ stores.inject(MyMetaStore, storeInstance);
               },
               focus: this.focus,
               composerStore: this.composerStore,
-              onComposerContentFocused: () => this.composerFocusStore.focusComposer(this.composerInterface, {
+              onComposerContentFocused: (selection) => this.composerFocusStore.focusComposer(this.composerInterface, {
                   focusMode: "contentFocus",
+                  selection,
               }),
               isDefaultFocus: false,
               inputStyle: cssPropertiesToCss({
@@ -79887,6 +80170,7 @@ stores.inject(MyMetaStore, storeInstance);
                   "max-height": `130px`,
               }),
               showAssistant: !isIOS(), // Hide assistant on iOS as it breaks visually
+              placeholder: this.composerStore.placeholder,
           };
       }
       get symbols() {
@@ -79905,13 +80189,6 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   const COMPOSER_MAX_HEIGHT = 300;
-  /* svg free of use from https://uxwing.com/formula-fx-icon/ */
-  // FIXME This svg is hardcoded in the css file. We should find a better way to handle it.
-  // const FX_SVG = /*xml*/ `
-  // <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 121.8 122.9' width='16' height='16' focusable='false'>
-  //   <path d='m28 34-4 5v2h10l-6 40c-4 22-6 28-7 30-2 2-3 3-5 3-3 0-7-2-9-4H4c-2 2-4 4-4 7s4 6 8 6 9-2 15-8c8-7 13-17 18-39l7-35 13-1 3-6H49c4-23 7-27 11-27 2 0 5 2 8 6h4c1-1 4-4 4-7 0-2-3-6-9-6-5 0-13 4-20 10-6 7-9 14-11 24h-8zm41 16c4-5 7-7 8-7s2 1 5 9l3 12c-7 11-12 17-16 17l-3-1-2-1c-3 0-6 3-6 7s3 7 7 7c6 0 12-6 22-23l3 10c3 9 6 13 10 13 5 0 11-4 18-15l-3-4c-4 6-7 8-8 8-2 0-4-3-6-10l-5-15 8-10 6-4 3 1 3 2c2 0 6-3 6-7s-2-7-6-7c-6 0-11 5-21 20l-2-6c-3-9-5-14-9-14-5 0-12 6-18 15l3 3z' fill='#BDBDBD'/>
-  // </svg>
-  // `;
   class TopBarComposer extends owl.Component {
       static template = "o-spreadsheet-TopBarComposer";
       static props = {};
@@ -79938,6 +80215,11 @@ stores.inject(MyMetaStore, storeInstance);
               ? this.composerFocusStore.focusMode
               : "inactive";
       }
+      get showFxIcon() {
+          return (this.focus === "inactive" &&
+              !this.composerStore.currentContent &&
+              !this.composerStore.placeholder);
+      }
       get composerStyle() {
           const style = {
               padding: "5px 0px 5px 8px",
@@ -80875,7 +81157,7 @@ stores.inject(MyMetaStore, storeInstance);
           SidePanels,
           SpreadsheetDashboard,
           HeaderGroupContainer,
-          FullScreenChart,
+          FullScreenFigure,
       };
       sidePanel;
       spreadsheetRef = owl.useRef("spreadsheet");
@@ -85599,6 +85881,7 @@ stores.inject(MyMetaStore, storeInstance);
       Grid,
       GridOverlay,
       ScorecardChart,
+      GaugeChartComponent,
       LineConfigPanel,
       BarConfigPanel,
       PieChartDesignPanel,
@@ -85637,7 +85920,7 @@ stores.inject(MyMetaStore, storeInstance);
       RadioSelection,
       GeoChartRegionSelectSection,
       ChartDashboardMenu,
-      FullScreenChart,
+      FullScreenFigure,
   };
   const hooks = {
       useDragAndDropListItems,
@@ -85737,9 +86020,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "19.1.0-alpha.3";
-  __info__.date = "2025-09-23T12:37:52.238Z";
-  __info__.hash = "ce2b07a";
+  __info__.version = "19.1.0-alpha.5";
+  __info__.date = "2025-10-16T06:39:55.925Z";
+  __info__.hash = "1a0e3d5";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);