@odoo/o-spreadsheet 16.4.29 → 16.4.31

package/dist/o-spreadsheet.iife.js

@@ -16383,7 +16383,7 @@
   /**
    * Get a default chart js configuration
    */
-  function getDefaultChartJsRuntime(chart, labels, fontColor, { format, locale }) {
+  function getDefaultChartJsRuntime(chart, labels, fontColor, { format, locale }, truncateLabels = true) {
       return {
           type: chart.type,
           options: {
@@ -16436,7 +16436,7 @@
               },
           },
           data: {
-              labels: labels.map(truncateLabel),
+              labels: truncateLabels ? labels.map(truncateLabel) : labels,
               datasets: [],
           },
       };
@@ -17279,9 +17279,9 @@
       }
       return true;
   }
-  function getLineConfiguration(chart, labels, localeFormat) {
+  function getLineConfiguration(chart, labels, localeFormat, truncateLabels = true) {
       const fontColor = chartFontColor(chart.background);
-      const config = getDefaultChartJsRuntime(chart, labels, fontColor, localeFormat);
+      const config = getDefaultChartJsRuntime(chart, labels, fontColor, localeFormat, truncateLabels);
       const legend = {
           labels: {
               fontColor,
@@ -17357,9 +17357,10 @@
           ({ labels, dataSetsValues } = aggregateDataForLabels(labels, dataSetsValues));
       }
       const locale = getters.getLocale();
+      const truncateLabels = axisType === "category";
       const dataSetFormat = getChartDatasetFormat(getters, chart.dataSets);
       const localeFormat = { format: dataSetFormat, locale };
-      const config = getLineConfiguration(chart, labels, localeFormat);
+      const config = getLineConfiguration(chart, labels, localeFormat, truncateLabels);
       const labelFormat = getChartLabelFormat(getters, chart.labelRange);
       if (axisType === "time") {
           config.options.scales.xAxes[0].type = "time";
@@ -19338,6 +19339,243 @@
       }
   }
 
+  function interactiveFreezeColumnsRows(env, dimension, base) {
+      const sheetId = env.model.getters.getActiveSheetId();
+      const cmd = dimension === "COL" ? "FREEZE_COLUMNS" : "FREEZE_ROWS";
+      const result = env.model.dispatch(cmd, { sheetId, quantity: base });
+      if (result.isCancelledBecause(68 /* CommandResult.MergeOverlap */)) {
+          env.raiseError(MergeErrorMessage);
+      }
+  }
+
+  const hideCols = {
+      name: HIDE_COLUMNS_NAME,
+      execute: (env) => {
+          const columns = env.model.getters.getElementsFromSelection("COL");
+          env.model.dispatch("HIDE_COLUMNS_ROWS", {
+              sheetId: env.model.getters.getActiveSheetId(),
+              dimension: "COL",
+              elements: columns,
+          });
+      },
+      isVisible: NOT_ALL_VISIBLE_COLS_SELECTED,
+      icon: "o-spreadsheet-Icon.HIDE_COL",
+  };
+  const unhideCols = {
+      name: _lt("Unhide columns"),
+      execute: (env) => {
+          const columns = env.model.getters.getElementsFromSelection("COL");
+          env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
+              sheetId: env.model.getters.getActiveSheetId(),
+              dimension: "COL",
+              elements: columns,
+          });
+      },
+      isVisible: (env) => {
+          const hiddenCols = env.model.getters
+              .getHiddenColsGroups(env.model.getters.getActiveSheetId())
+              .flat();
+          const currentCols = env.model.getters.getElementsFromSelection("COL");
+          return currentCols.some((col) => hiddenCols.includes(col));
+      },
+  };
+  const unhideAllCols = {
+      name: _lt("Unhide all columns"),
+      execute: (env) => {
+          const sheetId = env.model.getters.getActiveSheetId();
+          env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
+              sheetId,
+              dimension: "COL",
+              elements: Array.from(Array(env.model.getters.getNumberCols(sheetId)).keys()),
+          });
+      },
+      isVisible: (env) => env.model.getters.getHiddenColsGroups(env.model.getters.getActiveSheetId()).length > 0,
+  };
+  const hideRows = {
+      name: HIDE_ROWS_NAME,
+      execute: (env) => {
+          const rows = env.model.getters.getElementsFromSelection("ROW");
+          env.model.dispatch("HIDE_COLUMNS_ROWS", {
+              sheetId: env.model.getters.getActiveSheetId(),
+              dimension: "ROW",
+              elements: rows,
+          });
+      },
+      isVisible: NOT_ALL_VISIBLE_ROWS_SELECTED,
+      icon: "o-spreadsheet-Icon.HIDE_ROW",
+  };
+  const unhideRows = {
+      name: _lt("Unhide rows"),
+      execute: (env) => {
+          const columns = env.model.getters.getElementsFromSelection("ROW");
+          env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
+              sheetId: env.model.getters.getActiveSheetId(),
+              dimension: "ROW",
+              elements: columns,
+          });
+      },
+      isVisible: (env) => {
+          const hiddenRows = env.model.getters
+              .getHiddenRowsGroups(env.model.getters.getActiveSheetId())
+              .flat();
+          const currentRows = env.model.getters.getElementsFromSelection("ROW");
+          return currentRows.some((col) => hiddenRows.includes(col));
+      },
+  };
+  const unhideAllRows = {
+      name: _lt("Unhide all rows"),
+      execute: (env) => {
+          const sheetId = env.model.getters.getActiveSheetId();
+          env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
+              sheetId,
+              dimension: "ROW",
+              elements: Array.from(Array(env.model.getters.getNumberRows(sheetId)).keys()),
+          });
+      },
+      isVisible: (env) => env.model.getters.getHiddenRowsGroups(env.model.getters.getActiveSheetId()).length > 0,
+  };
+  const unFreezePane = {
+      name: _lt("Unfreeze"),
+      isVisible: (env) => {
+          const { xSplit, ySplit } = env.model.getters.getPaneDivisions(env.model.getters.getActiveSheetId());
+          return xSplit + ySplit > 0;
+      },
+      execute: (env) => env.model.dispatch("UNFREEZE_COLUMNS_ROWS", {
+          sheetId: env.model.getters.getActiveSheetId(),
+      }),
+      icon: "o-spreadsheet-Icon.UNFREEZE",
+  };
+  const freezePane = {
+      name: _lt("Freeze"),
+      icon: "o-spreadsheet-Icon.FREEZE",
+  };
+  const unFreezeRows = {
+      name: _lt("No rows"),
+      execute: (env) => env.model.dispatch("UNFREEZE_ROWS", {
+          sheetId: env.model.getters.getActiveSheetId(),
+      }),
+      isReadonlyAllowed: true,
+      isVisible: (env) => !!env.model.getters.getPaneDivisions(env.model.getters.getActiveSheetId()).ySplit,
+  };
+  const freezeFirstRow = {
+      name: _lt("1 row"),
+      execute: (env) => interactiveFreezeColumnsRows(env, "ROW", 1),
+      isReadonlyAllowed: true,
+  };
+  const freezeSecondRow = {
+      name: _lt("2 rows"),
+      execute: (env) => interactiveFreezeColumnsRows(env, "ROW", 2),
+      isReadonlyAllowed: true,
+  };
+  const freezeCurrentRow = {
+      name: _lt("Up to current row"),
+      execute: (env) => {
+          const { bottom } = env.model.getters.getSelectedZone();
+          interactiveFreezeColumnsRows(env, "ROW", bottom + 1);
+      },
+      isReadonlyAllowed: true,
+  };
+  const unFreezeCols = {
+      name: _lt("No columns"),
+      execute: (env) => env.model.dispatch("UNFREEZE_COLUMNS", {
+          sheetId: env.model.getters.getActiveSheetId(),
+      }),
+      isReadonlyAllowed: true,
+      isVisible: (env) => !!env.model.getters.getPaneDivisions(env.model.getters.getActiveSheetId()).xSplit,
+  };
+  const freezeFirstCol = {
+      name: _lt("1 column"),
+      execute: (env) => interactiveFreezeColumnsRows(env, "COL", 1),
+      isReadonlyAllowed: true,
+  };
+  const freezeSecondCol = {
+      name: _lt("2 columns"),
+      execute: (env) => interactiveFreezeColumnsRows(env, "COL", 2),
+      isReadonlyAllowed: true,
+  };
+  const freezeCurrentCol = {
+      name: _lt("Up to current column"),
+      execute: (env) => {
+          const { right } = env.model.getters.getSelectedZone();
+          interactiveFreezeColumnsRows(env, "COL", right + 1);
+      },
+      isReadonlyAllowed: true,
+  };
+  const viewGridlines = {
+      name: (env) => env.model.getters.getGridLinesVisibility(env.model.getters.getActiveSheetId())
+          ? _lt("Hide gridlines")
+          : _lt("Show gridlines"),
+      execute: (env) => {
+          const sheetId = env.model.getters.getActiveSheetId();
+          env.model.dispatch("SET_GRID_LINES_VISIBILITY", {
+              sheetId,
+              areGridLinesVisible: !env.model.getters.getGridLinesVisibility(sheetId),
+          });
+      },
+      icon: "o-spreadsheet-Icon.SHOW_HIDE_GRID",
+  };
+  const viewFormulas = {
+      name: (env) => env.model.getters.shouldShowFormulas() ? _lt("Hide formulas") : _lt("Show formulas"),
+      execute: (env) => env.model.dispatch("SET_FORMULA_VISIBILITY", { show: !env.model.getters.shouldShowFormulas() }),
+      isReadonlyAllowed: true,
+      icon: "o-spreadsheet-Icon.SHOW_HIDE_FORMULA",
+  };
+  const createRemoveFilter = {
+      name: (env) => selectionContainsFilter(env) ? _lt("Remove selected filters") : _lt("Create filter"),
+      isActive: (env) => selectionContainsFilter(env),
+      isEnabled: (env) => !cannotCreateFilter(env),
+      execute: (env) => createRemoveFilterAction(env),
+      icon: "o-spreadsheet-Icon.FILTER_ICON_INACTIVE",
+  };
+  function selectionContainsFilter(env) {
+      const sheetId = env.model.getters.getActiveSheetId();
+      const selectedZones = env.model.getters.getSelectedZones();
+      return env.model.getters.doesZonesContainFilter(sheetId, selectedZones);
+  }
+  function cannotCreateFilter(env) {
+      return !areZonesContinuous(...env.model.getters.getSelectedZones());
+  }
+  function createRemoveFilterAction(env) {
+      if (selectionContainsFilter(env)) {
+          env.model.dispatch("REMOVE_FILTER_TABLE", {
+              sheetId: env.model.getters.getActiveSheetId(),
+              target: env.model.getters.getSelectedZones(),
+          });
+          return;
+      }
+      if (cannotCreateFilter(env)) {
+          return;
+      }
+      env.model.selection.selectTableAroundSelection();
+      const sheetId = env.model.getters.getActiveSheetId();
+      const selection = env.model.getters.getSelectedZones();
+      interactiveAddFilter(env, sheetId, selection);
+  }
+
+  var ACTION_VIEW = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    hideCols: hideCols,
+    unhideCols: unhideCols,
+    unhideAllCols: unhideAllCols,
+    hideRows: hideRows,
+    unhideRows: unhideRows,
+    unhideAllRows: unhideAllRows,
+    unFreezePane: unFreezePane,
+    freezePane: freezePane,
+    unFreezeRows: unFreezeRows,
+    freezeFirstRow: freezeFirstRow,
+    freezeSecondRow: freezeSecondRow,
+    freezeCurrentRow: freezeCurrentRow,
+    unFreezeCols: unFreezeCols,
+    freezeFirstCol: freezeFirstCol,
+    freezeSecondCol: freezeSecondCol,
+    freezeCurrentCol: freezeCurrentCol,
+    viewGridlines: viewGridlines,
+    viewFormulas: viewFormulas,
+    createRemoveFilter: createRemoveFilter,
+    createRemoveFilterAction: createRemoveFilterAction
+  });
+
   const sortRange = {
       name: _lt("Sort range"),
       isVisible: IS_ONLY_ONE_RANGE,
@@ -19361,32 +19599,15 @@
       },
       icon: "o-spreadsheet-Icon.SORT_DESCENDING",
   };
