@odoo/o-spreadsheet 19.1.0-alpha.2 → 19.1.0-alpha.4

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.2
- * @date 2025-09-19T07:26:49.306Z
- * @hash 8cc543d
+ * @version 19.1.0-alpha.4
+ * @date 2025-10-07T10:03:20.917Z
+ * @hash b7cfed8
  */
 
 (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];
@@ -5583,7 +5570,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 +5613,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 +5689,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 +5700,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 +5720,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 +6356,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
@@ -18636,7 +18671,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 +22428,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": {
@@ -24645,6 +24680,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() {
@@ -26564,7 +26600,7 @@ stores.inject(MyMetaStore, storeInstance);
               },
               pointLabels: {
                   color: chartFontColor(definition.background),
-                  callback: truncateLabel,
+                  callback: (label) => truncateLabel(label),
               },
               suggestedMin: minValue < 0 ? minValue - 1 : 0,
           },
@@ -27408,26 +27444,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 +27608,6 @@ stores.inject(MyMetaStore, storeInstance);
   class ZoomableChartJsComponent extends ChartJsComponent {
       static template = "o-spreadsheet-ZoomableChartJsComponent";
       store;
-      fullScreenChartStore;
       masterChartCanvas = owl.useRef("masterChartCanvas");
       masterChart;
       mode;
@@ -27603,7 +27618,6 @@ stores.inject(MyMetaStore, storeInstance);
       removeEventListeners = () => { };
       setup() {
           this.store = useStore(ZoomableChartStore);
-          this.fullScreenChartStore = useStore(FullScreenChartStore);
           super.setup();
       }
       unmount() {
@@ -27618,12 +27632,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 +27696,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 +27714,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 +27750,9 @@ stores.inject(MyMetaStore, storeInstance);
               }
           }
           this.resetAxesLimits();
+          if (this.chart?.options) {
+              this.chart.options.animation = false;
+          }
       }
       resetAxesLimits() {
           if (!this.chart) {
@@ -27837,7 +27850,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 +31408,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.
@@ -32132,12 +32165,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);
@@ -32153,6 +32187,9 @@ stores.inject(MyMetaStore, storeInstance);
           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 +32201,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 +32213,7 @@ stores.inject(MyMetaStore, storeInstance);
           figureUI: Object,
           onFigureDeleted: Function,
           editFigureStyle: { type: Function, optional: true },
+          isFullScreen: { type: Boolean, optional: true },
       };
       static components = { ChartDashboardMenu, MenuPopover };
       carouselTabsRef = owl.useRef("carouselTabs");
@@ -32183,8 +32221,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,18 +32271,19 @@ 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() {
           const cssProperties = {};
-          if (this.selectedCarouselItem?.type === "carouselDataView") {
-              cssProperties["background-color"] = "#ffffff";
-          }
-          else if (this.selectedCarouselItem?.type === "chart") {
+          if (this.selectedCarouselItem?.type === "chart") {
               const chart = this.env.model.getters.getChartRuntime(this.selectedCarouselItem.chartId);
               cssProperties["background-color"] = chart.background;
           }
+          else {
+              cssProperties["background-color"] = "#ffffff";
+          }
           return cssPropertiesToCss(cssProperties);
       }
       get title() {
@@ -32295,6 +32336,17 @@ 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);
+      }
   }
 
   class ChartFigure extends owl.Component {
@@ -32303,6 +32355,7 @@ stores.inject(MyMetaStore, storeInstance);
           figureUI: Object,
           onFigureDeleted: Function,
           editFigureStyle: { type: Function, optional: true },
+          isFullScreen: { type: Boolean, optional: true },
       };
       static components = { ChartDashboardMenu };
       onDoubleClick() {
@@ -32405,9 +32458,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;
@@ -51343,6 +51394,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;
           }
@@ -56814,7 +56868,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 +59583,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 +59604,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 +59613,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 +59621,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;
       }
   }
 
@@ -62278,11 +62327,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 +62482,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 +66667,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));
       }
   }
   /**
@@ -72879,7 +72927,10 @@ stores.inject(MyMetaStore, storeInstance);
           return "Success" /* CommandResult.Success */;
       }
       checkArrayFormulaInSortZone({ sheetId, zone }) {
-          const arrayFormulaInZone = positions(zone).some(({ col, row }) => this.getters.getArrayFormulaSpreadingOn({ sheetId, col, row }));
+          const arrayFormulaInZone = positions(zone).some(({ col, row }) => {
+              const originPosition = this.getters.getArrayFormulaSpreadingOn({ sheetId, col, row });
+              return originPosition && !deepEquals(originPosition, { sheetId, col, row });
+          });
           return arrayFormulaInZone ? "SortZoneWithArrayFormulas" /* CommandResult.SortZoneWithArrayFormulas */ : "Success" /* CommandResult.Success */;
       }
       /**
@@ -79469,8 +79520,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() {
@@ -79522,8 +79573,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() {
@@ -79860,6 +79911,9 @@ stores.inject(MyMetaStore, storeInstance);
               ? this.composerFocusStore.focusMode
               : "inactive";
       }
+      get showFxIcon() {
+          return this.focus === "inactive" && !this.composerStore.currentContent;
+      }
       get rect() {
           return this.composerRef.el
               ? getBoundingRectAsPOJO(this.composerRef.el)
@@ -79902,13 +79956,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 = {};
@@ -79935,6 +79982,9 @@ stores.inject(MyMetaStore, storeInstance);
               ? this.composerFocusStore.focusMode
               : "inactive";
       }
+      get showFxIcon() {
+          return this.focus === "inactive" && !this.composerStore.currentContent;
+      }
       get composerStyle() {
           const style = {
               padding: "5px 0px 5px 8px",
@@ -80872,7 +80922,7 @@ stores.inject(MyMetaStore, storeInstance);
           SidePanels,
           SpreadsheetDashboard,
           HeaderGroupContainer,
-          FullScreenChart,
+          FullScreenFigure,
       };
       sidePanel;
       spreadsheetRef = owl.useRef("spreadsheet");
@@ -85596,6 +85646,7 @@ stores.inject(MyMetaStore, storeInstance);
       Grid,
       GridOverlay,
       ScorecardChart,
+      GaugeChartComponent,
       LineConfigPanel,
       BarConfigPanel,
       PieChartDesignPanel,
@@ -85634,7 +85685,7 @@ stores.inject(MyMetaStore, storeInstance);
       RadioSelection,
       GeoChartRegionSelectSection,
       ChartDashboardMenu,
-      FullScreenChart,
+      FullScreenFigure,
   };
   const hooks = {
       useDragAndDropListItems,
@@ -85734,9 +85785,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "19.1.0-alpha.2";
-  __info__.date = "2025-09-19T07:26:49.306Z";
-  __info__.hash = "8cc543d";
+  __info__.version = "19.1.0-alpha.4";
+  __info__.date = "2025-10-07T10:03:20.917Z";
+  __info__.hash = "b7cfed8";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);