-  const addDataFilter = {
-      name: _lt("Create filter"),
-      execute: (env) => {
-          const sheetId = env.model.getters.getActiveSheetId();
-          const selection = env.model.getters.getSelection().zones;
-          interactiveAddFilter(env, sheetId, selection);
-      },
-      isVisible: (env) => !SELECTION_CONTAINS_FILTER(env),
+  const addRemoveDataFilter = {
+      name: (env) => SELECTION_CONTAINS_FILTER(env) ? _lt("Remove filter") : _lt("Create filter"),
+      execute: (env) => createRemoveFilterAction(env),
       isEnabled: (env) => {
           const selectedZones = env.model.getters.getSelectedZones();
           return areZonesContinuous(...selectedZones);
       },
       icon: "o-spreadsheet-Icon.MENU_FILTER_ICON",
   };
-  const removeDataFilter = {
-      name: _lt("Remove filter"),
-      execute: (env) => {
-          const sheetId = env.model.getters.getActiveSheetId();
-          env.model.dispatch("REMOVE_FILTER_TABLE", {
-              sheetId,
-              target: env.model.getters.getSelectedZones(),
-          });
-      },
-      isVisible: SELECTION_CONTAINS_FILTER,
-      icon: "o-spreadsheet-Icon.MENU_FILTER_ICON",
-  };
   const splitToColumns = {
       name: _lt("Split text to columns"),
       sequence: 1,
@@ -19766,242 +19987,6 @@
     clearFormat: clearFormat
   });
 
-  function interactiveFreezeColumnsRows(env, dimension, base) {
-      const sheetId = env.model.getters.getActiveSheetId();
-      const cmd = dimension === "COL" ? "FREEZE_COLUMNS" : "FREEZE_ROWS";
-      const result = env.model.dispatch(cmd, { sheetId, quantity: base });
-      if (result.isCancelledBecause(68 /* CommandResult.MergeOverlap */)) {
-          env.raiseError(MergeErrorMessage);
-      }
-  }
-
-  const hideCols = {
-      name: HIDE_COLUMNS_NAME,
-      execute: (env) => {
-          const columns = env.model.getters.getElementsFromSelection("COL");
-          env.model.dispatch("HIDE_COLUMNS_ROWS", {
-              sheetId: env.model.getters.getActiveSheetId(),
-              dimension: "COL",
-              elements: columns,
-          });
-      },
-      isVisible: NOT_ALL_VISIBLE_COLS_SELECTED,
-      icon: "o-spreadsheet-Icon.HIDE_COL",
-  };
-  const unhideCols = {
-      name: _lt("Unhide columns"),
-      execute: (env) => {
-          const columns = env.model.getters.getElementsFromSelection("COL");
-          env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
-              sheetId: env.model.getters.getActiveSheetId(),
-              dimension: "COL",
-              elements: columns,
-          });
-      },
-      isVisible: (env) => {
-          const hiddenCols = env.model.getters
-              .getHiddenColsGroups(env.model.getters.getActiveSheetId())
-              .flat();
-          const currentCols = env.model.getters.getElementsFromSelection("COL");
-          return currentCols.some((col) => hiddenCols.includes(col));
-      },
-  };
-  const unhideAllCols = {
-      name: _lt("Unhide all columns"),
-      execute: (env) => {
-          const sheetId = env.model.getters.getActiveSheetId();
-          env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
-              sheetId,
-              dimension: "COL",
-              elements: Array.from(Array(env.model.getters.getNumberCols(sheetId)).keys()),
-          });
-      },
-      isVisible: (env) => env.model.getters.getHiddenColsGroups(env.model.getters.getActiveSheetId()).length > 0,
-  };
-  const hideRows = {
-      name: HIDE_ROWS_NAME,
-      execute: (env) => {
-          const rows = env.model.getters.getElementsFromSelection("ROW");
-          env.model.dispatch("HIDE_COLUMNS_ROWS", {
-              sheetId: env.model.getters.getActiveSheetId(),
-              dimension: "ROW",
-              elements: rows,
-          });
-      },
-      isVisible: NOT_ALL_VISIBLE_ROWS_SELECTED,
-      icon: "o-spreadsheet-Icon.HIDE_ROW",
-  };
-  const unhideRows = {
-      name: _lt("Unhide rows"),
-      execute: (env) => {
-          const columns = env.model.getters.getElementsFromSelection("ROW");
-          env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
-              sheetId: env.model.getters.getActiveSheetId(),
-              dimension: "ROW",
-              elements: columns,
-          });
-      },
-      isVisible: (env) => {
-          const hiddenRows = env.model.getters
-              .getHiddenRowsGroups(env.model.getters.getActiveSheetId())
-              .flat();
-          const currentRows = env.model.getters.getElementsFromSelection("ROW");
-          return currentRows.some((col) => hiddenRows.includes(col));
-      },
-  };
-  const unhideAllRows = {
-      name: _lt("Unhide all rows"),
-      execute: (env) => {
-          const sheetId = env.model.getters.getActiveSheetId();
-          env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
-              sheetId,
-              dimension: "ROW",
-              elements: Array.from(Array(env.model.getters.getNumberRows(sheetId)).keys()),
-          });
-      },
-      isVisible: (env) => env.model.getters.getHiddenRowsGroups(env.model.getters.getActiveSheetId()).length > 0,
-  };
-  const unFreezePane = {
-      name: _lt("Unfreeze"),
-      isVisible: (env) => {
-          const { xSplit, ySplit } = env.model.getters.getPaneDivisions(env.model.getters.getActiveSheetId());
-          return xSplit + ySplit > 0;
-      },
-      execute: (env) => env.model.dispatch("UNFREEZE_COLUMNS_ROWS", {
-          sheetId: env.model.getters.getActiveSheetId(),
-      }),
-      icon: "o-spreadsheet-Icon.UNFREEZE",
-  };
-  const freezePane = {
-      name: _lt("Freeze"),
-      icon: "o-spreadsheet-Icon.FREEZE",
-  };
-  const unFreezeRows = {
-      name: _lt("No rows"),
-      execute: (env) => env.model.dispatch("UNFREEZE_ROWS", {
-          sheetId: env.model.getters.getActiveSheetId(),
-      }),
-      isReadonlyAllowed: true,
-      isVisible: (env) => !!env.model.getters.getPaneDivisions(env.model.getters.getActiveSheetId()).ySplit,
-  };
-  const freezeFirstRow = {
-      name: _lt("1 row"),
-      execute: (env) => interactiveFreezeColumnsRows(env, "ROW", 1),
-      isReadonlyAllowed: true,
-  };
-  const freezeSecondRow = {
-      name: _lt("2 rows"),
-      execute: (env) => interactiveFreezeColumnsRows(env, "ROW", 2),
-      isReadonlyAllowed: true,
-  };
-  const freezeCurrentRow = {
-      name: _lt("Up to current row"),
-      execute: (env) => {
-          const { bottom } = env.model.getters.getSelectedZone();
-          interactiveFreezeColumnsRows(env, "ROW", bottom + 1);
-      },
-      isReadonlyAllowed: true,
-  };
-  const unFreezeCols = {
-      name: _lt("No columns"),
-      execute: (env) => env.model.dispatch("UNFREEZE_COLUMNS", {
-          sheetId: env.model.getters.getActiveSheetId(),
-      }),
-      isReadonlyAllowed: true,
-      isVisible: (env) => !!env.model.getters.getPaneDivisions(env.model.getters.getActiveSheetId()).xSplit,
-  };
-  const freezeFirstCol = {
-      name: _lt("1 column"),
-      execute: (env) => interactiveFreezeColumnsRows(env, "COL", 1),
-      isReadonlyAllowed: true,
-  };
-  const freezeSecondCol = {
-      name: _lt("2 columns"),
-      execute: (env) => interactiveFreezeColumnsRows(env, "COL", 2),
-      isReadonlyAllowed: true,
-  };
-  const freezeCurrentCol = {
-      name: _lt("Up to current column"),
-      execute: (env) => {
-          const { right } = env.model.getters.getSelectedZone();
-          interactiveFreezeColumnsRows(env, "COL", right + 1);
-      },
-      isReadonlyAllowed: true,
-  };
-  const viewGridlines = {
-      name: (env) => env.model.getters.getGridLinesVisibility(env.model.getters.getActiveSheetId())
-          ? _lt("Hide gridlines")
-          : _lt("Show gridlines"),
-      execute: (env) => {
-          const sheetId = env.model.getters.getActiveSheetId();
-          env.model.dispatch("SET_GRID_LINES_VISIBILITY", {
-              sheetId,
-              areGridLinesVisible: !env.model.getters.getGridLinesVisibility(sheetId),
-          });
-      },
-      icon: "o-spreadsheet-Icon.SHOW_HIDE_GRID",
-  };
-  const viewFormulas = {
-      name: (env) => env.model.getters.shouldShowFormulas() ? _lt("Hide formulas") : _lt("Show formulas"),
-      execute: (env) => env.model.dispatch("SET_FORMULA_VISIBILITY", { show: !env.model.getters.shouldShowFormulas() }),
-      isReadonlyAllowed: true,
-      icon: "o-spreadsheet-Icon.SHOW_HIDE_FORMULA",
-  };
-  const createRemoveFilter = {
-      name: (env) => selectionContainsFilter(env) ? _lt("Remove selected filters") : _lt("Create filter"),
-      isActive: (env) => selectionContainsFilter(env),
-      isEnabled: (env) => !cannotCreateFilter(env),
-      execute: (env) => createRemoveFilterAction(env),
-      icon: "o-spreadsheet-Icon.FILTER_ICON_INACTIVE",
-  };
-  function selectionContainsFilter(env) {
-      const sheetId = env.model.getters.getActiveSheetId();
-      const selectedZones = env.model.getters.getSelectedZones();
-      return env.model.getters.doesZonesContainFilter(sheetId, selectedZones);
-  }
-  function cannotCreateFilter(env) {
-      return !areZonesContinuous(...env.model.getters.getSelectedZones());
-  }
-  function createRemoveFilterAction(env) {
-      if (selectionContainsFilter(env)) {
-          env.model.dispatch("REMOVE_FILTER_TABLE", {
-              sheetId: env.model.getters.getActiveSheetId(),
-              target: env.model.getters.getSelectedZones(),
-          });
-          return;
-      }
-      if (cannotCreateFilter(env)) {
-          return;
-      }
-      env.model.selection.selectTableAroundSelection();
-      const sheetId = env.model.getters.getActiveSheetId();
-      const selection = env.model.getters.getSelectedZones();
-      interactiveAddFilter(env, sheetId, selection);
-  }
-
-  var ACTION_VIEW = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    hideCols: hideCols,
-    unhideCols: unhideCols,
-    unhideAllCols: unhideAllCols,
-    hideRows: hideRows,
-    unhideRows: unhideRows,
-    unhideAllRows: unhideAllRows,
-    unFreezePane: unFreezePane,
-    freezePane: freezePane,
-    unFreezeRows: unFreezeRows,
-    freezeFirstRow: freezeFirstRow,
-    freezeSecondRow: freezeSecondRow,
-    freezeCurrentRow: freezeCurrentRow,
-    unFreezeCols: unFreezeCols,
-    freezeFirstCol: freezeFirstCol,
-    freezeSecondCol: freezeSecondCol,
-    freezeCurrentCol: freezeCurrentCol,
-    viewGridlines: viewGridlines,
-    viewFormulas: viewFormulas,
-    createRemoveFilter: createRemoveFilter
-  });
-
   const colMenuRegistry = new MenuItemRegistry();
   colMenuRegistry
       .add("cut", {
@@ -20576,12 +20561,8 @@
       sequence: 20,
       separator: true,
   })
-      .addChild("add_data_filter", ["data"], {
-      ...addDataFilter,
-      sequence: 30,
-  })
-      .addChild("remove_data_filter", ["data"], {
-      ...removeDataFilter,
+      .addChild("add_remove_data_filter", ["data"], {
+      ...addRemoveDataFilter,
       sequence: 30,
   });
 
@@ -31419,7 +31400,7 @@
                   this.clearBorders(cmd.sheetId, cmd.target);
                   break;
               case "REMOVE_COLUMNS_ROWS":
-                  for (let el of cmd.elements) {
+                  for (let el of [...cmd.elements].sort((a, b) => b - a)) {
                       if (cmd.dimension === "COL") {
                           this.shiftBordersHorizontally(cmd.sheetId, el + 1, -1);
                       }
@@ -35790,6 +35771,353 @@
       }
   }
 
+  /**
+   * ####################################################
+   * # INTRODUCTION
+   * ####################################################
+   *
+   * This file contain the function recomputeZones.
+   * This function try to recompute in a performant way
+   * an ensemble of zones possibly overlapping to avoid
+   * overlapping and to reduce the number of zones.
+   *
+   * It also allows to remove some zones from the ensemble.
+   *
+   * In the following example, 2 zones are overlapping.
+   * Applying recomputeZones will return zones without
+   * overlapping:
+   *
+   * ["B3:D4", "D2:E3"]         ["B3:C4", "D2:D4", "E2:E3"]
+   *
+   *      A B C D E                    A B C D E
+   *    1       ___                  1       ___
+   *    2   ___|_  |                 2   ___| | |
+   *    3  |   |_|_|      --->       3  |   | |_|
+   *    4  |_____|                   4  |___|_|
+   *    6                            6
+   *    7                            7
+   *
+   *
+   * In the following example, 2 zones are contiguous.
+   * Applying recomputeZones will return only one zone:
+   *
+   *  ["B2:B3", "C2:D3"]               ["B2:D3"]
+   *
+   *       A B C D E                   A B C D E
+   *     1   _ ___                   1   _____
+   *     2  | |   |        --->      2  |     |
+   *     3  |_|___|                  3  |_____|
+   *     4                           4
+   *
+   *
+   * In the following example, we want to remove a zone
+   * from the ensemble. Applying recomputeZones will
+   * return the ensemble without the zone to remove:
+   *
+   *    remove ["C3:D3"]           ["B2:B4", "C2:D2",
+   *                                "C4:D4", "E2:E4"]
+   *
+   *       A B C D E F                 A B C D E F
+   *     1   _______                 1   _______
+   *     2  |       |       --->     2  | |___| |
+   *     3  |  xxx  |                3  | |___| |
+   *     4  |_______|                4  |_|___|_|
+   *     5                           5
+   *
+   *
+   * The exercise seems simple when we have only 2 zones.
+   * But with n zones and in a performant way, we want to
+   * avoid comparing each zone with all the others.
+   *
+   *
+   * ####################################################
+   * # Methodological approach
+   * ####################################################
+   *
+   * The methodological approach to avoid comparing each
+   * zone with all the others is to use a data structure
+   * that allow to quickly find which zones are
+   * overlapping with any other given zone.
+   *
+   * Here the idea is to profile the zones at the columns level.
+   *
+   * To do that, we propose to use a data structure
+   * composed of 2 parts:
+   * - profilesStartingPosition: a sorted number array
+   * indicating on which columns a new profile begins.
+   * - profiles: a map where the key is a column
+   * position (from profilesStartingPosition) and the
+   * value is a sorted number array representing a
+   * profile.
+   *
+   *
+   * See the following example:    here profileStartingPosition
+   *                               corresponds to [A,C,E,G,K]
+   *    A B C D E F G H I J K      so with number [0,2,4,6,10]
+   *  1    '   '   '       '
+   *  2    '   '   '_______'       here profile correspond
+   *  3    '___'   |_______|       for A to []
+   *  4    |   |                   for C to [3, 5]
+   *  5    |___|                   for E to []
+   *  6                            for G to [2, 3]
+   *  7                            for K to []
+   *
+   *
+   * Now we can easily find which zones are overlapping
+   * with a given zone. Suppose we want to add a new zone
+   * D5:H6 to the ensemble:
+   *
+   *                              With a binary search of left and right
+   *    A B C D E F G H I J K     on profilesStartingPosition, we can
+   *  1    '   '   '       '      find the indexes of the profiles on which
+   *  2    '   '   '_______'      to apply a modification.
+   *  3    '___'   |_______|
+   *  4    |  _|_______           Here we will:
+   *  5    |_|_|       |          - add a new profile in D   --> become [3, 6]
+   *  6      |_________|          - modify the profile in E  --> become [4, 6]
+   *  7                           - modify the profile in G  --> become [2, 3, 4, 6]
+   *                              - add a new profile in I   --> become [8, 10]
+   *
+   *  See below the result:
+   *
+   *                              Note the particularity of the profile
+   *    A B C D E F G H I J K     for G: it will correspond to [2, 3, 4, 6]
+   *  1    ' ' '   '   '   '
+   *  2    ' ' '   '___'___'      To know how to modify the profile (add a
+   *  3    '_'_'   |___|___|      zone or remove it) we do a binary
+   *  4    | | |___ ___           search of the top and bottom value on the
+   *  5    |_| |   |   |          profile array. Depending on the result index
+   *  6      |_|___|___|          parity (odd or even), because zone boundaries
+   *  7                           go by pairs, we know if we are in a zone or
+   *                              not and how operate.
+   */
+  /**
+   * Recompute the zone without the cells in toRemoveZones and avoid overlapping.
+   * This compute is particularly useful because after this function:
+   * - you will find coordinate of a cell only once among all the zones
+   * - the number of zones will be reduced to the minimum
+   */
+  function futureRecomputeZones(zones, zonesToRemove = []) {
+      const profilesStartingPosition = [0];
+      const profiles = new Map([[0, []]]);
+      modifyProfiles(profilesStartingPosition, profiles, zones, false);
+      modifyProfiles(profilesStartingPosition, profiles, zonesToRemove, true);
+      return constructZonesFromProfiles(profilesStartingPosition, profiles);
+  }
+  function modifyProfiles(// export for testing only
+  profilesStartingPosition, profiles, zones, toRemove = false) {
+      for (const zone of zones) {
+          const leftValue = zone.left;
+          const rightValue = zone.right === undefined ? undefined : zone.right + 1;
+          const leftIndex = findIndexAndCreateProfile(profilesStartingPosition, profiles, leftValue, true, 0);
+          const rightIndex = findIndexAndCreateProfile(profilesStartingPosition, profiles, rightValue, false, leftIndex);
+          for (let i = leftIndex; i <= rightIndex; i++) {
+              const profile = profiles.get(profilesStartingPosition[i]);
+              modifyProfile(profile, zone, toRemove);
+          }
+          // maybe this part cost in performance, and maybe it's not necessary (depending on the use case). To be checked
+          removeContiguousProfiles(profilesStartingPosition, profiles, leftIndex, rightIndex);
+      }
+  }
+  function findIndexAndCreateProfile(profilesStartingPosition, profiles, value, searchLeft, startIndex) {
+      if (value === undefined) {
+          // this is only the case when the value correspond to a bottom value that could be undefined
+          return profilesStartingPosition.length - 1;
+      }
+      const predecessorIndex = binaryPredecessorSearch(profilesStartingPosition, value, startIndex);
+      if (value != profilesStartingPosition[predecessorIndex]) {
+          // mean that the value is not ending/starting at the same position as the previous/next profile
+          // --> it's a new profile
+          // --> we need to add it
+          profilesStartingPosition.splice(predecessorIndex + 1, 0, value);
+          // suppose the               we want to add the       for the left value
+          // following profile         following zone:          'C', the predecessor index
+          //   for B: [1, 3]                "C3:D4"             correspond to 'B'.
+          //                                                    The next line code will
+          //       A B C D                A B C D               copy the profile of 'B'
+          //     1  '___'               1  '___'                to 'C'. In the rest of the
+          //     2  |   |       --->    2  |  _|_               process the 'modifyProfile'
+          //     3  |___|               3  |_|_| |              function will adapt the waiting
+          //     4                      4    |___|              'C' profile [1, 3] to the
+          //                                                    correct 'C' profile [1, 4]
+          profiles.set(value, [...profiles.get(profilesStartingPosition[predecessorIndex])]);
+          return searchLeft ? predecessorIndex + 1 : predecessorIndex;
+      }
+      return searchLeft ? predecessorIndex : predecessorIndex - 1;
+  }
+  /**
+   *  Suppose the following        Suppose we want to add          We want to have the
+   *  profile:                     the following zone:             following profile:
+   *
+   *       A B C D E F                  A B C D E F                     A B C D E F
+   *     1    '___'                   1    '   '                      1    '___'
+   *     2    |___|                   2    '___'                      2    |   |
+   *     3    '   '                   3    |   |                      3    |   |
+   *     4    '___'          -->      4    |   |            -->       4    |   |
+   *     6    |   |                   6    |___|                      6    |   |
+   *     7    |___|                   7                               7    |___|
+   *     8                            8                               8
+   *
+   *  the profile for 'C'          the top zone correspond        Here [2, 3, 5, 8] with [3, 7]
+   *  corresponds to:              to 3 and the bottom zone       would be merged into [2, 8]
+   *   ____  ____                  correspond to 6
+   *  [2, 3, 5, 8]                 would be the profile:          The difficulty of modify profile
+   *                                ____                          is to know what must be deleted
+   *  Note that the 'filled        [3, 7]                         and what must be added to the
+   *  zone' are always between                                    existing profile.
+   *  an even index and its
+   *  next index
+   *
+   */
+  function modifyProfile(profile, zone, toRemove = false) {
+      const topValue = zone.top;
+      const bottomValue = zone.bottom === undefined ? undefined : zone.bottom + 1;
+      const newPoints = [];
+      // Case we want to add a zone to the profile:
+      // - If the top predecessor index `topPredIndex` is even, it means the top of the zone is already positioned on a filled zone
+      // so we don't need to add it to the profile. we can keep in reference the index of the predecessor.
+      // - If it is odd, it means the top of the zone must be the beginning of a filled zone.
+      // so we can keep the index of the top position
+      // Case we want to remove a zone from the profile: it's the opposite of the previous case
+      const topPredIndex = binaryPredecessorSearch(profile, topValue, 0, false);
+      if ((topPredIndex % 2 !== 0 && !toRemove) || (topPredIndex % 2 === 0 && toRemove)) {
+          newPoints.push(topValue);
+      }
+      if (bottomValue === undefined) {
+          // The following two code lines will not impact the final result,
+          // but they will impact the intermediate profile.
+          // We keep them for performance reason
+          profile.splice(topPredIndex + 1);
+          profile.push(...newPoints);
+          return;
+      }
+      // Case we want to add a zone to the profile:
+      // - If the bottom successor index `bottomSuccIndex` is even, it means the bottom of the zone must be the ending of a filled zone
+      // so we can keep the index of the bottom position.
+      // - If it is odd, it means the bottom of the zone is already positioned on a filled zone
+      // so we don't need to add it to the profile. we can keep in reference the index of the successor
+      // Case we want to remove a zone from the profile: it's the opposite of the previous case
+      const bottomSuccIndex = binarySuccessorSearch(profile, bottomValue, 0, false);
+      if ((bottomSuccIndex % 2 === 0 && !toRemove) || (bottomSuccIndex % 2 !== 0 && toRemove)) {
+          newPoints.push(bottomValue);
+      }
+      // add the top and bottom value to the profile and
+      // remove all information between the top and bottom index
+      profile.splice(topPredIndex + 1, bottomSuccIndex - topPredIndex - 1, ...newPoints);
+  }
+  function removeContiguousProfiles(profilesStartingPosition, profiles, leftIndex, rightIndex) {
+      const start = leftIndex - 1 === -1 ? 0 : leftIndex - 1;
+      const end = rightIndex === profilesStartingPosition.length - 1 ? rightIndex : rightIndex + 1;
+      for (let i = end; i > start; i--) {
+          if (deepEqualsArray(profiles.get(profilesStartingPosition[i]), profiles.get(profilesStartingPosition[i - 1]))) {
+              profiles.delete(profilesStartingPosition[i]);
+              profilesStartingPosition.splice(i, 1);
+          }
+      }
+  }
+  function constructZonesFromProfiles(profilesStartingPosition, profiles) {
+      const mergedZone = [];
+      let pendingZones = [];
+      for (let colIndex = 0; colIndex < profilesStartingPosition.length; colIndex++) {
+          const left = profilesStartingPosition[colIndex];
+          const profile = profiles.get(left);
+          if (!profile || profile.length === 0) {
+              mergedZone.push(...pendingZones);
+              pendingZones = [];
+              continue;
+          }
+          let right = profilesStartingPosition[colIndex + 1];
+          if (right !== undefined) {
+              right--;
+          }
+          const nextPendingZones = [];
+          for (let i = 0; i < profile.length; i += 2) {
+              const top = profile[i];
+              let bottom = profile[i + 1];
+              if (bottom !== undefined) {
+                  bottom--;
+              }
+              const profileZone = {
+                  top,
+                  left,
+                  bottom,
+                  right,
+                  hasHeader: (bottom === undefined && top !== 0) || (right === undefined && left !== 0),
+              };
+              let findCorrespondingZone = false;
+              for (let j = pendingZones.length - 1; j >= 0; j--) {
+                  const pendingZone = pendingZones[j];
+                  if (pendingZone.top === profileZone.top && pendingZone.bottom === profileZone.bottom) {
+                      pendingZone.right = profileZone.right;
+                      pendingZones.splice(j, 1);
+                      nextPendingZones.push(pendingZone);
+                      findCorrespondingZone = true;
+                      break;
+                  }
+              }
+              if (!findCorrespondingZone) {
+                  nextPendingZones.push(profileZone);
+              }
+          }
+          mergedZone.push(...pendingZones);
+          pendingZones = nextPendingZones;
+      }
+      mergedZone.push(...pendingZones);
+      return mergedZone;
+  }
+  function binaryPredecessorSearch(arr, val, start = 0, matchEqual = true) {
+      let end = arr.length - 1;
+      let result = -1;
+      while (start <= end) {
+          const mid = Math.floor((start + end) / 2);
+          if (arr[mid] === val && matchEqual) {
+              return mid;
+          }
+          else if (arr[mid] < val) {
+              result = mid;
+              start = mid + 1;
+          }
+          else {
+              end = mid - 1;
+          }
+      }
+      return result;
+  }
+  function binarySuccessorSearch(arr, val, start = 0, matchEqual = true) {
+      let end = arr.length - 1;
+      let result = arr.length;
+      while (start <= end) {
+          const mid = Math.floor((start + end) / 2);
+          if (arr[mid] === val && matchEqual) {
+              return mid;
+          }
+          else if (arr[mid] > val) {
+              result = mid;
+              end = mid - 1;
+          }
+          else {
+              start = mid + 1;
+          }
+      }
+      return result;
+  }
+  /**
+   * Compares two arrays.
+   * For performance reasons, this function is to be preferred
+   * to 'deepEquals' in the case we know that the inputs are arrays.
+   */
+  function deepEqualsArray(arr1, arr2) {
+      if (arr1.length !== arr2.length) {
+          return false;
+      }
+      for (let i = 0; i < arr1.length; i++) {
+          if (!deepEquals(arr1[i], arr2[i])) {
+              return false;
+          }
+      }
+      return true;
+  }
+
   function quickselect(arr, k, left, right, compare) {
       quickselectStep(arr, k, left || 0, right || (arr.length - 1), compare || defaultCompare);
   }
@@ -36553,7 +36881,7 @@
           }
       }
       /**
-       * Return the cell and all cells that depend on it,
+       * Return all the cells that depend on the provided ranges,
        * in the correct order they should be evaluated.
        * This is called a topological ordering (excluding cycles)
        */
@@ -36564,11 +36892,20 @@
               const range = queue.pop();
               visited.addMany(this.encoder.encodeBoundingBox(range));
               const impactedPositionIds = this.rTree.search(range).map((dep) => dep.data);
+              const nextInQueue = {};
               for (const positionId of impactedPositionIds) {
                   if (!visited.has(positionId)) {
-                      queue.push(this.encoder.decodeToBoundingBox(positionId));
+                      const { sheetId, zone } = this.encoder.decodeToBoundingBox(positionId);
+                      if (!nextInQueue[sheetId]) {
+                          nextInQueue[sheetId] = [];
+                      }
+                      nextInQueue[sheetId].push(zone);
                   }
               }
+              for (const sheetId in nextInQueue) {
+                  const zones = futureRecomputeZones(nextInQueue[sheetId]);
+                  queue.push(...zones.map((zone) => ({ sheetId, zone })));
+              }
           }
           visited.deleteMany(ranges.flatMap((r) => this.encoder.encodeBoundingBox(r)));
           return visited;
@@ -36717,7 +37054,7 @@
               }
               if (!content) {
                   // The previous content could have blocked some array formulas
-                  impactedPositionIds.addMany(this.getArrayFormulasBlockedByOrSpreadingOn(positionId));
+                  impactedPositionIds.addMany(this.getArrayFormulasBlockedBy(positionId));
               }
           }
           return impactedPositionIds;
@@ -36761,13 +37098,22 @@
           }
           return positionIds;
       }
-      getArrayFormulasBlockedByOrSpreadingOn(positionId) {
+      /**
+       * Return the position of formulas blocked by the given position
+       * as well as all their dependencies.
+       */
+      getArrayFormulasBlockedBy(positionId) {
           if (!this.spreadingRelations.hasArrayFormulaResult(positionId)) {
               return [];
           }
           const arrayFormulas = this.spreadingRelations.getFormulaPositionsSpreadingOn(positionId);
           const cells = new JetSet(arrayFormulas);
-          cells.addMany(this.getCellsDependingOn(arrayFormulas));
+          const arrayFormulaPositionId = this.getArrayFormulaSpreadingOnId(positionId);
+          if (arrayFormulaPositionId) {
+              // ignore the formula spreading on the position. Keep only the blocked ones
+              cells.delete(arrayFormulaPositionId);
+          }
+          cells.addMany(this.getCellsDependingOn(cells));
           return cells;
       }
       nextPositionsToUpdate = new JetSet();
@@ -36934,7 +37280,7 @@
               }
               this.evaluatedCells.delete(child);
               this.nextPositionsToUpdate.addMany(this.getCellsDependingOn([child]));
-              this.nextPositionsToUpdate.addMany(this.getArrayFormulasBlockedByOrSpreadingOn(child));
+              this.nextPositionsToUpdate.addMany(this.getArrayFormulasBlockedBy(child));
           }
           this.spreadingRelations.removeNode(positionId);
       }
@@ -46753,7 +47099,6 @@
     cursor: pointer;
   }
 `;
-  let tKey = 1;
   class SpreadsheetDashboard extends owl.Component {
       static template = "o-spreadsheet-SpreadsheetDashboard";
       static components = {
@@ -46831,13 +47176,9 @@
                       coordinates: rect,
                       position: { col, row },
                       action,
-                      // we can't rely on position only because a row or a column could
-                      // be inserted at any time.
-                      tKey: `${tKey}-${col}-${row}`,
                   });
               }
           }
-          tKey++;
           return cells;
       }
       getClickableAction(position) {
@@ -51785,9 +52126,9 @@
   Object.defineProperty(exports, '__esModule', { value: true });
 
 
-  __info__.version = '16.4.29';
-  __info__.date = '2024-04-10T12:19:13.935Z';
-  __info__.hash = 'c022445';
+  __info__.version = '16.4.31';
+  __info__.date = '2024-04-26T07:37:06.433Z';
+  __info__.hash = '16d6656';
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);